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

/* -- S T Y L E - I N D E X -----------------------------------
 I.	html, body
 II.	Grundaufbau
 III.	Header-Area
 IV.	Content-Area
 V.	Hauptmenue
 VI.	Content-Boxen
 VII.	Featureslide
 VIII.	Sidebar
 IX.	Seitenschluss
 X.	Typografie
 XI.	Werbeformen
 XII.	Addons
 XIII.	Forms
 XIV.	IE-Bugfixing
-------------------------------------------------------------- */

/*	I. html,body
-------------------------------------------------------------- */
html, body {
	max-height: 100%;
}

* html #content {
	height: 100%;
}

html {
	font-size: .625em;
}

body {
	background: transparent url(/charivari986.de/zz_images/layout/bg_body.gif) 0 316px repeat scroll;
	color: #221e1f;
	font-family: 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
	font-size: 1em;
	position: relative;
}

hr {
	border: 0;
	border: .1em solid #749e1b;
	margin: 1em;
}

.contentbox .listingItem ol {
	display: inline-block;
	list-style: outside decimal;
	margin-left: 20px;
	margin-bottom: 1em;
}

.contentbox .listingItem ol li {
	float: left;
	margin-bottom: .3em;
}

 
/* Success, notice and error boxes
------------------------------------------------------------- */
.error,
.notice, 
.success    { display: block; padding: 10px; margin: 5px 0 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/*	II. Grundaufbau
-------------------------------------------------------------- */
#hint {
	font: message-box;
	height: 25px;
	text-align: center;
	z-index: 99;
	position: relative;
}

#hint span#shield {
	background: #FFFFE1 url(/images/icons/fugue/shield_disable.png) no-repeat fixed .3em .3em;
	border-bottom: .16em outset;
	color: #000;	
	cursor: pointer;
	display: block;
	text-decoration: none;
	width: 100%;
}

#hint span#shield:hover {
	background: #3169B6 url(/images/icons/fugue/shield.png) no-repeat fixed .3em .3em;
	color: #FFF;
}

#newsticker {
	font-size: 11px;
	padding: .45em 0em .45em 25px;
}

#head_bg {
	background: transparent url(/charivari986.de/zz_images/layout/bg_head.jpg) 0 repeat-x scroll;
	height: 341px;
	left: 0;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 0;
}

#wrapper {
	background: transparent url(/charivari986.de/zz_images/layout/bg_content_section.gif) 10px 0 repeat-y scroll;
	left: 30px;
	position: absolute;
	width: 990px;
	z-index: 1;
}

#body_section {
	float: left;
	width: 810px;
}

/*	III. Header-Area
-------------------------------------------------------------- */
#pageheader {
	background: transparent url(/charivari986.de/zz_images/layout/page_header.jpg) 0 top no-repeat scroll;
	height: 316px;
	position: relative;
	width: 100%;
}

#modOnair {
	background: transparent;
	bottom: 0;
	padding-left: 15px;
	position: absolute;
	right: 15px;
	width: 210px;
}

#modPic {
	float: right;
}

#modOnair p {
	color: #fff;
	padding-top: 10px;
}

.modName {
	line-height: 1.3em;
}

.modName a {
	color: #fff;
	text-decoration: none;
}

/*	IV. Content-Area
-------------------------------------------------------------- */
#content_section {
	background: url(/charivari986.de/zz_images/layout/bg_shadow_body.png) 0 0 repeat-y scroll;
	min-height: 810px;
	padding: 0 15px 25px;
	position: relative;
	width: 780px;
}

/*	V. Hauptmenue
-------------------------------------------------------------- */
.mainmenu {
	background: url(/charivari986.de/zz_images/layout/bg_navi.gif) 0 0 no-repeat scroll;
	font-size: 1.2em;
	height: 45px;
	margin-bottom: 15px;
	line-height: 1.0;
	list-style: none;
	padding-left: 25px;
}

.mainmenu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

.mainmenu ul li {
	width: 100%;
}

.mainmenu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.mainmenu li {
	float: left;
	position: relative;
}

.mainmenu a {
	display: block;
	position: relative;
}

.mainmenu a,
.mainmenu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color: #33383c;
}

.mainmenu li a {
	background: url(../zz_images/layout/navi_arrow.gif) center -70px no-repeat scroll;
	font-weight: bold;
	padding: .75em 1em;
	text-decoration: none;
}

.mainmenu li a:hover,
.mainmenu li a:active,
.mainmenu li a:focus,
.menupoint {
	background: url(/charivari986.de/zz_images/layout/navi_arrow.gif) center 0 no-repeat scroll;
}

.mainmenu li li {
	background: #d3ea9f;
}

.mainmenu li:hover, .mainmenu li.sfHover,
.mainmenu a:focus, .mainmenu a:hover, .mainmenu a:active {
	z-index: 99;
} 

.mainmenu li ul {
	border: 1px solid #43515f;
	border-bottom: 0;
	margin-left: .5em;
}

.mainmenu li li:hover, .mainmenu li li.sfHover,
.mainmenu li li a:focus, .mainmenu li li a:hover, .mainmenu li li a:active {
	background: #a2d432;
	outline: 0;
}

.mainmenu li li a {
	border-bottom:	1px solid #43515f;
	padding: .75em;
	text-decoration: none;
}

.mainmenu li li li {
	background:	#9AAEDB;
}

.mainmenu li:hover ul,
.mainmenu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
}

ul.mainmenu li:hover li ul,
ul.mainmenu li.sfHover li ul {
	top: -999em;
}

ul.mainmenu li li:hover ul,
ul.mainmenu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

ul.mainmenu li li:hover li ul,
ul.mainmenu li li.sfHover li ul {
	top: -999em;
}

ul.mainmenu li li li:hover ul,
ul.mainmenu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

.mainmenu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../zz_images/layout/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*	VI. Content-Boxen
-------------------------------------------------------------- */
#content {
	margin-left: 15px;
}

.contentbox_top,
.contentbox_bottom,
.contentbox_topBreit,
.contentbox_bottomBreit {
	background: transparent;
	height: 15px;
	width: 100%;
}

.contentbox_top {
	background: url(/charivari986.de/zz_images/layout/bg_contenttop.png) 0 0 no-repeat scroll;
}

.contentbox_topBreit {
	background: url(/charivari986.de/zz_images/layout/bg_contenttop_breit.png) 0 0 no-repeat scroll;
}

.contentbox {
	background: url(/charivari986.de/zz_images/layout/bg_contentbox.png) 0 0 repeat-y scroll;
	padding: 0 15px 1px;
	overflow: hidden;
	width: 468px;
}

.contentboxBreit {
	background: url(/charivari986.de/zz_images/layout/bg_contentbox_breit.png) 0 0 repeat-y scroll;
	padding: 0 45px 1px 15px;
	overflow: hidden;
	width: 720px;
}

.contentbox_bottom {
	background: url(/charivari986.de/zz_images/layout/bg_contentbottom.png) 0 0 no-repeat scroll;
	margin-bottom: 10px;
}

.contentbox_bottomBreit {
	background: url(/charivari986.de/zz_images/layout/bg_contentbottom_breit.png) 0 0 no-repeat scroll;
	margin-bottom: 10px;
}

.contentboxBreit iframe {
	width: 100%;
}

#autocontent .kino,
#autocontent .events,
#autocontent .galerie {
	float: left;
}

#autocontent .events {
	margin: 0 6px;
}

#autocontent img {
	border: 1px solid #a1a1a1;
	height: 200px;
	margin-top: 8px;
	width: 150px;
}

a.feed {
	background: url(/images/icons/fugue/feed.png) 0 50% no-repeat;
	display: block;
	float: right;
	line-height: 1.5em;
	min-height: 16px;
	padding-left: 21px;	
}

a:hover.feed {
	background: url(/images/icons/fugue/feed__plus.png) 0 50% no-repeat;
}

.listingItem {
	display: inline-block;
	float: left;
	margin: 1.5em 0 1em;
	width: 100%;
}

.listingItem img.itemImg {
	border: 1px solid #a1a1a1;
	float: left;
	width: 100px;
}


.listingItem img.itemImgBlank {
	float: left;
}


.listingItem div.listingItemText {
	margin-left: 11.25em;
}


/*	VII. Featureslide
-------------------------------------------------------------- */
#featureslide {
	height: 185px;
	position: relative;
	width: 468px;
}

#featureslide .featureimage {
	float: left;
	line-height: 0;
	width: 310px;
}

#featureslide #featuretext {
	float: left;
	height: 100%;
	margin-right: 15px;
	position: absolute;
	left: 335px;
	right: 0;
	top: 0;
	width: 148px;
}

#featureslide #featuretext #pfeil {
	left: -15px;
	position: absolute;
}

#featureslide ul#featureitems {
	width: 158px;
	list-style: none;
}

#featureslide #featuretext #featureitems li {
	background: none;
	margin: .3em 0 .3em;
	padding-left: 0;
}

#featureslide #featuretext #featureitems a {
	color: #221e1f;
	font: 1em sans-serif;
	outline: none;
	position: relative;
	text-decoration: none;
}

#featureslide #featuretext #featureitems a:hover {
	background: transparent;
	color: #749e1b;
}

#featureslide #featuretext #featureitems a.selected {
	color: #749e1b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
}

/*	VIII. Sidebar
-------------------------------------------------------------- */
#opt_content {
	clear: both;
	margin-left: 513px;
	position: absolute;
	top: 85px;
	z-index: 1;
}

#sidebar_top {
	background: url(/charivari986.de/zz_images/layout/trenner_top.png) 0 0 no-repeat scroll;
	height: 45px;
	overflow: hidden;
	width: 100%;
}

#sidebar_bottom {
	background: url(/charivari986.de/zz_images/layout/trenner_bottom.png) 0 0 no-repeat scroll;
	height: 65px;
	margin-top: 0;
	overflow: hidden;
	width: 100%;
}

#sidebar {
	background: url(/charivari986.de/zz_images/layout/trenner.png) 0 0 repeat-y scroll;
	padding-left: 42px;
}

.sidebox_top,
.sidebox_bottom {
	background: transparent;
	height: 15px;
	width: 100%;
}

.sidebox_top {
	background: url(/charivari986.de/zz_images/layout/bg_sidetop.png) 0 0 no-repeat scroll;
	overflow: hidden;
}

.sidebox {
	background: transparent url(/charivari986.de/zz_images/layout/bg_sidebox.png) 0 0 repeat-y scroll;
	overflow: visible;
	padding: 0 15px 1px;
	width: 180px;
}

.sidebox_bottom {
	background: url(/charivari986.de/zz_images/layout/bg_sidebottom.png) 0 0 no-repeat scroll;
	margin-bottom: 10px;
	overflow: hidden;
}

.sidebox#nowplaying,
.sidebox#verkehr,
.sidebox#wetter {
	position: relative;
}

div#spektrum {
	height: 50px;
	left: 8px;
	position: absolute;
	top: -60px;
	width: 194px;
	z-index: 99;
}

a#jamba,
a#musicload,
a#amazon {
	border: 1px solid #ccc;
	display: inline-block;
	line-height: 0;
	margin-right: .8em;
	margin-top: .1em;
	padding: .3em;
}

a:hover#jamba,
a:hover#musicload,
a:hover#amazon {
	background: #f3f3f3;
	border: 1px solid #33383c;
}

.sidebox#verkehr {
	height: 80px;
	padding-left: 85px;
}

img#ampel {
	left: -5px;
	position: absolute;
	top: -5px;
	z-index: 99;
}

.sidebox#wetter {
	height: 65px;
}

img#wettericon {
	height: 120px;
	left: -20px;
	position: absolute;
	top: -30px;
	width: 175px;
	z-index: 99;
}

.sidebox#videos a img {
	border: 1px solid #A1A1A1;
	float: left;
	margin: .3em 0 0;
	width: 60px;
}

.sidebox#videos p {
	margin: 0 0 .6em 70px;
}

.sidebox#videos span a {
	margin-left: 70px;
}

/* IX. Seitenschluss
-------------------------------------------------------------- */
#footer {
	background: url(/charivari986.de/zz_images/layout/bg_footer.png) 0 0 no-repeat scroll;
	margin-bottom: 1em;
	padding: 25px 35px;
	text-align: right;
	width: 740px;
}

#footer a {
	color: #fff;
}

ul.secondmenu li {
	list-style: none;
	display: inline;
	margin-left: .7em;
}

p.copy {
	float: left;
}

/* X. Typografie
-------------------------------------------------------------- */
a {
	color: #0070b8;
	text-decoration: underline;
}

.contentbox a:hover,
.contentbox a:visited {
	color: #e50915;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: oblique;
}

h1, h2, h3, h4, h5, h6 {
	color: #749e1b;	
}

h2 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.8em;
	
}

h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.6em;
	font-weight: bold;
}

h4 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.4em;
	font-weight: bold;
}

#featuretext h2 {
	border-bottom: 1px dotted #758491;
	margin-bottom: .4em;
	padding-bottom: .3em;
}

#nowplaying h3,
#voting h3,
#verkehr h3,
#videos h3 {
	margin-bottom: .2em;
}

h3#songsearch,
h3#buysong {
	margin-top: .65em;
}

#verkehr h3 {
	width: 110px;
}

#wetter h3 {
	line-height: 4.5em;
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 9;
}

.contentbox h3,
.contentboxBreit h3 {
	border-bottom: 1px dotted #758491;
	margin-bottom: .3em;
	padding-bottom: .25em;
}

.listingItem h4 {
	border-bottom: 1px dotted #758491;
	margin-bottom: .5em;
	padding-bottom: .25em;
}

#verkehr p  {
	width: 110px;
}

#verkehr p,
#videos p {
	line-height: 1.1em;
}

.listingItem p,
.listingItem .listingItemText p {
	line-height: 1.25em;
	margin-bottom: 0.6em;
}

p.bildAnzahl {
	clear: both;
	display: block;
	margin: 1.1em auto;
	text-align: center;
}

.contentbox ul {
	margin: .2em 0 .5em;
}

.contentbox ul li {
	background: transparent url(/images/icons/famfamfam/bullet_purple.png) no-repeat -0.2em 50%;
	line-height: 1.2em;
	margin-bottom: .25em;
	padding-left: 1.5em;
}

/* XI. Werbeformen
-------------------------------------------------------------- */
#skyscraper {
	background: transparent url(/charivari986.de/zz_images/layout/q_werbung.gif) no-repeat center top;
	float: right;
	height: 610px;
	margin: 380px 0 25px;
	padding-top: 10px;
	width: 160px;
}

#leaderboard {
	background: transparent url(/charivari986.de/zz_images/layout/h_werbung.gif) no-repeat left 50%;
	height: 90px;
	padding-left: 10px;
	position: absolute;
	right: 15px;
	top: 20px;
	text-align: right;
	width: 738px;
}

.ad_topsection {
	margin: 15px 30px 5px;
		
}

.ad_banner {
	background: transparent url(/charivari986.de/zz_images/layout/h_werbung.gif) no-repeat left 50%;
	margin: 0 15px 10px 5px;
	padding-left: 10px;
}

.ad_rect {
	background: transparent url(/charivari986.de/zz_images/layout/q_werbung.gif) no-repeat right top;
	margin: 10px 0 10px 5px;
	padding-top: 10px;
	width: 200px;
}

#smallrectangle {
	background: transparent url(/charivari986.de/zz_images/layout/q_werbung.gif) no-repeat right top;
	width: 200px;
}


/* XII. Addons
-------------------------------------------------------------- */
ul.backAndNext {
	clear: both;
	list-style-type: none;
	margin-top: .7em;
	padding: .5em 0;
}

ul.backAndNext li {
	background: none;
	margin-bottom: 0;
	padding-left: 0;
}

ul.backAndNext li a,
ul.backAndNext li a:visited {
	background-color: #749e1b;
	color: #FFF;
	display: block;
	padding: .2em .1em;
	text-align: center;
	text-decoration: none;
	width: 5em;
}

ul.backAndNext li a:hover {
	background-color: #6e89a7;
	color: #FFF;
}

ul.backAndNext .back {
	float: left;
}

ul.backAndNext .next {
	float: right;
}

.imageThumb {
	float: left;
}

.imageThumb a {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	display: block;
	height: 90px;
	margin: 0 0 1.22em 1.22em;
	line-height: 0;
	padding: .5em;
	text-align: center;
	vertical-align: middle;
	width: 90px;
}

.imageThumb a:hover {
	background: #f3f3f3;
	border: 1px solid #33383c;
}

.datumRechts {
	float: right;
}

.nachrichtenAnzahlRubrik {
	clear: both;
	line-height: 1.2em;
	margin: .3em 0 .2em;
	text-align: center;
}

th .modplanerZeile {
	width:70px;
}

.modPlanerSelect {
	font-size:9px;
}

.vote-answer {
	display: block;
	margin: 5px 0;
}

p.vote-date {
	font-weight: bold;
	padding: 5px 5px 0;
}

ol.chartlist li {
	float: left;
	margin-bottom: 3px;
	width: 100%;
}

.vote-results-answer {
	display: block;
	padding-bottom: 3px;
}

.vote-results {
	background: #ccc;
	height: 1em;
	position: relative;
	padding: 0.25em 0;
}

.vote-results-count {
	color: #fff;
	display: block;
	line-height: 1.35em;
	right: 0.5em;
	position: absolute; 
	text-align: right;
	top: 0;
	z-index: 2;

}

.vote-results-index {
	background: #749e1b;
	display: block; 
	height: 100%;
	left: 0px;
	overflow: hidden;
	position: absolute; 
	top: 0;
	z-index: 1;
}

.amazonIcon,
.jambaIcon,
.musicloadIcon {
	margin: .1em .25em .1em 1em;
}

.amazonIcon {
	margin-left: 0;
}


table#sendeschema {
	border-collapse: collapse;
	width: 100%;
}

#sendeschema th {
	background: #6e89a7;
	border-top: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: .25em .35em;
	text-align: center;
	width: 55px;
}

#sendeschema td {
	border: 1px solid #ccc;
	padding: .25em .1em;
	text-align: center;
	width: 95px;
}



/* XIII. Forms
-------------------------------------------------------------- */
form {
	display: inline-block;
	width: 100%;
}

input.text, input.title,
textarea, select {
	border: 1px solid #749e1b;
	font: .9em 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
}

input:focus,
textarea:focus,
select:focus {
	border: 1px solid #0070b8;
	background: #f0f0f0;
}

input[type=submit],
input[type=reset],
button {
	background: #749e1b;
	border: 1px solid #221e1f;
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	margin: .35em 5px .2em;
	padding: .15em;
}

fieldset legend,
span.legend {
	font-weight: bold;
}

form em {
	color: #749e1b;
	font-style: normal;
	font-weight: bold;
	padding-left: .15em;
}

fieldset option {
	padding-right: 15px;
}


fieldset.formmail,
fieldset.songsearch,
fieldset.newsletter {
	border: 1px solid #ccc;
	margin: 5px 0 10px;
	padding: 10px 0;
}

.formmail legend,
.songsearch legend,
.newsletter legend {
	margin-left: 5px;
	padding: 0 5px;
}

.formmail li,
.songsearch li,
.newsletter li{
	padding: 5px 10px 7px;
}

.formmail label,
.songsearch label,
.newsletter label {
	display: inline-block;
	line-height: 1.8em;
	vertical-align: top;
	width: 120px;
}

.formmail input,
.formmail textarea,
.songsearch input,
.newsletter input {
	padding: 3px;
	width: 180px;
}

.songsearch li.submit {
	text-align: center;
}

.songsearch input.submit {
	width: 100px;
}

.formmail textarea {
	height: 150px;
}

.submit {
	padding-left: 130px;
}

.vote span.legend {
	line-height: 1.1em;
}

.vote ol {
	margin-top: 5px;
}

.vote li {
	display: block;
	padding: 2px 0;
	margin: 5px 0;
	overflow: hidden;
}

form .vote li:hover {
	background: #f0f0f0;
	cursor: pointer;
}

.vote input.vote-radio {
	float: left;
	margin: .2em .1em;
	text-align: left;
	width: 20px;
}

.vote label.vote-answer {
	margin: .2em 0;
	margin-left: 20px;
}

.vote input.vote-submit {
	background: #749e1b;
	border: 1px solid #221e1f;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: .9em;
	margin-left: 22px;
	padding: .15em;
}


/* XIV. IE-Bugfixing
-------------------------------------------------------------- */
/* ----------------------------------------------------- IE7 and below */
.ie7 div {
}

/* ----------------------------------------------------- IE6 and below */
.ie6 .sf-sub-indicator {
	background: url(/charivari986.de/zz_images/ie6fixing/arrows-ffffff.gif) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.ie6 #sidebar {
	background: url(/charivari986.de/zz_images/layout/trenner.gif) 0 0 repeat-y scroll;
}

.ie6 .sidebox#nowplaying,
.ie6 .sidebox#verkehr,
.ie6 .sidebox#wetter {

}

.ie6 .sidebox#verkehr {
	height: 90px;
	padding: 5px 15px 0;
}

.ie6 #verkehr h3,
.ie6 #verkehr p {
	margin-left: 70px;
	margin-top: -95px;
}

.ie6 #verkehr p {
	margin-top: 0;
}

.ie6 #ampel{
	position: relative;
	left: -20px;
}

.ie6 .sidebox#wetter p#sub_wetter {
	margin-right: 60px;
}

.ie6 #spektrum {
	margin-left: 42px;
	margin-top: 60px;
}