* {margin:0;}
html, body {margin:0px;padding:0px;height:100%;}
body {background: url(../img/ruebe_tile04.gif) top left repeat;font: 100.01% Georgia,"New Century Schoolbook","Nimbus Roman No9 L",serif;}
img {border:0;}
li {list-style-type:none;}
a {text-decoration:none;color:#00A6B8;}
a:focus {outline:none;}

#spielwiese {width:1000px;margin:0 auto;}

#header {background: url(../img/spielplatz-kopf/wilde-ruebe-hintergrund.jpg) 25px 14px no-repeat;height:364px;}
img#pfeil-oben{position:relative;left:345px;}
img#biene-oben {position:relative;left:481px;top:-150px;}
ul#kinder-menu {position:relative;top:105px;width:780px;}
ul#kinder-menu li {float:left;padding-right: 5px;}

/*navmenu*/
#skyline {width: 765px; height: 59px;margin-left:35px;margin-top:-20px; padding: 0;position: relative;}
#skyline li {margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
#skyline li, #skyline a {height: 59px; display: block;}
/*li-breite*/
#panel1b {left: 0; width: 189px;}
#panel2b {left: 190px; width: 175px;}
#panel3b {left: 360px; width: 185px;}
#panel4b {left: 560px; width: 250px;}
/*normal*/
#panel1b a {background: transparent url(../img/menu.png) 0 5px no-repeat;}
#panel2b a {background: transparent url(../img/menu.png) -190px 5px no-repeat;}
#panel3b a {background: transparent url(../img/menu.png) -360px 5px no-repeat;}
#panel4b a {background: transparent url(../img/menu.png) -560px 5px no-repeat;}
/*hover*/
#panel1b a:hover {background: transparent url(../img/menu.png) 0 -115px no-repeat;}
#panel2b a:hover {background: transparent url(../img/menu.png) -190px -115px no-repeat;}
#panel3b a:hover {background: transparent url(../img/menu.png) -360px -115px no-repeat;}
#panel4b a:hover {background: transparent url(../img/menu.png) -560px -115px no-repeat;}
/*active*/
#panel1b a.active {background: transparent url(../img/menu.png) 0 -55px no-repeat;}
#panel2b a.active {background: transparent url(../img/menu.png) -190px -55px no-repeat;}
#panel3b a.active {background: transparent url(../img/menu.png) -360px -55px no-repeat;}
#panel4b a.active {background: transparent url(../img/menu.png) -560px -55px no-repeat;}
/*mitte-container*/
#mitte {background: url(../img/papier.jpg) repeat-y 0 0;display:inline-block;width:1000px;

     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em 25px;

}
/*nav*/
#nav {width:200px;float:left;min-height:1em;}
#nav ul {margin:-5px 0 0;padding-left:15px;padding-right:16px;width:169px;}
#nav ul.level2 {padding:0;margin:0;}
#nav li {background:url(../img/50weiss.png) top left repeat;margin:5px 0;}
#nav li.level2, #nav li.level2-act {margin:0;}
#nav span.test {background:url(../img/50weiss.png) top left repeat;padding-left:15px;padding-right:16px;width:138px;display:block;height:100%;margin-left:15px;}

#nav li a {font-weight:bold;padding-left:5px;}
#nav li.level1 a {color:#00A6B8;font-size:1.2em;}
#nav li.level1-act a {color:#547E00;font-size:1.2em;}
#nav li.level2 a {color:#00A6B8;padding-left:10px;}
#nav li.level2-act a {color:#547E00;padding-left:10px;}

#nav li.level1 a:hover {color:#547E00;}
#nav li.level2 a:hover {color:#547E00;}

#content{width:510px;float:left;font-size:0.8em;padding:0 10px;min-height:1em;}
#content h1 {font-size:1.6em;color:#547E00;padding-bottom:10px;}
#content h2 {font-size:1.2em;color:#F14D11;padding:5px 0;}
#content p.bodytext {margin:10px 0;}
div.csc-textpic-text {padding:10px 0;}
#news{width:170px;float:left;background:url(../img/50weiss.png) top left repeat;font-size:0.8em;margin-left:15px;padding:0 0px;}
#news h3 {color:#69971A;padding:10px 5px 0;}
#news p {padding:0 5px;}

#footer {clear:both;background: url(../img/eltern-informationen/wilde-ruebe-elterninfo.jpg) 25px 0px no-repeat;}

.push {height: 4em;}

img#eltern-info-unten{position:relative;left:45px;top:-60px;}
 * html img#eltern-info-unten{position:relative;left:560px;top:-200px;} /* nur für den IE6 */

#eltern-menu {padding:60px 50px 50px;}
div.fragen {float:left;width:190px;}
#eltern-menu h3 a{padding-left:30px;color:#009EBD;}
#eltern-menu ul {padding-left:40px;}
#eltern-menu li {padding:0px;}
#eltern-menu li.kopf {float:left;padding:0px;}
#eltern-menu a {color:#75953E; font-size:1.2em;}
#eltern-menu a:hover {color:#00A6B8; font-size:1.2em;}

.integration-sprache {line-height:normal;height:150px;margin-top:135px;overflow:visible;margin-bottom:30px;padding-left:70px;}
 * html .integration-sprache{margin-top:0px;} /* nur für den IE6 */
/* reset margins and paddings */
.integration-sprache * {margin: 0;padding: 0;}
.integration-sprache ul {margin-left:10px;clear:both;}
.integration-sprache ul li {float:left;list-style-type:none;padding-top:65px;margin-top:0px;}
.integration-sprache ul li a {text-decoration:none;}
.integration-sprache ul li a img {
  width:50px;  /* initial width of images, 50% of width */
  height:50px; /* initial height of images, 50% of height */
  border:none;
}
/* initially, don't show the label inside <span> tag */
.integration-sprache ul li a span {display:none;}
.integration-sprache ul li:hover a span {
  display:block;
  font-size:14px;
  text-align:center;
  color:#fff;
  margin-top:-65px;
}
/* expand the image to 100% on mouse hover.
** again, ideal dimension of image is equal to width and height below
*/
.integration-sprache ul li:hover a img {width:100px;height:100px;}
/* expand the image next to the right of active image to 60% using + selector */
.integration-sprache ul li:hover + li a img {width:60px;height:60px;
  /* move image up by 10px so bottom aligns with other images */
  margin-top:-10px;}
/* expand the image second to the right of active image to 55% using + selectors */
.integration-sprache ul li:hover + li + li a img {width:55px;height:55px;
  /* move image up by 5px so bottom aligns with the other items */
  margin-top:-5px;}

/*mailformular*/
form#mailform label {

display:block;
float:left;
left:0;
margin:2px;
padding:2px;
text-align:right;
width:100px;
}
form#mailform input, textarea {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CBCED0;
left:0;
position:relative;
width:250px;
}
.csc-mailform-field {
background-color:#FFFFFF;
display:block;
left:218px;
margin:2px;
padding:2px;
}
.csc-mailform-check {
border:1px solid #CBCED0;
display:block;
left:125px;
margin:2px;
padding:2px;
width:auto;
}
.csc-mailform-submit {
background:#F2F5F5 none repeat scroll 0 0;
clear:left;
display:block;
left:128px;
position:relative;
width:auto;
}
form#mailform input.button {
background:#E6E6E6 none repeat scroll 0 50%;
border:1px solid #969696;
color:#969696;
font-family:verdana,arial,sans-serif;
font-size:120%;
left:108px;
padding:1px !important;
text-align:center;
width:5em;
}
form#mailform input.button:hover {
background:#DCDCDC none repeat scroll 0 50%;
border:1px solid #505050;
color:#505050;
cursor:pointer;
left:108px;
}