/* 
 * CSS fuer Webseiten der Saengerjugend Stuttgart 
 * (c) AVH August 2009
 * 
 * css fuer die bildschirmausgabe
 *
 */


html, body {
	background-color:#F0F0F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

#gesamtrahmen {
	width:80%;
	min-width:720px;
	margin:0px auto;
	margin-bottom:1em;
	text-align:left;
	background:#F0F0F0 url("../res/Main_bg_weiss.png") repeat-y 100% 0; 
}

#kopfzeile {
	overflow:hidden;
}

#tiefenav {
	float:right;
	width:180px;
	margin:0;
	padding-top:4em;
	margin-bottom:200px;
	background-color:#F0F0F0;
}

#inhalt {
	float:left;
	width:65%;	
	padding-right:1em;
	padding-bottom:1em;
}

#Navlevel1 {
	list-style-type:none;
	padding-top:1em;
	padding-left:0px;
	padding-bottom:2em;
	margin:0;
	border-top: solid 2px #FFDA00;
	border-left: solid 2px #FFDA00;
	background-image:url("../res/Menu_Haupt_Ecke.png");
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#Navlevel1 li {
	background-color:#FFFFFF;
	min-height:1.5em;
	width:auto;
}

#Navlevel2 {
	list-style-type:none;
	margin:0;
	padding-left:30px;
}
#Navlevel2 li {
	background-color:#FFFFFF;
	min-height:1.5em;
	width:auto;
}


#fussleiste {
	clear:both;
	height:3em;
	text-align:left;
	position:relative;	/* Damit Unterelemente absolut positioniert werden können */
	top:0;				/* Positionierung dieses Elementes bleibt unverändert */
	left:0;
	overflow:visible;
}

#fussleiste img {	
	position:absolute;
	right:0;
	bottom:0;
}

#fussleiste ul {
	position:absolute;
	bottom:0;
	margin-bottom:4px;
	width:550px;
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}

#fussleiste ul li {
	float:left;
	margin-right:4em;
	width:auto;
}

ul#hauptnav  {
	float:left;
	width:99%;
	list-style-type:none;
	margin:0;
	padding:4px 0 0 1%;
	background:#FFDA00 url("../res/Navline.png") repeat-x bottom left;
}
ul#hauptnav li {
	float:left;
	width:auto;
	margin:0 4px 0 0;
	padding:0;
	font-size:100%;
	background:#F0F0F0 url("../res/Menu_Haupt_Verlauf.png");
}

a {
	color:#000000;    
}
a:hover, a:focus {
	background-color:#B9B9B9;
}

#hauptnav a {
	float:left;
	width:auto;
	display:block;
	margin:0;
	padding:4px 8px;
	color:#000000;
	border-bottom:solid 1px #B9B9B9;
	text-decoration:none;
	background-image:url("../res/Menu_Haupt_Ecke.png");
	background-repeat:no-repeat;
}
#hauptnav a.active {
	background:#F0F0F0;
	text-decoration:none;
	background-image:url("../res/Menu_Haupt_Ecke.png");
	background-repeat:no-repeat;
	border-bottom:solid 1px #F0F0F0;
}
#hauptnav a:hover {
	text-decoration:underline;
}

#fussleiste a {
	color:#000000;
	text-decoration:none;
	display:block;
}
#fussleiste a:hover {
	background-color:#B9B9B9;
}

#Navlevel1 a {
	color:#000000;
	text-decoration:none;
	display:block;
	width:auto;
	min-height:1.5em;
}

#Navlevel2 li a {
	width:auto;
	min-height:1.5em;
}


#tiefenav a.active {
	background-color:#B9B9B9;
}
#tiefenav a:hover {
	background-color:#F0F0F0;
	font-weight:bold;
}



#breadcrumb {
	font-size:smaller;
	padding-top:0.5em;
	padding-bottom:1.5em;
}


img#banner, a#startseite{ 
	border:solid 0px;
}


.nodisplay { display:none;}