/* schriften */
body, div {
  font-size: 70%;
}
@media screen {
  div {
    font-size: 100%;
  }
}
#navigation .inputText {
  font-size: 90%;
}
#menu {
  font-size: 11px;
}
.home h1 {
  font-size: 160%;
}
#navigation h3 {
  font-size: 90%;
}
#navigation .infobox h3 {
  font-size: 100%;
}
@media screen {
  #navigation h3 {
    font-size: 100%;
    font-weight: bold;
  }
  #navigation .infobox h3 {
    font-size: 90%;
    font-weight: bold;
  }
  #navigation .infobox h4 {
    font-weight: normal;
  }
}
#content .linkbox {
  font-size: 90%;
}
#navigation .infobox div {
  font-size: 90%;
}
#navigation .infobox div div {
  font-size: 100%;
}
#submenu {
  font-size: 90%;
}
#submenu ul li strong {
  font-weight: normal;
}
@media screen {
  .linkDownload h3 {
    font-size: 85%;
    font-weight: bold;
  }
}
.linkDownload a:link, .linkDownload a:visited {
  font-size: 85%;
  font-weight: bold;
}
.linkDownload small {
  font-size: 85%;
}



/* farben */
body {
  color: #333333;
}
@media screen {
  body {
    background-image: url("/img/bg.gif");
    background-repeat: repeat-x;
    background-color: #ECECE3;
  }
}
.home h3 {
  color: #FFFFFF;
}
.subhead {
  color: #00285E;
}
h1.kontakt {
  color: #645F31;
}
h1.editorial {
  color: #666600;
}
h1.thema {
  color: #990000;
}
h1.service {
  color: #666600;
}

@media screen {
  .global a:link, .global a:visited {
    color: #B1BDCE;
    padding: 0 8px 0 6px;
    background: url(/img/pfeil_globalmenu.gif) no-repeat center left;
  }
  .global a:hover, .global a:active {
    color: #B1BDCE;
    text-decoration: none;
  }
  .globalfooter a:link, .globalfooter a:visited {
    color: #B1BDCE;
    padding: 0;
  }
  .globalfooter a:hover, .globalfooter a:active {
    color: #B1BDCE;
  }
  .paging a:link, .paging a:visited {
    color: #003366;
  }
  .paging a:hover, .paging a:active {
    color: #003366;
  }
  #menu {
    background-color: #00285E;
  }
  #menu a:link, #menu a:visited {
    color: white;
  }
  #navigation a:link, #navigation a:visited {
    color: #333333;
  }
  #navigation #submenu a:link, #navigation #submenu a:visited {
    color: #333333;
  }
  #navigation .infobox a:link, #navigation .infobox a:visited {
    color: #00285E;
  }
  #navigation .infobox a:hover, #navigation .infobox a:active {
    color: #00285E;
  }
  #navigation .service a:link, #navigation .service a:visited {
    color: #330000;
  }
  #navigation .service a:hover, #navigation .service a:active {
    color: #330000;
  }
  #navigation h3 a:link, #navigation h3 a:visited {
    color: black;
  }
  #content .linkbox {
    color: #00285E;
  }
  #content .linkbox h4 {
    color: #6282A1;
  }
  #content .imgLeft, #content .imgRight, #content .imgFull {
    background-color: #FFFFFF;
  }
  #content .imgLeftSmall, #content .imgRightSmall, #content .imgFullSmall {
    background-color: #FFFFFF;
  }
  .linkDownload h3 {
    color: #6282A1;
  }
}

.footer a:link, .footer a:visited {
  color: #2E5881;
}
.linkDownload {
    color: #00285E;
}
#navigation .infobox {
  color: #00285E;
}
#navigation .infobox h4 a:link, #navigation .infobox h4 a:visited {
  color: #00285E;
}
#navigation .infobox h3 {
  color: #6282A1;
}
.home .spitz {
  color: #00285E;
}
.spitz {
  color: #003366;
}
.globalfooter {
  background-color: #003366;
  color: #B1BDCE;
}
.home #content h3 {
  background-color: #597396;
  margin: 0 -20px 0 -20px;
  padding: 0.2em 0 0.2em 20px;
  height: 1.4em;
}
.home .service h3 {
  background-color: #00285E;
  margin: 0 -10px 0 -10px;
  padding: 0.3em 0 0.2em 10px;
  height: 1.3em;
}
#colourbar {
  background-color: #FFFFFF;
  border-color: #990000;
}
#navigation .service {
  background-color: #CC6600;
}

/* Formatierung */
a:link, a:visited {
  text-decoration: none;
}
a:active, a:hover {
  text-decoration: underline;
}
@media screen {
  .global {
    clear: both;
    height: 38px;
    padding-top: 13px;
    padding-right: 3px;
    line-height: 1em;
    background-color: #00285E;
  }
  .globalfooter {
    clear: both;
    height: 2.4em;
    line-height: 2.4em;
    padding-left: 20px;
  }
}
@media screen {
  #topmenu {
    float: right;
  }
  #navigation .inputText {
    width: 220px;
    margin: 0.6em 0 0.6em 0;
  }
}
#contentBorder {
  width: 765px;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #FFFFFF;
  background: url(/img/bg_content.gif) repeat-y;
}
.editorial #contentBorder {
  background: url(/img/bg_editorial.gif) repeat-y;
}
#head {
  position: relative;
  clear: both;
  width: 765px;
  height: 49px;
  padding: 0;
  margin: 0;
  background-color: #00285E;
}
.home #illu {
  height: 147px;
}
.content #illu {
  height: 65px;
  float: left;
}
.content #rubrikTxt {
  height: 65px;
  float: left;
}
.startContent #illu {
  height: 147px;
  float: left;
}
.startContent #rubrikTxt {
  background-color: #CC6600;
  height: 67px;
  padding: 80px 0 0 0;
  float: left;
}
.specials #rubrikTxt {
  background-color: #999933;
  float: left;
}
.editorial #illu {
  height: 65px;
  float: left;
}
.editorial #rubrikTxt {
  height: 65px;
  float: left;
}
@media screen {
  #colourbar {
    width: 746px;
    height: 1.4em;
    margin: 0;
    padding: 2px 10px 2px 4px;
    color: #4A668D;
    font-size: 90%;
    font-weight: bold;
    border-width: 0 0 0 5px;
    border-style: solid;
  }
  #colourbar a:link, #colourbar a:visited {
    padding: 0 0 0 8px; 
    color: #4A668D;
    background: url(/img/pfeil_blau_small.gif) no-repeat center left;
  }
  #colourbar a:active, #colourbar a:hover {
    text-decoration: none;
  }
  #ausgabe {
    position: absolute;
    top: 0;
    height: 49px;
    float: left;
  }
  #menu {
    position: absolute;
    top: 0;
    left: 256px;
    font-weight: normal;
    overflow: hidden;
    height: 49px;
  }
  #menu a:link, #menu a:visited {
    padding: 8px;
    height: 33px;
    color: #FFFFFF;
    float: left;
    width: 111px;
    background: url(/img/dotted_line_vertical.gif) repeat-y right;
  }
  #menu .menulast:link, #menu .menulast:visited {
    background: none;
  }
  #menu a:active, #menu a:hover {
    color: #B1BDCE;
    text-decoration: none;
  }
}

@media screen {
  #content {
    position: static;
    float: left;
    width: 471px;
    margin: 0 0 0 0;
    padding: 0 20px 0 20px;
    background-color: #E5EAEF;
    line-height: 1.3em;
  }
  .p {
    margin-bottom: 1.5em;
  }
}
@media screen {
  #content ul.distributor  {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #content ul.distributor li {
    padding-left: 20px;
    padding-bottom: 1em;
    background-image: url("/img/pfeil_blau.gif");
    background-repeat: no-repeat;
    background-position: 0 0.3em;
  }
  #content ul.verteiler {
    display: block; 
    margin: 0.5em 0 2em 0;
    list-style: none;
  }
  #content ul.verteiler li {
    padding-left: 0.8em;
    list-style: none;
    background-image: url("/img/pfeil_more.gif");
    background-repeat: no-repeat;
    background-position: 0 0.5em;
  }
  #content ul.verteiler li.map24 {  
    padding-top: 0.4em;
    padding-left: 2em;
    background-image: url("/img/symbol_denkmal2.gif");
    background-position: 0 0.2em;
    font-weight: bold;
  }
}
.footer {
  display: none;
}
@media screen {
  .paging {
    width: 471px;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .paging .back {
    position: relative;
    padding: 0 0 0.1em 0;
    float: left;
  }
  .paging .pages {
    position: relative;
    width: 447px;
    line-height: 1em;
    float: left;
  }
  .paging .forward {
    position: relative;
    padding: 0 0 0.1em 0;
    float: right;
  }
}
@media screen {
  .footer {
    display: block;
    clear: both;
    position: relative;
    margin: 0 0 0 0;
    padding: 3em 0 2em 20px;
    float: left;
  }
  .editorial .footer {
    padding: 3em 0 2em 276px;
  }
  .footer .print {
    float: left;
    width: 95px;
    margin: 0;
    padding: 0 0 2px 20px;
    background: url(/img/symbol_print.gif) no-repeat center left;
  }
  .footer .recommend {
    float: left;
    width: 110px;
    margin: 0;
    padding: 0 0 2px 20px;
    background: url(/img/symbol_recommend.gif) no-repeat center left;
  }
  .footer .opinion {
    float: left;
    width: 85px;
    margin: 0;
    padding: 0 0 2px 20px;
    background: url(/img/symbol_opinion.gif) no-repeat center left;
  }
  .footer .up {
    float: left;
    width: 105px;
    margin: 0;
    padding: 0 16px 2px 0;
    background: url(/img/symbol_up.gif) no-repeat center right;
    text-align: right;
  }
  .footer .upRight {
    margin-left: 350px;
    width: 105px;
    padding: 0 16px 2px 0;
    background: url(/img/symbol_up.gif) no-repeat center right;
    text-align: right;
  }
}


@media screen {
  #teaserHome {
    background: url(/img/bg_teaserhome.gif) repeat-y;
  }
  #teaser0 {
    float: left;
    width: 235px;
    background-color: #BFD0DD;
    padding: 5px 10px 5px 10px;
    color: #003366;
    overflow: hidden;
  }
  #teaser1 {
    float: left;
    width: 235px;
    padding: 5px 10px 5px 10px;
    color: #003366;
    background: url(/img/dotted_line_vertical_teaser.gif) repeat-y #BFD0DD;
    overflow: hidden;
  }
  #teaser2 {
    float: left;
    width: 235px;
    padding: 5px 10px 5px 10px;
    color: #003366;
    background: url(/img/dotted_line_vertical_teaser.gif) repeat-y #D5E0E9;
    overflow: hidden;
  }
}

@media screen {
  #navigation {
    float: left;
    width: 254px;
    position: static;
    background-color: #FFFFFF;
    padding-top: 10px;
    height: 100%;
  }
}

#navigation .infobox h3 {
  display: block;
}
#navigation .infobox div div {
  margin-top: -1em;
  margin-bottom: 1em;
}
@media screen {
  #navigation .infobox .right {
    margin-right: 0px;
    margin-left: 3px;
    clear: both;
  }
  #navigation .infobox {
    position: static;
    margin: 0 0 0 0;
    padding: 0 0 0.2em 0;
  }
  #navigation .infobox h3 {
    margin: -0.6em 0 0.2em 0;
    padding: 0 0 0 10px;
    height: 1.2em;
    line-height: 1.2em;
    background-image: none;
    border-width: 0 0 0 0;
  }
  #navigation .infobox h4 {
    margin: 2px 0 2px 0;
  }
  #navigation .infobox ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #navigation .infobox li {
    background-image: url("/img/pfeil_right_blue.gif");
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    padding-bottom: 0.4em;
  }
  #navigation .infobox li.active {
    background-image: url("/img/pfeil_right_red.gif");
    background-position: 0 0.4em;
  }
  #navigation .infobox div {
    margin: 0 20px 0.8em 10px;
  }
  #navigation .infobox div div {
    margin: 0;
  }
  #navigation .infobox img {
    position: static;
    margin: 0 0 6px 0px;
  }
}

@media screen {
  #navigation .service {
    position: relative;
    margin: -10px 0 10px 0;
    padding: 0 10px 0.4em 10px;
  }
  #navigation .service ul {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
  }
  #navigation .service li {
    padding-left: 22px;
    padding-bottom: 0.6em;
  }
  #navigation .service li.nachgefragt {
    background-image: url("/img/picto_nachgefragt.gif");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
  }
  #navigation .service li.aktuell {
    background-image: url("/img/picto_aktuell.gif");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
  }
  #navigation .service li.pinnwand {
    background-image: url("/img/picto_pinnwand.gif");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
  }
  #navigation .service li.brief {
    background-image: url("/img/picto_brief.gif");
    background-repeat: no-repeat;
    background-position: 0 0.2em;
  }
  #navigation .service li.surftipp {
    background-image: url("/img/picto_surftipp.gif");
    background-repeat: no-repeat;
    background-position: 1px 0.3em;
  }
  #navigation .service li.funk {
    background-image: url("/img/picto_funk.gif");
    background-repeat: no-repeat;
    background-position: 0 -0.3em;
  }
  #navigation .service li.buch {
    background-image: url("/img/picto_buch.gif");
    background-repeat: no-repeat;
    background-position: 1px 0.3em;
  }
}
@media screen {
  #content .linkbox {
    position: relative;
    margin: 0;
    padding: 0 25px 10px 0;
    float: left;
  }
  #content .linkbox h4 {
    margin: 0 0 0.6em 0;
    padding: 0;
  }
  #content .linkbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 210px;
  }
  #content .linkbox li {
    padding-left: 8px;
    padding-bottom: 0.6em;
    background-image: url("/img/pfeil_more.gif");
    background-repeat: no-repeat;
    background-position: 0 0.6em;
  }
  #content .linkDownload ul {
    display: block; 
    margin: 0.5em 0 0 0;
    list-style: none;
  }
  #content .linkDownload ul li {
    padding-left: 0.8em;
    list-style: none;
    background-image: url("/img/pfeil_more.gif");
    background-repeat: no-repeat;
    background-position: 0 0.5em;
  }
}
/* Layermenue */

@media screen {
  #popUpBox {
    position: absolute;
    left: 0;
    top: 49px;
    width: 509px;
    z-index: 100;
  }
  #popUpBox #layerMenue {
    position: relative;
    display: block;
    width: 509px;
    background-color: #385F8B;
    color: #FFFFFF;
    border: 1px solid #385F8B;
  }
  #popUpBox #layerMenue a:link, #popUpBox #layerMenue a:visited {
    color: #FFFFFF;
  }
  #popUpBox #layerMenue div img {
    padding-right: 10px;
  }
  #popUpBox #layerMenue .containerRight {
    width: 224px;
    float: left;
    padding: 5px 11px 10px 20px; 
  }
  #popUpBox #layerMenue .containerLeft {
    width: 234px;
    float: left;
    background: url(/img/dotted_line_vertical_menue.gif) repeat-y left;
    padding: 5px 10px 10px 10px;
  }
  #popUpBox #layerMenue .layerNews {
    width: 223px;
    margin-top: 5px;
    padding: 6px 0 6px 0;
    background-color: red;
    background: url(/img/bg_layermenue.gif) repeat-y;
  }
  #popUpBox #layerMenue ul {
    padding: 5px 0 5px 0;
    margin: 0;
    list-style: none;
  }
  #popUpBox #layerMenue ul li {
    padding: 0.2em 0 0.2em 12px;
    height: auto;
    margin: 0;
    background: url(/img/pfeil_right_white.gif) no-repeat 4px 0.6em #607FA2;
    border-bottom: 1px solid #385F8B;
  }
  #popUpBox #layerMenue .closeMenue {
    position: absolute;
    left: 490px;
    top: 5px;
  }
  #layerMenue {
    display: none;
  }
  .active {
    display: block;
  }
}

/* kontaktformular */

@media screen {
  .kontakt p {
    margin: 0;
    padding: 0;
  }
  .kontakt table, .kontakt tr, .kontakt td {
    border-spacing: 0;
    padding: 0;
    margin: 0;
  }
  .kontakt form {
    padding: 0;
    margin: 0;
  }
  .kontakt input {
    margin: 0 0 8px 0;
    padding: 0.1em;
    border: 1px solid #7289A6;
    width: 278px;
    font-size: 100%;
    color: #333333;
  }
  .kontakt textarea {
    margin: 2px 0 8px 0;
    padding: 0.1em;
    border: 1px solid #7289A6;
    width: 278px;
    height: 100px;
    font-family: Arial;
    font-size: 100%;
    color: #333333;
  }
  .kontakt label {
    margin: 0;
    padding: 0;
    font-family: Verdana;
    color: #333333;
    font-weight: bold;
    font-size: 90%;
  }
  .kontakt .button {
    position: relative;
    width: 110px;
    margin: 20px 0 0 0;
    padding: 1px 0 1px 15px;
    border: 0;
    background: url(/img/pfeil_blau.gif) no-repeat 0 0.3em;
    cursor: pointer;
    color: #003366;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    font-size: 100%;
  }
  .kontakt fieldset {
    border: 0;
    padding: 0;
  }
  .kontakt legend {
    display: none;
  }
}

/* leserbrief-formular */

@media screen {
  #ltte {
    padding: 0;
    margin: 0;
  }
  #ltte fieldset {
    border: 0;
    padding: 0;
  }
  #ltte legend {
    display: none;
  }
  #ltte p {
    margin: 0;
    padding: 0;
  }
  #ltte label {
    margin: 0;
    padding: 0;
    font-family: Verdana;
    color: #333333;
    font-weight: bold;
    font-size: 90%;
  }
  #ltte input {
    margin: 0 0 8px 0;
    padding: 0.1em;
    border: 1px solid #7289A6;
    width: 278px;
    font-size: 100%;
    color: #333333;
  }
  #ltte textarea {
    margin: 2px 0 8px 0;
    padding: 0.1em;
    border: 1px solid #7289A6;
    width: 278px;
    height: 100px;
    font-family: Arial;
    font-size: 100%;
    color: #333333;
  }
  #ltte .button {
    position: relative;
    width: 110px;
    margin: 20px 0 0 0;
    padding: 1px 0 1px 15px;
    border: 0;
    background: url(/img/pfeil_blau.gif) no-repeat 0 0.3em;
    cursor: pointer;
    color: #003366;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    font-size: 100%;
  }
}


/* -- seo -- */
h1.h1 {
  color: #00285E;
}

.home h2.h2 {
  font-size: 160%;
}

h2.kontakt-h2 {
  color: #645F31;
}
h2.editorial-h2 {
  color: #666600;
}
h2.thema-h2 {
  color: #990000;
}
h2.service-h2 {
  color: #666600;
}