/* CSS Document fuer Special-Box */


/* Farbangaben fuer die Schrift */

.weiss { color: #fff !important; }
.gelb { color: #FFC937 !important; }


#specialcontent {
width: 784px;
padding: 0 0 2em 0;
margin: 0 0 1em 0;
background: #005E96 url(/static/hoerspieltage/pics/abbinder09.gif) no-repeat bottom left;
float: left;
font-family: Verdana, arial, sans-serif;
}

.specialcontent_left {
width: 385px;
padding: 1em 0 0 4px;
/* background: #fff; */
float: left;
margin: 0;
font-family: Verdana, arial, sans-serif;
}

.specialcontent_right {
width: 385px;
padding: 1em 4px 0 0;
/* background: #ff0099; */
float: right;
margin: 0;
font-family: Verdana, arial, sans-serif;
}


#specialcontent #intro {
padding: 0;
margin: 0;
}


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

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


   
/* PREISE */


#specialcontent .preise {
PADDING: 0 0 0.5em 0;
MARGIN: 0 0 1em 0;
float: left;
width: 100%;
display: inline;
background: url(/static/hoerspieltage/pics/line_dot.gif) repeat-x left bottom;
   }
   
 
#specialcontent .preise p {
PADDING: 0 0 0 0;
MARGIN: 0;
float: left;
width: 100%;
display: inline;
text-align: center;
   }  

#specialcontent .preise img {
PADDING: 0 0 0 0;
MARGIN: 0;
display: inline;
   }
   
#specialcontent .preise ul {
PADDING: 0.25em 0 0 10%;
MARGIN: 0;
float: left;
width: 90%;
display: block;
   }
   
#specialcontent .preise ul li {
PADDING: 0 1em 0 0;
MARGIN: 0;
float: left;
display: block;
list-style-type: none;
   }
   
#specialcontent .preise ul li a { height: 2.88em; PADDING: 0; MARGIN: 0; float: left; display: block; border: 0; } 

   
#specialcontent .preise ul li a.preisAOA:link, #specialcontent .preise ul li a.preisAOA:visited, #specialcontent .preise ul li a.preisAOA:hover, #specialcontent .preise ul li a.preisAOA:active { background: url(/static/hoerspieltage/pics/2008_preise/preisAoa.gif) no-repeat; width: 5.45em; } 
#specialcontent .preise ul li a.preisAOA:hover { background: url(/static/hoerspieltage/pics/2008_preise/preisAoa_aktiv.gif) no-repeat; } 


#specialcontent .preise ul li a.preisPIN:link, #specialcontent .preise ul li a.preisPIN:visited, #specialcontent .preise ul li a.preisPIN:hover, #specialcontent .preise ul li a.preisPIN:active { background: url(/static/hoerspieltage/pics/2008_preise/preisPin.gif) no-repeat; width: 4.45em; } 
#specialcontent .preise ul li a.preisPIN:hover { background: url(/static/hoerspieltage/pics/2008_preise/preisPin_aktiv.gif) no-repeat ; } 


#specialcontent .preise ul li a.preisARD:link, #specialcontent .preise ul li a.preisARD:visited, #specialcontent .preise ul li a.preisARD:hover, #specialcontent .preise ul li a.preisARD:active { background: url(/static/hoerspieltage/pics/2008_preise/preisARD.gif) no-repeat; width: 9.85em; } 
#specialcontent .preise ul li a.preisARD:hover { background: url(/static/hoerspieltage/pics/2008_preise/preisARD_aktiv.gif) no-repeat; } 


#specialcontent .preise ul li a.preisKINDER:link, #specialcontent .preise ul li a.preisKINDER:visited, #specialcontent .preise ul li a.preisKINDER:hover, #specialcontent .preise ul li a.preisKINDER:active { background: url(/static/hoerspieltage/pics/2008_preise/preisKinder.gif) no-repeat; width: 6.65em; } 
#specialcontent .preise ul li a.preisKINDER:hover { background: url(/static/hoerspieltage/pics/2008_preise/preisKinder_aktiv.gif) no-repeat; } 


#specialcontent .preise ul li a.preisKAKINDER:link, #specialcontent .preise ul li a.preisKAKINDER:visited, #specialcontent .preise ul li a.preisKAKINDER:hover, #specialcontent .preise ul li a.preisKAKINDER:active { background: url(/static/hoerspieltage/pics/2008_preise/preisKAkinder.gif) no-repeat; width: 9em; } 
#specialcontent .preise ul li a.preisKAKINDER:hover { background: url(/static/hoerspieltage/pics/2008_preise/preisKAkinder_aktiv.gif) no-repeat; } 



/* ENDE PREISE */



/* Aufamcher */

#specialcontent .aufmacher {
PADDING: 0 33px 0 35px;
MARGIN: 0 0 1.5em 0;
float: left;
width: 716px;
display: inline;
   }

#specialcontent .aufmacher p 
{
margin: 0;
font-size: 0.75em;
line-height: 130%;
padding: 0.75em 0 0 0; 
color: #fff;
}


#specialcontent .aufmacher .text {
PADDING: 0;
MARGIN: 0;
position: relative;
float: right;
width: 346px;
}

#specialcontent .aufmacher img {
display: block;
padding: 0;
float: left;
width: 356px;
}


/* Boxen fuer die grossen Teaser */
#specialcontent .box
{
clear: both;
padding: 10px 47px 10px 48px;
margin: 0 0 1.5em 0;
width: 290px;
float: left;
display: block;
color: #000;
position: relative;
background: url(/static/hoerspieltage/pics/hst_teaser.png) no-repeat;
}



/* Boxen fuer den Quiz- rechts */
#specialcontent .box_quiz, #specialcontent .specialcontent_right .box_quiz, #specialcontent .specialcontent_left .box_quiz {
clear: both;
padding: 10px 47px 10px 48px;
margin: 0 0 1.5em 0;
width: 290px;
height: 220px;
float: left;
display: block;
position: relative;
background: url(/static/hoerspieltage/pics/hst_quiz_teaser.png);
}




/* Box innerhalb des Quiz, fuer die textlichen inhalte, Bild steht rechts davon */  	
#specialcontent .box_quiz .infotext, #specialcontent .specialcontent_right .box_quiz .infotext, #specialcontent .specialcontent_left .box_quiz .infotext
 {
PADDING: 0 0 0 5%;
MARGIN: 0;
position: relative;
float: left;
width: 60%;
display: block;
}

#specialcontent .box_quiz .infotext .text p { color: #fff !important; }


/* Bilder der grossen Boxen - rechts */
#specialcontent .specialcontent_right .box_quiz .img_right
{
display: inline;
padding: 0;
float: right;
}

/* Bilder der grossen Boxen - links */
#specialcontent .specialcontent_left .box_quiz .img_left
{
display: block;
padding: 0;
float: left;
}

/* ENDE box_quiz */





/* Bilder der grossen Boxen */
#specialcontent .box a {
padding: 0;
margin: 0;
display: block;
text-align: center;
}

#specialcontent .box p a, #specialcontent .box div a { background: none; display: inline; }

#specialcontent .box img
{
display: block;
padding: 0;
float: none !important;
text-align: center;
}



#specialcontent .box .text, #specialcontent .box_quiz .text {
PADDING: 0.25em 0 0 0;
MARGIN: 0;
position: relative;
float: left;
}


#specialcontent .text p {
margin: 0;
padding: 0.1em 0 0.5em 0;
color: #fff;
font-size: 0.75em;
width: 100%;
line-height: 1.26em;
vertical-align: middle;
position: relative;  
  }
  
*html #specialcontent .text p {
padding: 0.1em 0 0 0;
  }


/* headline quiz */
#specialcontent h2 {
  font-size: 0.75em;
  padding: 0 0 0.5em 0;
  margin: 0;
  color: #fff;
  width: 100%;
  line-height: 120%;
  
  display: none;
  }

/* headline */
#specialcontent .text h3 {
  font-size: 0.9em;
  margin: 0;
  color: #FFC937;
  padding: 0.2em 0 0.3em 0;
  width: 100%;
  line-height: 120%;
  }
  
/* dachzeile */
#specialcontent .text h4 {
  font-size: 0.75em;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 0.25em 0 0.2em 0;
  width: 100%;
  line-height: 120%;
  }
  
  
  
  
  
  
#specialcontent .ardLinkliste
{
width: 100%;
margin: 0 !important;
padding: 0 !important;
display: inline;
float: left;
clear: both;
}


#specialcontent .aufmacher .ardLinkliste
{
width: 575px;
}

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

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

#specialcontent .ardLinkliste ul {
padding: 0;
margin: 0;
display: block;
float: left;
width: 100%;
border-bottom: #b6ddf2 1px solid !important;
}

#specialcontent .box .ardLinkliste ul { padding: 0.5em 0 0 0; }
*html #specialcontent .box .ardLinkliste ul { padding: 0; }
*+html #specialcontent .box .ardLinkliste ul { padding: 0; }

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

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

#specialcontent .ardLinkliste li a {
padding: 5px 0 5px 15%;
border-top: #b6ddf2 1px solid; 
list-style: none;
margin: 0;
position: relative;
clear: both;
float: left;
display: block;
width: 85%;
}

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




#specialcontent .ardLinkliste li a:hover {
color: #001a4b !important;
background: #b5ddf2 !important;
text-decoration: none !important;
}


#specialcontent .ardLinkliste li img { border: 0; }



.ardIcon_Container { display: none; }
  


.box a { color: #fff !important; }




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