/* basic elements */

body {
	background-image:url(images/main/dune2.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	font: normal 90% Helvetica, Arial, sans-serif;
	color: #999;
	background-attachment: fixed;
	background-color:#BECFE3;
}


  a:link {
    font: normal 15px Helvetica, Arial, sans-serif;
    color: #999; 
  }
  
  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:12px;
	color: #BBA57C;
	font-weight: bold;
  }
  
  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:12px;
	color: #BBA57C;
  }
  
  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BBA57C;
	margin-top:0;
	margin-bottom:5px;
  }
  
  
.lauftext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 140%;
}
.subline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
.subblau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #BBA57C;
}

  
  /* div elements */
  
  
 
 #head {
	width: 836px;
	top: 0px;
}


  div#container {
	margin: 0 1px 1px;
	width: 836px;
	padding: 0 3px 0 3px;
	margin: 0 auto;
	background-color:#d2dde8;
	border-left: 1px solid #A7B3C1;
	border-right: 1px solid #A7B3C1;
	border-bottom-color: #A7B3C1;
	border-bottom-style: solid;
	border-top-color: #A7B3C1;
  }
  
   #center{
   margin: 0 auto;
   text-align:center;
   padding-top:10%;
   width:600px;
	
  }
  
  div#top_l {
	background-image:url(images/main/Bilder/wolkemid_01.jpg);
	background-position:top left;
	background-repeat:repeat-x;
  }
  div#top_r {
	background-image:url();
	background-position:top right;
	background-repeat:no-repeat;	
  }
  
  
  /* navigation*/
  
  div#Rahmen {
    width: 811px;
	height: 30px;
    padding-left:25px;
    border: none;
    background-image:url(images/main/nav_back.jpg);
  }
  
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 836px;
    w\idth: 836px;
  }
 
  ul#Navigation {
    margin: 0; padding: 2px;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0px; padding: 0;
	display: inline;

  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul {
    width: 100%;
    margin: 0; padding: 0;
    position: absolute;
    top: 24px; left: 0;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:#999; padding-bottom:0.0em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0em;
	z-index: 4;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 100px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.3em 1em;
    text-decoration: none; font-weight: normal;
    background-image:url(images/main/link_back.jpg); 
	z-index: 4;
  }
      /* Workaround fuer den IE 7 */
  * first-child+html ul#Navigation ul {
    background-color:silver; padding-bottom:0.4em;
  }

  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }

  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    color: white; background-image:url(images/main/link_over.jpg);
	z-index: 4;
  }
  
  ul#Navigation a:visited {
    color: white; 
  }
  
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #999;
  }
  


/* right div elements */


.ro {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/main/textfeld/Bilder/tex_01.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	font-size: 12px;
	line-height: 140%;
	color: #999999;
	text-align: left;
	margin-left:250px;
}


.lu {
	background-image:url(images/main/textfeld/Bilder/tex_03.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	margin:0;
}

.tasse {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	text-align:right;
    float:right;

}


/* left div elements */


.inhalt {
	margin:0;
	padding:15px 15px 30px 15px;
}


.ro_side {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/main/side/Bilder/side_01.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	font-size: 12px;
	line-height: 110%;
	color: #999999;
	text-align: left;
	padding: 0px;
	width: 249px;
	top: 0px;
	float: left;
}	

.unten_side {
	background-image:url(images/main/side/Bilder/side_02.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	height: auto;
	margin:0;
	width: 249px;
}

side.inhalt {
	margin:0;
	padding:15px;
}


/* specialz */


.kl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	line-height: 120%;
	color: #bccfe2;
}

.indexhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 120%;
	color: #FFFFFF;
}



/* bottom div */ 


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top:5px;
	color: #FFFFFF;
	background-image: url(images/main/footer.jpg);
	background-repeat:no-repeat;
	text-align:center;
}