@charset "UTF-8";
/* CSS Document */


 body{
  margin:0;
  padding:header-<length> 0 0 left-sidebar-<length>;
 }
div#header{
  position:absolute;
  top:0px;
  left:0px;
  height: 20px;
  display:inline;
  filter:Alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80;
  height:header-<length>;
  background-color:#FFF;
  z-index:399;
 }
 
div#left-sidebar{
  position:absolute;
  top:header-<length>;
  left:0;
  width: 200px;
  
  z-index:400;
  filter:Alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; 
  height:200px;
 }
 @media screen{
  body>div#header{
   position:fixed; top:0px;
  }
  body>div#left-sidebar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }


.kinder {
	
	background-color:#FFF; float: left;
	width: 300px; height: 500px;
}
.kinder_text_feld {
	position:absolute; 
	top: 370px; 
    left: 0px; 
	width: 300px; 
	height: 50px; 
	background-color: #fff;
	filter:Alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;
	
	
}
.kinder_text_feld2 {
	position:absolute; 
	top: 360px; 
    left: 0px; 
	width: 300px; 
	height: 36px; 
	background-color: #fff;
	filter:Alpha(opacity=55); -moz-opacity:0.55; -khtml-opacity:0.55; opacity:0.55;
	
	
}

.kinder_navigation2 {
	float: left;
	position:absolute;
	top: 24px; 
	width: 300px;
    height: 12px; 
	background-color: #666;
	
}

.kinder_navigation {
	float: left;
	position:absolute;
	top: 38px; 
	width: 300px;
    height: 12px; 
	background-color: #666;
	
}

.kinder_navigation_left {
	float: left;
	top: 0px; 
	width: 150px;
    height: 12px; 
	z-index: 401;
	
}


.kinder_navigation_right {
	float: right;
	top: 0px; 
	width: 150px;
    height: 12px;
	z-index: 400;
	
	
}


.kinder_name_text {
	
    font-size:9px; 
	font-family:Verdana, Geneva, sans-serif;

}

.kinder_name_gross {
	
    font-size:24px; 
	font-family:Verdana, Geneva, sans-serif;

}


.verdana_9px {
	
    font-size:9px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;

}

.verdana_9px_bk {
	
    font-size:9px;
	color: #000;
	font-family:Verdana, Geneva, sans-serif;

}

.impressum {
	
    font-size:9px; color: #aaa; font-family:Verdana, Geneva, sans-serif; text-decoration:none

}

.impressum_head {
	
    font-size:9px; color: #666; font-family:Verdana, Geneva, sans-serif; text-decoration:none

}

.impressum:link {text-decoration: none; color: #777;}
.impressum:hover {text-decoration: none; color: #999;}
.impressum:active {text-decoration: none; color: #aaa;}
.impressum:visited {text-decoration: none; color: #aaa;}

.bilder { text-decoration: none; color: #fff;}

.bilder:link {text-decoration: none; color: #fff;}
.bilder:hover {text-decoration: none; color: #fff;}
.bilder:active {text-decoration: none; color: #ff;}
.bilder:visited {text-decoration: none; color: #ff;}


.kontakt {
	
    font-size:9px; color: #F00; font-family:Verdana, Geneva, sans-serif; text-decoration:none

}

.kontakt_head {
	
    font-size:9px; color: #F00; font-family:Verdana, Geneva, sans-serif; text-decoration:none

}

.kontakt:link {text-decoration: none; color: #F00;}
.kontakt:hover {text-decoration: none; color: #999;}
.kontakt:active {text-decoration: none; color: #F00;}
.kontakt:visited {text-decoration: none; color: #F00;}


.klassen_navi { font-size:9px; font-style:italic; color: #fff;	font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; padding-right: 10px; font-stretch:expanded; letter-spacing:0.2em;}
.klassen_navi:link {; text-decoration:none}
.klassen_navi:visited { text-decoration:none}
.klassen_navi:active { text-decoration:none}
.klassen_navi:hover {color: #000;}

.klassen_navi_links { font-size:9px; color: #666; top: 5px; font-style:oblique; position:relative; left:20px; font-family:Verdana, Geneva, sans-serif; padding-bottom:10px; text-transform: uppercase; letter-spacing: .2em;}
.klassen_navi_links:link {; text-decoration:none}
.klassen_navi_links:visited { text-decoration:none}
.klassen_navi_links:active { text-decoration:none}
.klassen_navi_links:hover {color: #F00; text-decoration:underline}

.klassen_navi_black { font-size:9px; color: #000;font-family:Verdana, Geneva, sans-serif;}
.projekt_navi { font-size:9px; color: #000;	font-family:Verdana, Geneva, sans-serif; padding-right: 10px;}
.projekt_navi:link {; text-decoration:none}
.projekt_navi:visited { text-decoration:none}
.projekt_navi:active { text-decoration:none}
.projekt_navi:hover {color: #906; text-decoration:underline}


.main_navi {
	
    font-size:9px; padding: 0px 7px 0px 6px;
	color: #000;
	font-family:Verdana, Geneva, sans-serif;

}

.main_navi:link {color:#000; text-decoration:none}
.main_navi:visited {color:#000; text-decoration:none}
.main_navi:active {color: #F00; text-decoration:none}
.main_navi:hover {color: #F00; text-decoration:underline}^

.kinder_name_feld {
	float:left;
	position:relative;
	height:24px; 
	width: 280px;
	left: 10px;
	top: 5px;
    

}

.diekinder {
	font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:10px; font-style:italic; text-decoration:none;};
.diekinder:link {color:#fff; text-decoration:none}
.diekinder:hover {color: #F00; text-decoration:none}
.diekinder:link {color:#fff; text-decoration:none}
.diekinder:active {color:#fff; text-decoration:none}

.diekinder_div {
	position:relative; float:left; height:65px; top: 0px; width:2000px;  padding-bottom:0px;
}

.diekinder_div_text {
	position:absolute;
	top: 45px; filter:Alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;
}

	
