@charset "UTF-8";
/*Standard CSS
www.baudynamik.de
Letzte Aktualisierung: 17.02.2017
*/

/*Reset
---------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Globals und Typo
---------------------------------*/
html{
background:#FFF;
}
body{
font-size:75%;
width:50em;
max-width:100%;
margin:0 auto;
}
html>body{
  font-size:19px;
  font-family:Helvetica,Arial,sans-serif;
}
a:link{
  color:#000090;
  text-decoration:none;
}
a:visited{
  color:#DD2000;
  text-decoration:none;
}
a:hover{
  color:#0000E6;
  text-decoration:underline;
}
a:focus{
  color:#0000E6;
  text-decoration:underline;
  background:#DFE1E2;
  outline:none;
}
/* Absatz- und Überschriftenformatierung */
p{
   font:1em/1.5em Helvetica,Arial,sans-serif;
   margin-top:1.5em;
   margin-bottom:1.5em;
   padding-left:0.5em;
   color:#424653;
}
h1{
   font:bold 1.5em/1.2em Helvetica,Arial,sans-serif;
   margin-top:0.9em;
   margin-bottom:0.9em;
   padding-left:0.2em;
   color:#424653;
}
h2{
   font:bold 1.2em/1.2em Helvetica,Arial,sans-serif;
   margin-top:1em;
   margin-bottom:1em;
   padding-left:0.2em;
   color:#424653;
}
h2.newsheading a:hover{
  color:#424653;
  text-decoration:none;
}
h2.sitemapheading a{
  color:#424653;
}
h2.sitemapheading a:hover{
  text-decoration:underline;
}
h3{
   font:1.33em/1.13em Helvetica,Arial,sans-serif;
   margin-top:1.13em;
   margin-bottom:1.13em;
   color:#424653;
}
h4{
   font:1.17em/1.29em Helvetica,Arial,sans-serif;
   margin-top:1.29em;
   margin-bottom:1.29em;
   color:#424653;
}
dt{
   font:bold 1em/1.5em Helvetica,Arial,sans-serif;
   margin-top:1em;
   color:#424653;
}
dd{
   font:1em/1.5em Helvetica,Arial,sans-serif;
   margin-left:1em;
   color:#424653;
}
/*Bilder und verlinkte Bilder ohne Rahmen */
img, a img{
  border:0;
}
/* - - - Layoutelemente - - - */
#wrapper{
  background:#FFF;
  margin:0 auto;
  width:50em;
  max-width:100%;
}
#header{
  clear:both;
  border-bottom:2px solid #5F7090;
  height:3.6em;
}
#logo{
  float:left;
  width:8.58em;
  height:1.67em;
  margin:1em 0.5em;
  position:relative;
}
  #logo a:focus{
    background:transparent;
    text-decoration:none;
}
@media screen and (min-width: 600px) {
#slogan{
 float:right;
 margin:0.5em 0.5em 0.5em 0;
 text-align:right;
}
.sloganueber{
   font:1.5em/1em Helvetica,Arial,sans-serif;
   color:#C4C4C4;
}
.slogantext{
   font:1em/1em Helvetica,Arial,sans-serif;
   color:#C4C4C4;
}}
@media screen and (max-width: 600px) {
#slogan{
	display:none;
}}
@media screen and (max-device-width: 480px) {
#slogan{
	display:none;
}}
/* Erste Navigationsebene */
#navigationEbene1 {
  float:left;
}
	@media screen and (min-width: 600px) {
    #navigationEbene1 li{
      background:#FFF;
      float:left;
    }
    #navigationEbene1 li a{
      color:#424653;
      display:block;
      padding:0.5em 1.5em;
    }}
    @media screen and (max-width: 600px) {
	#navigationEbene1 li{
	  background:#FFF;
      min-width:7em;
      float:left;
    }
    #navigationEbene1 li a{
      color:#424653;
      display:block;
      text-decoration:underline;
      text-decoration-style:dotted;
      padding:0.5em;
    }}
    @media screen and (max-device-width: 480px) { 
	#navigationEbene1 li{
	  background:#FFF;
      min-width:7em;
      float:left;
     }
    #navigationEbene1 li a{
      color:#424653;
      display:block;
      text-decoration:underline;
      text-decoration-style:dotted;
      padding:0.5em;
    }}      
      #navigationEbene1 li a:hover{
        color:#52617C;
      }
      #navigationEbene1 li a:focus{
        color:#001060;
      }
      #navigationEbene1 li a.active{
        background:#5F7090;
        color:#E9EAEB;
      }
.bild{
  clear:both;
  min-height:6em;
}
#startbild{
  clear:both;
  width:50em;
  height:19em;
  background:#FFF url(bilder/startbild.jpg) top no-repeat;
}
.bildertext{
  font:3.7em/1.8em Helvetica,Arial,sans-serif;
  color:#FFF;
  padding:0.7em 0 0 0.7em;
}
/* Zweite Navigationsebene */
#navigationEbene2 {
}
  #navigationEbene2 li{
        text-decoration:none;
  }
     @media screen and (min-width: 600px) {
    #navigationEbene2 li a{
      color:#424653;
      display:block;
      padding:0.5em 0.7em;
    }    
      #navigationEbene2 li a:hover{
        color:#52617C;
        text-decoration:none;
        border-left:1px solid #5F7090;
      }
      #navigationEbene2 li a:focus{
        color:#52617C;
        border-left:2px solid #5F7090;
      } 
      #navigationEbene2 li a.active{
        color:#52617C;
        text-decoration:none;
        border-left:2px solid #5F7090;
      }}
     @media screen and (max-width: 600px) {
    #navigationEbene2 li a{
      color:#424653;
      display:block;
      text-decoration:underline;
      text-decoration-style:dotted;
      padding:0.5em 0.7em;
    }     
      #navigationEbene2 li a:hover{
        color:#52617C;
        text-decoration:none;
      }
      #navigationEbene2 li a:focus{
        color:#52617C;
      } 
      #navigationEbene2 li a.active{
        background:#5F7090;
        color:#E9EAEB;
      }}     
     @media screen and (max-device-width: 480px) { 
    #navigationEbene2 li a{
      color:#424653;
      display:block;
      text-decoration:underline;
      text-decoration-style:dotted;
      padding:0.5em 0.7em;
    }     
      #navigationEbene2 li a:hover{
        color:#52617C;
        text-decoration:none;
      }
      #navigationEbene2 li a:focus{
        color:#52617C;
      } 
      #navigationEbene2 li a.active{
        background:#5F7090;
        color:#E9EAEB;
      }}    
.liste{
   font:1em/1.5em Helvetica,Arial,sans-serif;
   list-style:disc;
   margin-top:1.5em;
   margin-bottom:1.5em;
   padding-left:2em;
   color:#424653;
}
.sitemapliste{
   font:1em/1.5em Helvetica,Arial,sans-serif;
   list-style:disc;
   margin-top:1.5em;
   margin-bottom:1.5em;
   padding-left:2em;
   color:#424653;
}
  .sitemapliste a{
    color:#424653;
  }
  .sitemapliste a:hover{
    text-decoration:underline;
  }  
.sitemaplisteEbene2{
   font:1em/1.5em Helvetica,Arial,sans-serif;
   list-style:circle;
   margin-top:1.5em;
   margin-bottom:1.5em;
   padding-left:2em;
   color:#424653;
}
  .sitemaplisteEbene2 a{
    color:#424653;
  }
  .sitemaplisteEbene2 a:hover{
    text-decoration:underline;
  }
@media screen and (min-width: 600px) {
.werbung{
	background:#FFF url(bilder/news/gütesiegel.jpg) top no-repeat;
	width:150px;
	height:150px;
	margin:2.5em;
}}
@media screen and (max-width: 600px) {
.werbung{
	display:none;
}}
@media screen and (max-device-width: 480px) {
.werbung{
	display:none;
}}
@media screen and (min-width: 600px) {
.werbung_en{
	background:#FFF url(bilder/news/gütesiegel_en.jpg) top no-repeat;
	width:150px;
	height:150px;
	margin:2.5em;
}}
@media screen and (max-width: 600px) {
.werbung_en{
	display:none;
}}
@media screen and (max-device-width: 480px) {
.werbung_en{
	display:none;
}}	
#menubox{
  width:13em;
  float:left;
  margin:1.6em 0.5em;
}
#content{
  float:right;
  width:33em;
  max-width:100%;
}
.dakks{
    float:left;
    margin:0 -4em 0 2em;
}
.dakks_klein{
	float:right;
	margin:12em -9em 0 0;   
}
.dakks_text{
	font:0.7em/1em Helvetica,Arial,sans-serif;
	margin-top:5em;
	margin-bottom:4em;
	padding-left:0.5em;
	color:#424653;
}
.notifizierung{
    float:left;
    margin-left:3em;
    margin-right:0.5em;
}
.notifizierung_text{
	font:0.7em/1em Helvetica,Arial,sans-serif;
	margin:4em 0 1.5em 0;
	color:#424653;
}
#flyerliste{
  font:1em/1.5em Helvetica,Arial,sans-serif;
  margin-top:1.5em;
  margin-bottom:1.5em;
  padding-left:2em;
  color:#424653;
  list-style-position:outside;
}
#flyerliste li a{
  color:#424653;
}
#flyerliste li a:visited{
  color:#DD2000;
  text-decoration:none;
}
.fotobox{
  float:right;
  margin:1em 0 1em 0;
}
.fotobox_text{
  float:right;
  width:10em;
  margin:0.5em 0 0.5em 1em;
}
@media screen and (min-width: 600px) {
#footer{
  clear:both;
  background:transparent url(bilder/zs_quer.jpg) bottom no-repeat;
  color:#424653;
  padding:11em 0.2em 2em 0.6em;
}}
@media screen and (max-width: 600px) {
#footer{
  clear:both;
  background:transparent url(bilder/zs_quer_klein.jpg) bottom no-repeat;
  color:#424653;
  padding:4em 0.2em 2em 0.6em;
}}
@media screen and (max-device-width: 480px) {
#footer{
  clear:both;
  background:transparent url(bilder/zs_quer_klein.jpg) bottom no-repeat;
  color:#424653;
  padding:4em 0.2em 2em 0.6em;
}}
#info {
  float:right;
  list-style-type:none;
}
*:first-child+html #info{
  float:right;
  margin-top:-1em;
  list-style-type:none;
}
* html #info{
  float:right;
  margin-top:-1em;
  list-style-type:none;
}
  #info li{
    background:transparent;
    float:right;
    margin-top:0.5em;
    padding:0 0.5em;
    position:relative;
    border-left:1px solid #424653;
  }
    #info li a{
      color:#424653;
      display:block;
    }
      #info li a:focus{
        background:transparent;
        color:#424653;
        display:block;
        padding:0 0.5em;
      }