/* CSS Document */

body{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
font-family:Arial;
font-size:12px;
}


#bgimage{
position:absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 0;
width:100%;
height:100%;
}

#kopfzeile{
background-color:#99cc00;
height:20px;
color:#FFFFFF;
font:Arial;
font-size:12px;
}

#fusszeile{
background: #99cc00 url('background-menucont.png') repeat-x;
height:19px;
color:#FFFFFF;
font:Arial;
font-size:10px;
font-weight:bold;
text-decoration: none;
}

#fusszeile a:hover, #fusszeile a {
background: #99cc00 url('background-menucont.png') repeat-x;
height:19px;
color:#FFFFFF;
font:Arial;
font-size:10px;
text-decoration: none;
}

a , a:hover, a:visited, a:active{
color:#99cc00;
font:Arial;
font-size:12px;
text-decoration: none;
}

#bilderleiste, #bilderleiste img{
width:800px;
height:200px;
display:block;
}

/**************** Header and navigation styles ****************/

#navigation{
width:800px;
height:35px;
color:#FFFFFF;
white-space:nowrap;
padding-left:0px;
background: #99cc00 url('background-menucont.png') repeat-x;

}

#navigation li{
float:left;
list-style-type:none;
text-align:center;
display: inline;
position: relative;
white-space:nowrap;
}

#navigation li a{
display:block;
padding: 9px 11px;
font-size: 13px;
text-align:center;
font-weight:bold;
text-decoration:none;
color: #FFFFFF;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
color:#333333;
text-decoration:none;
}

/* Navigation for drop downs*/

	ul li#bypass {
		display			: none;
	}

	#navigation ul {
		height			: 35px; /* you will also need to change #navigation a padding and #navigation li ul margin-top*/
		width			: 100%;
		margin			: 0;
		padding			: 0;
		color			: #333333;
		list-style-type	: none;
	}

		#navigation li ul {
			margin-top		: 0px;		/* How far down the drop down menus start  - you will also need to change #navigation ul height and #navigation a padding */
			display			: none;
			left			: 0;
			position		: absolute;
			width			: 125px;		/* width of the drop down menus? */
			height			: auto;
			margin-bottom	: 3px;
			margin-left		: 0px;
			margin-right	: 0px;
			background-color: #99cc00;
		}
		
		#navigation li li {
			width			: 125px;		/* width of the drop down menus? */
			border-top		: 0;

		}
		
		#navigation li li a {
		display:block;
		padding:3px 0px 6px 12px;
		font-size:13px;
		text-align:left;
		font-weight:bold;
		text-decoration:none;
		color: #333333;
		width: 125px;
		background: #333333 url('background-menucont.png') repeat-x;

		}
		
		#navigation a:hover, #navigation a:focus {
		color: #FFFFFF;
		background: #333333 url('background-menucont-hover.png') repeat-x;
		}
		
		#navigation .sel a {
		color: #FFFFFF;
		background: #333333
		}

		#navivation a:active {
		color: #FFFFFF;
		background: #333333 url('background-menucont-active.png') repeat-x;
		}
		
		#navigation li li a:hover, #navigation li li  a:focus {
		color: #FFFFFF;
		width: 125px;
		background: #333333 url('background-menucont-hover.png') repeat-x;
		}
		
		#navigation li li  .sel a {
		color: #FFFFFF;
		width: 125px;
		background: #333333
		}

		#navivation li li  a:active {
		color: #FFFFFF;
		width: 125px;
		background: #333333 url('background-menucont-active.png') repeat-x;
		}

/**************** Content styles ****************/

#content{
width:375px;
margin:0 15px 0 15px;
font-size:12px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
white-space:normal;
}

#content img{
display:inline;
border:solid 2px double;
border-color:#000000;
}

#content h1{
display:block;
font-size:16px;
font-weight:bold;
color:#99cc00;
text-align:left;
}

#content h2{
display:block;
font-size:14px;
font-weight:bold;
color:#99cc00;
text-align:left;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}

#content hr {
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px #99cc00;
border-bottom: transparent;
border-bottom: solid 1px #866a52; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
outline-width: 0;
margin-bottom:2px;
margin-top:2px;
}

#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

#content2{
width:425px;
margin:0 15px 0 15px;
font-size:12px;
text-align:left;
color:#FFFFFF;
white-space:normal;
}

#content2 img{
display:inline;
}

#content2 h1{
display:block;
font-size:16px;
font-weight:bold;
color:#99cc00;
text-align:left;
}

#content2 h2{
display:block;
font-size:14px;
font-weight:bold;
color:#99cc00;
text-align:left;
}

#content2 h2 a{font-weight:normal;}
#content2 h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content2 a:hover,#subcontent a:hover{text-decoration:underline;}
#content2 ul,#content ol{margin:0 5px 16px 35px;}
#content2 dl{margin:0 5px 10px 25px;}
#content2 dt{font-weight:bold; margin-bottom:5px;}
#content2 dd{margin:0 0 10px 15px;}