/* Die Styles für den Runden Container außen */
/* Background-color des Body-Tags ist leicht dunkler, daher der Runde Kasten-Effekt*/

.lo {
	background: url(../../img/top_left.gif) top left no-repeat;
	background-color: white;
	width: 980px;
	text-align: left;
	padding: 0Px;
}
.ro { background: url(../../img/top_right.gif) top right no-repeat; }
.ru { background: url(../../img/bottom_left.gif) bottom left no-repeat; }
.lu { background: url(../../img/bottom_right.gif) bottom right no-repeat; }


#maincontainer { /* Derinnere Haupt-Container, damit immer Rand zum Runden Container ist.*/
  width: 940px;
  text-align: left;
  padding: 20px;

}

#firstheader { /* Linker Teil des ersten Headers*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #777777;
	float:left;
	width: 625Px;

}

#firstheader_right { /* rechter Teil des ersten Headers! */
	text-align: right;
	font-size: 8pt;
	color: #777777;

}

#menubar { /* Die Menuzeile */
	width: 940Px;
	height: 32Px;
	background-image: url(../../img/menu_off_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:0;
	margin-bottom: 25Px;
}
#content {
	width: 715Px;
	float: left;

}
#sidebar {
	float: right;
	width: 200px;

}
.clearaftercontent { /* container zum zurücksetzen des float:left aus dem Content-Container; */
    clear: both;
	height: 1 Px;
}

/* Das SubMenu:
------------
das Menu ist dreistufig, wobei die erste Stufe nur in der oberen NavBar dargestellt wirde. Imn der SideBar werden nur die Menu-Stufen 2-4 dargestellt - sofern vorhanden! */

#submenu{
padding:0;
padding-left:0Px;
padding-right:0Px;
padding-top:5Px;
list-style-type:none;
margin:0;
margin-bottom: 10Px; /* Am Ende des Menus etwas Platz nach unten*/
width:180Px;
display:block;
line-height: 15Px;
}
/* Die einzelnen Einträge werde jeweils 6Px voneinander getrennt*/
#submenu li {

padding-top:6Px;
}

#submenu a {

color: #777777;
text-decoration:none;
display:block;
}
#submenu a:link {
color: #777777;
text-decoration:none;
display:block;
}
#submenu a:visited {
color: #777777;
text-decoration:none;
display:block;
}

/* Generelle für alle Links im Menu gültig:*/

#submenu a:active {
color: #777777;
text-decoration:none;
display:block;
}
#submenu a:hover {
color: #202020;
text-decoration:none;
display:block;
}

#submenu a.submenu1{
color: #7777777;
}
#submenu a.submenu1_active{
color: #202020;
}
#submenu a.submenu2{ /* 15Px mehr eingezogen und Font kleiner*/
padding-left: 15Px;
font-size: 8.5Pt;
line-height: 13Px;
color: #7777777;
}
#submenu a.submenu2_active{
padding-left: 15Px;
font-size: 8.5Pt;
line-height: 13Px;
color:#202020;
}
#submenu a.submenu3{ /* nochmals 10Px mehr eingezogen */
padding-left: 25Px;
font-size: 8.5Pt;
line-height: 13Px;
color: #7777777;
}
#submenu a.submenu3_active{
padding-left: 25Px;
font-size: 8.5Pt;
line-height: 13Px;
color:#202020;
}

/* Hier die Container für die Sidebarelemente 
Diese werden nicht als ID angelegt, da sie mehrfach verwendet werden können!*/

.sidebarelementtop{
background: url(../../img/sidebarelementtop.gif) top left no-repeat ;
background-color: white;
width: 180px;
height: 22px;
text-align: left;
padding: 0Px;
padding-top: 0px;
padding-left: 10Px;
padding-right: 10Px;
color:#FFFFFF;
}
.sidebarelementmiddle{ /* Die normale Mittlere Ebene eines Sidebar-Elements mit Rändern rechts und links*/
background: url(../../img/sidebarelementmiddle.gif) top right repeat;
padding: 0;
margin: 0;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}

.sidebarelementmiddleimg{ /* Dient der Aufnahme von Grafiken mit einer Breite von max. 198 bzw. 200Px */
background: url(../../img/sidebarelementmiddle.gif) top right repeat-y;
padding=0;
margin=0;
}


.sidebarelementbottom{ /* Der untere Abschluss eines Sidebar-Containers*/
background: url(../../img/sidebarelementbottom.gif) bottom right no-repeat ;
width: 200px;
height: 8px;
margin-bottom: 15Px; /* Abstand unten zum nächsten Container oder Ende */
}

/* Das MainMenu:
------------
das Menu ist einstufig, wobei diese erste Stufe nur in der oberen NavBar dargestellt wirde. In der SideBar werden nur die Menu-Stufen 2-4 dargestellt - sofern vorhanden! */
#mainmenu ul{
margin:0;
margin-left: 0px;
padding:0px;
list-style-type: none;
position:relative;
left: -50px;
}

/* Die einzelnen Einträge werden inline, also hintereinander angezeigt! */



#mainmenu a.on{
color:#FFFFFF;
font:normal 9pt arial,sans-serif;
padding:10Px 15px 9px 13px;
text-decoration:none;
background-image: url(../../img/menu_on_left.gif);
background-position: left;
background-repeat:no-repeat;
border:none;
text-align:left;
line-height: 32Px;

}

#mainmenu a.off{
color:#FFFFFF;
font:normal 9pt arial,sans-serif;
padding:10Px 15px 9px 13px;
text-decoration:none;
background-image: url(../../img/menu_off_left.gif);
background-position: left;
background-repeat:no-repeat;
border: none;
text-align:left;
line-height: 32Px;


}

#mainmenu li{
display:inline;
float: left;
padding-top:1px;

}

*+html #mainmenu li {padding-top: 0px;} /* nur für den IE7 */
* html #mainmenu li {padding-top: 0px;} /* nur für den IE6 */

#mainmenu a:hover{
color:#FFFFFF;
background-image: url(../../img/menu_on_left.gif);
background-position: left;
border: none;
text-align:left;
} 

/* Div-Classes für zweispaltigen Text */

div.twocolleft {
	float:left;
	margin-right: 14Px;
	width: 350px;
}

div.twocolright {
	float:right;
	width: 350Px;
}
div.twocolclear { /* Clear für die floats des zweispaltigen Textes!*/
	clear:both;
}


div.line940{
border: none;
border-bottom: 1Px solid #e0e0e0;
margin-bottom: 25Px;

width:940Px;
}

#footerleft { /* Linker Teil des ersten Headers*/
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width: 715Px;
}


#footerright { /* rechter Teil des ersten Headers! */
	text-align: right;
	width:200Px;
	float:right;
}