html, body  {
margin:0;
padding:0;
text-align: center;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
background-image: url(../images/bg_body.gif);
background-repeat:no-repeat;
background-position:top center;
background-color: #FDC31A;
}

#bg-container {
margin: auto;
margin: auto;
width: auto;
padding: 0;
background-image: url(../images/bg-verlauf2.gif);
background-repeat: repeat-x;
background-position:0px 114px ;
background-color: transparent;
}


#container {
margin: 0 auto 20px auto;
width: 960px;
padding:28px 0 0 0;
background-color: transparent;
font-size: 83%;
text-align: left;
}
#top-header {
width: 960px;
height: 81px;
margin: 0px 0 0 0;
padding: 0 0 0 4px;
background-color: transparent;
text-align: left;
}
#header {
width: 960px;
height: 85px;
margin: 0px 0 0 0;
padding: 0;
background-color: transparent;
text-align: left;
}

#header-logo {
margin: 0 0 0 0px;
padding: 0px;
height: 85px;
width: 425px;
background-color: transparent;
float: left;
}


#banner {
float: left;
width: 535px;
margin: 0px 0 0 0;
padding: 0;
height: 85px;
background-color: transparent;
}


#mittel-box {
width:960px;
margin:0;
padding:0;
height:232px;
background-color: #FFF2CF;
background-image: url(../images/bg-mittelbox.gif);
background-position:top;
}


#mittel-left {
float:left;
width: 425px;
height:232px;
padding: 0;
margin:0 0 0 0px;
background-color: transparent;
}


#mittel-right {
float:left;
width:509px;
height:232px;
padding: 0;
margin:0;
background-color: transparent;
}
#mittel-right-nl {
float:left;
width:212px;
padding: 0;
margin:0;
background-color: transparent;
}
#mittel-right-pict {
float:right;
width:297px;
height:205px;
padding: 0;
margin:0;
background-color: transparent;
}

#mittel-right-kont {
float:left;
width:212px;
height:70px;
padding:36px 0 0 0;
margin:0;
background-color: transparent;
background-image: url(../images/bg-kont.gif);
}

#banner-navi {
float: left;
width: 535px;
padding: 0;
margin:58px 0 0 0;
background-color: transparent;
background-image: url(../images/bg-nav-start.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.header-logo2start {
float:none;
margin:0 0 7px 0;
padding:0;
}


/* Mittel-Bereich
**************************************/
#main {
  width:100%;
  margin:0 auto;
  background-color: #FFF2CF;
  background-image: url(../images/bg-contbox.gif);
  background-position:left;
  }
#nest {
  padding:0;
  background-color: transparent;
  }

/*** Content-Bereich gesamtBox
*******************************/
#centerbox, #centerbox-3spalt {
float: right;
width: 707px;
padding: 0;
margin:0;
background-color: transparent;
}
#centerbox-3spalt {
width: 529px;
background-color: transparent;
padding-bottom:15px;
float:right;
}

#leftcont {
clear:both;
width: 421px;
padding: 0px 0 15px 4px;
margin: 0;
background-color: transparent;
float: left;
}

#bg-box-kita21, #bg-box-werkzeug, #bg-box-aufgepasst {
margin:0px 0 0 31px;
padding: 55px 20px 10px 27px;
width:303px;
height:68px;
background-image: url(../images/bg-box-kita21.gif);
background-position:top;
background-repeat:no-repeat; 
overflow:hidden;
}
#bg-box-werkzeug {
margin:30px 0 0 31px;
padding: 8px 20px 10px 27px;
height:115px;
background-image: url(../images/bg-box-werkzeug.gif);
}
#bg-box-aufgepasst {
margin:30px 0 0 31px;
padding: 58px 20px 10px 27px;
height:65px;
background-image: url(../images/bg-box-aufgepasst.gif);
}



#bg-box-mitmachen, #bg-box-netzwerk {
margin:9px 0 0 0px;
padding: 55px 20px 10px 27px;
width:193px;
height:95px;
background-image: url(../images/bg-box-mitmachen.gif);
background-position:top;
background-repeat:no-repeat;
overflow:hidden; 
}
#bg-box-netzwerk {
margin-top:10px;
height:90px;
padding-bottom:15px;
background-image: url(../images/bg-box-netzwerk.gif);
}

  
/*** Content 3-Spaltig

*******************************/
#content, #content-basic {
	float: left;
	width: 505px;
	margin:0;
	padding:0 0px 0px 0;
	background-color: transparent;
}
#content-basic {
	margin:0 4px 0 0;
	padding:0 0 10px 0;
	background-color: transparent;
}


/***** BASIC *****/  
#cont-center { 
  width: 640px;
  float: left;
  background-color: transparent;
  padding: 39px 40px 30px 15px;
  margin:0px 0 0px 0;
  overflow:hidden;
  }
#cont-right {
  width: 168px;
  float: right;
  background-color: transparent;
  padding: 0px 0px 10px 0px;
  margin: 0;
  }
  

/***** STANDARD-temp *****/
#cont-center-3sp { 
  width: 288px;
  float: left;
  padding: 0;
  margin:0;
/*   background-image: url(../images/bg-vlinie-start.gif);
  border-bottom:15px solid #FFF2CF;
  background-color: transparent; */
  overflow:hidden;
  }
#cont-right-3spalt {
width: 204px;
float: right;
padding: 0 0px 0 0;
margin: 0;
background-color: transparent;
border-top:18px solid #FFF2CF;
overflow:hidden;

}
#cont-right-3spalt-footer {
width: 180px;
height: 6px;
}

#claim {
  width:835px;
  margin:20px 0 10px 0;
  padding:0 0 0 125px;
  height:57px;
  background-color: transparent;
  /* background-color: #FFF2CF;
  background-image: url(../images/bg-contbox.gif);
  background-position:left; */
  float:left;
}

#claim-logos {
width: auto;
margin:0;
padding:0;
}
.claim-logo-1, .claim-logo-2 {
width: 260px;
margin:0;
font-size:9px;
overflow:hidden;
float:left;
}
.claim-logo-2 {
width: 240px;
margin-left: 60px;
}
#claim-logos img {
vertical-align:top;
padding:0 10px 0 0;
float:left;
}




/***** FOOTER *****/
  
#footer {
clear:both; 
width: 960px;
margin: 0;
padding: 0;
height: 27px;
background-image: url(../images/bg-footer-start.gif);
background-repeat:no-repeat;
background-color: transparent;
}

.footer-left {
float:left;
width: 730px;
margin: 0;
padding: 0;
height: 27px;/*  */
background-color: transparent;
}
.footer-nav {
float:left;
width: 200px;
margin: 0;
padding: 2px 0 0px 0px;
border-top:1px solid #EBE0C5;
font-size: 83%;
text-align: center;
background-color: transparent;
}



/**** Content Headline *****/
#cont-center-3sp div.csc-header, #bg-box-kita21 div.csc-header, #bg-box-werkzeug div.csc-header, #bg-box-aufgepasst div.csc-header, div.csc-header {
margin:0;
padding:0;
}
#cont-center-3sp div.csc-header img, #bg-box-kita21 div.csc-header img, #bg-box-werkzeug div.csc-header img, #bg-box-aufgepasst div.csc-header img {
padding: 0;
margin: 0;
height: 1px;

}

/***** TEXT-AUSZEICHNUNEN *****/

h1, h2, h3, h4, h5, h6, .csc-header h1, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader, h6.csc-firstHeader {
font-size: 92%;
font-weight: bold;
margin: 0;
color: #444;
}
.csc-header h1, div.csc-header h1.csc-firstHeader {
color: #444;
}

h2.csc-firstHeader {
color: #444;
}
h2 {
font-size: 100%;
color: #444;
}


#cont-center-3sp p.bodytext, #leftcont p.bodytext, #mittel-left p.bodytext {
font-size: 88%;
line-height: 1.3em;
margin: 4px 0 7px 0;
overflow: hidden;
}

.align-left { text-align:left; }
.align-center { text-align: center; }
.align-right { text-align:right; }




/*** csc-frame-rulerAfter / -rulerBefore ***/
.csc-frame {
width: 455px;
height:1px;
border-top:1px solid #CEE4D9;
margin-bottom: 10px;
}

img {
border: none;
}
.X-Rot {
color: #ff0000;
}

.txt_rechts {
font-size: 82%;
text-align: right;
}

#leftcont a, #leftcont a:visited,  #mittel-left a, #leftcont a:visited,
#cont-center a, #cont-center a:visited, #cont-center-3sp a, #cont-center-3sp a:visited {
text-decoration: none;
color: #444;
overflow: hidden;
}
#leftcont a:hover, #leftcont a:focus, #mittel-left a:hover, #leftcont a:focus
#cont-center a:hover, #cont-center a:focus, #cont-center-3sp a:hover, #cont-center-3sp a:focus {
text-decoration: none;
color: #990000;
overflow: hidden;
}



/****** RECHTS BOX ******/
#cont-right-headbox {
width: 180px;
background-color: transparent;
padding: 5px 0 0 0;
margin: 0;
}

#cont-right-headbox-cont {
background-color: transparent;
padding: 0 10px 5px 15px;
margin: 0;
width: 210px;
height: 30px;
}

#cont-right-headbox-cont p.bodytext {
padding: 0;
margin: 0;
width:158px;
}


/****** RECHTS TEXT-BOX ******/
#cont-right-textbox {
width: 195px;
padding:0 0px 20px 0px;
}

#cont-right-3spalt .csc-header {
width: 100%;
padding:2px 0 0 0;
margin: 0;
background-color:#FEECB6;
border-top:1px solid #F6E7BE;
border-left:9px solid #FF9900;
}

#cont-right-3spalt .csc-header h1, #cont-right-3spalt .csc-firstHeader h1 {
padding: 0 4px 0 5px;
margin: 0;
color: #444;
font-size: 85%; /* */
font-weight: bold;
line-height: 1.2em;
}
#cont-right-3spalt .csc-header {
width: 100%;
padding: 0;
margin: 0;
}

#cont-right-3spaltalt strong {
color: #444;
}


#cont-right-3spalt p.bodytext, #cont-right-3spalt .csc-textpic-text p.bodytext {
padding: 0;
margin: 2px 0 7px 0;
line-height: 1.2em;
font-size: 86%;
color: #444;
overflow: hidden;
}


#cont-right-3spalt div.csc-header img {
padding: 0;
margin: 0;
height: 1px;
}
#cont-right-3spalt a, #cont-right-3spalt a:visited, #cont-right-3spalt .csc-header h1 a, #cont-right-3spalt .csc-header h1 a:visited, .csc-textpic-text a, .csc-textpic-text a:visited {
text-decoration: none;
color: #444;
overflow: hidden;
}
#cont-right-3spalt a:hover, #cont-right-3spalt a:focus, #cont-right-3spalt .csc-header h1 a:hover, #cont-right-3spalt .csc-header h1 a:focus, .csc-textpic-text a:hover, .csc-textpic-text a:focus {
text-decoration: none;
color: #990000;
overflow: hidden;
}


/*** Bildunterschrift rechts ***/
.csc-textpic { margin:10px 0; }

#cont-right-3spalt .csc-textpic { margin:4px 0 8px 0; }
#cont-right-3spalt .csc-textpic .csc-textpic-imagewrap {margin:4px 0 8px 0;}


dd.csc-textpic-caption {
line-height: 1.1em;
font-size: 80%;
text-align:center;
padding: 2px 10px 0 10px;
}