body 
{ 
           text-align: center;
           color: #354C5C;
	       margin: 0;
	       padding: 0;
		   font-family:Arial, Helvetica, sans-serif;
		   background: url("grafx/background4.jpg") repeat-y;
		   background-color:#CBD8E8;
}
	
a
{
           text-decoration:none;
}
	
a:hover, #navigation a:hover, #navigation li a:hover

{
          color:#ff0000;
		  background: white;
}
	
	
.trennlinie
{ 
          border-bottom: 1px solid white;
}
	
p:first-letter
{
           font-size: 100%;
		   font-weight: normal;
		   margin-left: 10px;
}


.kleingrau
{
           font-size: 11px;
		   letter-spacing: 1px;
		   color:#666666;
}
	 

#metacontainer 
{ 
           position:relative;
           text-align: left;
		   margin: 8px auto;
		   width: 687px;
		   padding: 0;
		   background: url("grafx/back_all.gif") repeat-y;
}

#logo
{
           margin: 0;
		   background: url("grafx/logo.jpg") no-repeat;
		   width: 687px;
		   height:235px;
		   color:#fff;
		   font-size:10px;
		   letter-spacing:5px;   
		   
}

#logo h1, #logo h2, #logo h3
{
           display: none;
}

#logo span
{
          position:relative;
		  top: 5px;
		  left: 17px;
		  color: #AEB4C6;
}

#blume
{
          position: absolute;
		  top:110px;
		  left: 687px;
		  background: url("grafx/bleame.jpg") no-repeat;
		  width: 55px;
		  height: 80px;
}

#blumeover
{
         position: absolute;
		 top: 50px;
		 left: 10px;
		 background-color:#FFFFCC;
		 border: 1px dotted #000066;
		 color:#993300;
		 width: 100px;
		 padding: 5px;
		 font-size:12px;
		 visibility: hidden;
}

#versiongrafisch
{
          position:absolute;
		  top: 21px;
		  left:360px;
		  width: 237px;
		  height: 106px;
		  background-image: url("grafx/opacity.gif");
		  background-repeat: no-repeat;
		  background-position: 0px -1px;
		  padding: 5px;
		  visibility:hidden;
		  color: white;
		  border: 1px dashed white;
		  font-size:13px;
		  font-weight:normal;
		  font-variant: small-caps;
}

#versiontext
{
          position:absolute;
		  top: 21px;
		  left:360px;
		  width: 237px;
		  height: 106px;
		  background-image: url("grafx/opacity.gif");
		  background-repeat: no-repeat;
		  background-position: 0px -1px;
		  padding: 5px;
		  visibility:hidden;
		  color: white;
		  border: 1px dashed white;
		  font-size:13px;
		  font-weight:normal;
		  font-variant: small-caps;
}

#layoutwahl
{
          position:absolute;
		  top: 235px;
		  left: 508px;
		  font-size: 12px;
		  color:#666666;
		  letter-spacing:2px;
		  padding-right: 12px;
		  padding-top: 5px;
		  margin-left: 8px;
		  margin-top: 2px;
		  width:300px;
		  float:left;
		  text-align:left;
}

#layoutwahl a
{
          letter-spacing:1px;
}



#content 
{
          width: 100%;
		  background: url("grafx/back_all.gif");
}


.skip, .skip a
{
          display: none;
}


#navigation 
{
		  width: 235px;
		  float: left;
		  background-color:#E6E8EC;
		  background: url("grafx/back_nav2.gif") repeat-y;
		  font-size: 12px;
		  color: #5E5226;
}


#dashpz_info
{
          position:absolute;
		  top: 16px;
		  left:208px;
		  width: 120px;
		  height: 120px;
		  background-image: url("grafx/naviinfo.png");
		  z-index:10;
		  background-position: 0px -1px;
		  padding: 5px;
		  visibility:hidden;
		  color:#990000;
		  border: 1px dotted #948C6D;
		  font-size:13px;
		  font-weight:normal;
		  font-variant:small-caps;
}

#info_info
{
          position:absolute;
		  top: 16px;
		  left:208px;
		  width: 120px;
		  height: 120px;
		  background-image: url("grafx/naviinfo.png");
		  z-index:15;
		  background-position: 0px -1px;
		  padding: 5px;
		  visibility:hidden;
		  color: #990000;
		  border: 1px dotted #948C6D;
		  font-size:13px;
		  font-weight:normal;
		  font-variant:small-caps;
}

#hpzintern_info
{
          position:absolute;
		  top: 16px;
		  left:208px;
		  width: 120px;
		  height: 120px;
		  background-image: url("grafx/naviinfo.png");
		  z-index:5;
		  background-position: 0px -1px;
		  padding: 5px;
		  visibility:hidden;
		  color: #990000;
		  border: 1px dotted #948C6D;
		  font-size:13px;
		  font-weight:normal;
		  font-variant:small-caps;
}



#navigation a, #navigation a:visited
{
          color: #5E5226;
}







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

#navigation li
{ 
          background: url("grafx/nav_bullet.gif") no-repeat;
		  background-position: 0 4px;
		  padding-left: 12px;
		  display: block;
		  
		  
}

#navigation li.aktuell
{
          background: url("grafx/nav_bullet2.gif") no-repeat;
		  background-position: 0 4px;
		  padding-left: 12px;
		  display: block;
}


#navigation li:hover
{
          background: url("grafx/nav_bullet2.gif") no-repeat;
		  background-position: 0 4px;
		  padding-left: 12px;
		  display: block;
}


#metanavigation
{
          background: url("grafx/metanav.gif") no-repeat;
		  height: 25px;
}
#metanavigation h3
{
          display: none;
}


#auswahlnavigation
{
          background: url("grafx/back_nav.gif") repeat-y;
		  clear: both;
		  position:relative;
}

#standard_container
{
          padding: 0px 18px 5px 45px;
		  background: url("grafx/back_dashpz2.gif") no-repeat top left;
		  height: 168px;
		  
}

#hpz_container
{
          position:relative;
		  padding: 0px 18px 5px 45px;
		  background: url("grafx/back_dashpz2.gif") no-repeat top left;
		  height: 168px;
		  
}

#info_container
{
          position:relative;
		  padding: 0px 18px 5px 45px;
		  background: url("grafx/back_info2.gif") no-repeat top left;
		  height: 81px;
}

#hpzintern_container
{
          position:relative;
		  padding: 0px 18px 5px 45px;
		  background: url("grafx/back_hpzintern2.gif") no-repeat top left;
		  height: 155px;
}


.nav_header
{
          padding: 0px 0px 0px 13px;
		  background: url("grafx/back_navheader.gif") no-repeat top left;
		  font-size: 12px;
		  font-weight: bold;
		  color: #3B5363;
		  height: 23px;
		  z-index: 5;
		  
}

.navbottom 
{
          background: url("grafx/navbottom.gif") no-repeat;
		  height:15px;
		  background-position:left top;
}

#navbottom_letzte 
{
          background: url("grafx/navbottom.gif") no-repeat;
		  height:1px;
		  width: 100%;
		  padding:0;
		  margin:0;
}

#navunten
{
          background: url("grafx/back_navunten.gif") repeat-y;
		  height:50px;
}



#text
{
		  width: 452px;
		  min-height: 500px;
		  float: right;
		  background: url("grafx/back_content.gif");
		  font-size:12px;
		  
}

#text h1
{
          font-size: 15px;
		  color:#000066;
		  border-bottom: 1px dotted black;
		  
}

#text h3
{
          font-size: 13px;
		  color:#003333;
		  border-bottom: 1px dotted black;
}

.bildmitunterschrift
{    
		  font-size: 10px;
		  color:#666666;
		  letter-spacing:2px;
		  padding: 4px;
}
		  


#uebersicht
{
          font-size: 12px;
		  color:#666666;
		  letter-spacing:2px;
		  background-image: url("grafx/pfeil_rechts.gif");
		  background-repeat: no-repeat;
		  background-position: 0 10px;
		  width: 400px;
		  float: left;
		  padding-left: 12px;
		  padding-top: 5px;
		  margin-left: 8px;
		  margin-top: 2px;
}

.intern_link
{
          background: url("grafx/intern_link.gif") no-repeat;
		  background-position: 2px;
		  padding-left: 20px;
}

.zuruecklink
{
          background: url("grafx/zurueck.gif") no-repeat;
		  background-position: 3px 3px;
		  padding-left: 15px;
}

.obenlink
{
          background: url("grafx/oben.gif") no-repeat;
		  background-position: 3px 5px;
		  padding-left: 15px;
}

#breadcrumb1
{
          font-size: 12px;
		  color:#666666;
		  letter-spacing:1px;
		  background-image: url("grafx/breadcrumb1.gif");
		  background-repeat: no-repeat;
		  background-position: 0 10px;
		  width: 100px;
		  float: left;
		  clear:both;
}



#text #inhalt
{
          padding-left: 5px;
		  padding-right: 10px;
		  padding-top: 25px;
		  text-align: justify;
}



#news
{
          text-align: left;
		  font-size: 15px;
		  letter-spacing: 3px;
		  color:#003366;
		  font-weight:bold;
		  clear:both;
}

#newsbox
{
       
		  background-color:#E5E2D7;
		  border: 1px solid white;
		  color: black;
		  text-align: left;
		  padding: 5px;
		  letter-spacing: 1px;
		  color:#003300;
		  font-weight:normal;
}

.newsdate
{
          font-size: 11px;
		  font-weight: bold;
		  color:#000066;
		  border-bottom: 1px dotted #3B5363;
		  width:100%;
		  background-color:#FBF4EA;
}

.newscontent
{
          font-size: 11px;
		  font-weight: normal;
		  color:#993300;
		  margin-bottom:10px;
}




#text #inhalt
{
          padding-left: 5px;
		  padding-right: 10px;
		  padding-top: 25px;
		  text-align: justify;
}



#termine
{
          text-align: left;
		  font-size: 15px;
		  letter-spacing: 3px;
		  color:#003366;
		  font-weight:bold;
		  clear:both;
}

#terminbox
{
       
		  background-color:#E4F4D5;
		  border: 1px solid white;
		  color: black;
		  text-align: left;
		  padding: 5px;
		  letter-spacing: 1px;
		  color:#003300;
		  font-weight:normal;
}

.termindate
{
          font-size: 11px;
		  font-weight: bold;
		  color:#000066;
		  border-bottom: 1px dotted #3B5363;
		  width:100%;
		  background-color:#EDFBE6;
}

.termincontent
{
          font-size: 11px;
		  font-weight: normal;
		  color:#336633;
		  margin-bottom:10px;
}

.terminart
{
		  color:#990000;	  
}




#elternbriefe
{
          text-align: left;
		  font-size: 15px;
		  letter-spacing: 3px;
		  color:#003366;
		  font-weight:bold;
		  clear:both;
}

#elternbriefbox
{
       
		  background-color:#D9ECFF;
		  border: 1px solid white;
		  color: black;
		  text-align: left;
		  padding: 5px;
		  letter-spacing: 1px;
		  color:#003300;
		  font-weight:normal;
}

.elternbrief
{
          width:100%;
		  background-color:#E7F0FA;
		  clear:both;
}

.elternbrief a
{
          color:#003366;
}

.elternbrief a:hover
{
          color:#0066FF;
		  background: none;
}

.elternbriefdownload
{
          background: url("grafx/download.gif") no-repeat;
		  width: 86px;
		  padding-left: 43px;
		  float: right;
		  font-size: 11px;
		  height: 19px;
		  letter-spacing: normal;
}

.elternbriefdate
{
          font-size: 11px;
		  font-weight: bold;
		  color:#000066;
		  border-bottom: 1px dotted #3B5363;
		  float:left;
		  background-color:#E7F0FA;
		  width: 100%;
		  
}



.elternbriefart
{
		  color:#990000;
		  letter-spacing:2px;	  
}







#down
{
           margin: 0;
		   background: url("grafx/back_unten.gif") no-repeat;
		   width: 687px;
		   height: 26px;
		   z-index:5;
		   clear:both;  
		   
}


#copyright
{
           font-size:10px;
		   letter-spacing: 2px;
		   width:100%;
		   text-align:center;
		   padding: 4px 0px 0px 3px;
		   color:white;
}

#copyright a
{
		   color: white;
}
#copyright a:hover
{
           background-color:#006600;
}