/* CMPROD Bitte stehen lass */

.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 */


/* 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;
margin: 0;
}


.sp01_02 .amBox {
clear: both;
float: left;
width: 100%;
display: inline;
margin: 0 0 1em 0;
}


#flasheinschub {
	margin: 0 0 0 0.65em;
	display: inline;
	float: left;
	padding: 0;
	width: 49.06em;
	height: 17.5em;
	float: left;
	background: #e1ecf3;
	}
	
#flasheinschub img {
	display: block;
	}
	
#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 {
	clear: both;
	margin: 1em 0 0 0.65em;
	padding: 0;
	float: left;
	display: inline;
	width: 98%;
	background: #e3eef7 url(/static/demografischer_wandel/pics/backs/verlauf_teasersammlung.jpg) repeat-x bottom left;
	}
	
#teasersammlung .box01, #teasersammlung .box02, #teasersammlung .box03, #teasersammlung .box04 {
	margin: 0;
	padding: 0;
	float: left;
	width: 49%;
	}
	
#teasersammlung .box02, #teasersammlung .box03, #teasersammlung .box04 {
	border-left: 8px solid #fff;
	}
	
#teasersammlung .box02 {
	float: right;
	background: url(/static/demografischer_wandel/pics/backs/rund_ru_teasersammlung.gif) no-repeat bottom right;
	}
	
#teasersammlung .box01 img, #teasersammlung .box02 img, #teasersammlung .box03 img, #teasersammlung .box04 img {
	margin: 0;
	padding: 0;
	float: left;
	border: 0;
	}
	
#teasersammlung h2 {
	float: left;
	padding: 0.5em 0 0 0.5em;
	margin: 0;
	color: #23567e;
	display: inline;
	font-size: 0.75em;
	position: relative;
	width: 44%;
	}
	
#teasersammlung p {
	float: left;
	padding: 0.35em 0 0.5em 0.5em;
	margin: 0;
	color: #23567e;
	display: inline;
	font-size: 0.7em;
	position: relative;
	width: 44%;
	}



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


.ts_schlagzeilenBox {
clear: both;
float: left;
padding: 0;
margin: 0 0 1.5em 0;
width: 100%;
}

.ts_schlagzeilenBox h1 {
clear: both;
float: left;
padding: 0;
margin: 0;
font-size: 0.85em !important;
font-weight: bold !important;
color: #07416e !important;
width: 100%;
}

.ts_schlagzeilenBox ul {
clear: both;
float: left;
padding: 0;
margin: 0;
width: 100%;
}

.ts_schlagzeilenBox ul li {
clear: both;
float: left;
padding: 0.25em 0 0.25em 0.5em !important;
margin: 0;
width: 98%;
font-size: 0.75em;
font-weight: bold;
background: #d9e9f9 !important;
}




/* weitere Links der Indexseiten */
#moreLinks
{
float: left;
padding: 0 0 1.5em 0;
margin: 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/demografischer_wandel/pics/pfeil_w.gif) no-repeat 0px 4px*/ !important;
}

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

.sp01_02 h1 {
clear: both;
font-size: 1.15em;
font-weight: normal;
margin: 0 0 0 0;
padding: 1em 0 0.5em 0;
position: relative;
color: #4297e6;
width: 100%;
}

.coreteaser .textbox
{
float: left;
margin: 0;
padding: 0;
width: 76%;
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 .dachzeile
{
font-size: 0.75em;
margin: 0 0 0 0;
padding: 0 0 0.25em 0;
color: #6f8aa2;
position: relative;
}

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

.coreteaser h2 img {
padding: 0 0.15em 0 0;
margin: 0 0 0 0;
width: 18px;
height: 14px;
}


.coreteaser h2.video { padding: 0em 0 0.25em 1.5em; background: url(/static/demografischer_wandel/pics/icons/video_teaser.gif) no-repeat 0 1px; }
.coreteaser h2.audio { padding: 0em 0 0.25em 1.5em; background: url(/static/demografischer_wandel/pics/icons/audio_teaser.gif) no-repeat 0 1px; }
.coreteaser h2.galerie { padding: 0em 0 0.25em 1.65em; background: url(/static/demografischer_wandel/pics/icons/galerie_teaser.gif) no-repeat 0 1px; }

.alert { color: #0086ff !important; }


.coreteaser p
{
font-size: 0.75em;
margin: 0;
line-height: 135%;
padding: 0 0 0.5em 0em;
color: #6f8aa2;
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: 5px 0 0 0;
padding: 0;
display: inline;
float: left;
clear: both;
color: #6A6A6A;
/* background: #e8ebf0 url(/static/demografischer_wandel/pics/backs/verlauf_linkliste.jpg) repeat-x top left; */
}

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

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


.listdef
{
color: #4d759c !important;
padding: 0 0 0.35em 2em !important;
}

.amBox .ardLinkliste ul {
padding: 0em 0 0.5em 0;
margin: 0;
color: #4d759c !important;
/* background: url(/static/demografischer_wandel/pics/backs/ecke_linkliste.gif) no-repeat bottom right; */
}

.amBox .ardLinkliste li
{
padding: 2px 0 3px 1.25em;
margin: 0;
display: block;
line-height: 130%;
clear: both;
position: relative;
background: none !important;
border-bottom: 1px solid #e9ebef !important;
}

li.tipp {}

/* 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;
}

.amBoxSubIndex img { display: none; }

.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 {
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;
display: inline;
width: 36.56em;
}

/* Das ist die linke Spalte eines Beitrags */
.beitraglinks
{
float: left;
width: 10.62em;
display: inline;
padding: 0;
margin: 0;
}

.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: 25.31em;
padding: 0;
margin: 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;
/* width: 36em;
background: #ff0099; */
}

.sp02
{
width: 25.31em;
}

.sp02_03
{
width: 37.31em;
}


.sp02_03_04
{
width: 52.19em;
}

.sp01_02_03
{
/* width: 49.56em; */
width: 50em;

/* background: #0086ff; */
}

.sp01_02_03_04
{

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



.sp03, .sp04
{
width: 12em;
/* background: #ccff00; */
}

.left
{
float: left;
}




.headlinebox
{
margin: 0;
width: 80%;
padding: 0;
float: left;
display: inline;
}


.ruecklink {
display: block;
padding: 0 0 0 2em;
margin: 0;
width: 8.5em;
float: left;
}

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

.lrabox img {
padding: 0;
float: right;
}


.headlinebox .nummer {
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 1em;
font-size: 1.2em;
float: left;
display: inline;
margin: 0;
color: #567A92;
width: 75%;
line-height: 110%;
}

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

p#ardIntro {
padding: 0 0 1em 14.95em;
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/demografischer_wandel/pics/gen/lo.gif) no-repeat top left; float: left; padding: 0; margin: 0; height: 5px; width: 5px; }
.abbinder .Roben { background: url(/static/demografischer_wandel/pics/gen/ro.gif) no-repeat top right; float: right; padding: 0; margin: 0; height: 5px; width: 5px; }

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

/* rechte Spalte - SucheBox */


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

*html .homeversatz { margin: -0.25em 0 0 0 !important; }

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


/*visibility: hidden !important;*/
}

*html .zusatz .pvSuche { margin: -3.25em 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: right;
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 li {
padding: 2px 3px 4px 20px;
margin: 0 0 0.25em 0;
display: block;
line-height: 130%;
color: #4d759c !important;
background: #edeef2;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #fff;
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 {
	clear: both;
	padding: 0 0 0.5em 0;
	margin: 0 0 1em 0;
	display: block;
	position: relative;
	font-family: Verdana, Arial, Helvetica;
	width: 100%; /* width: 12.8em; */
	float: right;
	background: #209cd9 url(/static/demografischer_wandel/pics/backs/verlauf_accordion.jpg) repeat-x top left;
	}

.avlabel {
margin: 0;
padding: 0.15em 0 0 0;
}


.teaserBox h4 {
clear: both;
padding: 0 0.5em 0 2.15em;
width: 79%;
float: left;
display: block;
margin: 0 0 0 0;
font-size: 0.85em;
color: #fff;
}

.teaserBox h4 a:link, .teaserBox h4 a:visited, .teaserBox h4 a:hover, .teaserBox h4 a:active { color: #fff; }


.teaserBox.audio h4 { background: url(/static/demografischer_wandel/pics/icons/audio.gif) no-repeat 8px 2px; }
.teaserBox.video h4 { background: url(/static/demografischer_wandel/pics/icons/video.gif) no-repeat 8px 2px; }

.teaserBox.audio img.redpic , .teaserBox.video img.redpic {
	width: 85%;
	padding: 0;
	margin: 0 0 0.5em 1.75em;
	display: inline;
	float: left;
	border: 1px solid #fff;
	}
	
.teaserBox p {
clear: both;
padding: 0.25em 0.5em 0.35em 2.65em;
display: block;
font-size: 0.7em;
margin: 0;
color: #fff;
position: relative !important;
}

.teaserBox p a:link, .teaserBox p a:visited, .teaserBox p a:hoer, .teaserBox p a:active {
color: #fff !important;
}


/* Ende Teaserbox */


/* Medienteaser */

.mediateaser {
	/* clear: both; */
	padding: 0 0 0.5em 0;
	margin: 0 0 1em 0;
	display: block;
	position: relative;
	font-family: Verdana, Arial, Helvetica;
	width: 100%; /* width: 12.8em; */
	float: right;
	color: #124982;
	background: #209cd9 url(/static/demografischer_wandel/pics/backs/verlauf_accordion.jpg) repeat-x top left;
	/* background: #f7f8fc url(/static/demografischer_wandel/pics/backs/verlauf_mediateaser.jpg) repeat-x bottom left;
	border: 1px solid #dbe0e3; */
	}	
	
	
.mediateaser .img0 {
float: left !important;
margin: 0 0.5em 0.25em 0.25em;
width: 7.5em;
height: 5.625em;
display: inline;
padding: 1px;
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;
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 img {
margin: 0;
padding: 0;
border: 0;
float: left;
display: inline;
border: 0;
display: none;
}

.mediateaser .label {
margin: 0;
padding: 0.15em 0 0 0;
float: left;
}

.mediateaser .mtleft {
padding: 0;
display: block;
margin: 0;
float: left;
width: 56%;
}

.mediateaser  h3 {
padding: 0 0.5em 0 1.45em;
display: block;
margin: 0 0 0 0;
font-size: 0.85em;
float: left;
width: 88%;
color: #fff;
}


.mediateaser h3 a:link, .mediateaser h3 a:visited, .mediateaser h3 a:hover, .mediateaser h3 a:active { color: #fff; }


.mediateaser.video h3 { background: url(/static/demografischer_wandel/pics/icons/video.gif) no-repeat 0 3px; }
.mediateaser.audio h3 { background: url(/static/demografischer_wandel/pics/icons/audio.gif) no-repeat 0 3px; }


.mediateaser p {
clear: both;
padding: 0.5em 0.5em 0.35em 1.75em;
display: block;
font-size: 0.7em;
margin: 0;
color: #fff;
float: left;
width: 88%;
position: relative !important;
}

.mediateaser p a:link, .mediateaser p a:visited, .mediateaser p a:hover, .mediateaser p a:active {
color: #fff !important;
}


/* ENDE medienteaser */


.allgTeaserBox {
	padding: 0.35em 0 0.5em 0;
	margin: 0 0 1em 0;
	display: block;
	position: relative;
	font-family: Verdana, Arial, Helvetica;
	width: 100%; /* width: 12.8em; */
	float: right;
	color: #124982;
	/* background: #209cd9 url(/static/demografischer_wandel/pics/backs/verlauf_accordion.jpg) repeat-x top left; */
	background: #f7f8fc url(/static/demografischer_wandel/pics/backs/verlauf_mediateaser.jpg) repeat-x bottom left;
	border: 1px solid #dbe0e3;
	}	
	
.allgTeaserBox img.avlabel {
margin: 0;
padding: 0 0 0.35em 0.35em;
float: left;
}

.allgTeaserBox img {
margin: 0;
padding: 0 0 0 0.35em;
display: inline;
}


.allgTeaserBox h3 {
padding: 0.5em 0.5em 0 0.45em;
display: block;
margin: 0 0 0 0;
font-size: 0.85em;
float: left;
width: 88%;
color: #507592;
}

.allgTeaserBox h3 a:link, .allgTeaserBox h3 a:visited, .allgTeaserBox h3 a:hover, .allgTeaserBox h3 a:active { color: #507592; }

.allgTeaserBox p {
clear: both;
padding: 0.5em 0.5em 0.35em 0.75em;
display: block;
font-size: 0.7em;
margin: 0;
color: #507592;
float: left;
width: 88%;
position: relative !important;
}

.allgTeaserBox p a:link, .allgTeaserBox p a:visited, .allgTeaserBox p a:hover, .allgTeaserBox p a:active {
color: #507592 !important;
}


/* ENDE medienteaser */



/* 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;
background: #e8eef3;
margin: 0 0 0 0;
padding: 3px 2px 3px 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
color: #0086ff;
}

.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;
}

#topklicks h2 {
font-size: 1.15em;
font-weight: normal;
margin: 0 0 0 0;
padding: 1em 0 0 0;
position: relative;
color: #4297e6;
}


#topklicks ol {
clear: both;
float: left;
width: 100%;
padding: 0.5em 0 0 0;
margin: 0;
display: block;
background: none;
border: 0;
font-size: 0.85em;
color: #003c75;
position: relative;
}


#topklicks ol li {
padding: 0.5em 0 0.5em 0;
margin: 0 0 0 2em;
}


#topklicks ol li a {
padding: 0;
margin: 0;
font-weight: bold;
position: relative;
}

#topklicks ol li span {
padding: 0 0.5em 0 0;
margin: 0;
font-weight: normal;
font-size: 0.8em;
display: inline;
float: left;
color: #8a98a6;
}

#topklicks ol li a.navi {
padding: 0;
margin: 0;
font-weight: normal;
font-size: 0.8em;
display: inline;
float: left;
height: auto;
background: none;
}

/* ENDE TopKlicks */


/* Fernseher und Radio Tipps */

.fernsehtipp, .radiotipp {
clear: both !important;
padding: 0;
width: 100%;
margin: 1em 0 0 0;
float: left;
position: relative;
display: block;
background: #c9e6f5;
}

.fernsehtipp .ardLinkliste, .radiotipp .ardLinkliste {
float: left;
padding: 0;
width: 100%;
margin: 0;
clear: both;
background: #3f86ba url(/static/demografischer_wandel/pics/backs/verlauf_tipp.jpg) repeat-x;
}

.fernsehtipp .ardLinkliste p, .radiotipp .ardLinkliste p {
clear: both;
float: left;
width: 97%;
padding: 0.5em 0 0.5em 0.5em !important;
margin: 0;
font-size: 0.7em;
background: url(/static/demografischer_wandel/pics/backs/ecke_tipp.jpg) no-repeat;
position: relative;
color: #fff !important;
}

.radiotipp p.listdef {
border-bottom: 1px solid #fff;
}

/* TV-Tipp */

.tvTagesTipp {
clear: both !important;
padding: 0;
width: 100%;
margin: 1em 0 1em 0;
float: left;
position: relative;
display: block;
background: #c9e6f5;
}

.tvTagesTipp #tvTipPanels {
padding: 0;
width: 100%;
margin: 0;
float: left;
height: 15em;
}

.tvTagesTipp p.listdef {
clear: both;
float: left;
width: 100%;
padding: 0 !important;
margin: 0 !important;
font-size: 0.7em;
background: #3f86ba url(/static/demografischer_wandel/pics/backs/verlauf_tipp.jpg) repeat-x;
position: relative;
color: #fff !important;
border-bottom: 1px solid #fff;
}


.tvTagesTipp p.listdef strong {
padding: 0.5em 0 0.5em 0.5em !important;
display: block;
background: url(/static/demografischer_wandel/pics/backs/ecke_tipp.jpg) no-repeat;
}


.tvTagesTipp span {
clear: both;
float: left;
width: 98%;
padding: 0.25em 0 0.25em 0.25em;
margin: 0;

font-size: 0.7em;
position: relative;
color: #003c75;
display: block;
}


.tvTagesTipp h4 {
clear: both;
float: left;
width: 98%;
padding: 0 0 0 0.25em;
margin: 0;
font-size: 0.75em;
position: relative;
color: #003c75;
display: block;
}


.tvTagesTipp p.beschreibung {
clear: both;
float: left;
width: 97%;
padding: 0.5em 0 0.5em 0.4em;
margin: 0 !important;
font-size: 0.7em;
position: relative;
color: #272a2c !important;
display: block;
/* height: 10em; */
}


.tvTagesTipp .ardLinkliste {
clear: both;
border-top: 2px solid #fff !important;
width: 100%;
padding: 0;
float: left;

}

.tvTagesTipp .ardLinkliste ul {
clear: both;
float: left;
width: 100%;
padding: 0;
margin: 0;
background: #e0eef5 url(/static/demografischer_wandel/pics/backs/verlauf_zusatzinfo.jpg) repeat-x bottom left;
}

.tvTagesTipp .ardLinkliste ul li {
clear: both;
float: left;
width: 95%;
padding: 0.5em 0.15em 0.5em 0.65em;
margin: 0;
font-size: 0.75em;
color: #4d759c !important;
border: 0;
background: none;
}

.tvTagesTipp .ardLinkliste ul li strong {
padding: 0;
display: inline;
float: left;
width: auto;
}

.tvTagesTipp .ardLinkliste ul li span.lra {
clear: none;
padding: 0 0 0 0.5em;
display: inline;
width: auto;
}


.tvTagesTipp .ardLinkliste ul li img {
display: none;
}


.tvTagesTipp p.linkTvTipp { 
	clear: both;
	padding: 0;
	margin: 0;
	color: #fff;
	width: 100%;
	position: relative;
	display: block;
	float: left;
	text-align: center;
	border-top: 1px solid #fff;
	background: #c9e5f5 url(/static/demografischer_wandel/pics/backs/verlauf_tvtagestipp.jpg) repeat-x bottom left;
	}
	
	
.tvTagesTipp p.linkTvTipp  img { 
	padding: 0;
	margin: 1px;
	position: relative;
	display: block;
	width: 2em;
	height: 1.25em;
	}
	
.tvTagesTipp p.linkTvTipp img.left { 
	float: left;
	}
	
	
.tvTagesTipp p.linkTvTipp img.right { 
	float: right;
	}

.tvTagesTipp p.linkTvTipp span.anzahl { 
	clear: none;
	padding: 0.3em 0 0 0;
	margin: 0;
	position: relative;
	display: block;
	font-size: 0.7em;
	width: 64%;
	float: left;
	}

/* ENDE */

.fernsehtipp .ardLinkliste ul, .radiotipp  .ardLinkliste ul {
clear: both;
float: left;
width: 100%;
padding: 0;
margin: 0;
background: #bfddf1 !important;
}

.fernsehtipp .ardLinkliste ul li, .radiotipp  .ardLinkliste ul li {
clear: both;
float: left;
width: 96%;
padding: 0.5em 0.15em 0.5em 0.6em;
margin: 0;
font-size: 0.7em;
color: #4d759c !important;
border-width: 0 0 1px 0;
border-color: #fff !important;
background: #c9e6f5 url(/static/demografischer_wandel/pics/backs/verlauf_li_prog.jpg) repeat-x bottom left;
}



.zusatzinfo {
	clear: both;
	float: left;
	padding: 0;
	display: block;
	width: 100%;
	margin: 1px 0 0 0;
	background: #e0eef5 url(/static/demografischer_wandel/pics/backs/verlauf_zusatzinfo.jpg) repeat-x bottom left;
	}
	
.zusatzinfo h3 {
clear: both;
float: left;
width: 90%;
padding: 0.5em 0 0.5em 0.45em;
margin: 0;
font-size: 0.7em;
color: #4d6377;
position: relative;
display: inline;
}


p.videotext, p.newsletter, p.rpg {
float: left;
width: 33%;
padding: 0.5em 0 0.5em 3em;
margin: 0;
font-size: 0.65em;
color: #003c75;
position: relative;
display: inline;
background: url(/static/demografischer_wandel/pics/backs/videotext.jpg) no-repeat 2px 0;
}

p.newsletter {
float: left;
width: 33%;
background: url(/static/demografischer_wandel/pics/backs/newsletter.jpg) no-repeat 2px 0;
}

p.rpg {
clear: both;
padding: 0.5em 0 0.5em 3em;
width: 80%;
background: url(/static/demografischer_wandel/pics/backs/rpg.jpg) no-repeat 2px 0;
}


 
.programmuebersicht {
	clear: both !important;
	float: left;
	padding: 0 !important;
	display: block;
	width: 98%;
	margin: 0;
	}
	
*+html .programmuebersicht {
	margin: 1em 0 0 0;
	}
	
	
.programmuebersicht h3 {
	clear: both;
	font-size: 1em;
	float: left;
	padding: 0 !important;
	display: block;
	font-weight: normal;
	width: 100%;
	margin: 0;
	color: #3e8fd9;
	text-align: center;
	}


/* ENDE */





/* 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 0.5em 0;
float: right;
display: inline;
}

#lastmodIndex
{
padding: 0.25em 0 1em 0.25em;
text-align: right;
}

#ardQuelle
{
color: #4E505C;
font-size: 0.7em;
display: inline;
float: left;
padding: 0;
}

/* id fuer Datum Stand */
#ardStand
{
font-size: 0.7em;
padding: 0 0 0 0.5em;
margin: 0;
text-align: right;
float: left;
display: inline;
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 {
clear: both;
margin: 0 0 1em 10px;
padding: 0;
display: block;
width: 98%;
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;
}


#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/demografischer_wandel/pics/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/demografischer_wandel/pics/formBGrund_u.jpg) no-repeat bottom right;
	}
	
#kinderformular .danke {
	padding: 0;
	margin: 0;
	float: left;
	border: 0;
	width: 100% !important;
	background: url(/static/demografischer_wandel/pics/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%;
	}
	
	
	
	
/* MEDIATHEK */

.mediathek { 
	clear: both;
	padding: 0;
	margin: 2em 0 1em 0;
	display: block;
	position: relative;
	font-family: Verdana, Arial, Helvetica;
	width: 99%; /* width: 12.8em; */
	float: left;
	background: #209cd9 url(/static/demografischer_wandel/pics/backs/verlauf_accordion.jpg) repeat-x bottom left;
	}	

.mediathek #list3 { 
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
	}
	

.mediathek ul { 
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
	}
	
.mediathek h2 { 
	padding: 0.5em 0 0.25em 0;
	margin: 0;
	color: #fff;
	font-size: 0.75em;
	position: relative;
	line-height: 130%;
	display: block;
	text-align: center;
	}
	
.mediathek ul li { 
	clear: both;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	width: 100%;
	position: relative;
	border-top: 1px solid #fff;
	display: block;
	}

	
.mediathek h2 { 
	padding: 0.5em 0 0.25em 0;
	margin: 0;
	color: #fff;
	font-size: 0.75em;
	position: relative;
	line-height: 130%;
	display: block;
	text-align: center;
	}
	
.mediathek div.frame { 
	clear: both;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	width: 100%;
	position: relative;
	border-top: 1px solid #fff;
	display: block;
	}
	
.mediathek div.title { 
	clear: both;
	padding: 0 0 0 2.25em;
	margin: 0;
	color: #fff;
	width: 85%;
	font-size: 0.75em;
	position: relative;
	display: block;
	font-weight: bold;
	cursor: pointer;
	}
	
	
.mediathek div.title.video { background: url(/static/demografischer_wandel/pics/icons/video.gif) no-repeat 5px 2px; }
	
.mediathek div.title.audio { background: url(/static/demografischer_wandel/pics/icons/audio.gif) no-repeat 5px 2px; }

	
.mediathek div.title span { 
	padding: 0;
	display: inline;
	font-weight: normal;
	font-size: 0.95em;
	}
	
.mediathek a:link, .mediathek a:visited, .mediathek a:hover, .mediathek a:active { padding: 0; margin: 0; position: relative; color: #fff; text-decoration: none; }
.mediathek a:hover { padding: 0; margin: 0; position: relative; color: #fff; text-decoration: underline; }


.mediathek div.img {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
.mediathek div.img {
	width: 85%;
	margin: 0;
	padding: 0 0 0.5em 1.75em;
	display: inline;
	float: left;
	}	
		
.mediathek div.img img { 
	margin: 0 0 0 0;
	float: left;
	display: inline;
	padding: 0;
	border: 1px solid #dee9f1;
	}
	
.mediathek p.linkMediathek { 
	clear: both;
	padding: 0;
	margin: 0;
	color: #fff;
	width: 100%;
	position: relative;
	display: block;
	float: left;
	text-align: center;
	background: url(/static/demografischer_wandel/pics/backs/verlauf_accordion_link.jpg) repeat-x top left;
	}
	
	
.mediathek p.linkMediathek img { 
	padding: 0;
	margin: 1px;
	position: relative;
	display: block;
	width: 2em;
	height: 1.25em;
	}
	
.mediathek p.linkMediathek img.left { 
	float: left;
	}
	
	
.mediathek p.linkMediathek img.right { 
	float: right;
	}

.mediathek p.linkMediathek span.anzahl { 
	padding: 0.3em 0 0 0;
	margin: 0;
	position: relative;
	display: block;
	font-size: 0.7em;
	width: 64%;
	float: left;
	}
	
*html .mediathek p.linkMediathek span.anzahl { 
	width: 63%;
	}
	
	
.mediathek p.linkMediathek a:link, .mediathek p.linkMediathek a:visited, .mediathek p.linkMediathek a:hover, .mediathek p.linkMediathek a:active { color: #fff; text-decoration: none; }
.mediathek p.linkMediathek a:hover { color: #fff; text-decoration: underline; }