/* CMPROD Bitte stehen lass */

/* #navibox { display: none; }

.ardMNHead  { display: none; }

ul.khi { display: none; }

.ardLinkliste ul.grau1 { background: #E1E5E9 !important; } */

.ardIcon_Container { display: none; }

/* farben von hell nach dunkel */

/* HINTERGRUNDFARBEN */
.col1 { background: #E5EFF7 !important; } /* hell blau */
.col2 { background: #CEE1EE !important; }
.col3 { background: #CCDEF4 !important; } /* Bannerteaser hintergrund, mittelblau */
.col4 { background: #8ABFE4 !important; }
.col5 { background: #8ABFE4 !important; }
.col6 { background: #2875B1 !important; } /* mittel blau */
.col7 { background: #015697 !important; }
.col8 { background: #023D6B !important; }
.col9 { background: #023D6B !important; }
.col10 { background: #001A4B !important; } /* dunkel blau */

.col11  { background: #E30262 !important; } /* dunkel rot, programmsuche */

.col12 { background: #EAEEF1 !important; } /* hellgrau01 */
.col13 { background: #E0E5E8 !important; } /* hellgrau02 */

/* SCHRIFT FARBEN */
.col1col { color: #E5EFF7 !important; }
.col2col { color: #CEE1EE !important; }
.col3col { color: #B1D2EA !important; }
.col4col { color: #8ABFE4 !important; }
.col5col { color: #8ABFE4 !important; }
.col6col { color: #2875B1 !important; }
.col7col { color: #015697 !important; }
.col8col { color: #023D6B !important; }
.col9col { color: #023D6B !important; }
.col10col { color: #001A4B !important; }

.col11col  { color: #E30262 !important; } /* dunkel rot, programmsuche */
.col12col { color: #EAEEF1 !important; } /* hellgrau01 */
.col13col { color: #E0E5E8 !important; } /* hellgrau02 */
.col14col { color: #C4CBD0 !important; } /* dunkelgrau */

/* RAHMEN- BORDERFARBEN */
.col1bord { border-color: #E5EFF7 !important; }
.col2bord { border-color: #CEE1EE !important; }
.col3bord { border-color: #B1D2EA !important; }
.col4bord { border-color: #8ABFE4 !important; }
.col5bord { border-color: #8ABFE4 !important; }
.col6bord { border-color: #2875B1 !important; }
.col7bord { border-color: #015697 !important; }
.col8bord { border-color: #023D6B !important; }
.col9bord { border-color: #023D6B !important; }
.col10bord { border-color: #001A4B !important; }

.col11bord  { border-color: #E30262; } /* dunkel rot, programmsuche */
.col12bord { border-color: #EAEEF1; } /* hellgrau01 */

.weisscol { color: #fff !important; } 
.weissbord { border-color: #fff !important; } 
.weissback { background: #fff !important; }


a:link { text-decoration: none; color:#001a4b;  }
a:visited { text-decoration: none; color: #001a4b;  }
a:hover { text-decoration: underline; color: #001a4b;  }
a:active { text-decoration: none; color: #001a4b;  }
a:focus { text-decoration: none; color: #001a4b;  }


a.weiss:link { text-decoration: none; color:#fff; }
a.weiss:visited { text-decoration: none; color: #fff; }
a.weiss:hover { text-decoration: underline; color: #fff; }
a.weiss:active { text-decoration: none; color: #fff; }
a.weiss:focus { text-decoration: none; color: #fff; }

.inv { display: none; }




body
{
font-family: Verdana, arial, sans-serif;
font-size: 100.01%;
margin: 0;
background: #fff;
}

img
{
border: 0;
}


/* Listen in Beitraegen  */
.cmsList
{
margin: 0.5em 0 0.5em 0;
}

ol
{
background: #EAEEF1;
font-size: 0.75em;
clear: both;
padding: 6px 0 4px 0;
border-bottom: #d5d6d7 2px solid;
border-top: #d5d6d7 2px solid;
margin: 0;
}

ol li
{

/* list-style-image: url("/static/pics/list-images/ratgeber.gif"); */
clear: both;
margin: 0 0.25em 0.75em 2.6em;
line-height: 130%;
padding: 0 0 0 0em;
}


.cmsList ul
{
background: #EAEEF1;
font-size: 0.75em;
clear: both;
padding: 6px 0 4px 0;
border-bottom: #d5d6d7 2px solid;
border-top: #d5d6d7 2px solid;
margin: 0;
}

.cmsList li
{
list-style-type: square;
/* list-style-image: url("/static/pics/list-images/ratgeber.gif"); */
clear: both;
margin: 0 0.25em 0.75em 2em;
line-height: 140%;
}


/* AM SubIndex */


.amBox

{
clear: both;
float: left;
width: 100%;
display: inline;
/* border: #ff8400 1px solid; */
margin: 0 0 1.5em 0;
}


#flasheinschub {
	margin: 0 0 0 0.65em;
	display: inline;
	float: left;
	padding: 0;
	width: 49.25em;
	height: 12.5em;
	background: #e9ebef;
	}
	
#flasheinschub p {
	float: left;
	padding: 2em 0 0 0;
	margin: 0;
	color: #23567e;
	width: 100%;
	display: inline;
	text-align: center;
	font-size: 0.75em;
	position: relative;
	}
	
#teasersammlung {
	margin: 0;
	padding: 0.25em 0 1em 0;
	float: left;
	display: inline;
	}
	
#teasersammlung .box01, #teasersammlung .box02, #teasersammlung .box03, #teasersammlung .box04 {
	margin: 0;
	padding: 0 0.5em 0 0;
	float: left;
	}
	
 #teasersammlung .box04 {
	padding: 0 !important;
	}
	
#teasersammlung .box01 img, #teasersammlung .box02 img, #teasersammlung .box03 img, #teasersammlung .box04 img {
	margin: 0;
	padding: 0;
	float: left;
	border: 0;
	}
	
	
#teasersammlung .box01 {
	padding: 0 0.45em 0 0.65em;
	}
	
#teasersammlung #box04 {
	margin: 0;
	display: inline;
	float: left;
	padding: 0;
	width: 11.94em;
	height: 7em;
	background: #e9ebef;
	}
	
#teasersammlung #box04 p {
	float: left;
	padding: 0.5em 0 0.5em 0.5em;
	margin: 0;
	color: #23567e;
	display: inline;
	font-size: 0.7em;
	position: relative;
	}



/* Coreteaser der Indexseiten */
.coreteaser
{
float: left;
padding: 0;
margin: 0;
display: block;
width: 36.5em;
position: relative;
/* background: #e9ebef; */
}



/* weitere Links der Indexseiten */
#moreLinks
{
float: left;
padding: 0;
margin: 0 0 1.5em 0;
display: block;
width: 36.5em;
position: relative;
}


#moreLinks p
{
float: left;
padding: 0 0 0.5em 0.95em;
margin: 0;
color: #23567e;
display: block;
font-size: 0.75em;
width: 35em;
position: relative;
}

#moreLinks .ardLinkliste
{
width: 100%;
margin: 0 0 0 0;
padding: 0;
float: left;
clear: both;
}

#moreLinks .ardLinkliste ul
{
width: 100%;
margin: 0 0 0 0;
padding: 0;
}

#moreLinks .ardLinkliste ul li
{
color: #000;
padding: 4px 3px 4px 10px;
margin: 0 0 0.25em 0;
display: block;
font-size: 0.75em;
font-weight: bold;
line-height: 130%;
clear: both;
position: relative;
background: #E1E5E9 /* url(/static/pics/kinderzukunft/pfeil_w.gif) no-repeat 0px 4px*/ !important;
}

/* Coreteaser der Indexseiten */
.amHome
{
background: #EAEEF1;
}



.coreteaser .textbox
{
float: left;
margin: 0;
padding: 0;
width: 28em;
position: relative;
}

.coreteaser img
{
float: left;
margin: 0em 0.5em 0 0;
width: 7.5em;
height: 5.625em;
border: 0;
padding: 0;
border: 0;
display: block;
}


.coreteaser h2
{
font-size: 0.85em;
font-weight: bold;
margin: 0 0 0 0;
padding: 0em 0 0.25em 0;
position: relative;

}

.alert
{
color: red;
}


.coreteaser p
{
font-size: 0.75em;
margin: 0;
line-height: 135%;
padding: 0 0 0.5em 0em;
/* background: #000000; */
color: #6A6A6A;
position: relative;
}

.coreteaser a, .coreteaser a:visited
{
color: #023D6B;
}

/* Ende CoreTeaser der Indexseiten */


/* Linkboxen fuer CoreTeaser */

.amBox .ardLinkliste
{
font-size: 0.7em;
width: 100%;
margin: 0 0 0 0;
padding: 0;
display: inline;
float: left;
clear: both;
color: #6A6A6A;
/* border-bottom: #d8e0e6 1px solid;
border-top: none; */
}

.amBox .ardLinkliste p
{
padding: 3px 0 4px 22px;
margin: 0 0 0 0;
color: #95999a;
}

.amBox .ardLinkliste a
{
color: #023d6b !important;
}



.listdef
{
text-transform: uppercase;
letter-spacing: 1px;
color: #567A92 !important;
/* background: #000000; */
padding: 0 0 0.35em 2em !important;
}

.amBox .ardLinkliste ul
{
padding: 0em 0 0em 0;
margin: 5px 0 0 0;
border-top: 0px solid #d8e0e6;
border-bottom: 2px solid #d8e0e6;
}

.amBox .ardLinkliste li
{
padding: 2px 0 2px 1.25em;
display: block;
line-height: 130%;
clear: both;
position: relative;
/* background: #d8e0e6;
border-style: solid;
border-width: 0px 0px 0px 0px;
*/
background: none !important;
border-top: 2px solid #d8e0e6 !important;
}

li.tipp
{
/*background: #CEE1EE; */
/* margin: 3px 0 0 0; */
}



/* Ende der Linkboxen */

/* Ende Linkboxen fuer CoreTeaser */





.amBoxSubIndex h2
{
float: left;
font-size: 0.9em;
margin: 0;
padding: 0 0 0 8px; 
}

.amBoxSubIndex p
{

font-size: 0.8em;
margin: 0;
padding: 0 0.5em 0.5em 0; 
line-height: 125%;
}

.amBoxSubIndex .picleft
{
float: left;
padding: 0 10px 0 10px;

}

.amBoxSubIndex
{
padding: 0 0 0 0;
float: left;
width: 100%;
margin: 0 0 0 0;
/* background: #ff8400; */
}

.amBoxSubIndex .trenner
{

background: #EAEEF1;
color: #EAEEF1;
margin: 15px 0 0 10px;
height: 1em;
padding: 0;
clear: both;
float: left;
width: 49.4em;
display: inline;

display: none;
}



.amBoxIndex h2
{

font-size: 0.9em;
margin: 0;
padding: 1em 0 0 8px; 
}

.amBoxIndex p
{

font-size: 0.8em;
margin: 0;
padding: 0.75em 0.5em 0.5em 0; 
line-height: 130%;
}

.amBoxIndex .picleft
{
margin: 0 10px 0 10px !important;
float: left;
padding: 0 0 10px 0;
padding: 0;
border-left: #fff 2px solid;
border-right: #fff 2px solid;




}

.amBoxIndex
{
z-index: 100000 !important;
padding: 0 0 0 0;
float: left;
width: 100%;
display: inline;
margin: 1.25em 0 1.5em 0;
background: #EAEEF1;
}






.indexabschnitt
{
clear: both;
float: left;
/* border-top: #000 1px solid; */
/* border-bottom: #000 1px solid; */
display: inline;
padding: 0 0 0 0;

width: 585px;
background: #E2E6EA;

}

.indexabschnitt h2
{
color: #567A92;
font-size: 0.75em;
margin: 0;
padding: 0.5em 0.5em 0.5em 2.25em ;
line-height: 130%;
text-transform: uppercase;
letter-spacing: 2px;
}


.indexabschnitt ul
{
margin: 0;
padding: 0 0 0 0;
border-top: 6px solid #fff;
border-bottom: 15px solid #fff;
position: relative;
background: #fff;
}

.indexabschnitt li
{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0.8em;
padding: 6px;
background: #edeef2;
border-bottom: 4px solid #fff;
font-weight: bold;
}



/* das ist alles ausser dem beitragscontext */
/* das heisst: dieses DIV umfasst den gesamten Beitrag */

.beitrag
{
/* background: #EAEEF1 !important; */
display: block;
padding: 0 0 0 10px;

}

/* .beitragsabschnitt2 wird nur auf den seiten MEDIABOX-UEBERSICHT (videoIndex, audioIndex und interaktionIndex) gebraucht */

/* Das ist ein ABSCHNITT eines Beitrags */
.beitragsabschnitt, .beitragsabschnitt2
{
clear: both;
float: left;
/* border-top: #000 1px solid; */
/* border-bottom: #000 1px solid; */
display: inline;
width: 585px;
}

/* Das ist die linke Spalte eines Beitrags */
.beitraglinks
{
float: left;
/* border: #ff8400 1px solid; */
width: 170px;
display: inline;
/* background: #000000; */
}

.bildbox
{
margin: 0 0 1em 0;
float: left;
position: relative;
clear: both;
}


/* .beitragrechts2 wird nur auf den seiten MEDIABOX-UEBERSICHT (videoIndex, audioIndex und interaktionIndex) gebraucht */
.beitragrechts, .beitragrechts2
{
width: 405px;
padding: 0 0 0 0px;
margin: 0 0 0 0;
float: right;
/* background: yellow; */
}

.beitragsabschnitt .beitragrechts h2
{
color: #567A92;
font-size: 0.9em;
margin: 0;
padding: 0 0 0.25em 0;
line-height: 130%;
}

.beitragsabschnitt p.ardBU
{
color: #516384;
margin: 0;
padding: 0 0 0.5em 0;
font-size: 0.7em;
line-height: 130%;
}

.beitraglinks.sp01 #klangbox_div {
	padding: 0;
	margin: 0;
	float: left;
	z-index: 200;
	position: relative;
	}

.beitraglinks.sp01 .klangbox {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	z-index: 200;
	position: relative;
	}

.beitraglinks.sp01 .doctypes_Div.divblock3
{
margin: 0;
padding: 0;
float: left;
width: 100%;
display: inline;
position: relative;
}

.beitraglinks.sp01 .doctypes_Div.divblock3 p
{
clear: both;
color: #516384;
margin: 0;
width: 99%;
padding: 0.5em 0 0.5em 0;
font-size: 0.7em !important;
line-height: 130%;
float: left;
position: relative;
}


.beitragrechts blockquote
{
font-size: 0.85em;
padding: 0.5em 0 0.5em 0;
width: 100%;
line-height: 140%;
font-weight: bold;
float: left;
clear: both;
display: block;
border-bottom: 2px solid #d5d6d7;
border-top: 2px solid #d5d6d7;
margin: 1em 0 1em 0;
background: #EAEEF1;
text-align: left !important;
}

.beitragrechts blockquote strong
{
font-weight: normal;
clear: both;
display: block;
padding: 0 0.5em 0 0;
/* text-align: right; */
font-style: normal;
}


/* Auszeichnungen fuer Links im Beitrag zum Glossar */
a.glossar:link, a.glossar:visited
{
/* background: #EAEEF1; */
/* border-left: #EAEEF1 2px solid; */
border-bottom: #023D6B 1px dotted;
/* border-right: #EAEEF1 2px solid; */
cursor: help;
color: #023D6B;
}

a.glossar:hover
{
background: #023D6B;
/* border-left: #023D6B 2px solid; */
/* border-right: #023D6B 2px solid; */

cursor: help;
color: #fff;
}

.beitragcontext .glossar
{
border: #023D6B 1px solid;
background: #fff;
display: inline;
margin: 0 0 1.25em 0;
width: 100%;
float: left;
clear: both;
font-size: 0.7em;
}

.beitragcontext .glossar p
{
margin: 0;
padding: 3px 3px 5px 3px;
color: #023D6B;
border-bottom: 1px dotted #023D6B; 
}

.beitragcontext .glossar ul, .beitragcontext .glossar li
{
padding: 0 0 0 0;
margin:  0 0 0 0;
list-style-type: none;
}

.beitragcontext .glossar a:link, .beitragcontext .glossar a:visited
{
margin: 0 0 0 0;
padding: 3px 3px 3px 4px;
border-bottom: 1px dotted #023D6B; 
color: #023D6B;
display: block;
}

.beitragcontext .glossar a:hover, .beitragcontext .glossar a:focus,  .beitragcontext .glossar a:active 
{
text-decoration: none !important;
background: #CEE1EE;
}

.beitragcontext a.last:link, .beitragcontext a.last:visited
{
border-bottom: 0px solid #023D6B; 
}

.beitragcontext a.last:hover, .beitragcontext a.last:focus, .beitragcontext a.last:active
{
border-bottom: 0px solid #023D6B; 
}


.beitragsabschnitt p.intro
{
font-weight: bold;
}

.beitragsabschnitt p
{
margin: 0 0 1em 0;
/* cg:  float ist drin wegen der Klickprobleme im FF */
padding: 0;
font-size: 0.75em;
line-height: 140%;
position: relative;
/* border: #ff8400 1px dotted; */
}



.sp01
{
width: 10.62em;
/* background: #EAEEF1; */
}


.sp01_02
{
width: 36.56em;
/* background: #ff8400 !important; */

}

.sp02
{
width: 25.31em;
}

.sp02_03
{
width: 37.31em;
}


.sp02_03_04
{
width: 52.19em;
}

.sp01_02_03
{
width: 50em;
/* background: #ff5500; */
}

.sp01_02_03_04
{

width: 62.81em;
background: #fff;
padding: 0;
margin: 0;
}



.sp03, .sp04
{
width: 12em;
}

.left
{
float: left;
}

/* Mediaboxen im Beitrag */
.mediateaser
{
display: inline;
float: left;
clear: both;
margin: 1em 0 1em 0;
padding: 0 0 0.5em 0;
width: 25.31em;
background: #fff;
border: 1px solid #D5D5D5;
position: relative;
z-index: 300;
}

.mtleft
{
float: left;
}

.mediateaser .img0
{
float: left !important;
margin: 0.25em 0.5em 0.25em 0.25em;
width: 7.5em;
height: 5.625em;

display: inline;
padding: 1px;
background: #8ABFE4;
border: 0;
}

.mediateaser .img1, .mediateaser .img2, .mediateaser .img3
{
float: left;
margin: 0.25em 0.25em 0.5em 0.25em;
width: 7.5em;
height: 5.625em;
border: 0;
padding: 1px;
background: #8ABFE4;
border: 0;
}

.mediateaser img.label
{
margin: 0 0 0.25em 0;
display: block;

clear: both;
border: 0;
}

.mediateaser img.img2
{
margin-left: 0.8em;
}

.mediateaser img.img1
{
float: left;
}

.mediateaser img.img3
{
float: right;
}

.mediateaser h3
{
font-size: 0.75em;
font-weight: bold;
margin: 0 0 0 0;
padding: 0.25em 0 0.25em 0.25em;


/* background: #EAEEF1; */
}

.mediateaser h3.avi
{
width: 100%;
display: inline;
float: left !important;
margin: 0 0 0.5em 0 !important;

}

.mediateaser p
{
font-size: 0.7em;
margin: 0;
float: left !important;
width: 36em;
/* background: #ff8400; */
padding: 0 0 0.5em 0.25em;
color: #6A6A6A;
}

.mediateaser .avi
{
font-size: 0.7em;
display: inline;
float: left !important;
margin: 0;
width: 24em;
padding: 0 0 0.5em 0em;
/* background: #ff8400; */
color: #6A6A6A;
/* border: #000000 1px solid; */
}

.mediateaser a, .mediateaser a:visited
{
color: #5C6062;
}

/* Ende Mediabox im Beitrag */


.headlinebox
{
height: 4em;
margin: 0;
width: 790px;
padding: 0;
float: left;
display: inline;
}

.lrabox
{
height: 4em;
width: 11.75em;
float: left;
}

.lrabox img
{
padding: 0 0 0 17px;
width: 9.38em;
height: 2.81em;

/* background: #476658; */
}


.headlinebox .nummer
{

background: #fff;

padding: 0 4px 0 0;
margin: 20px 10px 0 0;


float: left;
height: 2.5em;

background: #EAEEF1;
}


.normal
{
font-weight: normal;
}

.headlinebox p
{
margin: 0;
padding: 3px;
font-size: 1.4em;
float: left;
color: #95999a;
}


.headlinebox h1
{
padding: 0.5em 0 0.25em 0;
font-size: 1.2em;
float: left;
display: inline;
margin: 0;
color: #567A92;
width: 75%;
line-height: 110%;
}

p#ardTopline {
padding: 0 0 0 0.1em;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 1px;
width: 75%;
float: left;
text-align: left;
display: block;
margin: 0;
color: #e30262;
line-height: 110%;
}

p#ardIntro {
padding: 0 0 1em 15em;
font-size: 0.75em;
font-weight: bold;
width: 69%;
float: left;
display: inline;
margin: 0;
color: #567A92;
line-height: 145%;
}

.headlinebox h1.subIndex
{
padding: 0.5em 0 0 1em;
font-size: 1.25em;
width: 34em;
line-height: 110%;
}



.beitragcontext
{
margin: 0 0 1em 10px;
padding: 0 0 0 0;
position: relative !important;
float: left;
}

.zusatz
{
position: relative;
margin: -7em 0 0 0;
display: inline;
/* background: #B1D2EA; */
float: right !important;
color: #000;
}

.beitragsabschnitt table
{
clear: both;
width: 100%;
border-collapse: collapse;
border-top: #EAEEF1 2px solid;
border-bottom: #EAEEF1 2px solid;
margin: 0.5em 0 2em 0;

}


.beitragsabschnitt tr
{
background: #EAEEF1;
margin: 0 0 2px 0;
}

.beitragsabschnitt caption
{
width: 100%;
margin: 0;
padding:  1em 0 0 11.25em;
color: #015697;
text-align: left;
font-size: 1em;
font-weight: bold;
}

.beitragsabschnitt td
{
font-size: 0.75em;
vertical-align: top;
padding:   0.5em 0  0.25em  0 ;
border-bottom: 4px #fff solid;
}

.beitragsabschnitt td strong
{
padding:   0.25em 0 0.25em 0;
display: block;
color: #95999a;
}

.beitragsabschnitt td ul
{
margin: 0;
padding: 0.5em 0 0.5em 1.25em;
list-style-type: square;
}

.beitragsabschnitt td li
{
margin: 0;
padding: 0.25em 0 0.25em 0;

}

.beitragsabschnitt td.tdlinks
{
width: 15em;

}

.beitragsabschnitt td.alter
{
font-weight: bold;
color: #2875B1;
padding: 0.5em 0 0 0.5em;

}


.abbinder {
padding: 0;
margin: 0;
display: block;
float: left;
width: 100%;
height: 5px;
/* background: #ff8400; */
}

.abbinder .Aoben, .abbinder .Aunten {
padding: 0;
margin: 0;
display: block;
float: left;
width: 100%;


}

.abbinder .Aoben {
clear: both;

}



.abbinder .Aunten {
clear: both;
}

.abbinder .Loben { background: url(/static/pics/kinderzukunft/gen/lo.gif) no-repeat top left; float: left; padding: 0; margin: 0; height: 5px; width: 5px; }
.abbinder .Roben { background: url(/static/pics/kinderzukunft/gen/ro.gif) no-repeat top right; float: right; padding: 0; margin: 0; height: 5px; width: 5px; }

.abbinder .Lunten { background: url(/static/pics/kinderzukunft/gen/lu.gif) no-repeat bottom left; float: left; padding: 0; margin: 0; height: 5px; width: 5px; }
.abbinder .Runten { background: url(/static/pics/kinderzukunft/gen/ru.gif) no-repeat bottom right; float: right; padding: 0; margin: 0; height: 5px; width: 5px; }

/* rechte Spalte - SucheBox */


.zusatz .pvSuche {
background: #E1E5E9;
width: 100%;
float: right;
position: relative;
padding: 0;
margin: 0 0 1em 0;
}

.sp04 .pvSuche form { border: 0; width: 100%; float: left; display: block; padding: 0; margin: 0; }
.sp04 .pvSuche fieldset { border: 0; width: 90%; float: left; display: block; padding: 0 0 0 0.5em; margin: 0; }

.sp04 .pvSuche form input.search_s { border: 1px solid #fff; width: 130px; float: left; display: block; padding: 0 0 0 0.5em; margin: 0.35em 0 0 0; font: 0.75em Verdana; }
.sp04 .pvSuche form input.krebsSubmit { border: 0; float: right; display: block; border: 0; padding: 0; margin: 0;  }

.sp04 .pvSuche form label { font-size: 0.7em; color: #255031; font-weight: bold; float: left; display: block; border: 0; padding: 0.5em 0 0 0.5em; margin: 0; }
.sp04 .pvSuche form label.inv { display: none; }


/* ende Suchbox */


.infoBox {
font-size: 0.7em;
float: left;
padding: 0;
margin: 0 0 1em 0;
width: 100%;
position: relative;

}

.infoBox h3 {

padding: 0 0.5em 0.25em 0.5em;
display: block;
margin: 0 0 0 0;
font-size: 1.05em;
color: #000;
}

.infoBox .redpic 
{

margin: 0.5em 0 2px 0.6em;
border: #fff 1px solid;
}


.infoBox p {
float: left;
padding: 0 0.5em 0.5em 0.5em;
display: block;
line-height: 125%;
margin: 0;
color: #000;
position: relative;
}

/* Linklisten */


.infoBox a:link { color: #001a4b; position: relative; }
.infoBox a:visited { color: #001a4b; position: relative; }
.infoBox a:hover { text-decoration: underline; color: #001a4b; position: relative; }
.infoBox a:active { color: #001a4b; position: relative; }
.infoBox a:focus { color: #001a4b; position: relative; }

a:visited { color: #001a4b; position: relative; }


.ardLinkliste ul.grau1 { background: none !important; }

.ardLinkliste ul li
{
color: #000;
padding: 2px 3px 4px 20px;
margin: 0 0 0.25em 0;
display: block;
line-height: 130%;
border-style: solid;
border-color: #fff !important;
background: #edeef2 !important;
border-width: 1px 0px 0px 0px;
clear: both;
position: relative;
}


.zusatz .infoBox .ardLinkliste

{
background: none;
}


.infoBox .ardLinkliste
{
width: 100%;
margin: 0 0 0 0;
padding: 0;
display: inline;
float: left;
clear: both;
/* border: #000000 1px solid; */
}

.infoBox .ardLinkliste p
{
padding: 3px 0 4px 22px;
margin: 0 0 0 0;
color: #95999a;

}



.infoBox .ardLinkliste li, .teaserBox .ardLinkliste li
{
color: #000;

padding: 2px 3px 4px 20px;
display: block;
line-height: 130%;
border-style: solid;
border-color: #fff !important;
background: none !important;
border-width: 1px 0px 0px 0px;
clear: both;
/* background: #ff8400; */
position: relative;
}

.infoBox .ardLinkliste ul,  .teaserBox .ardLinkliste ul
{
clear: both;
padding: 0;
margin: 0;
}




.zusatz .infoBox .ardLinkliste li
{

padding: 2px 3px 4px 20px;
display: block;
line-height: 130%;
border-style: solid;
border-color: #fff !important;
border-width: 1px 0px 0px 0px;
clear: both;
/* background: #ff8400; */
position: relative;
}


/* Ende der Linkboxen */


/* teaserbox */


.teaserBox {
font-size: 0.7em;
float: left;
padding: 0 0 0.5em 0;
margin: 0 0 1.25em 0;
display: block;
border: #D5D5D5 1px solid;
width: 100%;
position: relative;
}

.teaserBox .redpic 
{
margin: 0 0 4px 0;
padding: 0.5em 0 0 0.6em;
}

.avlabel 
{
margin: 0 0 0 0;
padding: 5px 0 0 0.6em;
}


.teaserBox h3 {

padding: 0.5em 0.5em 0 0.5em;
display: block;
margin: 0 0 0 0;

font-size: 1.05em;
color: #000;
}


.teaserBox p {

padding: 0.5em 0.5em 0.35em 0.5em;
display: block;
line-height: 130%;
margin: 0;
color: #000;
position: relative !important;
}



/* Ende Teaserbox */

/* msnavi mehrspaltige Beitr�ge */

/* Navi mehrseiteiger Beitraege */

.msnavi {
border-width: 1px 1px 0 1px;
border-color: #ADBBC6 !important;
border-style: solid;
margin: 0 0 1em 0;
float: left;
width: 100%;
}

.msnavi h2 {
font-size: 0.75em;
border-color: #ADBBC6 !important;
margin: 0 0 0 0;
padding: 3px 2px 3px 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
color: #e30262;
}

.msnavi p {
font-size: 0.75em;
margin: 0 0 0 0;
padding: 4px 2px 4px 12px;
border-color: #ADBBC6 !important;
color: #516384;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: #fff; 
}

.msnavi ul {
font-size: 0.7em;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
border-bottom-width: 0px;
border-bottom-style: solid;
}

.msaktiv {
background-position: 2px 5px;
background-repeat: no-repeat;
background-color: #e9f2fd !important;
color: #567a92; 
}

.msnavi li {
margin: 0 0 0 0;
padding: 4px 3px 4px 12px;
border-color: #ADBBC6 !important;
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
background: #fff; 
}

.msnavi2 {
margin: 0 0 1em 0;
padding: 0 0 0 0;
display: block;
float: left;
}

.msnavi2 .imgleft {
float: left;
vertical-align: text-bottom;
margin: 10px 0px 0px -26px;
display: none;
}

.msnavi2 .imgright {
float: right;
vertical-align: text-bottom;
margin: 10px -26px 0px 0;
display: none;
}

.msnavi2 .left {
float: left;
width: 12.5em;
}

.msnavi2 .left p {
text-align: left;
font-size: 0.7em;
margin: 0 0 0 24px;
padding: 0; 
}

.msnavi2 .right {
width: 12.5em;
float: right;
}

.msnavi2 .right p {
text-align: right;
font-size: 0.7em;
margin: 0 24px 0 0;
padding: 0;
}

/* ENDE msnavi */





/* TopKlicks */

#topklicks {
float: left;
display: block;
padding: 0;
width: 100%;
margin: 0 0 1em 0;
}

#topklicks h2 {
clear: both;
float: left;
width: 90%;
padding: 0 0 0.5em 1.65em;
margin: 0;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 1px;
background: url(http://www.ard.de/static/pics/kinderzukunft/pfeil_p_unten.gif) no-repeat 0 1px;
color: #567a92;
}

#topklicks p {
clear: both;
float: left;
width: 99%;
padding: 0.5em 0 0.5em 0;
margin: 0;
font-size: 0.7em;
border-bottom: 1px solid #e9ebef !important;
}

#topklicks ol {
clear: both;
float: left;
width: 100%;
padding: 0 !important;
margin: 0;
display: block;
background: none;
border: 0;
color: #e30262;
}

#topklicks ol li {
padding: 0.5em 0 0.5em 0 !important;
margin: 0 0 0 2em;
font-size: 0.95em !important;
border-bottom: 1px solid #e9ebef !important;
}

/* ENDE TopKlicks */


p.videotext {
clear: both;
float: left;
width: 80%;
padding: 0.5em 0 0.5em 3.25em;
margin: 2px 0 0.5em 0;
font-size: 0.7em;
border: 1px solid #e9ebef;
background: #f5f6f7 url(http://www.ard.de/static/pics/kinderzukunft/verlauf_videotext.jpg);
color: #001a4b;
position: relative;
display: inline;
}

/* Fernseher und Radio Tipps */

.fernsehtipp, .radiotipp {
clear: both !important;
padding: 0;
width: 100%;
margin: 0 0 0 0;
position: relative;
display: block;
}

.fernsehtipp {
margin: 0 !important;
}


.fernsehtipp .ardLinkliste, .radiotipp  .ardLinkliste {
float: left;
padding: 0;
width: 100%;
margin: 0;
clear: both;
}

.fernsehtipp .ardLinkliste p, .radiotipp  .ardLinkliste p {
clear: both;
float: left;
width: 93%;
padding: 0.95em 0 0.5em 1.25em !important;
margin: 0 0 0 0 !important;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 1px;
background: #fff url(http://www.ard.de/static/pics/kinderzukunft/pfeil_p_unten.gif) no-repeat 0 11px;
color: #567a92;
position: relative;
}

.fernsehtipp .ardLinkliste ul, .radiotipp  .ardLinkliste ul {
clear: both;
float: left;
width: 100%;
padding: 0;
margin: 0;
background: #bbd8f5 !important;
/* background: #bbd8f5 url(http://www.ard.de/static/pics/kinderzukunft/ecke_ure_weiss.gif) no-repeat bottom right !important; */
}

.fernsehtipp .ardLinkliste ul li, .radiotipp  .ardLinkliste ul li {
clear: both;
float: left;
width: 96%;
padding: 0.5em 0.15em 0.5em 0.65em;
margin: 0;
font-size: 0.7em;
background: none !important;
}


.fernsehtipp .ardLinkliste ul li.col10col, .radiotipp  .ardLinkliste ul li.col10col {
color: #3e4d58 !important;
}

.programmlink {
	clear: both;
	float: left;
	padding: 0.25em 0 1em 0 !important;
	display: block;
	width: 100%;
	margin: 0;
	}
	
.programmlink p {
	clear: both;
	font-size: 0.75em;
	float: left;
	padding: 0 !important;
	display: block;
	width: 100%;
	margin: 0;
	color: #52626d;
	text-align: right;
	}

/* ENDE TopKlicks */





/* Icons */
.ardIcon
{
vertical-align: text-bottom;
margin: 0px 0 0px -18px;
padding: 2px 2px 0 0;
border: 0;


/* Das float ist raus, damit der IE die Listenpunkte alle gleich hoch macht */
}

/* Hat keinen Einzug und wird z.B. verwendet fuer Druck und Weiterempfehlen-Icons */
.ardIcon2
{
border: 0;
vertical-align: middle;
margin: 0 3px 0 0;
clear: left;
}

/* Steht vor den Teaser/Aufmacherheadlines und vor denen der rechten Spalte */
.ardIcon3, .ardIcon4, .ardIcon5, .ardIcon6
{
border: 0;
vertical-align: middle;
margin: 0 4px 3px 0;
clear: left;
}

/* Lupe der Zoombilder */
.zoom
{
border: 0;
float: right;
margin: 0.15em 0 0 0;
}
/* Ende Icons */

/* Steht vor den Teaser/Aufmacherheadlines und vor denen der rechten Spalte */
.ardIcon3, .ardIcon4, .ardIcon5, .ardIcon6
{
border: 0;
vertical-align: middle;
margin: 0 4px 3px 0;
clear: left;
}


.ardIcon7
{
vertical-align: text-bottom;
margin: 0px 4px 0px -20px;
padding: 0;
border: 0;
}

.picleft
{
float: left;
}


/* ABBINDER */

/* id fuer ganzen Abbinder */
#ardAbbinder
{
clear: both;
color: #4E505C;
width: 795px;
/* background: #ff8400; */
/* border: 1px solid black; */
float: left;
display: block;
}



/* id fuer Quelle und Autor etc. */

#lastmod
{
clear: both;
padding: 0.25em 0 1em 0.25em;
/* background: #ff8400; */
text-align: right;
}

#lastmodIndex
{
padding: 0.25em 0 1em 0.25em;
/* background: #ff8400; */
text-align: right;
}

#ardQuelle
{
color: #4E505C;
font-size: 0.7em;

}

/* id fuer Datum Stand */
#ardStand
{
font-size: 0.7em;
padding: 0.5em 0 0.5em 0;
margin: 0;
text-align: right;
clear: both;
float: left;
width: 100%;
position: relative;
}

/* Seitenabschluss mit Drucken etc. */
.ardContentEnd
{
clear: both;
display: block;
border-width: 1px 0 1px 0;
border-style: solid;
padding: 0.2em 0 0.5em 0;
margin: 0 0 0.25em 010px;
border-color: #95999a;

}

.ardContentEnd p
{
padding: 0;
margin: 2px 0 0 0;
text-align: right;
}

.ardContentEnd ul
{
margin: 0;
padding: 0 0 0 11.25em;

}

.ardContentEnd li
{
font-size: 0.75em;
display: inline;
padding: 0 2.5em 0 0;
}

/* Wir sind nicht verantwortlich */
#ardDisclaimer
{
text-align: right;
position: relative;
padding: 0.5em 0.25em 2em 0;

margin: 0;
font-size: 0.7em;
color: #95999a;
/* background: #000000; */

text-align: right;
}

/* ende ABBINDER */

/* LEBEN BREADCRUMB */

#ardFuss
{
background: #fff;
clear: both;
width: 100%;
float: left;
margin: 0;
padding: 0;
display: inline;
position: relative;
}

/* Nur Breadcrumb */
#ardBreadCrumb
{
clear: both;
padding: 0.5em 0.5em 0.25em 0.5em;
float: left;
margin: 0;
width: 62.5em;
/* background: #08a396; */
display: block;
/* border: #000000 1px solid; */


}

#ardBreadCrumb ul
{
display: inline;
padding: 0 0 0.5em 0.5em;
margin: 0 0 0 0;
/* border: #000 1px solid; */
font-size: 0.7em;
float: left;
}

#breadcrumb li
{
display: inline;
/*font-size: 0.7em;*/
list-style: none;
padding: 0 0.75em 0 0;
margin: 0;
background-image: (static/images/dummies/bc_pfeil.gif);
background-repeat: no-repeat;
}


#ardBreadCrumb li
{
display: inline;
list-style: none;
padding: 0 0.5em 0 0;
margin: 0;
}

.standort
{
font-size: 0.7em;
padding: 0 0.25em 0.5em 0em;
float: left;
margin: 0;

}


/* ende BREADCRUMP */

/* FOOTER */

#ardFussText
{
display: none;
}

#footer {
	display: block;
	clear: both;
	width: 100%;
	background-color: #001a4b;
}

#footer #lra {
}

#footer #lra ul {
	padding-left: 24px;
	padding: 0;
	margin: 0;
	background: #001a4b;
}

#footer #lra ul li {
	display: inline;
}

#footer #lra ul li img {
	margin: 1px 0 7px 14px;
/* height: 2.81em;	*/
	height: 45px;
	border: 0;
}

#footer #sender {
clear: both;
border-top: 1px solid #A8C8DF;
border-bottom: 4px solid #001a4b;
}

#footer #sender ul {
	padding: 0 0 0 197px;

	margin: 0;

}

#footer #sender ul li {
	display: inline;
}

#footer #sender ul li img {
	margin: 9px 0 7px 14px;
	/* height: 1.69em; */
	height: 27px;
	border: 0;
}


#ardCopyright
{
background: #fff;
margin: 0 1em 0 0;
padding: 0;
display: inline;
float: right;
font-size: 0.7em;
position: relative;
/* border: #000000 1px solid; */
}

/* ende FOOTER */



#ardURLPrint
{
display: none;
}

/* Mehrseitige Beitraege */


.msnavi2
{
/* border-width: 1px */
/* border-style: solid; */
margin: 0 0 1em 0;
padding: 0 0 0 0;
display: inline;
float: right;
background: #fff;
width: 100%;
}

.msnavi2 .imgleft
{
float: left;
vertical-align: text-bottom;
margin: 10px 0px 0px -26px;
}

.msnavi2 .imgright
{
float: right;
vertical-align: text-bottom;
margin: 10px -26px 0px 0;
}



.msnavi2 .left
{
float: left;
width: 12.5em;
/* background: #EAEEF1; */
}

.msnavi2 .left p
{
text-align: left;
font-size: 0.7em;
margin: 0 0 0 24px;
padding: 0;
}


.msnavi2 .right
{
width: 12.5em;
float: right;
/* background: #d5d6d7; */
}

.msnavi2 .right p
{
text-align: right;
font-size: 0.7em;
margin: 0 24px 0 0;
padding: 0;
}



/* Ende Navi mehrseiteiger Beitraege */





















/* vor zurueck */


.backfwd
{
/* border-width: 1px */
/* border-style: solid; */
margin: 0 0 1em 10px;
padding: 0;
display: inline;
float: right;
background: #EAEEF1;

}

.backfwd .imgleft
{
float: left;
vertical-align: text-bottom;
margin: 0 0px 0px 5px;
}

.backfwd .imgright
{
float: right;
vertical-align: text-bottom;
margin: 0 5px 0 0;
}



.backfwd .left
{
float: left;
width: 23em;
background: #EAEEF1;
}

.backfwd .left p
{
text-align: left;
font-size: 0.7em;
margin: 0 0 0 0;
padding: 0;
}


.backfwd .right
{
width: 23em;
float: right;
background: #EAEEF1;
}

.backfwd .right p
{
text-align: right;
font-size: 0.7em;
margin: 0 0 0 0;
padding: 0;
}


/* Sorgt dafue, dass die rechte Spalte auf der Home nicht negativ verschoben wird ... */
.homeversatz
{
margin: -3.25em 0 0 0 !important;
}



#ardHilfe
{
/* border: #000 1px solid; */
padding: 0 0 1em 11.25em;
width: 29.75em;
}



#ardHilfe p
{
font-size: 0.75em;
line-height: 1.35em;
}

#ardHilfe ul
{

font-size: 0.75em;
line-height: 1.35em;
margin: 1.25em;
padding: 0 0 0 0;
list-style-type: square
}

#ardHilfe li
{

line-height: 1.25em;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
list-style-type: square
}

#ardHilfe h3
{

line-height: 1.25em;
font-size: 1em;
padding: 0 0 0.25em 0;
margin: 0em 0 0.25 0 !important;
color: #015697;
}

#ardHilfe strong
{

font-weight: bold;
padding: 0;
marging: 0;
}


#ardHilfe table
{
margin: 0 0 0 0;
width: 100%;
}

#ardHilfe td
{
font-size: 0.75em;
line-height: 1.35em;
padding: 0.2em;
border-collapse: collapse;
vertical-align: top;
margin: 0;
}

#ardHilfe hr
{
border: #e9ebef solid 2px;
margin: 0.25em 0 0.25em 0;
}

#ardHilfe caption, #ardHilfe th
{
display: none;
}

#ardHilfe .ardHilfeHinweis
{

background: #e9ebef;
width: auto;
padding: 0.35em;
margin: 0.5em 0 1.5em 0;
}

.ardHilfeHinweis p
{
margin: 0.25em 0 0.25em 0;
padding: 0;
}


/* KINDER FORMULAR */

#kinderformular {
	padding: 0.5em 0 0 0;
	margin: 0 0 1em 0;
	float: left;
	width: 100%;
	color: #00507e;
	background: #DEE4E9 url(/static/pics/kinderzukunft/formBGrund_o.jpg) no-repeat top left;
	}
	
#kinderformular .left {
	float: left;
	padding: 0;
	margin: 0;
	}

#kinderformular .right {
	float: right;
	padding: 0;
	margin: 0;
	}

#kinderformular form, #kinderformular form fieldset {
	padding: 0 0 1em 0;
	margin: 0;
	float: left;
	border: 0;
	width: 100% !important;
	background: url(/static/pics/kinderzukunft/formBGrund_u.jpg) no-repeat bottom right;
	}
	
#kinderformular .danke {
	padding: 0;
	margin: 0;
	float: left;
	border: 0;
	width: 100% !important;
	background: url(/static/pics/kinderzukunft/formBGrund_u.jpg) no-repeat bottom right;
	}
	
#kinderformular .danke h1 {
	padding: 1em 0 1em 1em;
	margin: 0;
	float: left;
	border: 0;
	width: 90% !important;
	color: #e20262;
	font-size: 1em;
	}
	
#kinderformular .danke p {
	clear: both;
	padding: 0 0 1.5em 1.5em;
	margin: 0;
	float: left;
	width: 90% !important;
	color: #004B84;
	font-weight: bold;
	font-size: 0.75em;
	}
	
	
	
#kinderformular form fieldset {
	padding: 0;
	background: none;
	border-bottom: 5px solid #fff !important;
	}
	
	
#kinderformular form .fehler {
	clear: both;
	padding: 1em 0.5em 1em 0.5em;
	display: inline;
	margin: 1.5em 0 0 0.65em;
	float: left;
	width: 90%;
	border: 3px solid #e30262;
	background: #fff;
	color: #e20262;
	font-size: 0.85em;
	font-weight: bold;
	}
	
#kinderformular form .geheimzahl {
	clear: both;
	padding: 1em 0 1em 0;
	display: block;
	margin: 0;
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
	}
	
#kinderformular form .geheimzahl h4 {
	clear: both;
	padding: 0 0 0.5em 0.5em;
	display: block;
	color: #004B84;
	margin: 0;
	float: left;
	width: 95%;
	font-size: 0.8em;
	}
	
#kinderformular form .geheimzahl p {
	clear: both;
	padding: 0 0 0 0.5em;
	display: block;
	color: #004B84;
	font-weight: normal;
	margin: 0;
	float: left;
	width: 95%;
	font-size: 0.7em;
	}
	
#kinderformular form .geheimzahl img {
	padding: 0 0 0 0.25em;
	display: block;
	margin: 0;
	float: left;
	width: 9.38em;
	}
	
#kinderformular form .geheimzahl label {
	padding: 0.85em 0.5em 0.5em 1em;
	display: block;
	margin: 0;
	float: left;
	width: 4em;
	clear: none;
	}
	
#kinderformular form .geheimzahl input {
	padding: 0.25em 0 0.25em 0.25em;
	display: block;
	margin: 0.35em 0 0 0;
	float: left;
	width: 10em;
	border: none;
	}


#kinderformular form .person {
	clear: both;
	padding: 1em 0 0.5em 0.5em;
	display: inline;
	margin: 0;
	float: left;
	width: 96%;
	}

#kinderformular form .kriterien {
	clear: both;
	padding: 1em 0 1em 0.5em;
	margin: 0;
	float: left;
	width: 98%;
	border-top: 1px solid #fff;
	}
	
#kinderformular form p {
	clear: both;
	padding: 0 0 0.5em 0;
	font-weight: bold;
	font-size: 0.85em;
	margin: 0;
	float: left;
	}

#kinderformular form .einverstaendnis {
	clear: both;
	padding: 1em 0 1em 0.5em;
	margin: 0;
	float: left;
	width: 98%;
	border-top: 1px solid #fff;
	}
	
#kinderformular form .einverstaendnis p {
	padding: 0 0 0.5em 1em;
	font-weight: normal;
	font-size: 0.7em;
	width: 90%;
	margin: 0;
	float: left;
	clear: none;
	color: #00507e;
	}
	
	
#kinderformular form .clearBox {
	clear: both;
	float: left;
	width: 100%;
	}
	
#kinderformular form .width48 {
	width: 49%;
	}
	
#kinderformular form .width41 {
	width: 41%;
	}

#kinderformular form label {
	clear: both;
	float: left;
	font-size: 0.7em;
	color: #e30262 !important;
	width: 20%;
	padding: 0.25em 0 0 0;
	margin: 0 0 0.5em 0;
	}
	
#kinderformular form .person label {
	width: 35%;
	}
	
#kinderformular form .person label.kurz {
	width: 20%;
	}
	
#kinderformular form fieldset input {
	padding: 0;
	border: none;
	margin: 0;
	float: left;
	}
	
#kinderformular form .person input {
	padding: 0.25em;
	font-size: 0.75em;
	width: 9.5em;
	font-family: Verdana;
	border: none;
	margin: 0 0 0.5em 0;
	float: left;
	}
		
#kinderformular form textarea {
	padding: 0.25em;
	font-size: 0.75em;
	font-family: Verdana;
	border: none;
	margin: 0;
	display: inline;
	/* tritt nur in kraft wenn das label eingeblendet wird
	margin: 0.25em 1em 0 0;
	width: 24em;
	float: right; */
	width: 31.5em;
	float: left;
	}
	
#kinderformular form .bttBox {
	clear: both !important;
	padding: 0;
	float: left;
	width: 96%;
	margin: 0.5em 0 0 0;
	}
	
#kinderformular form input.bttAbschicken {
	clear: both !important;
	padding: 0;
	border: none;
	float: right;
	margin: 0;
	}
	
/* ENDE Kinderformular */



.divblock2 {
	padding: 0;
	margin: 0;
	font-size: 0.7em !important;
	line-height: 130%;
	}