/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
visibility: hidden;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding: 4px;
	color: #000000;
	

}
.m0l0iover {
visibility: hidden;
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 4px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
visibility: hidden;
	text-decoration : none;
	border: 1px solid #666666;
	/*background: #4682B4;*/
	/*background: #FE6400;*/
	background: #FFFFFF;
	
}
.m0l0oover {
visibility: hidden;
	text-decoration : none;
	border: 1px solid #666666;
	/*background: #5AA7E5;*/
	background: #000066;

}

/* level 1 inner */
.m0l1iout {
visibility: hidden;
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 4px;
	color: #000000;
	
}
.m0l1iover {
visibility: hidden;
	font: bold 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #000000;
	
}

/* level 1 outer */
.m0l1oout {
visibility: hidden;
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #ffcc00;
	filter: alpha(opacity=85);
}
.m0l1oover {
visibility: hidden;
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #ffffcc;
}

/* level 2 inner */
.m0l2iover {
visibility: hidden;
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 4px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
visibility: hidden;
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #B44646;
}
.m0l2oover {
visibility: hidden;
	text-decoration : none;
	border : 1px solid #FFFFFF;
	background: #E55A5A;
}

/* #### Textformatierungen ### */
#grey_10px {
visibility: hidden;
color: #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#grey_12px {
visibility: hidden;
color: #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#topbox{
border: 1px solid #dddddd;
position: absolute;
left: 0;
top: 0px;
width: 800px;

z-index:0; 
}

#brotkrume {
position:absolute; 
width:600px; height:20px; 
z-index:0; 
left: 0; 
top: 132px; 
background-image:url(design/brotkrume_blau.jpg); 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
background-repeat:no-repeat; 
padding:3px;
}

.inhalt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 170px;
	width: 570px;
	left: 8px;
}

.inhalt1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 170px;
	width: 572px;
	left: 8px;
}


.inhalt2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: absolute;
top: 350px;
width: 180px;
left: 8px;
}
.inhalt3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: absolute;
top: 350px;
left: 210px;
width: 180px;
}
.inhalt4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: absolute;
top: 350px;
left: 410px;
width: 180px;
}

.rechte_spalte
{
visibility: hidden;
position: absolute;
top: 132px;
left: 600px;
width: 201px;
/*Höhe wird auf dein einzelnen Seiten geregelt
background-color: #FCE7D9; */
background-color: #dddddd;
}

/* Box auf der rechten seite */
.box
{
visibility: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
position: absolute;
top: 148px;
left: 610px;
width: 180px;
height: 100px;
border: 1px solid #000066;
}
#box_top_color {
color: #dddddd;
font-weight: bold;
background-color: #000066;
}

.box2
{
visibility: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
position: absolute;
top: 300px;
left: 610px;
width: 180px;
height: 100px;
border: 1px solid #000066;
}

#box_down {
visibility: hidden;
position: absolute;
/*From Top wird auf dein einzelnen Seiten geregelt*/
left: 0px;
width: 793px;
height: 25px;
border: 1px solid #dddddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
padding: 4px;
}

#black_border {
border: 1px solid #000000;
}

#blue_box {
border: 2px solid #000066;
padding: 4px;
width: 560px;
}

#inhaltschriftart {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* #### Linkformatierungen ### */
.inhalt a:link {text-decoration: none; color: #000099; font-weight: bold;}
.inhalt a:visited {text-decoration: none; color: #000099; font-weight: bold;}
.inhalt a:hover {text-decoration: underline; font-weight: bold; color: #ffcc00;}
.inhalt a:active {text-decoration : none; font-weight: bold;}

.inhalt1 a:link {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt1 a:visited {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt1 a:hover {text-decoration: underline; font-weight: bold; color: #ffcc00;}
.inhalt1 a:active {text-decoration : none; font-weight: bold;}

.inhalt2 a:link {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt2 a:visited {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt2 a:hover {text-decoration: underline; font-weight: bold; color: #ffcc00;}
.inhalt2 a:active {text-decoration : none; font-weight: bold;}

.inhalt3 a:link {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt3 a:visited {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt3 a:hover {text-decoration: underline; font-weight: bold; color: #ffcc00;}
.inhalt3 a:active {text-decoration : none; font-weight: bold;}

.inhalt4 a:link {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt4 a:visited {text-decoration: none; color: #FF6501; font-weight: bold;}
.inhalt4 a:hover {text-decoration: none; font-weight: bold; color: #ffcc00;}
.inhalt4 a:active {text-decoration : none; font-weight: bold;}
