*{
	padding:0;
	margin:0;
	border:0;
}
html, body {
 	height: 105%; /* wichtig */
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:black;
	background: #D5E8ED;
	text-align:center;
}

input{ border:1px solid #000; }

div#seite{
	line-height:16px;
	width:856px;
	margin:0 auto;
	text-align:left;
  	position: relative;
  	min-height: 100%;
	height:auto !important; /*moderne Browser */
	height:100%; /* IE */
	background:#FFFFFF;
}


.clr{
	clear:both;
}

/* Banner und Kopfnavigation */
div#banner{
	margin:0px 12px;
	height:128px;
	font-size:20px;
	/*text-transform:uppercase;*/
	background:#ccc;
	line-height: 12px;
	position:relative;
	padding:0px 0px 1px 0px;
	background-image: url(../images/bannerbg.gif); background-repeat: repeat-y;
/*	position:relative;
	margin:0px 12px;
	top:0px;
	width: 772px;
	height: 128px;
*/
}

img#logo{
	margin: 22px 20px 0px 20px;
}

ul#mainlevel{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: white;
	text-align: right;
	line-height: 50px;
}

ul#mainlevel li{
	list-style: none;
	display: inline;	
}

ul#mainlevel a, ul#mainlevel span {
	font-size: 11px;
	color: white;
	text-decoration:none;
}


/* topnav */
#topnav{
	position:absolute;
	right:0px;
	top:88px;
	width:572px;
	margin:0;
	padding:0px;
}
/**html #topnav{
	margin:0px 0px -1px 0px;
}*/


#topnav p{
	float:left;
	margin:0;
	padding:0;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}


#topnav p a{
	display:block;
	width:142px;
	height:40px;
	background-position:0px 0px;
	margin:0px;
	padding:0px;
}


#topnav p a:hover, #topnav p a.main_active{
	display:block;
	width:142px;
	height:40px;
	background-position:0px -40px;
	margin:0px;
	padding:0px;
}

/**:first-child+html #topnav { /*Star+-Hack für IE7*/
/*	margin-left: 260px;
}*/

/*table#topnav td{	
	border: 1px solid;
	border-left: 0;
	border-color: #D5E8ED;
}

table#topnav td a{
	display: block;
}

table#topnav td#schule{
	border: 1px solid;	
	border-color: #D5E8ED;
	background-image:url(../images/topbutton_schule.gif);
}

table#topnav td#schule a:hover, table#topnav td#schule a#active{
	background-image:url(../images/topbutton_schule_hover.gif);
}

table#topnav td#bildung{
	background-image:url(../images/topbutton_bildung.gif);
}

table#topnav td#bildung a:hover, table#topnav td#bildung a#active{
	background-image:url(../images/topbutton_bildung_hover.gif);
}

table#topnav td#info{
	background-image:url(../images/topbutton_info.gif);
}

table#topnav td#info a:hover, table#topnav td#info a#active{
	background-image:url(../images/topbutton_info_hover.gif);
}

table#topnav td#projekte{
	background-image:url(../images/topbutton_projekte.gif);
}

table#topnav td#projekte a:hover, table#topnav td#projekte a#active{
	background-image:url(../images/topbutton_projekte_hover.gif);
}*/
/* End topnav */

/* Home Defintionen*/

/*div#
{
	position:relative;
	padding: 0px 12px 50px 12px;
	width: 100%;
	text-align:left;
}*/

div#content{
	margin: 0px 12px 50px 12px;
	text-align:left;
	width:832px;
	position:relative;
	top:0px;
}


div#leftnav{	
	margin: 0px;
	text-align: left;
	width: 250px;	
	float: left;
	line-height:1.2;
}

div#blank{
	height: 8px;
	background-color: white;
}


ul#navigation{
	margin: 0;
	margin-left: 20px;
	margin-top: 10px;
	height: 225px;
	padding: 0;	
	font-size: 18px;
	line-height:0.9;
	list-style: none;
}

ul#navigation li {
	margin-bottom: 6px;
}

ul#navigation li a{
	text-decoration:none;
	
}

ul#navigation li a:hover, ul#navigation li a.active{
	text-decoration:none;
	color:#FFFFFF;
}

div#termine, div#termine a, div#termine h1, div#termine h2, div#termine p{
	margin-left: 12px;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

div#termine{
	padding: 0;
	margin: 0;
	padding-top: 1px;	
	margin-top: 8px;
	margin-left: 8px;
	width: 234px;
	min-height: 96px;		
}

div#termine h1{
	margin-left: 0;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background-color: white;
}

*:first-child+html div#termine h1{ /* Star+-Hack für IE7 */
	margin:0;
	margin-top: 8px;
	padding:0;
	padding-left: 12px;
	margin-bottom: 8px;
}

div#termine h2{
	margin-left: 0;
	padding-top: 6px;
	padding-left: 12px;
	line-height: 0;
	font-weight: bold;	
}

*:first-child+html div#termine h2{ /* Star+-Hack für IE7 */
	padding: 0;	
	padding-left: 12px;
	margin: 0;
	line-height: 20px;
}

div#termine a{
	font-size: 9px;
}

div#termine a:hover{
text-decoration:underline;
}

div#termine p{
	margin-top: 5px;
	margin-bottom: 0;
}

*:first-child+html div#termine p{ /* Star+-Hack für IE7 */
	padding: 0;
	margin: 0;
	padding-left: 12px;
}


div#vertretungsplan, div#vertretungsplan a, div#vertretungsplan h1, div#vertretungsplan h2, div#vertretungsplan p{
	margin-left: 12px;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

div#vertretungsplan{
	padding: 0;
	margin: 0;
	padding-top: 1px;	
	margin-top: 8px;
	margin-left: 8px;
	width: 234px;
	min-height: 70px;
}

div#vertretungsplan h1{
	margin-left: 0;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background-color: white;
}

div#vertretungsplan a{
	font-size: 9px;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 6px;
}

div#vertretungsplan p {
	margin-top: 10px;
}

div#vertretungsplan a:hover{
	text-decoration:underline;
}


div#flashnews, div#flashnews a, div#flashnews h1, div#flashnews h2, div#flashnews p div#flashnews strong{
	margin-left: 12px;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

div#flashnews{
	padding: 0;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 20px;
	margin-top: 8px;
	margin-left: 8px;
	width: 234px;
	min-height: 96px;	
}

div#flashnews h1{
	margin-left: 0;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background-color: white;
}

*:first-child+html div#flashnews h1{ /* Star+-Hack für IE7 */
	margin:0;
	margin-top: 8px;
	padding:0;
	padding-left: 12px;
	margin-bottom: 8px;
}

div#flashnews h2{
	padding: 10px 0 0 12px;	
	margin: 0;
	line-height: 0;
	font-weight: bold;	
}

*:first-child+html div#flashnews h2{ /* Star+-Hack für IE7 */
	line-height: 20px;
}

div#flashnews a{
	font-size: 10px;	
}
div#flashnews a:hover{
text-decoration:underline;
}


div#flashnews p{
	padding: 0;
	margin: 5px 0 5px 12px;
}


*:first-child+html div#flashnews p{ /* Star+-Hack für IE7 */
	padding: 0;
	margin: 0;
	padding-left: 12px;
}

/* Gestaltung des Content Bereichs, also das was im Editor angegeben wird */


div#contentcon{	
	margin: 0px;
	text-align: left;
	width: 572px;	
	float: right;
}

div#contentcon ul, ol{	
  	padding: 0 0 0 35px;
}

div#contentcon img{	
  	border: 1px solid #000;
  	margin: 3px;
}
div#contentcon strong,a, h1, h2{	
  	color: #000;
}

div#contenthead img {border:0; padding:0; margin:0;}
/* ENDE Gestaltung des Content Bereichs, also das was im Editor angegeben wird */


div#contenttop{	
	padding: 0px;
	margin: 0px;
	margin-top: 10px;	
	margin-right: 12px;	
}

/* Content Head */

/* contenthead*/
div#contenthead{
	margin-top: 8px;
	margin-left: 0px;
	height: 200px;
	width: 572px;	
	text-align: left;
}

.contentheadimg{
	margin-bottom: 12px;
}


div#contenthead h2{
	margin: 0;
	margin-left: 15px;	
	margin-top: 7px;
	font-size: 12px;
	font-weight:normal;
	text-align: left;
}


div#contenthead h1{
	margin: 0;
	margin-left: 15px;	
	margin-top: 10px;
	font-size: 18px;
	font-weight:normal;
	text-align: left;
}

div#contentlink p { border:0px solid red; }

div#contentlink a{ text-decoration:none; }

div#contentlink{
	margin: 0px 0px 12px 0px;
	/*height: 65px;*/
	background-color: white;	
	border:1px solid;	
	padding: 0 5px 0 8px;
}

div#contentlink ul{
  list-style-type:none;
  margin:5px 0 5px 0;
  padding:0;
  width:48%;
  text-indent:0;
}
div#contentlink .active a{
  text-decoration:underline;
}


.bild{
	margin-right: 11px;
}

/*  Content - Content  
    Der eigentliche Inhalt der Seite
*/

div#contentmain{ border: 0px solid red; padding: 0 5px 20px 14px; margin:10px 0 20px 0;}
div#contentmain img{ margin: 5px 8px 5px 0;}

/* Abstand Text unten JJ */
h2, p ,ul, ol { margin-bottom: 0.5em; }




#footer {
  	width: 100%;
  	background: #fff;
  	position: absolute;
  	bottom: 0;
  	height: 10px;
 	line-height: 10px;
	text-align:center;

}

/* Breadcrumb */
div#CrumbBox {width:555px;border:0px solid red;margin:0 0 0 15px;padding:0;}
.B_crumbBox {color:#fff; font-size: 11px; }
.B_hideCrumb ,.B_currentCrumb ,.B_firstCrumb ,.B_lastCrumb ,.B_crumb ,.B_homeCrumb {color:#fff;padding:0; margin:0;font-size: 11px;}   
.B_crumbBox a {text-decoration:none;}


/* Aktuelles*/
.ditto_summaryPost{padding: 5px 10px 5px 10px; font-size: 12px;}
.ditto_summaryPost strong{color:#000; font-size: 11px;}

/* Formulare */
.text {border:1px solid black;  }
.button {border:1px solid black;  }
textarea {border:1px solid black;  }
select {border:1px solid black;  }

/* End Home */


/* Subnavigation */
div#subnavigation{
	margin:0px 1px;
	padding:8px 0px 8px 0px;
	font-size: 11px;
	line-height:14px;
	background:#FFFFFF
}

div#subnavigation a{
	text-decoration:none;
}


#subnavigation ul li{list-style-position:outside;list-style-type:none; padding: 0; margin:0; font-size:11px;}


/* Subnavigation - links (default Styles) */

#subnavlevel1 ul{padding: 0 0 0 15px; border:0px solid red;list-style-position:outside;}
#subnavlevel1 ul li span{background:none;}
#subnavlevel1 ul li a:hover{background:none;}

/* Level 1 */
.subnavi1 a, .lastsubnavi1 a{font-weight:bold;color:#000;}
.subnavi1 a:hover, .lastsubnavi1 a:hover{color:#000;}

.subnavi1active span, .lastsubnavi1active span, .subnavi1active a, .lastsubnavi1active a{
	font-weight:bold;padding:0 0 0 20px;color:#000;}

/* Level 2 */
.subnavi2 a, .lastsubnavi2 a{font-weight:normal;background: none;}
.subnavi2 a:hover, .lastsubnavi2 a:hover{background: none;}

.subnavi2active span, .lastsubnavi2active span{
	background: none;font-weight:bold;padding:0 0 0 20px;}
	
.subnavi2active a,.lastsubnavi2active a{background:none;}

/* Level 3 */
.subnavi3 a, .lastsubnavi3 a{font-weight:normal;background: none;color:#000;}
.subnavi3 a:hover, .lastsubnavi3 a:hover{background: none;color:#000;}

.subnavi3active span, .lastsubnavi3active span{
	background: none;font-weight:bold;padding:0 0 0 20px;color:#000;}
	
.subnavi3active a,.lastsubnavi3active a{background:none;color:#000;}

/* Level 4*/
.subnavi4 a, .lastsubnavi4 a{font-weight:normal;background: none;color:#000;}
.subnavi4 a:hover, .lastsubnavi4 a:hover{background: none;color:#000;}

.subnavi4active span, .lastsubnavi4active span{
	background: none;font-weight:bold;padding:0 0 0 20px;color:#000;}
	
.subnavi4active a,.lastsubnavi4active a{background:none;color:#000;}

/* Level 4*/
.subnavi4 a, .lastsubnavi4 a{font-weight:normal;background: none;color:#000;}
.subnavi4 a:hover, .lastsubnavi4 a:hover{background: none;color:#000;}

.subnavi4active span, .lastsubnavi4active span{
	background: none;font-weight:bold;padding:0 0 0 20px;color:#000;}
	
.subnavi4active a,.lastsubnavi4active a{background:none;color:#000;}

/* Level 5*/
.subnavi5 a, .lastsubnavi5 a{font-weight:normal;background: none;color:#000;}
.subnavi5 a:hover, .lastsubnavi5 a:hover{background: none;color:#000;}

.subnavi5active span, .lastsubnavi5active span{
	background: none;font-weight:normal;padding:0 0 0 20px;color:#000;}
	
.subnavi5active a,.lastsubnavi5active a{background:none;color:#000;}

/* Level 6*/
.subnavi6 a, .lastsubnavi6 a{font-weight:normal;background: none;color:#000;}
.subnavi6 a:hover, .lastsubnavi6 a:hover{background: none;color:#000;}

.subnavi6active span, .lastsubnavi6active span{
	background: none;font-weight:normal;padding:0 0 0 20px;color:#000;}
	
.subnavi6active a,.lastsubnavi6active a{background:none;color:#000;}