html{height:100%;}
body {background-color: #ced0d2; color:black; text-align: center; margin: 0; height:98%;}
html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, fieldset, img, li, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif ; }

h1, h1 a {color:#008cd9; font-size: 16px;font-weight: bold;text-decoration: none; text-align: left; padding:0; margin:0;}
h1 .menuetop{}
h2 {color: white;font-size: 12px;font-weight: bold;text-decoration: none;text-align: left;}
h3 {color: white;font-size: 11px;font-weight: bold;line-height: 20px;text-decoration: none;text-align: center;}
h6 {padding:0; margin:0;}
a:link, a:visited {color: black;text-decoration: none;}
a:hover, a:active {color: #A00000;text-decoration: none;}
hr{ color: #008cd9; background-color: #008cd9; margin: 8px 0; height: 1px; border: none }

.text a:link, .text a:visited {text-decoration: underline;}
.text a:hover, .texta:active {text-decoration: underline;}

#menuedokument{margin:5px 5px 5px 5px}

#layer8footer{ height: 15px; width: 966px;clear:both; text-align: center;}

.homelinkbox{ width:180px; height:180px; float:left; margin:0 8px 12px 0; }


.headline1 {background-color: black; padding:10px 15px 0;margin:0}
.headline {background-color: black; padding:0px 15px 0;margin:0}
.headline h1, .headline h1 a, .headline1 h1, .headline1 h1 a{ color:#bae4f9; padding:0px; margin:0px}
.headline h6, .headline1 h6 { color:white; font-size: 12px; font-weight: normal; padding:0; margin:0; }
.headlinetop{width:575px; height:13px;  padding:0; margin:0;}
.headlinebottom{ width:575px; height:13px;  margin:0 0 5px 0; padding:0;}

.extracontent h2{margin:0px 30px 20px 30px; color:#bae4f9;}
.innercontenttop{ color: black; padding:0 15px;  background-image: url(basics/pics/contenttop-t.png); background-repeat: no-repeat; background-position: center top; margin: 0 0 20px 0;}
.innercontenttop H1{margin:0px 0 0 0}
.innercontenttop H1 a{margin:0px 0 0 0; padding: 8px 15px 10px ; display: block; color:#bae4f9; background-image: url(basics/pics/contenttop-b.png); background-repeat: no-repeat; background-position: center bottom;}

#menucontainer{position: absolute;  z-index:100; height: 34px; width: 966px; margin:0 0 0; padding:0; top:0px}

#layer3menue1 {z-index:50; background-position: right top;height: 34px; width: 966px;
background-image: url(basics/pics/menue1-schatten.png); background-repeat: no-repeat;  

*background-image:none; /* turn off the standard css background for IE */
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='basics/pics/menue1-schatten.png', sizingMethod='crop'); 
    }
#layer3menue1 a{position:relative;}

.menuul,#menuul2 {margin: 0;padding: 0;list-style: none;}
#menuul2 li {position: relative;}
#menuul2{margin:0 0 0 10px;}

.menuul{line-height: 13px;padding:0 0 10px 0; background-image: url(basics/pics/bg1-schatten.png); background-repeat: no-repeat; background-position: right bottom;}

li .menuul {position: absolute;left: 0px; top: 25px;width:auto;display: none;text-align: left; line-height: 14px;}
.menuul li{margin: 0; padding: 0 10px;font-size: 12px;font-weight: normal;line-height: 14px; }
/* Styles for Menu Items */
.menuul li a {display: block;text-decoration: none;color: black; /* IE6 Bug */white-space: nowrap; }
.menuul li a:hover{color: #A00000;text-decoration: none;}

.nav, .nav2 {float:left;line-height: 28px;}
.nav a:hover{color:black}

.current,.current a:link, .current a:visited{color:#008cd9;font-style: italic;font-weight: bold;}
.current2,.current2 a:link, .current2 a:visited{color:white;font-style: normal;}
/* Holly Hack. IE Requirement \*/
* html .menuul li { float: left; height: 1%; }
* html .menuul li a { height: 1%;}
/* End */
li:hover .menuul, li.over .menuul { display: block; } /* The magic */

#schatten{position:relative;background-image: url(basics/pics/bg1-schatten.png); background-repeat: no-repeat; background-position: right top ;height: 150px; width: 6px;float:right;}

#layer5breadcrump { z-index:9; position:absolute; background-image: url(basics/pics/bread-bg1-schatten-trans.png); background-repeat: no-repeat; background-position: right bottom;   height: 26px; width: 966px; margin:0; }
#innerbreadcrump { padding:3px 0 0 0 ; margin: 0 0 0 330px;}
#innerbreadcrump ul{ color: #fff; padding: 10px 0 0 0; list-style-type: none;  margin: 0 0 0 376px; }
#innerbreadcrump ul li{ color: #fff; font-size: 12px; float:left; margin: 0 2px; font-size:12px}
#innerbreadcrump ul li a{ color: #fff; font-size: 12px; float:left; list-style-type: none; list-style-image: none; font-size:13px}
#innerbreadcrump ul li a:hover { color: #fff;}
.breads, .breads a:link, .breads a:visited{color: #fff; font-size: 12px}
#innerbreadcrump .current{ color: #fff;font-style: normal;}

#layer5abstand {   position:relative; height: 20px; width: 966px; margin:0 }


#layer6logo { z-index:11; position:absolute; background-image: url(basics/pics/logo2.png); background-repeat: no-repeat; background-position: left top;  height: 201px; width: 290px; margin:0 0 0; padding:0;left:25px;top:72px; 
*background-image:none; /* turn off the standard css background for IE */
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='basics/pics/logo2.png', sizingMethod='crop'); 
}


#basiscontainer {  background-image: url(basics/pics/bg1-schatten.png); background-repeat: no-repeat; background-position: right bottom; position: relative;text-align: left; width: 966px; visibility: visible; clear: both; margin: auto; padding:0; display:block;z-index: 1;}

#basiscontainer0 { text-align: left; position: relative; width: 966px; margin: 10px auto 0 auto;z-index:20;}

.layer2abstand {  position:relative; height: 20px; width: 966px; margin:0}

#menue2{ position:absolute;top:0;left:0;margin:130px 0 0 0; width:200px; text-align: right; z-index:40;}
#menuedokument{margin:5px 5px 5px 0px}
#menue2 ul{ color: black; padding-left: 0;  margin-left:5px; list-style: none;}
#menue2 ul li{ color: black; font-size: 12px; margin: 10px 4px 0; }
#menue2 ul li a{ color: black;  }
#menue2 ul li a:hover{ color: #A00000;  }

.li_submenu{ height:30px;background-image: url(basics/pics/menuestrich_02.png); *background-image: url(basics/pics/menuestrich_02.jpg); background-repeat: no-repeat; background-position: right top;padding:3px 15px 0 9px;text-align: right;}

.linke_ecke{width:6px;height:24px;background-image: url(basics/pics/menuestrich_01.png);  background-repeat: no-repeat; background-position: right top;}

#content {z-index:9; position:relative; background-image: url(basics/pics/links_bg3.jpg); background-repeat: no-repeat; background-position: left top; 
width: 966px; margin:0;  float:left;  margin:0; height:100%; padding: 0; min-height: 350px; height:auto !important; height:500px;}

.contentbody{ width:640px; margin:0; padding:0 0 0 0;   }
.innercontent{width:600px; margin:30px 0 0 330px ; padding:0; }
.text{margin:15px 0;width:460px}
.bild_unten{margin:15px 10px 2px 0}
.bild_rechts{margin:0px 0 2px 0}

.clear1{clear: both;height: 30px;}

#vorschaltcontainer { text-align: left; height:486px; width: 966px; visibility: visible;  padding:0; display:block; background-image: url(basics/pics/startseite_bg1.jpg); background-repeat: no-repeat; }
#partner{color:white;position:absolute;height:20px;top:283px;left:550px;}
#deutsch{position:absolute;width:28px;height:18px;top:281px;left:830px;}
#englisch{position:absolute;width:28px;height:18px;top:281px;left:870px;}
#entersite {position:absolute;height:20px;top:370px;left:550px;}
#entersite, #entersite a:link, #entersite a:visited { color:#00a5e8;font-size:20px;font-weight:bold;}
#entersite a:hover{color: #A00000;}
