@charset "UTF-8";
/* CSS Document */


 body{
  margin:0;
  padding:header-<length> 0 0 left-sidebar-<length>;
  overflow:hidden;
 }
 html{
  margin:0;
  padding:header-<length> 0 0 left-sidebar-<length>;
  overflow:hidden;
 }
div#header{
  position:absolute;
  margin-top:0;
  left:0px;
  height: 20px;
  display:inline;
  filter:Alpha(opacity=100); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80;
  height:header-<length>;
  z-index:399;
 }
 
 #scrollbar { width: 100%; height: 31px; position: absolute; bottom: 0; background-color: #0F9; filter:Alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#scrollhandle { width: 95px; height: 31px; position: absolute; bottom: 0; background: url(images/scroll-handle.png) left bottom no-repeat; cursor: pointer; }

 
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:10%;
  }
  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 {
left: 5px;
top: 5px;
position:relative;	
    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;
		padding-left:10px; 

	height:24px; 
	width: 280px;
	left: 30px;
	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;
}

#mcs5_container .customScrollBox .content{clear:both;}
#mcs5_container .customScrollBox .content p{padding:5px; margin:0 5px;}
#mcs5_container .customScrollBox .content p img{margin-right:5px;}
#mcs5_container .dragger_container{position:absolute; bottom: 10%; height:30px; width:100%; margin:0px; background-color: #888; filter:Alpha(opacity=100); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.90; }
#mcs5_container .dragger{position:absolute; bottom: 0; width:95px; height:30px; background:#111 url(mcsDragger.png) no-repeat; margin-top:0px;}
#mcs5_container .dragger_pressed{position:absolute; bottom: 0; width:95px; height:30px; background:#111 url(mcsDragger.png) no-repeat; margin-top:0px;}
#mcs5_container .scrollUpBtn,#mcs5_container .scrollDownBtn{position:absolute; top:0; display:inline-block; font-family:Arial,Helvetica,sans-serif; font-size:large; font-weight:normal; color:#C30; margin:8px 5px 0 10px; text-decoration:none;}
#mcs5_container .scrollDownBtn{right:10px;}
#mcs5_container .scrollUpBtn{right:50px;}
#mcs5_container .scrollUpBtn:hover,#mcs5_container .scrollDownBtn:hover{color:#fff;}