/* CSS Document */

body{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
font-family:Arial;
font-size:11px;
background-color:#ebdec6;

}

a:link, a:visited {
color:#7d8477;
font-weight:bold;
text-decoration:none;
}

a:hover, a:active {
color:#7d8477;
font-weight:bold;
text-decoration:none;
}



#bgimage{
background-repeat:repeat;
}

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

#fusszeile{
background-color:#7d8477;
height:20px;
color:#FFFFFF;
font:Arial;
font-size:12px;
text-decoration: none;
}

#fusszeile a:hover, #fusszeile a {
background-color:#7d8477;
height:20px;
color:#FFFFFF;
font:Arial;
font-size:12px;
text-decoration: none;
}


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

#navigation{
width:1024px;
height:30px;
color:#4b4b4d;
white-space:nowrap;
padding-left:0px;
}

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

#navigation li a{
display:block;
padding:0 21px;
font-size: 15px;
text-align:center;
font-weight:bold;
text-decoration:none;
color: #4b4b4d;
}

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

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

/* Navigation for drop downs*/

	ul li#bypass {
		display			: none;
	}

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

		#navigation li ul {
			margin-top		: 3px;		/* 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			: 150px;		/* width of the drop down menus? */
			height			: auto;
			margin-bottom	: 3px;
			margin-left		: 3px;
			margin-right	: 3px;
			
			background		: url(menue.png) repeat-y;

		}
		
		#navigation li li {
			width			: 150px;		/* width of the drop down menus? */
			border-top		: 0;

		}
		
		#navigation li li a {
		display:block;
		padding:3px 18px 6px;
		font-size:13px;
		text-align:left;
		font-weight:bold;
		text-decoration:none;
		color: #4b4b4d;
		border-right: none;
		width: 150px;
		}
		
		#navigation a:hover, #navigation a:focus {
		color: #7d8477;
		}
		
		#navigation .sel a {
		color: #7d8477;
		}

		#navivation a:active {
		color: #7d8477;
		}

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

#content{
width:1024px;
background-image:url(http://www.ardanos.de/templates/von_ardanos/bg.jpg);

margin:0 0 0 0;
font-size:11px;
text-align:left;

}

#content img{
display:inline;
}

#content h1{
display:block;
margin:0 0 16px 0;
font-size:16px;
font-weight:normal;
letter-spacing:-1px;
color:#a49859;
text-align:left;
}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:14px;
font-weight:normal;
letter-spacing:-1px;
color:#a49859;
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 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;}