* {
	font-family: Verdana, Arial, Sans-Serif;
}

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, li {
	margin: 0; padding: 0;
}
body {
	font-size: 101%;
	background: #FEEDCC url();
}

#maindiv {
	position: absolute; left: 0px;
	margin:0;
	padding:0;
	width: 820px;
	background: #FEEDCC;
	font-size: .8em;
}

#mainheadline {
	width: 820px;
	background: url(../img/bg_content_top.gif) no-repeat;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1;
}

#contentcontainer {
	position:relative;
	top: 24px;
	float: left; 
	display: block; 
	width: 820px; 
	margin: 0;
	padding:0;
	background: url(../img/bg_content.gif) top left repeat-y;
}


#mainheadline h1 {
	padding: 5px 0 5px 40px;
	font-size: .9em; color: #FFFF00;
}

#maincontent {
	float: left; overflow: hidden;
	position: relative; width: 643px; top: 0px; left: 0px;
	padding:10px 10px 200px 10px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color:#FEFAF0;
	font-size: .85em;
	height:100%;
}

#teaser {	
	position:relative;	
	float: left; 
	width: 155px; 
	margin: 0;
	padding: 0;
	height:100%;
}

#teaserheadline { 
	text-align: left; 	
	width: 155px; 
	margin: 0;
	padding: 0;
	position:fixed;
	background: #FEEDCC url(../img/bg_teaser_top.gif) no-repeat; 
}

#teaserheadline h1 {
	margin: 2px 0 2px 40px;
	padding:0;
	font-size: .9em; color: #FFFF00;
}

#teasercontent {
	overflow: hidden;
	width: 155px; top: 0px; left: 0px;
	margin: 5px 0;
	padding: 20px 0 200px 0;
	background: none;
	text-align: center; color: #F00; font-size: .8em;
	height:100%;
}



/*#teasercontent a { color: #F00; text-decoration: none; font-weight: normal; }*/

/* ____ OnDemand Liste */

ul#od { list-style-type: none; }
ul#od li { display: block; margin: 0 0 .5em 0; }
.od_image { float: left; width: 30px; margin: 5px 0 0 0; }
.od_content { float: left; width: 375px; padding: 3px; background-color: #DAE7F7; }
.od_listen { float: right; width: 225px; }
.listenimage { border: 0; margin: 0 0 0 5px; }

#note { margin: 0 0 15px 0; padding: 5px; color: #F00; background-color: #FDD; }
#note h3 { font-size: 1.2em; }
#note ol li { margin: 5px 0 5px 0; }

/* ____ Safari */

#safariwarning {
	position: absolute; top: 100px; left: 60px; z-index: 1000; width: 610px; padding: 1em;
	font-size: .85em; background-color: #F00; color: #FFF; border: 1px solid #FFF;
}



/* ____ Grafik-Headline */

h2 {
	height: 32px; margin: 0 0 10px 0;
	text-indent: -9999px;
}

#grafikheadline_aktuell { background: transparent url(../img/label_aktuell.gif) no-repeat  }
#grafikheadline_programm { background: transparent url(../img/label_programm.gif) no-repeat  }
#grafikheadline_partner { background: transparent url(../img/label_partner.gif) no-repeat  }
#grafikheadline_frequenz { background: transparent url(../img/label_freq.gif) no-repeat  }
#grafikheadline_label_eltern { background: transparent url(../img/label_eltern.gif) no-repeat  }
#grafikheadline_kurse { background: transparent url(../img/label_semi.gif) no-repeat }

/* ____ Textformatierung */

.big_bold_color { color: #F00; font-weight: bold; font-size: 1.2em; } /* Rote Text-Headlines */
.bold_black { margin: 0 0 15px 0; color: #000; text-decoration: none; font-weight: bold; }
.link_std { color: #000; text-decoration: none; font-weight: normal; } /* verlinkter Fliesstext */

.text_blau { color: #577CD1; }

#teasercontent a { font-weight: normal; }

#teasercontent a.bold_black { font-weight: bold; color: #000; }
#teasercontent a.bold_red { font-weight: bold; color: #F00; }

p { margin: 10px 0 10px 0; }
a { color: rgb(0, 193, 229); font-weight: bold; text-decoration: none; }



hr {
	display: block; clear: both; margin: 15px 0 15px 0;
	background-color: #3fdef5; /* Mozilla 1.4 */
	color: #3fdef5; /* IE 6 */
	border: #3fdef5; /* Opera 7.11 */
	height: 1px; /* in Opera fr die Anzeige ntig, in Mozilla fr die einheitliche Hhe */
}
ul { list-style-type: none; }
li { display: block; clear: both; }
.projectimg { float: left; border: none; margin: 0 10px 10px 0; }
.c { display: block; clear: both; }
.c1 { display: block; clear: both; width: 640px; font-size: 1px; line-height: 0; }
#end { display: block; clear: both; height: 25px; }

label {
	display: block;
	color: #00F;
}

/* ____ aus altem stylesheet*/

#verbreitung {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#verbreitung li { margin: 10px; /*background-color: #F4F6FF;*/ }
#verbreitung li ul { margin: 0; padding: 0; list-style-type: none; }
#verbreitung li ul li { background: transparent url(../img/sound.gif) 0 1px no-repeat; padding-left: 20px; list-style-type: none; }

.Land {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding-top: 20px;
}
.Partner { color: #577CD1; background: none; }
ul#verbreitung li ul li.Partner { color: #577CD1; background: none; }
.radiostation { color: #FF0000; font-weight: bold; /*text-transform: uppercase;*/ }
.RadioOrt { color: #577CD1; font-weight: bold; }
.RadioOrt1 { color: #577CD1; font-weight: bold; font-size: 12px; }

ul#shortlist { width: 140px; margin: 10px 0 0 5px; list-style-type: none; text-align: left; }
ul#shortlist li { margin: 3px 0 3px 0; }
.Listland { padding: 10px 0 0 0; color: #FF0000; border-bottom: 1px solid #FF0000; font-size: 1.1em; font-weight: bold; }

ul#teaserlist { width: 140px; margin: 10px 0 0 5px; list-style-type: none; text-align: center; }
ul#teaserlist li { margin: 6px 0; font-size:11px; overflow:hidden; }
ul#teaserlist li a { font-weight:bold; }

.centersortbutton { margin: 0 0 0 10px; }
.sortbutton { padding: 0; border: none; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}