/********************************************************************** 
 * Special 6er/9er Block fuer alle Ressorts *
 **********************************************************************/
 
#specialcontent {
  width: 784px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  }
  
 
/********************************************************************** 
 * Allgemeine Angaben f�r Dachzeile, Headline und Teasertext *
 **********************************************************************/ 
  
#specialcontent h3, #specialcontent p.sp_teaserDZ, #specialcontent p {
	clear: both;
	padding: 0 2%;
	margin: 0;
	width: 96%;
	font-size: 0.75em;
	position: relative;
	float: left;
  }

#specialcontent h3 { font-size: 0.85em; padding: 0.5em 2% 0.25em 2%; }
  
#specialcontent p { padding: 0 2% 1em 2%; line-height: 145%; }
 
#specialcontent p.sp_teaserDZ { padding: 0.75em 2% 0 2%; }
 
#specialcontent img { float: left; display: block; background: #e4eef4; }
  

/********************************************************************** 
 * Aufmacher *
 **********************************************************************/
.box, .box .aufmacher {
  PADDING: 0;
  MARGIN: 0;
  width: 100%;
  float: left;
  }
  
.box { MARGIN: 0 0 1em 0; padding: 0; }

.box .aufmacher {
  width: 390px;
  float: left;
  padding: 2% 0 0 0;
  margin: 0;
  }
   
#specialcontent .box .aufmacher p.sp_teaserDZ { padding: 0.75em 4% 0.5em 4% !important; width: 92%; }   
#specialcontent .box .aufmacher h3 { font-size: 1em; padding: 0 4% 0.25em 4%; width: 92%; }
#specialcontent .box .aufmacher p { padding: 0 4% 0 4%; width: 92%; }
 
 
.box img { float: right !important; border-left: 1px solid #fff; }

.box .aufmacher img.onemore { float: left !important; border-left: none; width: 784px; height: 300px; margin: -33px 0 0 0; }


/********************************************************************** 
 * Teaserboxen *
 **********************************************************************/
#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9 {
  PADDING: 0;
  MARGIN: 0 0 1.5em 0;
  width: 256px;
  float: left;
  display: block;
  position: relative;
  }

#box2, #box5, #box8 { MARGIN: 0 8px 1.5em 8px; display: inline; }

#box4, #box7 { clear: both; }


/* 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 {
  width: 100%;
  PADDING: 0;
  MARGIN: 0;
  float: left;
  position: relative;
  }
  


/********************************************************************** 
 * Farben *
 **********************************************************************/
/* ratgeber */ body.ratg .box, body.ratg #box1, body.ratg #box2, body.ratg #box3, body.ratg #box4, body.ratg #box5, body.ratg #box6, body.ratg #box7, body.ratg #box8, body.ratg #box9 { background: #dbefef url(/static/ard/pics/backs/verlauf_ratgeber.jpg) repeat-x bottom !important; }

/* wissen */ body.wiss .box, body.wiss #box1, body.wiss #box2, body.wiss #box3, body.wiss #box4, body.wiss #box5, body.wiss #box6, body.wiss #box7, body.wiss #box8, body.wiss #box9 { background: #f1e9ef url(/static/ard/pics/backs/verlauf_wissen.jpg) repeat-x bottom !important; }

/* kultur */ body.kult .box, body.kult #box1, body.kult #box2, body.kult #box3, body.kult #box4, body.kult #box5, body.kult #box6, body.kult #box7, body.kult #box8, body.kult #box9 { background: #f7e6e1 url(/static/ard/pics/backs/verlauf_kultur.jpg) repeat-x bottom !important; }

/* radio */ body.radio .box, body.radio #box1, body.radio #box2, body.radio #box3, body.radio #box4, body.radio #box5, body.radio #box6, body.radio #box7, body.radio #box8, body.radio #box9 { background: #e7effa url(/static/ard/pics/backs/verlauf_ard.jpg) repeat-x bottom !important; }


/* home */ body.ard .box, body.ard #box1, body.ard #box2, body.ard #box3, body.ard #box4, body.ard #box5, body.ard #box6, body.ard #box7, body.ard #box8, body.ard #box9 
{ background: #e7effa url(/static/ard/pics/backs/verlauf_ard.jpg) repeat-x bottom; }




/********************************************************************** 
 * Linkliste *
 **********************************************************************/

#specialcontent .ardLinkliste {
width: 100%;
margin: 0 !important;
padding: 0.5em 0 0 0;
display: inline;
float: left;
clear: both;
}

#specialcontent .ardLinkliste .ardIcon {
margin: 0 0 0 -13% !important;
width: 18px;
height: auto;
background: none;
display: inline;
}

#specialcontent .aufmacher .ardLinkliste .ardIcon {
margin: 0 0 0 -7% !important;
display: inline;
}


#specialcontent .ardLinkliste ul {
padding: 0.5em 0 0 0 !important;
margin: 0 !important;
display: block;
float: left;
width: 100%;
border: 0 !important;
}

#specialcontent .ardLinkliste li {
padding: 0;
list-style: none;
margin: 0;
font-size: 1em;
clear: both;
float: left;
display: block;
width: 100%;
}

#specialcontent .aufmacher .ardLinkliste li { font-size: 1em; }

#specialcontent .ardLinkliste li a {
padding: 5px 1px 5px 13%;
border-top: #fff 1px solid; 
list-style: none;
margin: 0;
clear: both;
font-size: 0.75em;
float: left;
display: block;
width: 87%;
line-height: 125%;
}

*html #specialcontent .ardLinkliste li a { padding: 5px 0 5px 13%; }

#specialcontent .aufmacher .ardLinkliste li a { padding: 5px 0 5px 10%; width: 90%; }

#specialcontent .ardLinkliste li img { border: 0; float: left !important; }

#specialcontent .ardIcon_Container { display: none; }

/* RECHTE SPALTE FUER RESIZE */
#ardRechteSpalte { width: 192px; display: none; }