/* Default Stylesheet */

																/* >>> ELEMENTS <<< */

* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #333;
		background: #e0e3ed url(../images/hg.gif) repeat-x top;
		font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 90%;
		text-align: center;
		}

																/* >>> CONTAINERS <<< */

div#print {
	display: none;
	}
div#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	}
	div#header-wrap {
		margin: 0;
		background: url(../images/vhs-bad-marienberg-head.gif) no-repeat top left;
		height: 130px;
		}
		div#header-in {
			padding: 10px;
			color: inherit;
			
			}
	div#content-wrap {
		margin: 10px 0;
		}
		div#center {
			margin:0 200px 0 25px;
			padding:25px 0 0 2px;
			background: url(../images/gruen-breit.gif) no-repeat top;
			}
			div#center-in {
				padding: 20px;
				background: url(../images/grau-breit-schmal.png) repeat-y;
				}
			* html div#center-in { height: 600px; overflow: auto;   }
			div#center-foot {
				background: url(../images/grau-breit-unten.png) no-repeat bottom;
				height: 20px;
				margin:0 0 0 -4px;
			}
			* html div#center-foot {  background: url(../images/grau-breit-unten.gif) no-repeat bottom; height: 18px;  }
			
		div#right {
			float: right;
			width: 200px;
			color: inherit;
			background: url(../images/gruen-schmal.gif) no-repeat top;
			padding:25px 0 0 0;
			}
			div#right-in {
				margin:0 5px 0 10px;
				padding:10px 5px 0;
				background: url(../images/grau-schmal-schmal.png) repeat-y;
				}
			*+html div#right-in {  height: 200px; overflow: auto;  }
			* html div#right-in {  height: 200px; overflow: auto;   }
			div#right-foot {
				background: url(../images/grau-schmal-unten.png) no-repeat bottom;
				height: 18px;
				margin:0;
			}
			* html div#right-foot { background: url(../images/grau-schmal-unten.gif) no-repeat bottom; }
	div#footer-wrap {
		clear: both;
		}
		div#footer-in {
			
			}






																/* >>> SUB CONTAINERS <<< */
* { }

div#page  {  margin:-45px 0 0;  }



																/* >>> LISTS <<< */
ul#nav-right {
	margin: 10px 5px;
	list-style: none;
	}
	ul#nav-right li {
		
		}
		ul#nav-right li a {
			display: block;
			width: 138px;
			padding: 5px 10px;
			color: #666;
			background-color: inherit;
			text-decoration: none;
			}
		ul#nav-right li a:hover {
			color: #666;
			background-color: #F1F7FF;
			}
ul#menu {
	float: right;
	padding: 1px 0;
	margin: 10px 31px 0 0;
	list-style: none;
	}
	ul#menu li {
		display: inline;
		}
		ul#menu li a {
		background-color:#FFFFFF;
		color:#152553;
		display:block;
		float:left;
		font-size:90%;
		margin:0 9px 0 10px;
		padding:2px 5px;
		text-decoration:none;
		width:91px;
			}
		ul#menu li a:hover {
			color: #5f8ac7;
			background-color: #152553;
			
			}
ul#nav-footer {
	background-color:inherit;
	color: #152553;
	font-size: 70%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 5px;
	text-align:center;
	}
	ul#nav-footer li {
		display: inline;
		margin: 0 5px;
		}
	ul#nav-footer li.left {
		float: left;
		}
		ul#nav-footer li a {
			color: #5f8ac7;
			background-color: inherit;
			}
		ul#nav-footer li a:hover {
			color: #152553;
			background-color: inherit;
			}
ul.list {
	margin: 20px 30px;
	font-size: 90%;
	line-height: 20px;
	}





																/* >>> TYPOGRAPHY <<< */
*.x {
	display: none;
	}
h1, h1.componentheading, div.componentheading, .contentheading {
	color: #152553;
	font-size: 18px;
	padding: 0 0 10px 0;
	}
h2, h2.contentheading {
	color: #89bc40;
	font-size: 16px;
	margin: 2px 0 10px 0;
	}
h3, h4 {
	color: #15255;
	font-size: 14px;
	margin: 2px 0 10px 0;
	}
	
div#center p {
	margin: 5px 0 10px 0;
	color: #152553;
	background-color: inherit;
	font-size: 90%;
	line-height: 16px;
	}

div#center table, div#center table p  {
	margin: 0 0 10px 0;
	color: #152553;
	background-color: inherit;
	font-size: 12px;
	line-height: 16px;
	}

div#right p {
	margin: 0 5px;
	color: #152553;
	background-color: inherit;
	font-size: 90%;
	}

div#right div.module_count p, div#right p.module_count   {
	background-color: inherit;
	font-size: 9px;
	color:#003;
	font-weight:bold;
	}
span.zahl {
	background-color: #CCC;
	display:block;
	width: 60px;
	padding: 2px 15px;
	margin: 5px auto;
	border: 2px solid #89bc40;
	font-size: 12px;
	color:#666;
	font-weight:bold;
	}

p a, ul.list a, div#center table p a {
	color:#5f8ac7;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #5f8ac7;
	}
	p a:hover, ul.list a:hover, div#center table p a:hover {
		color: #152553;
		background-color: inherit;
		border-bottom: 1px solid #152553;
		}





																/* >>> MENU <<< */
* { }

* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* style the outer div to give it width */
div.moduletable_menu {
width:750px; 
padding: 4px 0 0 20px;
margin: 8px 0 0 0;
list-style:none;
height: 30px;
}

* html div.moduletable_menu {  margin: 0 0 0 68px; width: 750px;  }

/* remove all the bullets, borders and padding from the default list styling */
.moduletable_menu ul {
	float: right;
	padding: 1px 0;
	margin: 10px 31px 0 0;
	list-style-type:none;
}

.moduletable_menu ul ul {
	width:120px;
}

.moduletable_menu ul ul ul  {
	width:150px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.moduletable_menu li {
	float:left;
	margin:0 8px 0 11px;
	position:relative;
	width:101px;
	background: #f2f2f2;
}

.moduletable_menu li.item75 li a, .moduletable_menu li.item75 li a:visited  {  background: #cce1ac; color:#152553;  }  /*hellgrün*/
.moduletable_menu li.item75 li a:hover  {  background: #89bc40; color:#152553;  }  /*grün*/
.moduletable_menu li.item77 li a, .moduletable_menu li.item77 li a:visited  {  background: #9f9eb6; color:#152553; }  /*dunkelblau hell*/
.moduletable_menu li.item77 li a:hover  {  background: #152553; color:#ffffff; }  /*dunkelblau*/
.moduletable_menu li.item78 li a, .moduletable_menu li.item78 li a:visited  {  background: #a4bddf; color:#152553;  }  /*hellblau*/
.moduletable_menu li.item78 li a:hover  {  background: #5f8ac7; color:#152553;  }  /*hellblau dunkel*/
.moduletable_menu li.item79 li a, .moduletable_menu li.item79 li a:visited {  background: #ffe192; color:#152553;  }  /*hellgelb*/
.moduletable_menu li.item79 li a:hover {  background: #febc11; color:#152553;  }  /*gelb*/
.moduletable_menu li.item111 li a, .moduletable_menu li.item111 li a:visited  {  background: #f89ea3; color:#152553;  }  /*hellrot*/
.moduletable_menu li.item111 li a:hover {  background: #ed1c24; color:#152553;  }  /*rot*/

#right .moduletable .menu_home li   {  background: #cce1ac; color:#152553; border-bottom:solid 1px #fff; padding: 0; font-size: 12px;  }
#right .moduletable .menu_home li a   {  display: block; background: #cce1ac; color:#152553; text-decoration: none; padding: 5px;  }
#right .moduletable .menu_home li a:hover   {  display: block; background: #fff; color:#152553; text-decoration: none;  }

.moduletable_menu li li {
	margin:0 8px 0 0;
}

.moduletable_menu li li li  {
	width:120px;
	margin: 0;
}

/* style the links for the top level */
.moduletable_menu a, .moduletable_menu a:visited {
display:block;
font-size:13px;
letter-spacing: 0.05em;
text-decoration:none; 
color:#152553; 
width: auto; 
padding: 5px 10px; 
line-height:11px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .moduletable_menu a, * html .moduletable_menu a:visited {
width:100px;
w\idth:100px;
}

/* style the second level background */
.moduletable_menu ul ul a.drop, .moduletable_menu ul ul a.drop:visited {
background:#63400f;
}
/* style the second level hover */
.moduletable_menu ul ul a.drop:hover{
background:#c9ba65;
}
.moduletable_menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.moduletable_menu ul ul ul a, .moduletable_menu ul ul ul a:visited {
background:#63400f;
}
/* style the third level hover */
.moduletable_menu ul ul ul a:hover {
background:#c9ba65;
}
.moduletable_menu ul ul ul :hover > a {
background:#c9ba65;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.moduletable_menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:10px;
left:0; 
width:auto;
}
/* another hack for IE5.5 */
* html .moduletable_menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.moduletable_menu ul ul ul{
left:150px; 
margin:0 0 0 5px;
top:0;
width:75px;
}
/* position the third level flyout menu for a left flyout */
.moduletable_menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.moduletable_menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.moduletable_menu ul ul a, .moduletable_menu ul ul a:visited {
background:#68370c; 
color:#fce4b7; 
height:auto; 
padding:5px 10px; 
width:135px;
line-height: 14px;
font-size: 12px;
/* yet another hack for IE5.5 */
}

.moduletable_menu ul ul ul a  {  width: 135px;  }

* html .moduletable_menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.moduletable_menu a:hover, .moduletable_menu ul ul a:hover{
color:#152553;  /* dunkelblau */
background:#cccccc;
}
.moduletable_menu :hover > a, .moduletable_menu ul ul :hover > a {
color:#152553;
background:#cccccc;
}

/* make the second level visible when hover on first level list OR link */
.moduletable_menu ul li:hover ul,
.moduletable_menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.moduletable_menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.moduletable_menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.moduletable_menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.moduletable_menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}





																/* >>> END <<< */