html,body { font-size:11px;}
body {
	margin:0px 0 0 0;
	padding:0px;
	font:1em Arial, Helvetica, sans-serif;
	color:#000;
	background: url(img/grauerhintergrund.png) repeat-x #575757;
	text-align:center;
}
p {
	margin:0 0 15px 0;
	padding:0;
}
small { font-size: 90%; }
.bildtext { font-size: 10px; color: #666666; }
.titelweiss { color: #ffffff; font-weight: bold; }
td { vertical-align:top;}

/*Hauptmenü*/
#menu a {
	font: bold 12px/25px Arial, Helvetica, sans-serif;
	/*font-variant:small-caps;*/
	/*letter-spacing:0.1em;*/
	color:#000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:15px;
	padding-right:10px;
	text-decoration:none;
	background:url(img/pfeil_inaktiv.png) 0% 50% no-repeat
}
#menu a:hover {
	background:url(img/pfeil_aktiv.png) 0% 50% no-repeat;
	/*color:#ffffff;*/
	margin-left:0px;
	margin-right:0px;
	padding-left:15px;
	padding-right:10px;
	text-decoration:none;
}
#menu a.sel {
	color:#c41a1c;
	background:url(img/pfeil_aktiv.png) 0% 50% no-repeat;
	text-decoration:none;
}
#menu a.email {
	font: 11px/20px Arial, 'Arial Narrow', Helvetica, sans-serif;
	margin-left:0px;
	margin-right:0px;
	color:#000000;
	text-decoration:none;
}
#menu a.email:hover {
	margin-left:0px;
	margin-right:0px;
	padding:0;
	color:#DB0F2D;
	background: white;
}

h1 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:14px;
	width:403px;
	padding-bottom:2px;
	border-bottom:2px solid #ffd401;
	text-shadow: #AAA 0px 0px 19px;
}
h2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0;
	margin-top:6px;
	margin-bottom:5px;
	text-shadow: #AAA 0px 0px 14px;
}
h3 {
	font:bold 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color:#000000;
	padding:0;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:3px;
	text-shadow: #AAA 0px 0px 12px;
}
h4 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#121;
	padding:3px 0 0 0;
	margin-top:2px;
	margin-bottom:5px;
/*	border-top:1px solid #555;*/
}
img { border: 0px none;
}
/* Layout */

#container {
	clear:both;
	width:894px;
	text-align:left;
	margin:auto;
	margin-top:15px;
	border:1px solid #ffffff;
}
#top {
	padding-right:35px; margin-left:0px; margin-right:0px; margin-top:0px; height:29px; width:859px; background:#ffd401; font:10px/30px Arial, Helvetica, sans-serif;}
	#top a { color:#333333;}
	#top a:hover { color:#000066; text-decoration:none;}

#footer { padding:0px; margin:0px; height:30px; width:100%; background:#ffd401;}

#spacer {position:relative; width:403px; height:25px; margin-left:21px; padding-bottom:5px; border-top: 1px solid #eeeeee; }
#clear {clear:both;}

#basic {
	position:relative;
	margin:20px 0px 0px 0px;
	width:892px;
	padding:0px;
	color:#000000;
	background: url(img/verlauf.jpg) repeat-y 0% 0%;
	}
#content {
	/*position: relative;*/
	margin:0px 0px 0px 215px;
	width:665px;
	/*width:610px;*/
	/*min-height:210px;*/
	padding:0px 0px 10px 0px;
	color:#000000;
	}
	
#contentrow {
	float:left; width:644px; margin-bottom:20px; margin-left:21px;
}
#emptyrow {
	float:left; width:665px; height:200px; margin-left:21px; font:italic 11px Arial, Helvetica, sans-serif;
}
	
#innercontent {
	float:left; width:622px;
}	
#content ul {
	margin:0;
	padding:0px 0px 10px 0px;
	list-style: disc;
	list-style-position:inside;
	}

#content li {
	margin-left:0px;
	}
#picscol {
	position:absolute;
	left:0px;
	width:140px;
	margin-top:170px;
	margin-left:180px;
	padding:0px;
	z-index:100;
	}
#picscol #thumb {
	width: 140px;
	height: 60px;
	margin-bottom: 30px;
	padding:0px;
	}
#picscol a { font-weight: bold; }	
#textcol {
	position:relative;
	margin:0px 0px auto 10px;
	padding:0px;
	}
#textblock {
	margin:0px 10px auto 0px;
	padding:0px
	}

/*Submenü*/
#submenuColumn {
	/*position: absolute; left:0px; top:0px; margin:0px; padding:0px; width:210px;*/
	float:left; width:210px; margin-bottom:20px;
}

#menuList {
	margin:0px 0px 0px 40px;
	padding:0px;
	font:11px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	list-style:none;
	}
#menuList .liout {
	padding:0px 0px 0px 10px;
	margin:0px;
	}
#menuList .liout a {
	color:#000000;
	}
#menuList .liout a:hover {
	color:#c41a1c;
	margin:0px;
	}
#menuList .liover {
	padding:0px 0px 0px 10px;
	margin:0px;
	list-style:none;
	}
#menuList .liover a {
	color:#c41a1c;
	}	
	
	
	
#text {
	position:relative;
	float:left;
	left:30px;
	width:426px;
	height:auto;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px dotted #009ee0;
}
#goback {
	position:absolute;
	left:270px;
	bottom:15px;
}
#goback a:link, #goback a:visited {
	font:0.84em Arial, Helvetica, sans-serif; color:white;
}

/*Links und Rechts*/
a {	font-size:100%;
	color: #303188; /*#BE0C1D;*/
	text-decoration:none;
}
a:hover {
	color:#DB0F2D; /*CB0000;*/
	text-decoration:underline;
}

#menuList .paging { font-size:9px; }
#menuList a.page { color:#CB0000; }
#menuList a.page:hover { color:#555555; }

#textblock a { color:#3055C2; border-bottom:1px dotted #666; }
#textblock a:hover { color:#666; }
#textblock a.img {border-bottom:0px none;}

/* Footernavi */
#footernavi {font-size:11px; font-weight: bold; float:left; padding-left:20px; margin-left:0px; margin-top:10px; color:white;}
#footernavi a { color:white; margin:0;padding:0; text-decoration:none;}
#footernavi a:hover { color:#4070ff; text-decoration:none; }

blockquote {font-size:larger; font-weight:bold; color:#4e4e4e; padding:1em 1.2em; margin:0 0 1em 0; border:1px solid #e2e2e2; background:#f1f1f1;}
blockquote p {text-indent:-0.5em; margin:0; padding:0;}
blockquote em {color:#000; font-size:10px;}

.notavailable {
	text-decoration:line-through;
}

/* Highlight */
#datestamp { background: url(img/calendar.gif) 2px 50% no-repeat #0166FF; color:white; font:9px/16px Arial, Helvetica, sans-serif; padding:3px 3px 3px 20px; }
#datestampIdx { background:#0166FF; /*background:url(img/50blue.png);*/ color:white; font:10px Arial, Helvetica, sans-serif; margin:5px 0; padding: 3px; }

/*Formulare*/
INPUT, SELECT, TEXTAREA {
	font:1em Arial, Verdana, sans-serif;
	color:#666666;
}
.OptionalTextBox 
{	border:1px solid #CCC;
	background-color:#FBFBFB;
} 
.RequiredTextBox 
{	border:1px solid #555;
	background-color:#FBFBFB;
} 
.FailedTextBox 
{	border:1px solid #F00;
	background-color:#C00;
	color:white;
}
.error { color:#C00; font:bold 1em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }

/*	MAP: MAP + DROPDOWN*/


	div#map {
		background-color:#ffd401;
		position:relative;
		top:0px;
	}

	div.map_small{
		background-color:#ffd401;
		height:214px;
		
	}

	div.map_large{
		background-color:#ffffff;
		height:360px; 

	}

div.map_small div#map.map_small{
	height:180px;
 
	}
	div.map_small div#show_all{
		width:100%;
		position:relative;
		/*top:25px;*/
		text-align:center;
	}	
	
	div.map_large div#map.map_large{
	height:180px;
	background: #ffffff;
 
	}
	div.map_large div#show_all{
		width:100%;
		position:relative;
		/*top:25px;*/
		text-align:center;
	}

		div#map div#dropdown{
			position:relative;
			top:2px;
			height:30px;
			background-color:#ffd401;
			text-align:center;
 
		}

			div#map div#dropdown #dropdown_menu{
			position:relative;
 			top:2px;
			border:1px solid #7F9DB9;
			background:#ffd401;
			height:20px;
			width:184px;
			color:#18306B;
			font-weight:normal;
		/*	border:10px solid red;*/
			/*#7F9DB9*/
			}
			div#map div#dropdown #dropdown_menu  select{
				border:10px solid red;
			}

/* UNTERRICHT */

div.unterrichttitel1 {float:left; width:120px; height:40px; margin-right:3px; margin-bottom:3px; padding:2px; background:#ffd401; font-weight:bold;}
div.unterrichttitel2 {float:left; width:272px; height:40px; margin-bottom:3px; padding:2px; background:#ffd401; font-weight:bold;}
div.unterrichtdetail1 {float:left; width:120px; min-height:20px; margin-right:3px; margin-bottom:3px; padding:2px; background:#eeeeee;}
div.unterrichtdetail2 {float:left; width:272px; min-height:20px; padding:2px; margin-bottom:3px; background:#eeeeee;}

/* NEWS */
div.newsrow {float:left; background:#eeeeee; margin-bottom:3px;}
div.newstitel {float:left; height:15px; margin-right:3px; margin-bottom:3px; padding:25px 2px 2px 2px; background:#ffd401;}
div.newsdetail {float:left; min-height:85px; margin-right:3px; margin-bottom:3px; padding:2px; background: #eeeeee;}
div.yellow {float:left; margin-right:3px; margin-bottom:3px; padding:2px; background:#ffd401;}
div.grey {float:left; margin-right:3px; margin-bottom:3px; padding:4px; background: #eeeeee;}

/* die guten alten TABELLEN */
.grau120{ width:120px; margin-right:3px; padding:2px 2px 8px 2px; background:#eeeeee; border-bottom:3px solid white; border-right:3px solid white;}
.grau272{ width:272px; margin-right:3px; padding:2px 2px 8px 2px; background:#eeeeee; border-bottom:3px solid white;}
.gelb  { margin-right:3px; border-bottom:3px solid white; border-right:3px solid white; padding:25px 2px 2px 2px; background:#ffd401;}
.gelbletzte  { border-bottom:3px solid white; padding:25px 2px 2px 2px; background:#ffd401;}
.grau{ margin-right:3px; margin-bottom:3px; padding:2px 2px 8px 2px; background: #eeeeee; border-bottom:3px solid white; border-right:3px solid white;}
.grauletzte{ margin-bottom:3px; padding:2px 2px 8px 2px; background: #eeeeee; border-bottom:3px solid white;}