/* schriften */
body, div {
  font-size: 70%;
  line-height: 130%;
}
@media screen {
  div {
    font-size: 100%;
  }
  div.p {
    padding: 10px 0;
  }
  .contentpage.filialen div.p {
    padding: 0;
  }
}
#mainmenue {
  font-size: 100%;
}
#submenu {
  font-size: 90%;
}
#textLayer {
  font-size: 100%;
}
#textLayer .standardtext {
  line-height: 150%;
}
.footer {
  font-size: 100%;
}
/* farben */
body {
  color: #748592;
}
#textLayer {
  color: #FFFFFF;
}
#textLayer h1{
  color: #FFFFFF;
}
h1 {
  color: #748592;
}
h3 {
  color: #FFFFFF;
}
@media screen {
  .global {
    color: #828488;
  }
  .global a:link, .global a:visited {
    padding: 0 30px 0 8px;
    color: #828488;
    background: url(../img/pfeil_grey_small.gif) no-repeat 0 0.35em;
  }
  .global a:link.last, .global a:visited.last {
    padding: 0 0 0 8px;
  }
  .global a:hover, .global a:active {
    color: #E60005;
    text-decoration: none;
  }
  .more a:link, .more a:visited {
    padding: 0 30px 0 12px;
    color: #EA0001;
    background: url(../img/pfeil_more.gif) no-repeat 0 0.4em;
  }
  .more a:hover, .more a:active {
    color: #EA0001;
    text-decoration: underline;
  }
  .unsubscribe {
    position: relative;
    float: right;
    padding: 0.1em 0;
  }
  .unsubscribe a:link, .unsubscribe a:visited {
    padding: 0 0 0 12px;
    color: #EA0001;
    background: url(../img/pfeil_more_down.gif) no-repeat 0 0.4em;
  }
  .unsubscribe a:hover, .unsubscribe a:active {
    color: #EA0001;
    text-decoration: underline;
  }
  #footer {
    color: #898D92;
  }
  #footer a:link, #footer a:visited {
    padding: 0 0 0 20px;
    color: #898D92;
  }
  #footer a:hover, #footer a:active {
    color: #E60005;
    text-decoration: none;
  }
}

/* Formatierung */
a:link, a:visited {
  text-decoration: none;
}
a:active, a:hover {
  text-decoration:underline;
}
#product a:link, #product a:visited {
  display: block;
  width: 137px;
  height: 48px;
  padding: 6px 0 0 6px;
  color: #FFFFFF;
  text-decoration: none;
}
#product a:hover, #product a:active {
  text-decoration: none;
}
@media screen {
  .global {
    position: absolute;
    top: 36px;
    left: 654px;
    width: 281px;
  }
}
@media screen {
  /* Hauptmenue live */
  #mainmenue {
    position: absolute;
    top: 0;
    left: 158px;
    width: 468px;
    height: 23px;
    padding-top: 35px;
    font-weight: bold;
    overflow: hidden;
    border-right: 1px solid #FFFFFF;
    text-transform: uppercase;
  }
  #mainmenue ul {
    margin: 0;
    padding: 0;
    width: 593px;
  }
  #mainmenue li {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    border-right: 1px solid #C2BB39;
  }
  #mainmenue li.last {
    border-right: none;
  }
  #mainmenue .menue a:link, #mainmenue .menue a:visited {
    padding: 0 35px 0 35px;
    margin: 0;
    float: left;
    display: block;
    color: #727984;
  }
  #mainmenue .menue a:active, #mainmenue .menue a:hover {
    color: #E60004;
    text-decoration: none;
  }
  #mainmenue .menue a:visited.active, #mainmenue .menue a:link.active {
    color: #E60004;
  }
  #mainmenue .menue li.active a {
    color: #E60004 !important;
  }
}
@media screen {
  #bgbild {
    height: 570px; 
    background: url(../img/bg_linienverlauf.gif); 
    margin: 0;
  }
  #body {
    position: relative;
    width: 936px;
    height: 555px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: left;
  }
  #head {
    position: relative;
    height: 58px;
    padding: 0;
    margin: 0;
    background-color: #FFED00;
  }
  #colorbar {
    position: relative;
    height: 21px;
    padding: 0;
    margin: 0;
    background-color: #FFED00;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D9DBDE;
  }
  .homepage #colorbar {
    background-color: #FEED01;
    border-bottom: 1px solid #ACAFB6;
  }
  #main {
    position: relative;
    height: 450px;
    background-color: #FFFFFF;
  }
  .index #main {
    margin: 1px 0 0 0;
    background: url("../img/illu_index.jpg") no-repeat top left white;
    height: 396px;
  }
  #main .flash_header {
    position: relative;
    float: left;
  }
  .contentpage #main {
    position: relative;
    background-color: #FFFFFF;
  }
  .filialen #main {
    background: url(../img/bg_verlauf_content.gif) repeat-x;
  }
  #leftcolumn {
    position: relative;
    width: 156px;
    height: 450px;
    float: left;
    border-right: 1px solid #D9DBDE;
  }
  .filialen #leftcolumn {
    width: 311px;
    height: 450px;
  }
  #content {
    position: relative;
    width: 467px;
    height: 450px;
    float: left;
  }
  .filialen #content {
    width: 291px;
    height: 450px;
    margin: 0;
    padding: 0 0 0 20px;
    border-right: 1px solid #D9DBDE;
  }
  #illuRubrik {
    height: 346px;
  }
  #textLayer {
    position: absolute;
    padding: 30px 20px;
    margin: 0;
    top: 226px;
    left: 156px;
    width: 271px;
    height: 164px;
  }
  #rightcolumn {
    position: relative;
    width: 312px;
    height: 450px;
    float: left;
  }
  .filialen #rightcolumn {
    width: 272px;
    height: 420px;
    margin: 0;
    padding: 30px 20px 0 20px;
  }
  #footer {
    position: relative;
    padding: 0.3em 0 0.4em 0;
    margin: 0;
    height: 15px;
    background-color: #FEED01;
    border-top: 1px solid #D9DBDE;
  }
  .homepage #footer {
    border-top: 1px solid #ACAFB6;
  }
  .index #footer {
    color: #898d92;
    background: white;
    margin: 1px 0 0 0;
		padding-left: 15px;
		border: none;
  }
}
@media screen {
  .rubrikTxt {
    position: relative;
    margin: 18px 0 16px 26px;
    padding: 0;
  }
  .filialfinder {
    padding: 0 0 2em 0;
    margin-top: 60px;
  }
}

@media screen {
  #paging {
    position: absolute;
    padding: 11px 14px;
    margin: 0;
    top: 414px;
    left: 0;
    width: 284px;
    background-color: #FFFFFF;
    -moz-opacity:0.9;
  }
  #paging .back {
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
  }
  #paging .back a:link, #paging .back a:visited {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/paging_back_0.gif) no-repeat;
    float: left;
  }
  #paging .back a:active, #paging .back a:hover {
    background: url(../img/paging_back_1.gif) no-repeat;
  }
  #paging .forward {
    position: relative;
    float: right;
    width: 14px;
    height: 14px;
  }
  #paging .forward a:link, #paging .forward a:visited {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/paging_forward_0.gif) no-repeat;
    float: left;
  }
  #paging .forward a:active, #paging .forward a:hover {
    background: url(../img/paging_forward_1.gif) no-repeat;
  }
  #paging .page {
    position: relative;
    float: left;
  }
  #paging .page ul {
    margin: 0 0 0 90px;
    padding: 0;
    list-style: none;
  }
  #paging .page li {
    float: left;
  }
  #paging .page a:link, #paging .page a:visited {
    display: block;
    margin: 0 6px 0 0;
    padding: 0;
    width: 10px;
    height: 13px;
    background: url(../img/icon_page_0.gif) no-repeat;
  }
  #paging .page a:active, #paging .page a:hover {
    background: url(../img/icon_page_1.gif) no-repeat;
  }
  #paging .page a:link.active, #paging .page a:visited.active {
    background: url(../img/icon_page_1.gif) no-repeat;
  }
}
@media screen {
  /* Submenue */
  #submenu a:link, #submenu a:visited {
    color: #848873;
  }
  #submenu a:active, #submenu a:hover {
    color: #E50004;
  }
  #submenu {
    margin: 0;
    width: 156px;
    overflow: hidden;
    font-size: 100%;
  }
  #submenu ul {
    padding: 0;
    margin: 0 0 0 30px;
    list-style: none;
  }
  #submenu li {
    width: 126px;
  }
  #submenu li a:link, #submenu li a:visited {
    display: block;
    width: 126px;
    margin: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    text-decoration: none;
  }
  #submenu li.active a:link, #submenu li.active a:visited {
    color: #E50004;
  }
}
/* i-Link */
@media screen {
  div.ilink {
    position: absolute;
    top: 72px;
    left: 50%;
    width: 16px;
    height: 16px;
    z-index: 999;
    margin-bottom: -16px;
    margin-left:448px;
    overflow:hidden;
  }
}

/* Language Navigation */
@media screen {
  div#language_navigation {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    padding: 106px 0 0 452px;
    float: left;
  }
  div#language_navigation dl {
    list-style-type: none;
    padding: 10px 0 0 16px;
    margin: 0;
  }
  div#language_navigation dt {
    list-style-type: none;
    padding: 0;
    margin: 0 0 18px 0;
  }
  div#language_navigation dl dd {
    padding: 0 0 0 33px;
    margin: 0 0 12px 0;
    width: 115px;
    height: 18px;
    display: block;
    float: left;
  }
  div#language_navigation dl dd.de {
    background: url("../img/flag_index_de.gif") no-repeat top left;
  }
  div#language_navigation dl dd.en {
    background: url("../img/flag_index_en.gif") no-repeat top left;
  }
  div#language_navigation dl dd.de {
    background: url("../img/flag_index_de.gif") no-repeat top left;
  }
  div#language_navigation dl dd.nl {
    background: url("../img/flag_index_nl.gif") no-repeat top left;
  }
  div#language_navigation dl dd.benl {
    background: url("../img/flag_index_belgium_nl.gif") no-repeat top left;
  }
  div#language_navigation dl dd.nl_BE {
    background: url("../img/flag_index_belgium.gif") no-repeat top left;
  }
  div#language_navigation dl dd.befr {
    background: url("../img/flag_index_belgium_fr.gif") no-repeat top left;
  }
  div#language_navigation dl dd.bede {
    background: url("../img/flag_index_belgium_de.gif") no-repeat top left;
  }
  div#language_navigation dl dd.cz {
    background: url("../img/flag_index_cz.gif") no-repeat top left;
  }
  div#language_navigation dl dd.hu {
    background: url("../img/flag_index_hu.gif") no-repeat top left;
  }
  div#language_navigation dl dd.slo {
    background: url("../img/flag_index_slo.gif") no-repeat top left;
  }
  div#language_navigation dl dd.sl {
    background: url("../img/flag_index_slovenia.gif") no-repeat top left;
  }
  div#language_navigation dl dd.de_AT {
    background: url("../img/flag_index_austria.gif") no-repeat top left;
  }
  div#language_navigation dl dd.et {
    background: url("../img/flag_index_estonia.gif") no-repeat top left;
  }
  div#language_navigation dl dd.lv {
    background: url("../img/flag_index_latvia.gif") no-repeat top left;
  }
  div#language_navigation dl dd.lt {
    background: url("../img/flag_index_lithuania.gif") no-repeat top left;
  }
  div#language_navigation dl dd.ro {
    background: url("../img/flag_index_romania.gif") no-repeat top left;
  }
  div#language_navigation dl dd.ch {
    background: url("../img/flag_index_switzerland.gif") no-repeat top left;
  }
  div#language_navigation dl dd.chde {
    background: url("../img/flag_index_switzerland_de.gif") no-repeat top left;
  }
  div#language_navigation dl dd.chfr {
    background: url("../img/flag_index_switzerland_fr.gif") no-repeat top left;
  }
  div#language_navigation dl dd.chit {
    background: url("../img/flag_index_switzerland_it.gif") no-repeat top left;
  }
  div#language_navigation dl dd.pl {
    background: url("../img/flag_index_poland.gif") no-repeat top left;
  }
  div#language_navigation dl dd.rhr {
    background: url("../img/flag_index_croatia.gif") no-repeat top left;
    height: 24px;
  }
  div#language_navigation dl dd a {
    color: white;
  }
}