@charset 'utf-8';
@import url(/zz_global/css/thickbox.css);
@import url(/zz_global/css/reset.css);


body {
	background: transparent url(../zz_images/backgrounds/background.gif) repeat-x fixed left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72.5%;
	line-height: 1.125em;
}

/* Globale Werte */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	
}
	
strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

small {
	font-size: 0.8em;
}

fieldset {
	border: 1px solid #ebedd8;
	margin: 5px 0pt 10px;
	padding: 5px;
}

fieldset.kontaktFormular input, fieldset.kontaktFormular textarea, fieldset.kontaktFormular select {
	margin: 5px 0pt;
	width: 150px;
}

fieldset.kontaktFormular .Checkbox {
	margin: 5px 0pt;
	width: 20px;
	border: 0pt;
}

fieldset.Voting input, fieldset.kontaktFormular textarea, fieldset.kontaktFormular select {
	margin: 5px 0pt;
	width: 150px;
}

fieldset.Voting .Radio {
	margin: 5px 0pt 0pt 90px;
	width: 20px;
	border: 0pt;
}

legend {
	font-weight: bold;
	margin-left: 5px;
	padding: 5px;
}

label {
	cursor: pointer;
	float: left;
	margin: 5px 0pt 5px 5px;
	width: 100px;
}

input, textarea, select {
	border: 1px solid #546787;
	color: #666;
	font-size: 0.9em;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 0.1em;
}

.feature, .promoBox, .infoContent, .sideBox, p {	
	margin-bottom: 5px;
}


/* DIV-Container */
#wrapper {
	font-size: 1.0em;
	width: 1000px;
}

#skyscraper {
	background: url(../zz_images/backgrounds/skyscraper_bg.png) no-repeat scroll 0pt;
	float: right;
	height: 600px;
	margin-top: 150px;
	padding-top: 10px;
	width: 160px;
}

#content {
	background: #9E0001 url(../zz_images/backgrounds/background.jpg) repeat-x scroll left top;
	color: #FFF;
	margin-left: 15px;
	width: 805px;
}

#content .ie-padding {
	padding: 0pt 5px;
}

/* START ## Header inkl. Logo, Leaderboard-Banner, Ticker und Titelfunktionen */
#header {
	background: transparent url(../zz_images/header.jpg) no-repeat scroll 0pt;
	height: 155px;
	padding-top: 5px;
	width: 795px;
}

#header h1 {
	display: none;
}

#header #leaderboard {
	background: transparent url(../zz_images/backgrounds/leaderboard_bg.png) no-repeat scroll 0pt;
	float: right;
	height: 60px;
	padding-right: 10px;
	margin-bottom: 4px;
	width: 468px;
}

#header #newsticker {
	background: #556589 url(../zz_images/backgrounds/ticker_bg.gif) repeat-x scroll 0pt top;
	float: left;
	font-weight: bold;
	height: 36px;
	margin: 3px 0pt 0pt 175px;
	width: 620px;
}

#newsticker #verkehr {
	font-weight: bold;
	float: left;
	padding: 1.0em 20px 0pt 15px;
	width: 435px;
}

#verkehr #TICKER {
	font-weight: bold;
	height: 1.6em;
	overflow: hidden;
	width: 435px;
}

#newsticker a {
	color: #ebedd8;
	font-weight: bold;
	text-decoration: none;
}

#newsticker a:hover {
	font-weight: bold;
	color: #9E0001;
	text-decoration: underline;
}

#newsticker #mehrNews {
	margin-top:10px;
	height: 1.4em;
	margin-left: 480px;
}

#header #titel {
	background: transparent url(../zz_images/backgrounds/musik_bg.gif) repeat-x scroll 0pt;
	float: left;
	height: 27px;
	margin: 5px 0pt 0pt 175px;
	width: 620px;
}

#titel #aktuellerTitel, #titel #titelSuchen, #titel #webRadio, #titel #webCam {
	color: #000;
	float: left;
	margin-right: 10px;
	padding-top: 7px;
}

#titel #titelKaufen {
	float: left;
	margin-right: 10px;
	padding-top: 0px;
}

#titel a.titelsucheLink {
	background: transparent url(../zz_images/lupe_icon.gif) no-repeat scroll left 50%;
	padding-left: 18px;
}

#titel a.webradioLink {
	background: transparent url(../zz_images/webradio-icon.gif) no-repeat scroll left 50%;
	padding-left: 16px;
}

#titel a {
	color: #273a5b;
	text-decoration: none;
}

#titel a:hover {
	color: #9E0001;
	text-decoration: underline;
}

/* ENDE ## Header */


/* START ## Navigation */ 
#navi {
	background: #ebedd8;
	font-size: 1.1em;
	margin-bottom: 5px;
	overflow: auto;
	padding: 7px 0pt;
	width: 795px;
}

#navi ul {
	font-weight: bold;
}

#navi ul li {
	border-left: 1px dotted #273a5b;
	float: left;
	padding: 0pt 5px;
}

#navi ul li:first-child {
	border: 0pt;
}

#navi li a {
	color: #273a5b;
	text-decoration: none;
}

#navi li a:hover {
	color: #9E0001;
	text-decoration: underline;
}

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


/* ENDE ## Navigation */


/* START ## Seitenleiste */
#sideBar {
	float: right;
	width: 155px;
}

#sideBar .sideBox {
	border: 1px solid #ebedd8;
	background: #273a5b;
}

.sideBox .boxTopic {
	border-bottom: 1px solid #546787;
	color: #ebedd8;
	font-weight: bold;
	padding: 9px 5px 7px;
	text-decoration:none;
}

.sideBox .boxContent {
	background: #334667 url(../zz_images/boxcontent_bg.gif) repeat-x scroll 0% bottom;
	border-bottom: 1px solid #060918;
	overflow: visible;
	padding: 5px;
}

.sideBox .boxLink {
	background: #ebedd8 url(../zz_images/backgrounds/boxlink_bg.gif) repeat-x scroll 0% top;
	border-top: 1px solid #f2f6e8;
	padding: 7px 5px 5px;
	text-align: right;
}

.boxLink#searchField {
	padding: 2px 5px;
}

.sideBox .boxLink a, .featureLeiste a {
	background: transparent url(../zz_images/pfeil.gif) no-repeat scroll left 50%;
	color: #283a5c;
	font-weight: bold;
	padding-left: 14px;
	text-decoration: none;
}

.sideBox .boxLink a:hover, .featureLeiste a:hover {
	text-decoration: underline;
}

.boxContent#suchen {
	text-align: center;
}

#suchen input.suchBegriff, input.suchBegriff {
	background: #ebedd8 url(../zz_images/search.gif) no-repeat scroll left 50%;
	border: 1px solid #546787;
	color: #666;
	font-size: 0.9em;
	padding-left: 20px;
	min-width: 145px;
	max-width:145px;
}
	

#searchSubmit, input[type="submit"], input.Button {
	background: #546787;
	border: 1px solid #060918;
	color: #ebedd8;
	font-size: 0.9em;
	font-weight: bold;
}

.boxContent#wetter {
	color: #fff;
}

#wetter img.wetterBildl {
	vertical-align: middle;
}

#wetter .temperatur {
	color: #ebedd8;
	display: block;
	font-size: 2.7em;
	font-weight: bold;
	height: 60px;
	vertical-align: middle;
}

#wetter .wetterLage {
	font-weight: bold;
	margin-top: 5px;
	width: 100%;
}

#wetter .wetterBeschreibung {
	font-size: 0.9em;
	letter-spacing: 0.3px;
	line-height: 1.2em;
	margin-top: 5px;
	width: 100%;
}

.boxContent#bilderGallery {
	margin-bottom: -2px;
	padding: 0pt;
	text-align: center;
}

.boxContent#sport {
	padding: 0pt;
	text-align: center;
}

.boxContent#onair {
	padding: 0pt;
	text-align: center;
}

.sportElement h6 {
	padding: 5px 5px 9px;
	text-align: left;
}
/* ENDE ## Seitenleiste */


/* Hauptinhalt */
#inhalte {
	line-height: 1.3em;
}

.mehrInfos a, .suche a, h6 a, a.newsRubriken, a.thumbsJump, .newsBack a, .galerieViewBack a, .galerieViewForward a, 
.galerieViewClose a, .teaserText a, .unterseiteText p a, .unterseiteLongtext a {
	background: transparent url(../zz_images/pfeil-hell.gif) no-repeat scroll left 50%;
	color: #ebedd8;
	font-weight: bold;
	margin-left: 7px;
	padding-left: 14px;
	text-decoration: none;
}

.mehrInfos a:hover, .suche a:hover, h6 a:hover, a.newsRubriken:hover, a.thumbsJump:hover, .newsBack a:hover, .galerieViewBack a:hover, .galerieViewForward a:hover, 
.galerieViewClose a:hover, .teaserText a:hover, .unterseiteText p a:hover, .unterseiteLongtext a:hover {
	background: transparent url(../zz_images/pfeil.gif) no-repeat scroll left 50%;
	color: #546787;
	text-decoration: underline;
}

#inhalte p {
	display: block;
}

#inhalte .feature {
	border: 1px solid #ebedd8;
	width: 633px;
}

#inhalte .featureBox {
	height: 183px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.featureLeiste {
	background: #ebedd8 url(../zz_images/backgrounds/boxlink_bg.gif) repeat-x scroll 0pt top;
	border-top: 1px solid #f2f6e8;
	overflow: auto;
	width: 100%;
}

#inhalte #coupons {
	border: 1px solid #ebedd8;
	height: 130px;
	margin: 0 5px 5px 0;
	padding: 1px;
	overflow: hidden;
	text-align: center;
	width: 631px;
}

.featureLeiste div.feature-1, .featureLeiste div.feature-2, .featureLeiste div.feature-3 {
	float: right;
	padding: 7px 5px 5px;
	text-align: center;
	width: 201px;
}

#promos .promoBox {
	border: 1px solid #ebedd8;
	float: left;
	height: 153px;
	margin-right: 5px;
	overflow: hidden;
}

#infoBoxen .infoContent {
	border: 1px solid #ebedd8;
	float: left;
	height: 199px;
	margin-right: 5px;
	overflow: hidden;
	padding: 5px;
	width: 303px;
}

.img_crop {
	float: left;
	height: 199px;
	margin-bottom: -5px;
	overflow: hidden;
	width: 149px;
}

.infoContent .teaserText {
	margin-left: 154px;
}

.teaserText h4 {
	font-size: 1.1em;
	margin-bottom: 9px;
}

.teaserText .mehrInfos, .galerieOverview .mehrInfos, .eventsListing .mehrInfos, .unterseiteText .mehrInfos {
	display: block;
	float: right;
	margin-top: 5px;
}

/* START ## Fussleiste mit Navi */
#footer {
	clear: both;
	font-size: 0.9em;
	padding: 10px 0pt 5px;
	overflow: auto;
}

#footer ul {
	line-height: 1.5em;
}

#footer ul li {
	float: right;
	margin-left: 5px;
}

#footer li a {
	color: #ebedd8;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}
/* ENDE ## Fussleiste mit Navi */


/* Abschlussleiste START */
#bottom {
	background: transparent url(../zz_images/schatten_bottom.png) no-repeat scroll left top;
	font-size: 0.8em;
	padding: 5px 0pt 20px 0pt;
	margin: 0pt 160px 0pt 15px;
	text-align: center;
	width: 805px;
}
/* Abschlussleiste ENDE */


/* Unterseiten Formatierung */
.unterseiteContent {
	border: 1px solid #ebedd8;
	overflow: hidden;
	width: 633px;
}

.unterseiteContent .unterseiteBilder {
	float: left;
	padding: 5px;
	width: 200px;
}

.unterseiteContent a {
	font-weight:bold;
	color: white;
}

.unterseiteBilder a.unterseiteThumblarge {
	float: left;
}

.unterseiteBilder a.unterseiteThumbpic {
	background: #ebedd8 none;
	border: 1px solid #546787;
	float: left;
	margin: 5px 0pt 0pt 5px;
	padding: 4px;
	width: 50px;
}

.unterseiteBilder h3 {
	font-size: 1.2em;
	margin: 10px 0pt -5px 10px;
}

.unterseiteBilder ul.unterseiteLinks {
	float: left;
	padding: 15px 0 5px 5px;
}

.unterseiteLinks li a {
	background: transparent url(../zz_images/pfeil-hell.gif) left 50% no-repeat scroll;
	color: #ebedd8;
	font-weight: bold;
	margin-left: 7px;
	padding-left: 14px;
	text-decoration: none;
}

.unterseiteLinks li a:hover {
	background: transparent url(../zz_images/pfeil.gif) left 50% no-repeat scroll;
	color: #546787;
	text-decoration: underline;
}

.unterseiteContent .unterseiteText {
	margin-left: 210px;
	padding: 5px 10px 5px 5px;
	width: 405px;
}

.unterseiteContent h2, .teaserText h2 {
	font-size: 1.4em;
	margin: 5px 0pt;
}

.unterseiteText .unterseiteSubline {
	display: block;
	font-weight: bold;
	margin: 5px 0pt;
}

.unterseiteText .unterseiteLongtext{
	margin: 5px 0pt;
}

.unterseiteText span.suchAnfrage {
	font-weight: bold;
	font-style: italic;
}

.unterseiteText p.suchErgebnis {
	margin-bottom: 10px;
}

.unterseiteText h3 {
	font-size: 1.2em;
}

.unterseiteText p.suchAuflistung {
	border-left: 2px solid #ebedd8;
	margin: 3px 0pt 10px;
	padding-left: 4px;
}

.unterseiteText .galerieJump, .podcastJump {
	float: right;
	margin: 5px 0pt 15px;
}

.unterseiteContent .galerieJump {
	float: right;
	margin: 10px 8px 10px 0pt;
}

.galerieJump .jumpTrenner {
	margin: 0pt 0.1em 0pt 0.7em;
}

.unterseiteContent .galerieListing {
	display: block;
	float: left;
	margin-left: 15px;
	width: 100%;
}

.galerieListing a.galerieBigPic {
	background: #ebedd8 none;
	border: 1px solid #546787;
	float: left;
	height: 105px;
	margin: 5px 5px 0pt 0pt;
	overflow: hidden;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	width: 105px;
}

a.galerieBigPic img {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 0pt;
	padding: 0pt;
}

.unterseiteText .galerieOverview {
	/* background: url('../zz_images/backgrounds/galerie_bg.gif') repeat-y scroll 0pt; */
	float:left;
	margin: 5px 0pt 15px;
	padding: 5px 0pt;
}

.galerieOverview a.galerieImage {
	border: 1px solid #ebedd8;
	float: left;
	padding: 5px 0pt;
	text-align: center;
	width: 100px;
}

.galerieOverview .galerieDescription {
	margin-left: 110px;
	text-align: left;
}

.galerieDescription .galerieDate {
	float: right;
	font-size: 0.9em;
	margin-left: 15px;
	text-align: right;
}

.galerieDescription .galerieText {
	display: block;
	margin-top: 5px;
}

.unterseiteText .newsRubriken {
	margin: 5px 0pt 15px;
}

.newsRubriken span.newsRubrikenAktiv, .newsAnzahl span.newsRubrikenAktiv {
	padding-right: 0.2em;
	text-decoration: underline;
}

.unterseiteText .newsAnzahl {
	float: right;
}

.unterseiteText .newsListing {
	float: left;
	margin: 5px 0pt 30px;
}

.newsListing .newsHead {
	border-bottom: 2px solid #ebedd8;
	float: left;
	width: 100%;
}

.newsHead h3, .newsBody h3 {
	margin-bottom: 5px;
}

.newsHead p.newsDate {
	float: left;
	font-size: 0.9em;
	margin-top: 3px;
	text-align: right;
}

.newsListing .newsBody {
	float: left;
	margin-top: 5px;
}

.newsBody a.newsImage {
	background: #ebedd8 none;
	border: 1px solid #546787;
	float: left;
	margin-right: 9px;
	padding: 3px;
	width: 50px;
}

.newsBody .newsDateDetail {
	display: block;
	font-size: 0.9em;
	margin: 5px 0pt 10px;
}

.unterseiteBilder .newsBack {
	display: block;
	margin: 10px 0pt 0pt 5px;
}

.newsBody .newsSubline {
	display: block;
	font-style: italic;	
	margin-bottom: 5px;
}

.newsBody .newsSublineDetail {
	display: block;
	font-weight: bold;
	margin: 8px 0pt 5px;
}

.newsBody img.newsImgDetail {
	float: left;
	margin: 5px 10px 3px 0pt;
}

.galerieLine {
	background: #9E0001;
	border-bottom: 1px solid #ebedd8;
	font-size: 1.2em;
	margin-top: -1px;
	overflow: hidden;
	width: 100%;
}

.galerieLine .galerieViewBack {
	float: left;
	padding: 10px 0pt 5px 10px;
}

.galerieLine .galerieViewForward {
	float: right;
	margin: 10px 10px 5px 0pt;
}

.galerieViewImage {
	margin: 20px auto 10px;
	text-align: center;
}

.galerieViewClose {
	float: right;
	font-size: 1.2em;
	margin: 0pt 10px 10px 0pt;
}

.unterseiteBilder .sendungsLinks {
	display: block;
	float: left;
}

.unterseiteBilder form.podcastDropdown {
	margin: 10px 0pt 0pt 5px;
}

.podcastAbo {
	float: left;
	margin: 5px 0pt 15px;
	overflow: show;
}

.podcastAbo img.podcastIcon {
	margin-bottom: -5px;
}

.unterseiteText .podcastFile {
	clear: both;
	overflow: hidden;
	margin: 20px 0pt 10px;
}

.podcastFile .podcastTitel {
	float: left;
	width: 240px;
}

.podcastFile #wimpy_button {
	float: left;
	margin: 0pt 5px;
}

.podcastFile .podcastMP3 {
	float: left;
	margin: 0pt 5px;
	vertical-align: middle;
}

a.podcastMP3 img {
	margin-bottom: -5px;
}

.podcastBeschreibung {
	border-top: 1px solid #ebedd8;
	display: block;
	float: left;
	margin: 8px 0pt 5px;
	padding: 5px 0pt 3px;
	width: 100%;
}

.podcastDatum {
	float: right;
	font-size: 0.9em;
}

.unterseiteContent .eventsListing {
	float: left;
	padding: 15px 10px 0pt 5px;
}

.eventsListing a.eventImage {
	float: left;
	text-align: center;
	width: 210px;
}

.eventDetails {
	margin-left: 210px;
}

.eventListing .eventDate {
	float: right;
	font-size: 0.9em;
}

h3.verkehr {
	margin-top: 15px;
}

.verkehrMeldung {
	border-left: 4px solid #ebedd8;
	margin: 5px 0pt 10px;
	padding-left: 8px;
}

.verkehrMelder, .verkehrZusatz {
	display: block;
}

.verkehrZeit {
	float: right;
}

.wetterMeldung, .playlist {
	float: left;
	margin: 5px 0pt 10px;
}

img.wetterImage {
	float: left;
	height: 60px;
	margin: 0pt 8px 5px 0pt;
	width: 60px;
}

.wetterText {
	margin-left: 68px;
}

.playlistTitel {
	font-weight: bold;
}

.playlistInterpret {
	text-transform: uppercase;
}

.playlistUhrzeit {
	float: right;
}

.playlist {
	border-bottom: 2px solid #ebedd8;
	display: block;
	float: left;
	margin: 10px 0pt 5px;
	padding: 3px 0pt 5px;
	width: 100%;
}

.musikKaufen {
	margin-bottom: 5px;
}

.musikKaufen a {
	color: #ebedd8;
	font-weight: bold;
	text-decoration: none;
}


.musikKaufen a:hover {
	color: #546787;
	text-decoration: underline;
}

.musikKaufen a.cdmusikLink {
	background: transparent url(../zz_images/cd-icon.gif) no-repeat scroll left 50%;
}

.musikKaufen a.musikmp3Link {
	background: transparent url(../zz_images/download-icon.gif) no-repeat scroll left 50%;
}

.musikKaufen a.realmusikLink {
	background: transparent url(../zz_images/handy-icon.gif) no-repeat scroll left 50%;
}

a.cdmusikLink, a.musikmp3Link, a.realmusikLink {
	padding-left: 15px;
}

.musikCD, .musikMP3, .musikRealton {
	margin-left: 5px;
}

p.musiksuchText {
	margin: 5px 0pt;
}

.feedAbo {
	float: left;
	padding-top: 10px;
	text-align: center;
	width: 210px;
}

.feedAbo img {
	margin-bottom: -0.2em;
	margin-right: 0.3em;
}

.feedAbo a {
	color: #ebedd8;
	font-weight: bold;
	text-decoration: none;
}

.feedAbo a:hover {
	color: #546787;
	text-decoration: underline;
}

.sportImg {
	float: left;
	margin-top: 5px;
	text-align: center;
	width: 210px;
}

.unterseiteMail {
	display: block;
	margin: 5px 0pt 0pt;
}

.unterseiteMail a.modMail {
	background: transparent url(../zz_images/mail-icon.gif) no-repeat scroll left 50%;
	color: #ebedd8;
	font-weight: bold;
	margin-left: 5px;
	padding-left: 17px;
	text-decoration: none;
}

.unterseiteMail a.modMail:hover {
	color: #546787;
	text-decoration: underline;
}

/* MODPLANER START */
.modplanerDrunter {
	text-align: center;
}

.modplanerTable {

}

th.modplanerZeile {
	border-bottom: 1px solid white;
	color: white;
	font-weight: bold;
	text-align: left;
}

.modplanerReihe {
		padding: 5px 0pt;
	text-align:center;
}

.modplanerTable select {
	width: 80px;
}

.modplanerTable option {
	font-size: 1.1em;
}

img.kinoplakat {
	float: left;
	margin-right: 10px;
}