body {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: #3b3b3b; margin: 0; padding: 0; background: #FFF; }

a { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #079224; text-decoration:none; }

a:hover {color: #3ca52b; text-decoration:underline; }

img {border: 0;}


#wrapper { width: 900px; margin: 0 auto; text-align: left; background: #fff; }

#logo {height: 39px; width: auto; margin: 0 auto; }

#band {height: 1px; width: auto; margin: 0 auto; border-bottom: solid 1px #c7c6c6;  }

#head_content { width: 900px; height: 650px; margin: 0 auto;  text-align: left; background-color:#fff;  }


#content { width: 900px; text-align: left; }


h1 {color: #128106; font-size: 30px; line-height: 30px; padding: 22px 0px 0px 0px;  }

h1.home {color: #128106; font-size: 28px; padding: 0px 0px 10px 0px; }

h2 {color: #3b3b3b; font-size: 12px; line-height: 30px; padding: 5px 0px 0px 0px; }

h3 {color: #128106; font-size: 12px;  padding: 0px 0px 0px 0px; margin-bottom: 0px; }

h3.program {color: #3b3b3b; font-size: 12px; line-height: 16px; padding: 5px 0px 5px 0px; margin: 0px;  }

h3.programr {color: #128106; font-size: 12px; padding: 0px 0px 0px 0px; margin: 0px;  }

h3.early {color: #e3101a; font-size: 12px; padding: 0px 0px 0px 0px; margin: 0px;  }




/****************** Navigation ******************/
#mainNav ul {margin: 0; padding: 0; list-style:none; width:900px; font-size: 13px; float: left;  }

#mainNav ul li {font-size: 13px; float: left;  }
#mainNav ul li.first {font-size: 13px; float: left; padding-left: 0px; }

#mainNav ul li.right {float: right; padding-right: 0px; color:#a9085a; font-size: 11px; }


#mainNav ul a {font-size: 13px; display: block; padding: 8px 16px 38px 15px; line-height: 12px; text-decoration:none; color:#868485; }
#mainNav ul a:hover {font-size: 13px; display: block; padding: 8px 16px 38px 15px; line-height: 12px; text-decoration:none; color:#3ca52b; }

#mainNav ul a.afirst {font-size: 13px; display: block; padding: 8px 16px 38px 0px; line-height: 12px; text-decoration:none; color:#868485; }
#mainNav ul a.afirst:hover {font-size: 13px; display: block; padding: 8px 16px 38px 0px; line-height: 12px; text-decoration:none; color:#3ca52b; }

#mainNav ul a.activ {font-size: 13px; display: block; padding: 8px 16px 38px 15px; line-height: 12px; text-decoration:none; color:#268e2e; font-weight: bold;  }
#mainNav ul a.activ:hover {font-size: 13px; display: block; padding: 8px 16px 38px 15px; line-height: 12px; text-decoration:none; color:#268e2e; font-weight: bold; }
#mainNav ul a.activfirst {font-size: 13px; display: block; padding: 8px 16px 38px 0px; line-height: 12px; text-decoration:none; color:#268e2e; font-weight: bold;  }
#mainNav ul a.activfirst:hover {font-size: 13px; display: block; padding: 8px 16px 38px 0px; line-height: 12px; text-decoration:none; color:#268e2e; font-weight: bold; }

#mainNav ul a.al {display: block; padding: 9px 2px 38px  0px; line-height: 12px; text-decoration:none; color:#868485; font-size: 11px;  }
#mainNav ul a.al:hover {display: block; padding: 9px 2px 38px  0px; line-height: 12px; text-decoration:none; color:#868485; font-size: 11px; }


#subnavT { width: 230px; height:488px; float:left; margin:0; padding:0;  }

#subnavT ul { padding:0; margin:0; margin:0; list-style:none; }
#subnavT li { height: 18px; padding:0 ; margin:0;  }

#subnavT a  {  text-decoration: none; color:#787878;  font-size:12px;  padding-left: 0px;  }
#subnavT a:hover  { color:#238e18; }

#subnavT a.active  { color:#079224; font-weight: bold; padding-bottom: 35px; font-size: 14px; padding-left:0px; }
#subnavT a.active:hover { color:#238e18; font-weight: bold; padding-bottom: 35px; }
#subnavT .act { margin-bottom: 10px; padding-bottom: 1px;  color:#a9085a;  }
#subnavT .acts { margin-bottom: 10px;  margin-top: 10px; padding-bottom: 1px;  color:#a9085a;  }
/**** Navigation ***/








/****************** Homepage ******************/
#ContentHomeLeft { width:458px; height:488px;  float:left; border: solid 1px #dfddde; margin-bottom: 10px; margin-right: 42px;   }

#ContentHomeLeft  p.green { color: #128106; font-size: 20px; line-height: 30px; font-weight:bold; }

#ContentHomeRight {	width: 350px; float:right; margin-bottom: 10px;  }

#ContentHomeLeftu { width:488px;  float:left; margin-bottom: 10px; margin-right: 42px;   }

#ContentHomeRight  p.green { color: #128106; font-size: 20px; line-height: 30px; font-weight:bold; }

#ContentHomeRight  p.greeny { color: #63b429; font-size: 20px; line-height: 24px; font-weight:bold; }

#ContentHomeRight  p.important { color: #e53e27; font-size: 16px; font-weight:bold; }

#ContentHomeRight  p { font-size: 12px; line-height: 16px;  }


#ContentHomeLeftu { width:488px;  float:left; margin-bottom: 10px; margin-right: 42px;   }

#ContentHomeLeftu  p.green { color: #128106; font-size: 20px; line-height: 30px; font-weight:bold; }



/****************** Lehrer ******************/
#ContentTRight { width: 600px; float:left; margin-bottom: 10px;  }

#ContentTRight img {float:left; margin-right:45px; margin-bottom: 55px; }

#ContentTRight img.classes {float:left; margin-right:45px; margin-bottom: 90px; }


#ContentTRight p { margin-top: 0px; line-height: 18px;  }



/****************** Programm ******************/
#ContentPLeft { width:580px;  float:left; border: solid 1px #dfddde; margin-bottom: 10px; margin-right: 9px  }

#ContentPLeft  p { padding: 0px 0px 2px 0px;  }

#ContentPLeft  a {color: #079224;   }
#ContentPLeft  a:hover {color: #3ca52b; text-decoration:underline; }

#ContentPRight {	width: 300px; float:right; margin-bottom: 10px;   }

#ContentPRight  p { padding: 0px 0px 2px 0px;  }


/****************** Content allgemein ******************/
#ContentLeft { width:580px;   float:left;  margin-bottom: 10px; margin-right: 10px  }

#ContentLeft .kleft { width:280px; height:440px;  float:left;   }
#ContentLeft .kleftl { width:280px;   float:left;   }
#ContentLeft .kright { width:280px; height:440px; float:right;   }

#ContentLeft .kright img  { float:left; margin-right:20px; margin-bottom: 20px;  }

#ContentLeft h4 {color: #3b3b3b; font-size: 12px; padding: 0px 0px 5px 0px; margin-top: 0px; }

#ContentLeft h4.attention {color: #3b3b3b; font-size: 12px; padding: 0px 0px 5px 0px; margin-top: 0px; color:#DF003F; }

#ContentLeft  p { padding: 0px; margin: 0px;  }
#ContentLeft  p.about { padding: 0px; margin: 0px; width: 500px; }

#ContentLeft  p.regist { padding: 10px; margin: 0px; width: 500px; background-color:#ffff80; border: solid 1px #dfddde; }

#ContentRight {	width: 300px; float:right; margin-bottom: 10px;   }

#ContentRight  p { padding: 0px 0px 2px 0px;  }




/******************  Lehrerübersicht  ******************/
.thumbnails 
{
	display:block; 
	width:900px;
	float:left;
	background-color:#fff; 
	padding-bottom: 14px;
}

.thumbnail
{
	float:left;
	width:153px; 
	height:148px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	border: solid 1px #dfddde;
}

a.lname { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #079224; text-decoration:none; padding: 0px 0px 0px 2px; line-height: 19px; }

a.lname:hover {color: #3ca52b; text-decoration:none; }

.thumbnail .img { margin: 0px 0px 0px 0px; border-bottom: solid 1px #dfddde; }



.seperator
{
	float:left;
	width:25px; 
	height:150px;	
}
.newline
{
	clear:both;
	height:20px;
}

.newlinelast
{
	clear:both;
	height:0px;
}





/* FOOTER */
#footer { clear: both; width: 900px; height: 30px; border-top: solid 1px #c7c6c6;  }

#footer p { float: right; margin-top: 5px; color: #868485; font-size: 9px; }

#footer a { text-decoration:none; color: #868485; font-size: 9px;  }
#footer a:hover { text-decoration:none; color: #3ca52b;  }