/********************************************************************** 
 * Special Linkliste für 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 {
	padding: 0 2%;
	margin: 0;
	color: #000 !important;
	font-size: 0.75em;
	position: relative;
  }

#specialcontent h3 { font-size: 0.85em; padding: 0.5em 2% 0.25em 2%; }

#specialcontent p.sp_teaserDZ { padding: 0.25em 2% 0 2%; }
  
#specialcontent p { padding: 0 2% 1em 2%; }
  
#specialcontent img { float: left; display: block; background: #e4eef4; position: relative; z-index: 1000; margin-right: 0.75em; }
  

/********************************************************************** 
 * Aufmacher  + Intro *
 **********************************************************************/


/* 
#specialcontent #intro { 
padding: 0;
margin: 0;
width: 100%;
float: left;
}

#specialcontent #intro h2, #specialcontent #intro p { 
font-size: 0.95em; 
padding: 0 0 0.25em 0;
margin: 0;
width: 100%;
float: left;
}

#specialcontent #intro p { font-size: 0.75em; } */


.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;
  position: relative;
  }
   
#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% 1em 4%; width: 92%; }

.box img { float: right !important; border-left: 1px solid #fff; margin: 0 !important; }


/********************************************************************** 
 * Teaserboxen *
 **********************************************************************/
#specialcontent #box1, #specialcontent #box2, #specialcontent #box3, #specialcontent #box4, #specialcontent #box5, #specialcontent #box6, #specialcontent #box7, #specialcontent #box8, #specialcontent #box9 {
padding: 0;
width: 100%;
margin: 0 0 1.5em 0;
float: left;
display: inline;
}


#specialcontent .text { 
padding: 0;
margin: 0;
}

#specialcontent .text h3, #specialcontent .text p.sp_teaserDZ, #specialcontent .text p  { width: 86%; }

*html #specialcontent .text h3, *html #specialcontent .text p.sp_teaserDZ, *html #specialcontent .text p  { width: 56%; }
*+html #specialcontent .text h3, *+html #specialcontent .text p.sp_teaserDZ, *+html #specialcontent .text p  { width: 56%; }




/********************************************************************** 
 * Farben *
 **********************************************************************/
/* radio */ 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.radio #box9 { background: #e7effa url(/static/ard/pics/backs/verlauf_ard.jpg) repeat-x bottom !important; }

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



/********************************************************************** 
 * Linkliste *
 **********************************************************************/
#specialcontent .ardLinkliste
{
clear: both;
padding: 0;
position: relative;
}

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

#specialcontent .ardLinkliste li .ardIcon {
vertical-align: text-bottom;
margin: 0 0 0 -4% !important;
padding: 0;
float: left;
display: inline;
border: 0;
/* Das float ist raus, damit der IE die Listenpunkte alle gleich hoch macht */
}

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


#specialcontent .ardLinkliste li {
width: 100%;
padding: 0;
margin: 0;
}



/********************************************************************** 
 * Farben Linkliste li *
 **********************************************************************/
/* ard */ body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li, body.ard #specialcontent .ardLinkliste li { background: #e7effa url(/static/ard/pics/backs/verlauf_ard.jpg) repeat-x bottom !important; }

/* ratgeber */ body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li, body.ratg #specialcontent .ardLinkliste li { background: #dbefef url(/static/ard/pics/backs/verlauf_ratgeber.jpg) repeat-x bottom !important; }

/* wissen */ body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li, body.wiss #specialcontent .ardLinkliste li { background: #f1e9ef url(/static/ard/pics/backs/verlauf_wissen.jpg) repeat-x bottom !important; }

/* kultur */ body.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li, bbody.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li, body.kult #specialcontent .ardLinkliste li { background: #f7e6e1 url(/static/ard/pics/backs/verlauf_kultur.jpg) repeat-x bottom !important; }

/* radio */ body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li, body.radio #specialcontent .ardLinkliste li { background: #e7effa url(/static/ard/pics/backs/verlauf_ard.jpg) repeat-x bottom !important; }

.ardLinkliste li a:link, .ardLinkliste li a:visited, .ardLinkliste li a:hover, .ardLinkliste li a:active { 
width: 95%;
padding: 0.5em 0 0.5em 5%;
}

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

#specialcontent .ardIcon_Container { display: none; }

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

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