/* CSS Document */
* { margin:0; padding:0; }
body { 
	color:#003; 
	background-color:#f8f8ff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:95%; 
	text-align:center; 
	margin-top:5px;
}
h1, h2, h3, h4, h5, h6, p {
	margin:3px 0 4px 5px;
}
#gesamtbox {
	width:783px;
	margin:0 auto;
	text-align:left;
}
#kopf {
/*	float:left; */
	width:780px;
/*	background-color:#202070; */
	background:url(../grafiken/background-top.jpg) top left repeat-y;
	text-align:right;
	height:60px;
}
#navigation, #brotkrumen {
/*	float:left; */
	width:640px;
	height:25px;
	font-size:85%; 
	line-height:1.4em;
	border-left:140px solid #202070;
	background-color:#ededed;
}
#brotkrumen { border-top:1px solid #eb0; font-size:80%; padding-left:20px; width:620px; }
#navigation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #f02070;
}
#hauptblock {
	width:780px;
	background:transparent url(../grafiken/background.jpg) top left repeat-y;
	float:left; 
}
#menue, #inhalt {
	float:left;
	border-top:1px solid #f02070;
}
#menue {
	width:140px;
/*	background-color:#202070; */
}
#inhalt {
	width:480px;
	background-color:#eef; 
	font-size:90%;
}
#news {
	width:160px;
	background-color:#ffe983;
	border-top:1px solid #f02070;
	float:right;
}
#fuss {
/*	float:left;*/
	clear:both;
	width:480px;
	border-top:1px solid #f02070;
	border-left:140px solid #202070;
	border-right:160px solid #ffe983;
	background-color:#ededed;
	text-align:center;
}
#kopf h1 { color:#ededed; font-size:140%; margin:5px 15px; }
#kopf h2 { color:#ededed; font-size:110%; margin:5px 15px; }

#menue h2 { color:#ededed; font-size:100%; margin:3px 5px; }
#menue ul li { display:block; font-size:80%; margin:3px 0 3px 6px;}

#navigation ul { margin:5px; }
#navigation ul li { display:inline; }
#navigation a { text-decoration:none;  padding-left:11px; color:#202070; }
#navigation a:hover {  background:url(../grafiken/pfeil.gif) left -37px no-repeat; }
#nav-index, #nav-aktuelles, #nav-veranstaltungen, #nav-schule, #nav-kontakt, #nav-vereine { background:url(../grafiken/pfeil.gif) 2px 3px no-repeat; }
#index #nav-index, #aktuelles #nav-aktuelles, #kontakt #nav-kontakt, #vereine #nav-vereine, #veranstaltungen #nav-veranstaltungen 
	{ background:url(../grafiken/pfeil.gif) left -17px no-repeat; }

#faehre #nav-faehre, #gastronomie #nav-gastro, #fahrplan #nav-fahrplan, #wetter #nav-wetter, #links #nav-links
	{ color:#080;/* border-left:3px solid #f93; border-bottom:1px solid #f93;*/ border-top:1px solid #f93; border-right:9px solid #f93; margin-left:0; padding:0 3px; }

#inhalt h2, #inhalt h3, #inhalt h4 { margin:3px 5px; }
#inhalt h2 { font-size:110%; }
#inhalt h3 { font-size:100%; }
#inhalt h4 { font-size:90%; }
#inhalt ul { list-style:outside; margin-left:25px; }
/* #inhalt p { text-indent:10px; } */

#news h2 { color:#202070; font-size:100%; margin:3px 5px; }
#news a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#202070; padding:0 3px 0 3px; }
#news ul li { display:block; font-size:80%; margin:3px 0 3px 6px;}
#news a:hover { color:#ffe983; background-color:#202070; }

#fuss p { margin:3px; font-size:80%; }

.wechdamit { display:none; }
.zentriert { text-align:center; }
a.textlink { color:#00F; font-size:90%; }

blockquote { margin:3px 0 2px 5px; font-style:oblique; }
blockquote:after { content:"URL: " attr(cite); margin-left:10px; }
dl { margin:3px 10px; }
dt { font-style:oblique; font-weight:bold; }
dd { margin:3px 0 3px 20px; }

.rahmen {
	border: 1px double #9cf;
	padding:3px;
	width:90%;
	margin:0 auto;
}
.text-90-prozent { font-size:0.9em; }