/* CSS Document */
#ardAll { background: #fff; }
.ardsearchbox { visibility: hidden !important; }
.ardAbsatzBildMitte { background: none; border: none; padding-top: 0.5em; }
.ardAbsatzBildLinks { background: none; border: none; }

#specialcontent a:link { color: #dd8d02; text-decoration: none; position: relative; }
#specialcontent a:visited { color: #dd8d02; text-decoration: none; position: relative; }
#specialcontent a:hover { color: #dd8d02; text-decoration: underline; position: relative; }


#specialcontent {
  width: 36.56em;
  margin: 0 0 2em 0;
  padding: 0;
  position: relative;
  font-family: Verdana, arial, sans-serif;
  float: left;
  background: #fff;
  }

.left {
	float: left;
	padding: 0;
	margin: 0;
	}

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

/* Aufmacherbox */
.box {
  display: block;
  PADDING: 0;
  MARGIN: 0 0 1em 0;
  width: 36.6em;
  float: left;
  background: #f2f3f7 url(/static/demografischer_wandel/pics/backs/verlauf_special_box.jpg) repeat-x bottom;
   }

/* Aufmacherbox */
.box img
{
float: left;
display: block;
}


.box .aufmacher {
  width: 100%;
  PADDING: 0 0 0.5em 0;
  MARGIN: 0;
  float: left;
  background: url(/static/demografischer_wandel/pics/backs/rund_ru_special.gif) no-repeat bottom right;
  }

.box .aufmacher p
{
padding: 0.5em 0.5em 0.5em 1em;
margin: 0;
font-size: 0.7em;
line-height: 135%;
color: #525b69;
}

.box .aufmacher h3
{
color: #0d366f !important;
}

.box .aufmacher p.sp_teaserDZ {
  clear: both;
  width: 94%;
  height: 1.5em;
  margin: 0;
  padding: 0.5em 0 0 1em;
  position: relative;
  float: left;
  color: #7b8493;
  display: inline;
  }
  

.box .aufmacher h3 
{
clear: both;
padding: 0 0.5em 0 0.65em;
font-size: 1.2em;
margin: 0;
color: #0d366f;
  }


/* Boxen fuer die grossen Teaser */
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12
{
  PADDING: 0;
  MARGIN: 0 0 1em 0;
  width: 11.88em;
  float: left;
  display: block;
  position: relative;
  background: #f2f3f7 url(/static/demografischer_wandel/pics/backs/verlauf_special_box.jpg) repeat-x bottom;
   	}

#box2, #box5, #box8, #box11
{
MARGIN: 0 7px 1em 7px;
display: inline;
}

#box4, #box7, #box10
{
clear: both;
}

/* Bilder der grossen Boxen */
#box1 img, #box2 img, #box3 img, #box4 img, #box5 img, #box6 img, #box7 img, #box8 img, #box9 img, #box10 img, #box11 img, #box12 img
{
width: 11.88em;
height: 10em;
display: block;
border-bottom: 2px solid #fff;
}


/* Diese Box gibt die Gesamthoehe des Teasers an, also incl. Linkliste ... den das div geht unterhalb der Linkliste erst wieder zu. */
#box1 .text, #box2 .text, #box3 .text, #box4 .text, #box5 .text, #box6 .text, #box7 .text, #box8 .text, #box9 .text, #box10 .text, #box11 .text, #box12 .text
{
  width: 100%;
  font: 0.7em Verdana;
  PADDING: 0;
  color: #525b69 !important;
  MARGIN: 0;
  float: left;
  height: 22em;
  position: relative;
  background: url(/static/demografischer_wandel/pics/backs/rund_ru_special.gif) no-repeat bottom right;
  }
  
#box1 .text, #box2 .text, #box3 .text {
  height: 25em;
  background: url(/static/demografischer_wandel/pics/backs/rund_ru_special.gif) no-repeat bottom right;
  }

#box4 .text, #box5 .text, #box6 .text {
  height: 22em;
  }

/* #box7 .text, #box8 .text, #box9 .text {
  height: 23.5em;
  }
  
#box10 .text, #box11 .text, #box12 .text {
  height: 23.5em;
  } */


#box1 .text p, #box2 .text p, #box3 .text p, #box4 .text p, #box5 .text p, #box6 .text p, #box7 .text p, #box8 .text p, #box9 .text p, #box10 .text p, #box11 .text p, #box12 .text p {
  margin: 0;
  padding: 0.5em 0.45em 0 0.45em;
  height: 16em;
  line-height: 1.26em;
  vertical-align: middle;
  position: relative;
  }
  
#box1 .text p, #box2 .text p, #box3 .text p {
  padding: 0 0.45em 0 0.45em;
  }
 

.text h3 {
  clear: both;
  font: bold 1.2em Verdana;
  margin: 0;
  padding: 0.25em 0.31em 0 0.4em;
  color: #ffa500 !important;
  height: 2.75em;
   }
   
  
#box1 .text h3, #box2 .text h3, #box3 .text h3 {
  height: 4.25em;
   }

  
  
#box1 p.sp_teaserDZ, #box2 p.sp_teaserDZ, #box3 p.sp_teaserDZ, #box4 p.sp_teaserDZ, #box5 p.sp_teaserDZ, #box6 p.sp_teaserDZ, #box7 p.sp_teaserDZ, #box8 p.sp_teaserDZ, #box9 p.sp_teaserDZ, #box10 p.sp_teaserDZ, #box11 p.sp_teaserDZ, #box12 p.sp_teaserDZ {
  clear: both;
  width: 94%;
  height: 1.5em;
  margin: 0;
  padding: 0.5em 0 0 0.45em;
  position: relative;
  float: left;
  display: inline;
  }
  
#box1 p.sp_teaserDZ, #box2 p.sp_teaserDZ, #box3 p.sp_teaserDZ, #box4 p.sp_teaserDZ, #box5 p.sp_teaserDZ, #box6 p.sp_teaserDZ {
  
  }
 
.text h4 {
  font: 1em Verdana;
  margin: 0;
  padding: 0.31em;
   }

hr { display: none; }


/* Liste fuer s */
/* Eventuell auch verwendbar fuer Weitere Meldungen aus diesem Bereich ...: */
#specialcontent .ardLinkliste {
width: 100%;
margin: 0 0 0 0;
padding: 0;
display: inline;
float: left;
clear: both;
}


#specialcontent .ardLinkliste li, #specialcontent .box .ardLinkliste li
{
padding: 4px 3px 4px 26px;
display: block;
line-height: 1.2em;

list-style-type: none !important;

clear: both;
position: relative;
}

#specialcontent .box .ardLinkliste li
{
font-size: 0.7em;
}

#specialcontent .ardLinkliste ul
{
border-style: solid;
border-width: 1px 0 0 0;
padding: 0;
margin: 0 0 0 0;
list-style-type: none !important;
}


#specialcontent .ardIcon_Container img, #specialcontent img.ardIcon_Icon
{
/*
display: inline !important;
vertical-align: text-bottom;
margin: 0px 4px 0px -26px;
padding: 0;
width: 18px !important;
height: 14px  !important;
border: 0 !important;
/* Das float ist raus, damit der IE die Listenpunkte alle gleich hoch macht */

display: none !important;
}

#specialcontent img.ardIcon
{

display: inline !important;
vertical-align: text-bottom;
margin: 0px 4px 0px -26px;
padding: 0;
width: 18px !important;
height: 14px  !important;
border: 0 !important;
/* Das float ist raus, damit der IE die Listenpunkte alle gleich hoch macht */
}


/* Beitrag */

.pinkcol { color: #e30262; }
.pinkbord { border-color: #e30262; }
.pinkback { background: #e30262; }

.lightbluecol { color: #6aabd9; }
.bluecol { color: #004A83 }

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

#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 0.25em 1em;
	margin: 0;
	float: left;
	border: 0;
	width: 90% !important;
	color: #e20262;
	font-size: 1.25em;
	}
	
#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;
	}
	
	
#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;
	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;
	}

/* zurueck zur Uebersichsseite, kleiner kasten */

.backBox {
	clear: both;
	padding: 0;
	margin: 0 0 1em 0;
	border-width: 1px;
	border-style: solid;
	width: 100%;
	float: left;
	background: url(/static/pics/kinderzukunft/verlauf_kl.jpg) repeat-x top left;
	}
	
.backBox p {
	padding: 0.45em 0 0.25em 0;
	margin: 0;
	font-weight: bold;
	font-size: 0.7em;
	float: right;
	width: 70%;
	}
	
.backBox p a { color: #E00D40; }

/* ende kasten *//* CSS Document */