body {
 	margin: 0 3% 0 3%;
 	padding: 0px;
 	background-color: #FFF;
 	color:#000;
 	font: 100.01%/110% Arial, Helvetica, sans-serif;
	behavior: url("/csshover3.htc"); 
}

#center {
 	min-width: 800px;
	max-Width: 1200px;
	width: 100%;
	overflow:hidden;
}

table.top td.foot {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
}

/* --------------------------------------------------------- */


#spacer
{	clear: both;
	height: 2.5em;
    	margin-top: 3px;
	width: 100%;
	z-index: 102;
	text-align: right;
	display: block;
	border-top: 1px dotted #b3b3b3;
	border-bottom: 1px dotted #b3b3b3;
	padding-top: 1px;
        vertical-align: middle;
	line-height: 0.2em;
}


div#spacer a ,
div#spacer a:visited {
	font-size: 0.75em;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
div#spacer a:hover   {
	font-size: 0.75em;
	font-weight:bold;
	color:#0000CC;
	text-decoration:underline;
}



/* --------------------------------------------------------- */


#welcome {
     background-image: url(/images/logo_stadtbi.jpg);
     background-position: right bottom;
     background-repeat: no-repeat;
}


div#welcome img.welcome {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

/* --------------------------------------------------------- */


#navigationBody
{
	font-size:0.8em;	
}

#navigation {
	width:197px; 
	float:left; 
	margin-top:2.6em;	
	z-index: 10; 
	border-right: 1px dotted #b3b3b3;
	border-bottom: 1px dotted #b3b3b3;
	padding-bottom:1.6em;
}


div#navigation ul{
	list-style:none;
	margin:0px 0;
	padding:0;
}

div#navigation ul li.toplevel{
	display:block;
	height:1.3em;
	line-height:1.3em;

	background-color: #E7E7E7;
	padding-right: 5px;
	text-align: center
}

div#navigation ul li.toplevel:hover{
	display:block;

	background-color: #0000CC;
	color:#E7E7E7
	padding-right: 5px;
   	text-align: center
}


div#navigation ul li.toplevel a ,
div#navigation ul li.toplevel a:visited {
	display:block;
	font-size: 0.95em;
	font-weight:bold;
	color:#0000CC;
	text-decoration:none
}
div#navigation ul li.toplevel:hover a{
	display:block;
	font-size: 0.95em;
	font-weight:bold;
	color:#E7E7E7;
	text-decoration:none
}


/* --------------------------------------------------------- */


div#navigation ul li.sublevel{
	display:block;
	height:1.2em;
	line-height:1.2em;

	background-color: #FFFFFF;
	padding-right: 5px;
        margin-top: 3px;
	text-align: left
}

div#navigation ul li.sublevel:hover{

	display:block;
	padding-right: 5px;
   	text-align: left
}


div#navigation ul li.sublevel a ,
div#navigation ul li.sublevel a:visited {
	display:block;
	font-size: 0.8em;
	font-weight:bold;
	color:#666666;
	text-decoration:none
}
div#navigation ul li.sublevel:hover a{
	display:block;
	font-size: 0.8em;	
	font-weight:bold;
	color:#0000CC;
	text-decoration:none;
	background: #E7E7E7

}


div#navigation ul li.space{
	display:block;
	height:1.3em;
	line-height:1.3em;

	background-color: #FFFFFF;
	padding-right: 5px;
        margin-top: 3px;
	text-align: left
}


/* --------------------------------------------------------- */

#content {
	width:600px; 
	float:left; 
	margin-top:2.6em;
	margin-left:4em;	
	z-index: 10;
}


#content2 {
        min-height:400px;
}


/* --------------------------------------------------------- */

div#gymnasien ,
div#realschulen ,
div#gesamtschulen ,
div#grundhaupt ,
div#berufsschulen
 {
	display:none;

}



div#gymnasien ul li.content a ,
div#realschulen ul li.content a,
div#gesamtschulen ul li.content a,
div#grundhaupt ul li.content a,
div#berufsschulen ul li.content a,
div#gymnasien ul li.content a:visited ,
div#realschulen ul li.content a:visited,
div#gesamtschulen ul li.content a:visited,
div#grundhaupt ul li.content a:visited,
div#berufsschulen ul li.content a:visited

 {
 	display:block;
	font-size: 0.8em;
	font-weight:bold;
	color:#666666;
	text-decoration:none

}


div#gymnasien ul li.content a:hover ,
div#realschulen ul li.content a:hover,
div#gesamtschulen ul li.content a:hover,
div#grundhaupt ul li.content a:hover,
div#berufsschulen ul li.content a:hover

 {
 	display:block;
	font-size: 0.8em;
	font-weight:bold;
	color:#0000CC;
	text-decoration:none
}



div#gymnasien ul li.content ,
div#realschulen ul li.content ,
div#gesamtschulen ul li.content ,
div#grundhaupt ul li.content ,
div#berufsschulen ul li.content 

 {
	margin-top:3px;
	height:1em;
	line-height:1em;
}

div#footer
  {
  	clear:both;
	margin: 2em 0 2em 0;
	float: left;
	padding:12px 2px 2px 2px;
	text-align:left;
	border-top: 1px dotted #b3b3b3; 
	width:600px;
}

div#footer a.footer ,
div#footer a.footer:visited ,
div#footer a.footer:hover 
  {
	font-family:verdana,helvetica,sans-serif;
        color: #999999;
	font-size: 0.7em;
	font-weight: normal;
        text-decoration: none;
  }