/*
##############################################################################################################
#	 _             _                                    _                    _          _                #
#       | |           |_|                                  | |                  | |        | |		     #
#     __| |  ___  ___  _   __ _  _ __      __ _  _ __    __| |    ___  ___    __| |  ___   | |__   _   _     #
#    / _  | / _ \/ __|| | / _  || '_ \    / _  || '_ \  / _  |   / __|/   \  / _  | / _ \  |  _ \ | | | |    #
#   | |_| ||  __/\__ \| || |_| || | | |  | |_| || | | || |_| |  | |__( (_) )| |_| ||  __/  | |_) || |_| |    #
#   \___,_|\____||___/|_|\___, ||_| |_|  \___,_||_| |_|\___,_|  \____|\___/ \___,_|\____|  |____/ \___, |    #
#  		 	   __/ |                                                                    __/ |    #
#  			  |___/                                                                    |___/     #
#	 					     _  _                   				     #
#						    | ||_|                  				     #
#				___ __  __ ___    __| | _  _ __    ___  ____			 	     #
#			       / _ \\ \/ //   \  / _  || || '_ \  / _ \|_  /				     #
#			      |  __/ )  (( (_) )| |_| || || | | ||  __/ / / 				     #
#			      \____|/_/\_\\___/ \___,_||_||_| |_|\____|/___|				     #
#                              www.exodinez.ch  4 quality in a sloppy world		     		     #
#													     #
#					Filename: 	style.css					     #
#					Media: 		Screen						     #
#					Created:	20. July 2009					     #
#					Template:	Master						     #
#					Author: 	LuK						     #
#													     #
##############################################################################################################
*/

/* 
############################################ [BEGIN] BROWSER RESET ###########################################
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100.01%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

blockquote, q { quotes: none; }

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
	*/
	content: none;
}

del { text-decoration: line-through; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

ol, ul { list-style: none; list-style-position: outside; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* 
############################################ [ENDOF] BROWSER RESET ###########################################
*/
/* 
################################################### Toolbox ##################################################
*/
.clearer { /* stops floating of elements, put in a empty div after the floated elements */
	border: none !important;
	clear: both !important;
	display: block !important;
	font-size: 1px !important;
	height: 1px !important;
	line-height: 1px !important;
	margin-bottom: -1px !important;
}
/* .ext-link { target-new: tab; } /* SWITCH: opens links as new tab in future CSS3 spec - not working today */
.fat { font-weight: bold; }
.floatleft { float: left !important; }
.floatright { float: right !important; }
.hidden { display: none !important; }
.hidden-soft { display: none; }
.text-blocksatz { display: block; text-align: justify; }
.text-links { display: block; text-align: left; }
.text-rechts { display: block; text-align: right; }
.text-zentriert { display: block; text-align: center; } /* centers inline text */
.text-klein { font-size: 11px; line-height: 20px; }
.underline { text-decoration: underline; }
.italic { 
	font-style: italic;
	overflow: visible; /* IE Fix, makes italic text wider and breaks layout */
	zoom: 1; /* IE Fix, makes italic text wider and breaks layout */
}
.print { display: none; }
.transparent {
	opacity: 0.5; /* Good browsers */
	filter: alpha(opacity=50); /* IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	-moz-opacity: 0.5; /* Netscape */
	-khtml-opacity: 0.5; /* Safari 1.x */
}
.glowgray { text-shadow: 0px 0px 3px rgba(100, 100, 100, 0.4); }
.glowred { text-shadow: 0px 0px 3px rgba(200, 0, 0, 0.4); }
.gray { color: #696969; } /* dimgray */
.green { color: #32CD32; } /* limegreen */
.yellow { color: #FFD700; } /* gold */
.red { color: #EE0000; } /* crimson */
/* 
##############################################################################################################
*/

/*
########################################## [BEGIN] GLOBAL ELEMENTS ###########################################
*/
acronym, abbr {
	color: #333333;
	cursor: help;
}

a { 
	color: #BE0000; /* normal link color */
	font-size: 13px; /* 12px pulls the font in 1px and bigger is better in this case =D */
	outline: 0; /* remove dotted outline */
	text-decoration: none; /* no link underline */
}

a:active {
	outline: none; /* no dotted outline */
}

a:focus {
	-moz-outline-style: none; /* no dotted outline */
}

a:hover { 
	color: #EE0000; /* rollover and tabbed to link color */
}

a.excel {
	background: url(../gfx/icons/excel-icon.png) no-repeat top left;
	display: block;
	float: right;
	height: 16px;
	margin: 2px 0px 0px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}

td a.excel {
	margin-left: 0px;
}

* html td a.excel {
	margin-top: -10px;
}

a img { border: none; display: block; } /* no border around linked images + All images with a link are block elements */

blockquote {
	border-top: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-left: 10px solid #CCCCCC;
	cursor: pointer;
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 1px 0px;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote p { margin-left: 10px; text-align: justify;}

/*blockquote cite a { display: block; font-size: 11px !important; font-style: normal; text-align: right; }*/

body {
	font-family: "Helvetica Neue", Verdana, Helvetica, "Lucida Grande", sans-serif; /* Global font style */
	height: 100%; /* FooterStickAlt */
	text-align: center; /* centers layout in IE */
}

cite {
	font-style: italic;
}

* html cite {
	/*overflow: visible; /* IE Fix, makes italic text wider and breaks layout */
	/*zoom: 1; /* IE Fix, makes italic text wider and breaks layout */
	/*width: 467px; /* IE Fix, makes italic text wider and breaks layout */
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 { 
	color: #696969;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
}

/* Links in header-tags also defined because IE can't inherit... */
h1, h1 a { font-size: 19px; font-weight: normal; line-height: 28px; margin-left: -2px; } /* main headings */
h2, h2 a { font-size: 17px; line-height: 25px; margin-left: -1px; }
h3, h3 a { font-size: 15px; line-height: 22px; margin-left: -1px; }
h4, h4 a { font-size: 14px; line-height: 20px; margin-left: -1px; }
h5, h5 a { font-size: 13px; line-height: 30px; margin-left: -1px; }
h6, h6 a { font-size: 11px; font-weight: normal; line-height: 16px; }


html { height: 100%; } /* FooterStickAlt */

fieldset {
	border: 1px solid #696969;
	color: #696969;
	margin: 0px 24px 10px 0px;
	padding: 0px 10px;
	position: relative;
}

fieldset legend {
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	/* margin-left: 10px; /* length of top-left horzitontal fieldset-line */
	padding: 1px 5px 0px 0px; /* 1px FF fix & distance legend-text / top-right fieldset line */
	/* no position: relative; because of Opera */
	text-align: left;
}

fieldset legend span {
	clear: both;
	display: block;
	height: 34px;
	position: relative;
}

fieldset legend span span {
	display: block;
	padding-top: 8px; /* positions legend text */
	position: relative;
}

fieldset.no-padding {
	padding: 0px;
}

fieldset.no-padding legend {
	margin-left: 10px;
}

p {
	color: #696969;
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 8px; /* distance to the next paragraph */
	text-align: justify; /* I just like it... */
}

p a { font-size: 11px; }

pre {
	font-size: 12px;
	line-height: 20px;
	overflow: auto; /* If the text exceeds the width, a scrolling is available */
	overflow-Y: hidden;  /* Hides vertical scroll created by IE */
	white-space: pre-wrap;	   /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;	  /* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;	   /* Internet Explorer 5.5+ */
}

pre code {
	display: block;
	margin: 10px;
}

strong { color: #666666; }

p strong {
	text-shadow: 0px 0px 3px rgba(100, 100, 100, 0.4);
}

ul.content-list, ol.content-list {
	font-size: 11px !important;
	line-height: 17px;
	list-style-image: url(../gfx/backgrounds/dbarrow-363636.gif);
	list-style-position: outside;
	margin: 0px 0px 10px 18px;
	text-align: justify;
}

ul.content-list ul, ol.content-list ol {
	color: #969696;
	list-style-image: url(../gfx/backgrounds/dbarrow-363636.gif);
	margin: 0px 0px 0px 19px;
	position: relative;
}

ul.content-list ul:hover, ol.content-list ol:hover {
	color: #696969;
}

/*ul.content-list li:before,
ol.content-list li:before {
	content: "\00BB \0020"; /* http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/ 
	color: #363636;
	font-size: 15px;
}*/

div.zoomed {
	border: 2px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	font-size: 0;
	line-height: 0;
	/*margin: -5px;*/
	z-index: 10;
}

	div.zoomed a {
		background: url(../gfx/icons/close-sprite.png) no-repeat;
		display: block;
		height: 25px;
		/* put close icon in the left-upper corner */
		/*left: -17px; + remove left: auto; */
		left: auto;
		outline: 0;
		position: absolute;
		right: -13px;
		text-decoration: none;
		text-indent: -100000px;
		top: -13px;
		width: 25px;
		z-index: 11;
	}

	div.zoomed a:hover {
		background-position: left -25px;
	}

	div.zoomed img, 
	div.zoomed embed, 
	div.zoomed object, 
	div.zoomed div {
		height: 100%;
		width: 100%;
	}

div.centered-table-container {
	/*clear: both;*/
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}

table.centered { 
	border-collapse: separate;
	color: #696969; 
	margin: 0 auto;
}

	table.centered th,
	table.centered th.aleft { 
		color: #555555;
	}
	
	table.centered th,
	table.centered td { 
		border-right: 1px solid #FFFFFF;
		font-size: 11px; 
		font-style: normal; 
		padding: 2px 5px 2px 2px; 
		text-align: right;
	}
	
	table.centered th.aleft,
	table.centered td.aleft { 
		border-left: 1px solid #EAEAEA;
		padding-left: 6px; 
		text-align: left; 
	}
	
	table.centered th a,
	table.centered td a { 
		font-size: 11px;
	}

	table.centered td.table-img {
		background: url(../gfx/backgrounds/dammweg-map_75.jpg) no-repeat 36px 7px;
	}

	table.centered td.table-img a {
		display: block;
		height: 84px;
		margin: auto 0px 0px auto;
		width: 77px;
	}

table.tabular { 
	border-collapse: collapse;
	border: 1px solid #969696;
	caption-side: bottom;
	color: #696969;
	font-size: 13px;
	margin: 4px auto 20px auto;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

	table.tabular th {
		border: 1px solid #969696;
		padding: 5px;
	}

	table.tabular th.source a {
		font-size: 11px;
		font-weight: normal;
	}

		table.tabular td { 
			border: 1px solid #969696;
			padding: 5px;
			vertical-align: middle;
		}

			table.tabular td.linkintable {
				padding: 0px !important;
			}

				table.tabular td.linkintable a {
					/*border: 1px solid #FFFFFF;*/
					color: #696969;
					display: block;
					padding: 5px;
				}

				table.tabular.noscript td.linkintable a:hover {
					/*border: 1px solid #FFFFFF;*/
					/*background: #EBEBEB;*/
					color: #151515;
				}

/* FORMS CSS */
input { border: 0px solid #FFFFFF; margin: 0px; outline: 0px; padding: 0px; }

/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {   
	border : 0px;
} 
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {	 
	outline : none; 
}

input.checkbox { 
	border: 1px solid #696969;
	margin: 0px;
	padding: 0px;
}


div.formfield-container {
	color: #696969;
	position: relative;
	width: 100%px; /* FF needs this as 100% width*/
}

	div.formfield-container small {
		color: #BEBEBE;
		display: block;
		font-size: 10px;
		margin: 10px 0px 20px 0px;
		text-align: justify;
	}

	div.formfield-container div.errors {
		background: #FFFFFF;
		color: #EE0000;
		font-size: 11px;
		margin-top: 10px;
	}
	
	div.formfield-container.full div.errors {
		width: 310px;
	}
	
		div.formfield-container div.errors h2 {
			color: #EE0000;
			margin: 0px 0px -3px 0px;
		}
		
	div.formfield-container div.thankyou {
		font-size: 11px;
		margin: 10px 0px 10px 0px;
	}
	
		div.formfield-container div.thankyou h2 {
			color: #1EC51E;
			margin: 0px 0px -3px 0px;
		}
	
	div.formfield-container.full fieldset.preview,
	div.formfield-container.full fieldset.saved {
		border: 1px solid #969696;
		float: none;
		margin: 30px 0px 0px -10px;
		padding: 20px;
		width: 437px;
	}

div.formfield-container form {
	/*padding: 10px 10px 0px 10px;*/
}
	
div.formfield-container form, 
	div.input label,
	div.input input, 
	div.input textarea {
		font-family: "Helvetica Neue", Verdana, Helvetica, "Lucida Grande", sans-serif;
		font-size: 13px;
		text-align: left;
	}
	
	div.formfield-container form span.errorlabel {
		color: #EE0000;
		display: block;
		font-size: 10px;
		height: 20px; /* needed if no text is in there... */
		padding-top: 5px;
		margin-bottom: -25px;
	}
	
	* html div.formfield-container form span.errorlabel {
		height: 20px; /* needed if no text is in there... */
		margin-bottom: -20px;
	}

div.formfield-container.full form {
	/*float: none;
	margin: 0px 0px 0px -10px;
	width: 479px;*/
	padding-bottom: 20px;
}

	div.formfield-container.full input {
		width: 310px !important;
	}
	
	div.formfield-container.full textarea {
		width: 470px !important;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		div.formfield-container.full input {
			width: 298px !important;
		}
		
		div.formfield-container.full textarea {
			width: 458px !important;
		}
	}
		
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		div.formfield-container.mini input {
			width: 148px;
		}
		
		div.formfield-container.mini input[type=submit],
		div.formfield-container.mini input[type=button] {
			cursor: pointer;
			width: 160px; /* Webkit, Opera Fix */
		}
	}
	
	div.input { 
		cursor: text;
		/*margin-top: 20px;*/
		overflow: hidden;
		padding-top: 20px;
		position: relative; 
		z-index: 0;
	}

		div.input label { 
			cursor: text;
			display: block;
			left: 7px;
			position: absolute; 
			top: 26px; 
			z-index: 20;
		}
		
		* html div.input label { 
			left: 6px;
			top: 27px;
		}
		
		div.input.spam label { 
			top: 106px; 
		}
		
		* html div.input.spam label { 
			top: 107px;
		}
		
		div.input.radios {
			
		}
		
		div.input div.radiobutton {
			height: 20px;
		}
		
		div.input.radios input {
			background: none !important;
			border: none !important;
			float: left;
			margin: 3px 7px 0px 0px;
			width: 15px !important;
			height: 15px !important;
		}
		
		div.input.radios label {
			position: relative;
			top: 1px !important;
			left: 3px !important;
			cursor: auto;
		}
		
		div.input.spam img { 
			clear: both;
			display: none;
			left: 65px;
			margin-bottom: 20px;
			position: relative;
		}
		
		div.input.spam span { 
			clear: both;
			display: block;
			height: 60px;
			left: 65px;
			margin-bottom: 20px;
			position: relative;
			width: 148px;
		}
		
		
		div.input input,
		div.input textarea {
			background: url(../gfx/backgrounds/formfield_bg.png) no-repeat top left;
			border: solid 1px #969696;
			display: block;
			padding: 5px;
			position: relative;
			width: 100%;
			z-index: 10;
		}
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			div.input input,
			div.input textarea {
				/*width: 266px;  /*Webkit Fix */
				width: 96%;  /*Webkit Fix */
			}
		}
		
		/*@-moz-document url-prefix() {  Firefox hack 
			selector
		}*/
		
		div.input input {
			overflow: visible; /* IE Fix, padding doesn't apply if not set */
		}
		
		div.input input[type=submit],
		div.input input[type=button] {
			cursor: pointer;
			width: 100%; /* Webkit, Opera Fix */
		}
		
		/*@media screen and (-webkit-min-device-pixel-ratio:0) {
			
			div.input input[type=submit],
			div.input input[type=button] {
				width: 294px;  Webkit Fix 
			}
			
		}*/
		
		div.input input:focus,
		div.input input.focus {
			background: #FCFCFC;
			border: 1px solid #363636 !important;
		}
		
		
		div.input textarea {
			overflow: auto; /* remove scrollbar in textarea, try hidden if IE makes problems*/
			resize: none; /* Fix WebKit resizable Textarea */
			text-align: justify;
		}
		
		div.input textarea:focus,
		div.input textarea.focus {
			background: #FCFCFC;
			border: 1px solid #363636 !important;
		}
		
		div.input input.button {
			text-align: center;
		}
		
	div.input.error input,
	div.input.error textarea {
		background: #F8DBDB !important;
		border: 1px solid #EE0000 !important;
	}
	
	div.input.small {
		margin-top: 10px;
		width: 160px;
	}
	
	div#adw-search div.input.small {
		margin-top: -22px;
	}
	
	div.input.small input[type=submit],
	div.input.small input[type=button] {
		width: 160px; /* Webkit, Opera Fix */
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {		
		div.input.small input[type=submit],
		div.input.small input[type=button] {
			width: 160px; /* Webkit Fix */
		}
	}
	
		div.input.small input {
			font-size: 10px;
		}
		
	div.input.submit input{
		text-align: center !important;
	}
	
	div.input.button input {
		width: 160px !important;
	}
	
	div.form-txt {
		color: #CCCCCC;
		float: right;
		height: 172px;
		position: absolute;
		right: 0px;
		top: 16px;
		width: 150px;
	}
	
	div.form-txt.spamsorry {
		height: 115px;
		margin-top: 351px;
	}
	
	div.form-txt h6 {
		color: #BBBBBB;
		font-weight: bold;
		margin-left: 1px;
	}
	
	div.form-txt p {
		color: #CCCCCC;
		font-size: 9px;
	}

::-moz-selection {background: #DD0000; color: #fff;}  
::selection {background: #DD0000; color: #fff;}

div.ribbon-left {
	background: url(../gfx/backgrounds/ribbon-left.png) no-repeat;
	height: 55px;
	float: left;
	margin: 0px 0px 0px -20px;
	position: absolute; /* seems to fix the strange "crack" in FF which occurs when pos is relative */
	width: 20px;
}

div.ribbon-left.top {
	background: url(../gfx/backgrounds/ribbon-left.png) no-repeat;
	display: none; /* SWITCH: activate / deactivate */
	height: 55px;
	float: left;
	margin: -6px 0px 0px -20px;
	position: relative;
	width: 20px;
}

div.ribbon-right {
	background: url(../gfx/backgrounds/ribbon-right.png) no-repeat;
	height: 55px;
	float: right;
	margin: -55px 0px 0px 160px;
	position: absolute;
	width: 20px;
}

div#site-wrap { 
	background: #FFFFFF;
	margin: 0 auto;
	min-height: 100%; /* FooterStickAlt */
	/* outline: 1px solid red; */
	position: relative; /* FooterStickAlt */
	text-align: left;
	width: 994px; /* 500px + 334px + 160px = [994px] */
}

/*
########################################## [ENDOF] GLOBAL ELEMENTS ###########################################
*/

/*
############################################### [BEGIN] ADS ##################################################
*/
div.ads {
	background: #FFFFFF;
}

	div.ads a {
		background: red;
		color: #FFFFFF;
		display: block;
		height: 100%;
		position: relative;
		width: 100%
	}

		div.ads a span {
			display: block;
			padding: 10px;
		}
		
	div.ads small {
		font-size: 9px;
		line-height: 16px;
	}

div#ad-header {
	background: url(../gfx/backgrounds/ad-header-bg.png) repeat-x;
	display: none; /* SWITCH: activate / deactivate */
	height: 100px;
	margin-bottom: -14px;
	position: relative;
	width: 994px;
	z-index: 65;
}

div#ad-header div.ad-header-wrap-left {
	background: url(../gfx/backgrounds/ad-header-wrap-left.png) no-repeat;
	height: 100px;
	float: left;
	margin: 0px 0px 0px -20px;
	position: relative;
	width: 20px;
}

div#ad-header div.ad-header-wrap-right {
	background: url(../gfx/backgrounds/ad-header-wrap-right.png) no-repeat;
	height: 100px;
	float: right;
	margin: 0px -20px 0px 0px;
	position: relative;
	width: 20px;
}

div#ad-header a.ad-header-logo {
	background: url(../gfx/logo/logo_210x85px.png) no-repeat;
	display: inline;
	height: 85px;
	float: left;
	margin: 0px 0px 0px -10px;
	position: relative;
	text-indent: -9999px;
	width: 210px;
}

div#maxiboard-ad {
	background: #BE0000;
	/*display: none; /* SWITCH: activate / deactivate */
	height: 118px;
	overflow: hidden;
	position: relative;
	width: 994px;
	z-index: 60;
}

div#leaderboard-ad {
	background: #EE0000;
	/*display: none; /* SWITCH: activate / deactivate */
	height: 90px;
	margin: 0px 0px 0px 276px; /* normal margin-top: 28px; */
	overflow: hidden;
	position: relative;
	width: 728px;
	z-index: 70;
}

div#skyscreaper-ad {
	/*display: none; /* SWITCH: If active, don't forget to give margin-top 566px to #right-teaser */
	float: right;
	height: 600px;
	margin-top: -49px;
	overflow: hidden;
	position: relative;
	width: 160px;
	z-index: 10;
}

div#skyscreaper-bottom-ad {
	/*display: none; /* SWITCH: If active, don't forget to give margin-top 566px to #right-teaser */
	float: right;
	height: 600px;
	overflow: hidden;
	position: relative;
	/*position: absolute; // use for following ad
	top: -700px;*/
	width: 160px;
	z-index: 0;
}

div#rectangle-ad {
	/*display: none; /* SWITCH: activate / deactivate */
	height: 266px;
	margin: 15px 24px 15px 10px;
	overflow: hidden;
	position: relative;
	width: 300px;
}

/* WebKit Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	div#rectangle-ad { height: 269px; } 
}

div#billboard-full-ad { 
	background: #ECECEC;
	border: 1px solid #D2D2D2;
	color: #333;
	/*display: none; /* SWITCH: activate / deactivate */
	float: left;
	height: 500px;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
	padding: 3px;
	position: relative;
	width: 986px;
	z-index: 5;
}

div#billboard-wide-ad { 
	color: #333;
	/*display: none; /* SWITCH: activate / deactivate */
	float: left;
	height: 300px;
	margin: 9px 0px 9px 0px;
	overflow: hidden;
	position: relative;
	width: 810px;
	z-index: 5;
}

div#billboard-narrow-ad { 
	color: #333;
	/*display: none; /* SWITCH: activate / deactivate */
	float: left;
	height: 300px;
	margin: 15px 0px 15px 11px;
	overflow: hidden;
	position: relative;
	width: 469px;
	z-index: 5;
}
/*
############################################### [ENDOF] ADS ##################################################
*/
/*
############################################### [BEGIN] HEADER ###############################################
*/
div#header {
	background: black url(../gfx/backgrounds/header-bg.jpg) no-repeat;
	/*background: black url(../gfx/backgrounds/header-bg-barca.jpg) no-repeat;*/
	color: #333;
	float: left;
	height: 118px;
	position: relative;
	width: 994px;
}

	div#logo-band {
		background: url(../gfx/backgrounds/logo-band.png) no-repeat;
		/*background: url(../gfx/backgrounds/logo-band-white.png) no-repeat;*/
		/* display: none; /* SWITCH: activate / deactivate */
		height: 95px;
		width: 223px;
		margin: 12px 0px 0px -10px;
		position: relative;
		z-index: 30;
	}

		div#logo-band a.logo {
			background: url(../gfx/logo/logo_210x85px.png) no-repeat;
			/*background: url(../gfx/logo/logo-ci_210x85px.png) no-repeat;*/
			display: inline;
			height: 85px;
			float: left;
			margin: 0px 0px -120px 11px;
			position: relative;
			text-indent: -9999px;
			width: 210px;
		}
/*
############################################### [ENDOF] HEADER ###############################################
*/
/* 
############################################### [BEGIN] NAV ##################################################
*/
div#nav {
	background: url(../gfx/backgrounds/nav-bg.png) repeat-x;
	color: #FFFFFF;
	float: left;
	height: 55px;
	margin: -6px 0px 0px 0px; /* Pulls Nav-Wrapper to header */
	position: relative;
	width: 834px;
	z-index: 10;
}

	div#nav ul#navigation {
		font: 12px tahoma;
		margin: 7px 0px 0px -11px; /* interacts heavily with the nav-desc margin */
		padding: 3px 0px 2px 0px;
		position: absolute;
	}

		div#nav ul#navigation li {
			float: left;
			list-style: none;
			margin: 0px 11px 0px 11px; /* Distance between nav-items */
			position: relative;
			z-index: 19;
		}

		div#nav ul#navigation li span.nav-description {
			color: #FAFAFA;
			display: block;
			float: left;
			font-size: 10px;
			list-style: none;
			margin-top: -18px;
			/*opacity: 0; Set via jQuery */
			position: absolute;
			left: -1000px; /* was text-indent before --> problems with horizontal scroller in all browsers */
			white-space: nowrap;
			z-index: 20;
		}

		div#nav ul#navigation li.backLava {
			background: #FFFFFF;
			color: #000000;
			opacity: 0.3; 
			filter: alpha(opacity=30);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
			-moz-opacity: 0.3; 
			-khtml-opacity: 0.3;
			-moz-box-shadow: 1px 1px 5px #000000;
			-webkit-box-shadow: 1px 1px 5px #000000;  
			position: absolute;
			margin: 0px;
			padding: 0px;
			z-index: 8;
		}

			div#nav ul#navigation li a {
				border: 1px solid transparent;
				color: #FFFFFF;
				display: block;
				font-size: 1.2em;
				letter-spacing: 1px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				text-shadow: rgba(0,0,0,.8) 1px 1px 3px; /* shadow color (using RGBA(lpha), right (x coordinate) and bottom (y coordinate) offset, blur radius */
				padding: 4px 8px; /* Inner padding of the nav-items */
				position: relative;
				z-index: 10;
			}

			div#nav ul#navigation.no-script li a {
				text-shadow: rgba(0,0,0,.8) 1px 1px 3px; /* shadow color (using RGBA(lpha), right (x coordinate) and bottom (y coordinate) offset, blur radius */
			}


			div#nav ul#navigation.no-script li a:hover {
				background: #FFFFFF;
				color: #000000;
				opacity: 0.3; 
				filter: alpha(opacity=30);
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
				-moz-opacity: 0.3; 
				-khtml-opacity: 0.3;
			}

			div#nav ul#navigation li.active a {
				color: #FFFFFF;
				border: 1px solid #FFFFFF;
				text-decoration: none;
			}
/* 
############################################### [ENDOF] NAV ##################################################
*/
/* this container wraps div#top-section, div#left-section, div#middle-section */
div#content {
	background: #FFFFFF;
	float: left;
	position: relative;
	width: 834px;
}

div#content ul a,
div#content ol a {
	font-size: 11px;
}

/*
############################################ [BEGIN] TOP SECTION #############################################
*/
div#top-section {
	background: white;
	float: left;
	position: relative;
	width: 834px;
}

	div#top-section span.close {
		background: url(../gfx/overlay/close.png) no-repeat;
		cursor: pointer;
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
		margin: -32px 0px 0px 795px;
	}

	div#top-section div#podcasts-module {
		display: none; /* SWITCH: Podcasts on/off */
		height: 375px;
		margin-top: 9px;
		/*opacity: 0; Set via jQuery*/
		overflow: visible;
	}

		div#top-section div#podcasts-module fieldset {
			background: #000000;
			border: 1px solid #000000;
			padding: 3px 20px 20px 0px;
			position: relative;
			z-index: 0;
		}
		
		div#top-section div#podcasts-module fieldset legend span#podcast-leg-img span {
			padding-top: 2px;
		}

		/* ACHTUNG: Höhe des hoverscroll-teils wird per options im JS definiert!!! */

		/* HoverScroll main container, generated by JavaScript */
		div#top-section div#podcasts-module fieldset div.hoverscroll {
			float: left;
			position: relative;
		}

		/* HoverScroll list container, generated by JavaScript */
		div#top-section div#podcasts-module fieldset div.hoverscroll div.listcontainer {
			margin-left: -1px;
			overflow: hidden;
			padding: 1px 0px 0px 0px;
			position: relative;
		}

		div#top-section ul#podcasts-nav {
			/*border-right: 1px solid #696969;*/
			float: left;
			margin-left: -1px;
			margin-top: 5px;
			position: relative;
		}

		div#top-section ul#podcasts-nav li {
			display: block;
			margin: -1px -1px 0px 0px;
			position: relative;
			text-align: right;
			width: 150px;
		}

		div#top-section ul#podcasts-nav li a {
			border: 1px solid #000000;
			color: #969696;
			display: block;
			font-size: 11px;
			padding: 10px 10px 10px 11px;
			position: relative;
			z-index: 1;
		}

		div#top-section ul#podcasts-nav li a:hover {
			background: #FFFFFF;
			border: 1px solid #FFFFFF;
			border-left: 0px;
			color: #696969;
		}

		div#top-section ul#podcasts-nav li a.current {
			background: #FFFFFF;
			border: 1px solid #FFFFFF;
			color: #696969;
		}

			div#top-section div#podcasts-container {
				margin-left: 150px;
				position: relative;
			}

			div#top-section div#podcasts-container div#podcast {
				border: 1px solid black; /* Why do I need this damn border to fix my layout...without it it breaks^^??? */
				position: relative;
			}
			
				div#top-section div#podcasts-container div.podcast-player {
					display: inline; /* Fix IE6 double margin bug */
					/*float: left;*/
					height: 218px;
					margin-left: 10px;
					position: relative;
					/*width: 630px; /* was 291px without the flash text */
				}
				
				div#top-section div#podcasts-container a.podcast-feed {
					background: url(../gfx/icons/podcast.rssfeed_160x260.png) no-repeat bottom left;
					display: block;
					height: 80px;
					margin: 15px 0px 0px 30px;
					overflow: hidden;
					position: relative; /*IE*/
					width: 260px;
				}
				
					div#top-section div#podcasts-container a.podcast-feed img {
						position: relative;
					}
				
				div#top-section div#podcasts-container div#podcast-content {
					/*float: left;*/
					float: right;
					margin: -310px 0px 0px 20px;
					width: 320px;
					position: relative;
				}
				
					div#top-section div#podcasts-container div#podcast-content div#podcast-text {
						/*float: left;*/
						height: 198px;
						overflow: auto;
						width: 320px;
						position: relative;
					}
					
					div#top-section div#podcasts-container div#podcast-content div#podcast-links {
						float: left;
						margin-top: 238px;
						width: 320px;
						position: absolute;
					}
					
						/*div#top-section div#podcasts-container div#podcast-content div#podcast-links div.centered-table-container {
							border-top: 1px solid #363636;
							margin-top: -1px;
						}*/
						
						div#top-section div#podcasts-container div#podcast-content div#podcast-links table.centered {
							color: #969696;
						}
						

						
							div#top-section div#podcasts-container div#podcast-content div#podcast-links table.centered th {
								border-right: #000000;
								color: #969696;
								font-size: 12px;
								/*padding: 20px 5px 0px 0px !important; /* IE */
								text-align: left;
							}
							
							div#top-section div#podcasts-container div#podcast-content div#podcast-links table.centered td { 
								border-right: 1px solid #000000;
							}
						
							div#top-section div#podcasts-container div#podcast-content div#podcast-links table.centered td.aleft { 
								border-left: 1px solid #363636;
							}
							
							div#top-section div#podcasts-container div#podcast-content div#podcast-links table.centered td.aleft.top {
								/*padding-top: 20px !important; /* IE */
							}
							
							div#top-section div#podcasts-container div#podcast-content div#podcast-links table.centered td.aleft.last {
								vertical-align: middle; /* WebKit destroys the tables when on baseline */
							}
							
	div#top-section div#comedy-module {
		margin-top: 20px;
		overflow: visible;
	}

		div#top-section div#comedy-module fieldset {
			background: #000000;
			border: 1px solid #000000;
			padding: 3px 20px 20px 0px;
			position: relative;
			z-index: 0;
		}
		
		div#top-section div#comedy-module fieldset legend span#comedy-leg-img span {
			padding-top: 2px;
		}

		/* ACHTUNG: Höhe des hoverscroll-teils wird per options im JS definiert!!! */

		/* HoverScroll main container, generated by JavaScript */
		div#top-section div#comedy-module fieldset div.hoverscroll {
			float: left;
			position: relative;
		}

		/* HoverScroll list container, generated by JavaScript */
		div#top-section div#comedy-module fieldset div.hoverscroll div.listcontainer {
			margin-left: -1px;
			overflow: hidden;
			padding: 1px 0px 0px 0px;
			position: relative;
		}

		div#top-section ul#comedy-nav {
			/*border-right: 1px solid #696969;*/
			float: left;
			margin-left: -1px;
			margin-top: 5px;
			position: relative;
		}

		div#top-section ul#comedy-nav li {
			display: block;
			margin: -1px -1px 0px 0px;
			position: relative;
			text-align: right;
			width: 150px;
		}

		div#top-section ul#comedy-nav li a {
			border: 1px solid #000000;
			color: #969696;
			display: block;
			font-size: 11px;
			padding: 10px 10px 10px 11px;
			position: relative;
			z-index: 1;
		}

		div#top-section ul#comedy-nav li a:hover {
			background: #FFFFFF;
			border: 1px solid #FFFFFF;
			border-left: 0px;
			color: #696969;
		}

		div#top-section ul#comedy-nav li a.current {
			background: #FFFFFF;
			border: 1px solid #FFFFFF;
			color: #696969;
		}

			div#top-section div#comedy-container {
				margin-left: 150px;
				position: relative;
			}

			div#top-section div#comedy-container div#comedy {
				border: 1px solid black; /* Why do I need this damn border to fix my layout...without it it breaks^^??? */
				position: relative;
			}
			
				div#top-section div#comedy-container div.comedy-player {
					display: inline; /* Fix IE6 double margin bug */
					/*float: left;*/
					height: 218px;
					margin-left: 10px;
					position: relative;
					/*width: 630px; /* was 291px without the flash text */
				}
				
				div#top-section div#comedy-container a.comedy-feed {
					background: url(../gfx/icons/rss-abonnieren_116x36.png) no-repeat bottom left;
					display: block;
					height: 36px;
					margin: -38px 0px 0px 312px;
					overflow: hidden;
					position: relative; /*IE*/
					text-indent: -9999px;
					width: 116px;
				}
				
					div#top-section div#comedy-container a.comedy-feed img {
						position: relative;
					}
				
				div#top-section div#comedy-container div#comedy-content {
					/*float: left;*/
					float: right;
					margin: -310px 0px 0px 20px;
					width: 320px;
					position: relative;
				}
				
					div#top-section div#comedy-container div#comedy-content div#comedy-text {
						/*float: left;*/
						height: 198px;
						overflow: auto;
						width: 320px;
						position: relative;
					}
					
					div#top-section div#comedy-container div#comedy-content div#comedy-links {
						float: left;
						margin-top: 238px;
						width: 320px;
						position: absolute;
					}
					
						/*div#top-section div#comedy-container div#comedy-content div#comedy-links div.centered-table-container {
							border-top: 1px solid #363636;
							margin-top: -1px;
						}*/
						
						div#top-section div#comedy-container div#comedy-content div#comedy-links table.centered {
							color: #969696;
						}
						

						
							div#top-section div#comedy-container div#comedy-content div#comedy-links table.centered th {
								border-right: #000000;
								color: #969696;
								font-size: 12px;
								/*padding: 20px 5px 0px 0px !important; /* IE */
								text-align: left;
							}
							
							div#top-section div#comedy-container div#comedy-content div#comedy-links table.centered td { 
								border-right: 1px solid #000000;
							}
						
							div#top-section div#comedy-container div#comedy-content div#comedy-links table.centered td.aleft { 
								border-left: 1px solid #363636;
							}
							
							div#top-section div#comedy-container div#comedy-content div#comedy-links table.centered td.aleft.top {
								/*padding-top: 20px !important; /* IE */
							}
							
							div#top-section div#comedy-container div#comedy-content div#comedy-links table.centered td.aleft.last {
								vertical-align: middle; /* WebKit destroys the tables when on baseline */
							}


	div#top-section div.top-section-module {
		/*display: none; /* SWITCH: Podcasts on/off */
		display: block;
		overflow: visible;
		position: relative;
		text-align: center;
	}

		div#top-section div.top-section-module fieldset span#sendeplan-close-img {
			background: url(../gfx/overlay/close.png) no-repeat;
			cursor: pointer;
			display: block;
			width: 28px;
			height: 28px;
			position: absolute;
			margin: -32px 0px 0px 795px;
		}
		
	div#top-section div#sendeplan-module table.tabular {
		margin: 4px 20px 20px 20px;
	}
		
	div#top-section div#sendeplan-module table thead th {
		padding: 5px 8px 5px 8px;
	}
	
	div#top-section div#sendeplan-module table tbody th {
		vertical-align: middle;
	}
	
	div#top-section div#sendeplan-module table td {
		vertical-align: middle;
	}
	
	div#top-section div#sendeplan-module table td span {
		display: block;
		font-size: 20px;
		font-weight: bold;
	}


/* ERROR PAGES */

	div#top-section div#error404 {
		background: url(../gfx/errors/404.png) no-repeat top left;
		height: 600px;
		position: relative;
	}
	
		div#top-section div#error404 div.errorcontent {
			height: 250px;
			left: 446px;
			position: absolute;
			text-align: left;
			top: 17px;
			width: 310px;
		}
		
			div#top-section div#error404 div.error-txt h1 {
				margin-left: 1px;
			}
		
			div#top-section div#error404 div.error-txt ul {
				color: #696969;
				font-size: 13px;
				line-height: 20px;
			}
			
	div#top-section div#error403 {
		background: url(../gfx/errors/403.png) no-repeat top left;
		height: 600px;
		position: relative;
	}
			
		div#top-section div#error403 div.errorcontent {
			height: 250px;
			left: 80px;
			position: absolute;
			text-align: left;
			top: 30px;
			width: 500px;
		}
		
			div#top-section div#error403 div.error-txt h1 {
				margin-left: 0px;
			}
			
	div#top-section div#error401 {
		background: url(../gfx/errors/401.png) no-repeat top left;
		height: 600px;
		position: relative;
	}
/*
############################################ [ENDOF] TOP SECTION #############################################
*/


/*
############################################ [BEGIN] LEFT SECTION ############################################
*/
div#left-section { 
	background: white;
	color: #696969;
	float: left;
	padding-bottom: 60px;
	position: relative;
	width: 500px; /* [500px] + 334px + 160px = 994px */
}

div#left-section div.box-modul { 
	text-align: center; 
	margin: 47px 20px 0px 0px; 
}

	div#left-section h3 {
		text-align: left;
	}

	/* team section */
	div#left-section div#expander-module { 
		clear: both; 
		position: relative;
	}

	div#left-section div#expander-module h4.expand {
		background: #FAFAFA;
		border: 1px solid #969696; 
		clear: both;
		margin-top: 10px;
		padding: 5px 0 5px 10px;
		text-align: left;
	}

		div#left-section div#expander-module h4.expand a { 
			color: #363636;
			display: block; 
		}
		
		div#left-section div#expander-module h4.expand a:hover {
			color: #696969;
		} 

	div#left-section div.collapse {
		overflow: hidden;
		position: relative;
	}

		div#left-section div.collapse div {
			background: #FFFFFF;
			height: 125px;
			margin: 5px 0px 0px 0px;
			position: relative;
			text-align: left;
		}
		
		div#left-section div.collapse.faces div {
			margin: 15px 0px 0px 0px;
		}
		
			div#left-section div.collapse div img {
				display: block;
				float: left;
				position: relative;
			}
			
				div#left-section div.collapse div div.teaminfo {
					float: left;
					position: relative;
				}
				
					div#left-section div.collapse div div.teaminfo h2.no-script {
						margin: 16px 0px 0px 1px;
					}
			
					div#left-section div.collapse div div.teaminfo h2 {
						margin: 36px 0px 0px 1px;
						position: relative;
					}
					
					div#left-section div.collapse.faces div div.teaminfo h2 {
						margin: -21px 0px 0px 10px;
					}
					
					div#left-section div.collapse div div.teaminfo h2.no-script strong {
						display: block;
						margin-left: 10px;
					}
					
					div#left-section div.collapse div div.teaminfo h2 strong {
						display: none;
					}
					
					div#left-section div.collapse div div.teaminfo h2.no-script span {
						font-weight: normal;
						margin-left: 5px;
					}
					
					div#left-section div.collapse div div.teaminfo span {
						font-size: 11px;
						margin: 10px 0px 0px 10px;
						position: relative;
					}
					
					div#left-section div.collapse.faces div div.teaminfo span {
						display: block;
						font-size: 10px;
						margin: 0px 0px 0px 10px;
					}
					
					div#left-section div.collapse.faces div div.teaminfo div.article-audio {
						margin: 10px 0px 8px 10px;
					}
					
					div#left-section div.collapse.faces div div.teaminfo div.article-audio fieldset {
						width: 368px;
						margin-bottom: 0px;
					}
					
					div#left-section div.collapse.faces div div.teaminfo div.article-audio legend {
						font-size: 12px;
					}
					
					
	
	div#left-section div#expander-module p.switch {
		background: #FAFAFA;
		border: 1px solid #969696;
		padding: 3px;
		position: relative; 
		float: right;
	}

		div#left-section div#expander-module p.switch a {
			color: #363636;
		}
		
		div#left-section div#expander-module p.switch a:hover, 
		div#left-section div#expander-module p.switch a:focus, 
		div#left-section div#expander-module p.switch a:active {
			color: #696969;
		}

/*#team-modul .expand a:link, #team-modul .expand a:visited {
  display: block;
  background: #FAFAFAurl(../gfx/icons/team.arrow-down.png) no-repeat 98% 50%;
}
#team-modul .expand a:hover, #team-modul .expand a:active, #team-modul .expand a:focus {

}
#team-modul .expand.open a:link, #team-modul .expand.open a:visited {
  background: #FAFAFA url(../gfx/icons/team.arrow-down.png) no-repeat 98% 50%;
}*/

	div#left-section div.article {
		background: #FFFFFF url(../gfx/backgrounds/article-bg.png) no-repeat; /* IE7&8 behave strange if color misses */
		min-height: 180px;
		margin: 60px 20px 48px 0px;
		padding: 12px 0px 0px 10px; /* top positions the article-header-band */
		position: relative;
		zoom: 1;
	}

	div#left-section div.article.first-article {
		margin: 29px 20px 48px 0px !important;
	}

		div#left-section div.article ul.social-media-icons {
			/*display: block;*/
			/*clear: both;*/
			float: right;
			list-style: none outside;
			margin: -102px 0px 0px 0px;
			position: relative;
		}

			div#left-section div.article ul.social-media-icons li {
				display: inline;
				float: left;
				margin-left: 5px;
				position: relative;
				/*clear: both;*/
			}
			
				div#left-section div.article ul.social-media-icons li a {
					height: 16px;
					position: relative;
					width: 16px;
					/*clear: both;*/
				}
				
					div#left-section div.article ul.social-media-icons li a img {
						display: block;
						/*clear: both;*/
						/*float: left;*/
						position: relative;
						z-index: 20;
					}
					
					div#left-section div.article ul.social-media-icons li a span {
						display: block;
						line-height: 16px;
						position: absolute;
						text-indent: -9999px;
						z-index: 10;
					}
					
					div#left-section div.article ul.social-media-icons li.mail a span {
						background: url(../gfx/icons/sm.mail_16px.jpg) no-repeat;
					}
					
					div#left-section div.article ul.social-media-icons li.print a span {
						background: url(../gfx/icons/sm.print_16px.jpg) no-repeat;
					}
					
					div#left-section div.article ul.social-media-icons li.rss a span {
						background: url(../gfx/icons/sm.rss_16px.jpg) no-repeat;
					}
					
					div#left-section div.article ul.social-media-icons li.facebook a span {
						background: url(../gfx/icons/sm.facebook_16px.jpg) no-repeat;
					}
					
					div#left-section div.article ul.social-media-icons li.twitter a span {
						background: url(../gfx/icons/sm.twitter_16px.jpg) no-repeat;
					}

					div#left-section div.article ul.social-media-icons li.stumbleupon a span {
						background: url(../gfx/icons/sm.stumbleupon_16px.jpg) no-repeat;
					}
					
					div#left-section div.article ul.social-media-icons li.delicious a span {
						background: url(../gfx/icons/sm.delicious_16px.jpg) no-repeat;
					}
					
					div#left-section div.article ul.social-media-icons li.digg a span {
						background: url(../gfx/icons/sm.digg_16px.jpg) no-repeat;
					}
				
					/* WebKit Hack */
					@media screen and (-webkit-min-device-pixel-ratio:0) { 
						div#left-section div.article ul.social-media-icons li a { display: block; } 
					}
			

		div#left-section div.article h1.article-header {
			background: url(../gfx/backgrounds/article-header.png) no-repeat;
			margin: 0px 0px 20px -20px; /* left positions the article band */
			height: 70px;
			position: relative;
			width: 490px;
			z-index: 0; /* main article title over subtitle */
		}

		div#left-section div.article h1.article-header span {
			color: #363636;
			margin: 12px 0px 0px 20px;
			padding: 0px 1px;
			position: absolute;
			z-index: 2; /* main article title over subtitle */
		}

		div#left-section div.article h1.article-header small {
			display: block;
			font-size: 11px;
			margin: 30px 0px 0px 20px;
			padding: 0px 1px;
			position: absolute;
		}
		
			div#left-section div.article h1.article-header small span {
				margin: 0px;
				position: relative;
				top: -1px;
			}
			
			div#left-section div.article p{
				margin-bottom: 15px;
			}

			div#left-section div.article img.content-thumb {
				float: right;
				margin: 4px 0px 0px 10px;
				position: relative;
				width: 150px;
			}
			
			div#left-section div.article a.floatleft img.content-thumb {
				float: left;
				margin: 4px 10px 0px 0px;
			}
			
			div#left-section div.article div.article-audio {
				height: 40px;
				margin: 20px 0px 20px 0px;
			}

			div#left-section div.article img.content-img {
				margin: 15px 0px 15px 0px;
				position: relative;
				width: 470px;
			}
			
			div#left-section div.article input.mehr-button {
				background: url(../gfx/icons/mehr-button-sprite.jpg) no-repeat top left;
				color: #696969;
				cursor: pointer;
				font-size: 12px;
				height: 30px;
				/*margin: -10px 0px 0px 361px;*/
				margin: 0px 0px 0px 361px;
				padding: 0px 0px 3px 10px;
				position: absolute;
				text-align: left;
				width: 111px;
			}

			/*div#left-section div.article input.mehr-button:hover {
				background: url(../gfx/icons/mehr-button-hover.png);
				color: #696969;
			}*/
			
			div#left-section div.article input.mehr-button.no-script {
				display: none;
			}

			div#left-section div.article div.mehr {
				display: none;
			}
			
			div#left-section div.article div.mehr.no-script {
				display: block;
				padding-top: 30px;
			}

			div#left-section a.video-container {
				display: block;
				margin: 12px 0px 15px 0px;
				width: 470px;
				height: 360px;
			}

			div#left-section div.video-embedded {
				display: block;
				margin: 12px 0px 15px 0px;
			}

			div#left-section div#gallery {
				height: 340px; 
				margin: -29px 0px 0px -10px;
				text-align: center;
				width: 480px;
			}

			div#left-section div.tabular-table-container {
				margin: 10px 0px 10px 0px; 
				position: relative; 
				text-align: center; /* center talble in IE */
			}

				div#left-section div.tabular-table-container table {
					width: 470px;
				}

				div#left-section div.tabular-table-container tbody th {
					width: 11% !important; /* Fixes bug in IE8 */
				}

				div#left-section div.tabular-table-container td {
					width: 25%;
				}

			div#left-section div.centered-table-container { 
				margin: 20px 0px 20px 0px; 
			}

			div#left-section fieldset {
				border: 1px solid #696969;
				color: #696969;
				float: right;
				margin: -8px 0px 10px 0px;
				padding: 2px 4px 4px 4px;
				position: relative;
				width: 230px;
			}
			
				div#left-section fieldset span {
					display: block;
					font-size: 9px;
					text-align: justify;
				}
			
			div#left-section fieldset.floatleft,
			div#left-section fieldset.floatright {
				margin-bottom: 20px;
				width: 300px;
			}
			
			* html div#left-section fieldset.floatleft,
			* html div#left-section fieldset.floatright {
				width: 307px;
				display: inline;
			}
			
			div#left-section fieldset.double.floatleft,
			div#left-section fieldset.double.floatright {
				width: 200px;
			}
			
			/* html div#left-section fieldset.double.floatleft,
			* html div#left-section fieldset.double.floatright {
				width: 220px;
				
			}*/
			
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				div#left-section fieldset.double.floatleft,
				div#left-section fieldset.double.floatright {
					width: 220px;
				}
			}
			


			div#left-section fieldset legend {
				font-weight: normal;
				padding: 1px 5px 0px 5px; /* 1px FF fix & distance legend-text / top-right fieldset line */
			}
			
			div#left-section fieldset legend strong.pod-hour,
			div#left-section fieldset legend strong.pod-min {
				font-weight: normal;
			}
			
			div#left-section span.pod-txt {
				display: block;
				float: left;
				font-size: 10px;
				margin-top: 1px;
				text-align: justify;
				width: 220px;
			}
			
				div#left-section span.pod-txt a {
					font-size: 10px;
				}
				
		
		div#left-section div.article ul.items {
			padding-bottom: 20px;
		}		
				
		div#left-section div.article ul.items h4,
		div#left-section div.article ul.items h4 a {
			background: transparent;
			font-size: 14px;
			margin: 15px 0px 0px 0px;
		}
		
		div#left-section div.article div.mehr ul.items h4,
		div#left-section div.article div.mehr ul.items h4 a {
			background: #FFFFFF;
		}
		
		div#left-section div.article ul.items li.first h4,
		div#left-section div.article ul.items li.first h4 a {
			margin: 0px 0px 0px 0px;
		}
		
		div#left-section div.article ul.items span.source,
		div#left-section div.article ul.items span.source a {
			font-size: 10px;
			font-style: italic;
			margin-left: 1px;
			text-decoration: none;
		}
		
		div#left-section div.article ul.items p.info {
			background: transparent;
			line-height: 13px;
			margin: 3px 0px 0px 0px;
		}
		
		div#left-section div.article div.trafficcam.margin {
			margin: 0px 10px 0px 10px;
		}

		div#left-section div.article div.trafficcam {
			padding-top: 10px;
		}
		
		div#left-section div.article div.trafficcam a.trafficimg img {
			display: block;
			position: relative;
		}
		
		div#left-section div.article div.trafficcam a.trafficimg img {
			width: 150px;
		}
		
		div#left-section div.article div.trafficcam span {
			display: block;
			font-size: 9px;
		}
		
		div#left-section div.article div.trafficcam span.standort {
			font-size: 10px;
			font-weight: bold;
			padding-top: 3px;
		}

/*
############################################ [ENDOF] LEFT SECTION ############################################
*/

/* 
############################################ [BEGIN] MIDDLE SECTION ##########################################
*/
div#middle-section { 
	background: white;
	color: #696969;
	float: left;
	padding-bottom: 60px;
	position: relative;
	width: 334px; /* 500px + [334px] + 160px = 994px */
}

	div#middle-section fieldset {
		margin: 30px 24px 10px 10px;
		padding: 0px 10px 10px 10px;
	}
	
		div#webradio-popup fieldset legend span#airplay-leg-img,
		div#middle-section fieldset legend span#airplay-leg-img {
			background: url(../gfx/icons/legend.search-icon.png) no-repeat;
			margin-left: 2px; /* pulls legend-img to the fieldset line */
			padding-left: 38px; /* pushes legend-text inside */
		}
		
		div#webradio-popup fieldset legend span#freq-leg-img {
			background: url(../gfx/icons/legend.freq-icon-dark.png) no-repeat;
			margin-left: 0px; /* pulls legend-img to the fieldset line */
			padding-left: 32px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#freq-leg-img {
			background: url(../gfx/icons/legend.freq-icon-bright.png) no-repeat;
			margin-left: 0px; /* pulls legend-img to the fieldset line */
			padding-left: 32px; /* pushes legend-text inside */
		}
		
		div#top-section fieldset legend span#podcast-leg-img {
			background: url(../gfx/icons/legend.speaker-icon-ws.png) no-repeat;
			margin-left: 2px; /* pulls legend-img to the fieldset line */
			padding-left: 36px; /* pushes legend-text inside */
		}
		
		div#top-section fieldset legend span#comedy-leg-img {
			background: url(../gfx/icons/legend.comedy-icon.png) no-repeat;
			margin-left: 2px; /* pulls legend-img to the fieldset line */
			padding-left: 36px; /* pushes legend-text inside */
		}
		
		div#top-section fieldset legend span#sendeplan-leg-img {
			background: url(../gfx/icons/legend.sendeplan-icon.png) no-repeat;
			margin-left: 0px; /* pulls legend-img to the fieldset line */
			padding-left: 43px; /* pushes legend-text inside */
		}

		div#middle-section fieldset legend span#wetter-leg-img {
			background: url(../gfx/icons/legend.wetter-icon.png) no-repeat;
			margin-left: -2px; /* pulls legend-img to the fieldset line */
			padding-left: 40px; /* pushes legend-text inside */
		}

		div#middle-section fieldset legend span#email-leg-img {
			background: url(../gfx/icons/legend.email-icon.png) no-repeat;
			margin-left: -1px; /* pulls legend-img to the fieldset line */
			padding-left: 40px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#audio-leg-img {
			background: url(../gfx/icons/legend.speaker-icon.png) no-repeat;
			margin-left: 2px; /* pulls legend-img to the fieldset line */
			padding-left: 36px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#news-leg-img {
			background: url(../gfx/icons/legend.news-icon.png) no-repeat;
			margin-left: 5px; /* pulls legend-img to the fieldset line */
			padding-left: 39px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#tickets-leg-img {
			background: url(../gfx/icons/legend.tickets-icon.png) no-repeat;
			margin-left: 4px; /* pulls legend-img to the fieldset line */
			padding-left: 27px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#sport-leg-img {
			background: url(../gfx/icons/legend.sport-icon.png) no-repeat;
			margin-left: 0px; /* pulls legend-img to the fieldset line */
			padding-left: 32px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#mm-leg-img {
			background: url(../gfx/icons/legend.mm-icon.png) no-repeat;
			margin-left: 0px; /* pulls legend-img to the fieldset line */
			padding-left: 26px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#sms-leg-img {
			background: url(../gfx/icons/legend.sms-icon.png) no-repeat;
			margin-left: 0px; /* pulls legend-img to the fieldset line */
			padding-left: 26px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#links-leg-img {
			background: #FFFFFF url(../gfx/icons/legend.links-icon.png) no-repeat;
			margin-left: 3px; /* pulls legend-img to the fieldset line */
			padding-left: 36px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#money-leg-img {
			background: url(../gfx/icons/legend.money-icon.png) no-repeat;
			margin-left: 1px; /* pulls legend-img to the fieldset line */
			padding-left: 33px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#fussball-leg-img {
			background: url(../gfx/icons/legend.fussball-icon.png) no-repeat;
			margin-left: 1px; /* pulls legend-img to the fieldset line */
			padding-left: 33px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#facebook-leg-img {
			background: url(../gfx/icons/legend.facebook-icon.png) no-repeat;
			margin-left: 3px; /* pulls legend-img to the fieldset line */
			padding-left: 36px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#twitter-leg-img {
			background: url(../gfx/icons/legend.twitter-icon.png) no-repeat;
			margin-left: 5px; /* pulls legend-img to the fieldset line */
			padding-left: 121px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#jobs-leg-img {
			background: url(../gfx/icons/legend.jobs-icon.jpg) no-repeat;
			margin-left: 4px; /* pulls legend-img to the fieldset line */
			padding-left: 37px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#ombuds-leg-img {
			background: url(../gfx/icons/legend.ombuds-icon.jpg) no-repeat;
			margin-left: 4px; /* pulls legend-img to the fieldset line */
			padding-left: 30px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#excel-leg-img {
			background: url(../gfx/icons/legend.excel-icon.png) no-repeat;
			margin-left: 4px; /* pulls legend-img to the fieldset line */
			padding-left: 37px; /* pushes legend-text inside */
		}
		
		div#middle-section fieldset legend span#db-leg-img {
			background: url(../gfx/icons/legend.db-icon.png) no-repeat;
			margin-left: 0px; /* pulls legend-img to the fieldset line */
			padding-left: 34px; /* pushes legend-text inside */
		}

		div#middle-section fieldset.no-padding {
			padding: 0px !important;
		}

		div#middle-section fieldset.no-padding img#wetter-region-bern {
			width: 298px;
		}

			div#middle-section fieldset fieldset {
				border: 1px solid #696969;
				padding: 2px 4px 4px 4px;
				margin: 10px 10px 10px 10px;
				position: relative;
			}

			div#middle-section fieldset fieldset legend {
				color: #696969;
				font-weight: normal;
				margin-left:5px;
				padding-left: 5px;
			}
			
			div#middle-section fieldset fieldset span {
				display: block;
				font-size: 9px;
				text-align: justify;
			}
			
			div#middle-section fieldset fieldset span.pod-txt {
				margin-top: 2px;
			}
			
			div#middle-section fieldset fieldset legend strong.pod-hour,
			div#middle-section fieldset fieldset legend strong.pod-min {
				font-weight: normal;
			}

			div#middle-section fieldset a img.content-thumb {
				float: right;
				margin: 4px 0px 0px 10px;
				position: relative;
				width: 100px;
			}

			div#middle-section fieldset a img.content-img {
				margin: 0px 0px 15px 0px;
				position: relative;
				width: 278px;
			}

			div#middle-section div.tabular-table-container {
				text-align: center; /* center talble in IE */
			}

				div#middle-section div.tabular-table-container table {
					width: 300px;
				}

				div#middle-section div.tabular-table-container tbody th {
					width: 11% !important; /* Fixes bug in IE8 */
				}

				div#middle-section div.tabular-table-container td {
					width: 30%;
				}

				div#middle-section fieldset table.tabular {
					width: 278px;
				}
			
			div#middle-section fieldset div#studio-mail,
			div#middle-section fieldset div#album-erfassen,
			div#middle-section fieldset div#huebeli-form {
				display: none;
			}
			
			div#middle-section fieldset div#studio-mail.no-script,
			div#middle-section fieldset div#huebeli-form.no-script {
				display: block;
			}
			
			div#middle-section fieldset a.open-form-button {
				background: #F7F7F7;
				border: 1px solid #696969;
				color: #696969;
				display: block;
				font-size: 12px;
				/*height: 60px;*/
				margin-top: 7px;
				position: relative;
				text-decoration: none;
			}
			
			div#middle-section fieldset a.open-form-button:hover {
				background: #FAFAFA;
				border: 1px solid #696969;
				color: #363636;
			}
			
			div#middle-section fieldset a.open-form-button img {
				display: inline;
				margin-left: 5px;
				vertical-align: middle;
			}
			
			div#middle-section div#deleted-links {
				font-size: 10px;
				margin-top: 10px;
			}
			
			div#middle-section div#deleted-links p.success {
				color: #32CD32;
			}
			
			div#middle-section div#deleted-links a.deletedlink {
				color: #696969;
				text-decoration: line-through;
			}
			
			div#middle-section div#links-container a#delete-links {
				color: #696969;
				display: block;
				float: right;
				font-size: 10px;
				margin-top: 10px;
			}
			
			div#middle-section div#links-container a#delete-links:hover {
				color: #BE0000;
			}
			
			div#middle-section div#links-container table.centered {
				clear: both;
				margin-top: 10px;
				position: relative;
			}
			
				div#middle-section div#links-container table.centered td {
					vertical-align: middle;
				}
			
			div#middle-section a#load-more-links {
				background: #F7F7F7;
				border: 1px solid #696969;
				color: #696969;
				display: block;
				font-size: 12px;
				margin-top: 10px;
				padding: 4px;
				text-align: center;
			}
			
			div#middle-section a#load-more-links:hover {
				background: #FAFAFA;
			}
		
		div#middle-section div#adw-search {
			margin-top: 10px;
			min-height: 20px;
		}
		
		div#middle-section div#adw-search-results {
			height: 300px;
			margin: 10px 0px 15px 0px;
			overflow: auto;
		}
			
			div#middle-section table#adw-winner td,
			div#middle-section table#adw-winner td a {
				font-size: 10px;
			}
			
			div#middle-section table#adw-winner td.fat {
				padding-top: 7px;
			}
			
		div#middle-section div#album {
			margin-top: 10px;
		}
		
			div#middle-section div#album h3 {
				margin-bottom: 5px;
			}
		
			div#middle-section div#album a {
				float: left;
			}
			
			div#middle-section div#album a img {
				height: 85px;
			}
			
			div#middle-section div#album div.centered-table-container {
				float: right;
				width: 180px;
			}
			
				div#middle-section div#album div.centered-table-container td {
					vertical-align: middle;
				}
				
			div#middle-section div#album p {
				margin-top: 10px;
			}
		
		div#middle-section div#listen td {
			vertical-align: middle;
		}

			div#middle-section div#ticket-modul {
				height: 300px;
				overflow: hidden;
				position: relative;	
			}
			
				div#middle-section div#ticket-box div.verlosung {
					background: #FFFFFF;
					display: none;
					position: absolute;
				}

					div#middle-section div#ticket-box div.verlosung div.blackground {
						background: #000000;
						float: left;
						height: 120px;
						width: 120px;
						position: relative;
					}
			
					div#middle-section div#ticket-box div.verlosung a.event {
						background: #000000;
						display: block;
						float: left;
						height: 120px;
						position: relative;
						width: 120px;
					}
					
						div#middle-section div#ticket-box div.verlosung a.event img {
							height: 120px;
							width: 120px;
						}
					
					div#middle-section div#ticket-box div.verlosung ul {
						float: right;
						font-size: 12px;
						height: 128px;
						margin-top: -8px;
						position: relative;
						width: 148px;
					}
					
					 	div#middle-section div#ticket-box div.verlosung ul li {
					 		padding: 5px 0px 5px 0px;
					 		position: relative;
				 		}
				 		
				 			div#middle-section div#ticket-box div.verlosung ul li.buy {
				 				padding-bottom: 0px;
			 				}
				 		
				 			div#middle-section div#ticket-box div.verlosung ul li.buy.starticket,
				 			div#middle-section div#ticket-box div.verlosung ul li.buy.ticketcorner {
				 				padding: 0px;
				 			}
				 		
							div#middle-section div#ticket-box div.verlosung ul li.buy a {
								display: block;
								font-size: 12px;
								height: 26px;
							}
							
							div#middle-section div#ticket-box div.verlosung ul li.buy.starticket a {
								background: #FFFFFF url(../gfx/icons/logo.starticket.png) no-repeat;
								text-indent: -9999px;
							}
							
							div#middle-section div#ticket-box div.verlosung ul li.buy.ticketcorner a {
								background: #FFFFFF url(../gfx/icons/logo.ticketcorner.png) no-repeat;
								text-indent: -9999px;
							}
			 				
				 	div#middle-section div#ticket-box div.verlosung p {
				 		float: left;
				 		margin-top: 6px;
				 		position: relative;
			 		}
				
				/* header */
				div#middle-section div#ticket-box h3,
				div#middle-section div#ticket-box h3 a {
					font-size: 19px;
					font-weight: normal;
					margin: 0px 0px 10px 0px;
				}
				
				div#middle-section div#win-form {
					display: none;
				}
				
				div#middle-section div.box-nav { 
					/*display: none;
					height: 30px;
					margin: -3px 0px 0px 71px;
					padding: 0px 7px;*/
					margin-top: -3px;
					position: absolute;
					text-align: center;
					width: 280px;
				}
				
					/* tabs (those little circles below slides) */
					div#middle-section div.box-nav div.tabs { 
						background: #FFFFFF;
						height: 14px;
						margin: 7px auto 0px;
						padding: 0px 5px;
						position: relative;
						width: 28px; /* IE needs 10px more because of the 5px padding left/right */		
					}
					
						/* single tab */
						div#middle-section div.box-nav div.tabs a {
							background: url(../gfx/backgrounds/box-navdots.jpg) 0 0 no-repeat;
							display: block;
							font-size: 1px;	
							float: left;
							height: 8px;
							margin: 3px;
							position: relative;
							width: 8px;
						}
						
						/* mouseover state */
						div#middle-section div.box-nav div.tabs a:hover {
							background-position: 0 -8px;	  
						}
						
						/* active state (current page state) */
						div#middle-section div.box-nav div.tabs a.current {
							background-position: 0 -16px;	 
						} 
						
						
					/* prev and next buttons */
					div#middle-section div.box-nav a.forward, 
					div#middle-section div.box-nav a.backward {
						/*margin-top:140px;*/
						background:#fff url(../gfx/backgrounds/box-arrows.png) no-repeat;
						display: block;
						float: left;
						margin-top: -1px;
						width: 30px;
						height: 30px;
						cursor: pointer;
						font-size: 1px;
						position: relative;
						text-indent: -9999px;	
					}
					
					/* next */
					div#middle-section div.box-nav a.forward { 
						background-position: 0 -30px; 
						display: block; 
						margin: -8px 0px 0px 10px;
					}
					
					div#middle-section div.box-nav a.forward:hover { background-position:-30px -30px; }
					div#middle-section div.box-nav a.forward:active { background-position:-60px -30px; } 
					
					
					/* prev */
					div#middle-section div.box-nav a.backward { margin-right: 10px; }
					div#middle-section div.box-nav a.backward:hover { background-position:-30px 0; }
					div#middle-section div.box-nav a.backward:active { background-position:-60px 0; }
				
			/* THIS PART MAKES PROBLEMS IN OPERA - FIX IT */	
			div#middle-section fieldset div.scrollable.vertical {
				height: 330px;
				margin-top: 7px;
				overflow: hidden;
				position: relative;
			}
	
			div#middle-section fieldset div.scrollable ul.items {
				height: 20000em; /* this cannot be too large */
				position: absolute;
			}
	
			div#middle-section fieldset .scroller-wrap {
				height: 330px;
				overflow: hidden;
				position: relative;
			}
			
			/* single scrollable item */
			div#middle-section fieldset div.scrollable ul.items li {
				background: transparent;
				float:none;
				height: 110px;
				list-style: none;
				overflow: hidden; /* When the feed text is too long it covers the next items title */
			}
	
			div#middle-section fieldset div.scrollable ul.items li h5 {
				font-size: 10px;
				line-height: 13px;
				margin-left: 1px;
			}
	
			div#middle-section fieldset div.scrollable ul.items li h5 a {
				color: #666666;
				display: block;
				line-height: 13px;
				margin-bottom: -21px;
				text-decoration: none;
				padding: 0px 0px 20px 42px;
			}
	
			div#middle-section fieldset div.scrollable.no-script ul.items li h5 a {
				background: #FFFFFF url(../gfx/icons/scroller.bz_16px.png) no-repeat;
			}
	
			div#middle-section fieldset div.scrollable ul.items li h5 a.region {
				background: #FFFFFF url(../gfx/icons/scroller.region_32px.png) no-repeat; 
			}
	
			div#middle-section fieldset div.scrollable ul.items li h5 a.schweiz {
				background: #FFFFFF url(../gfx/icons/scroller.schweiz_32px.png) no-repeat;
			}
	
			div#middle-section fieldset div.scrollable ul.items li h5 a.ausland {
				background: #FFFFFF url(../gfx/icons/scroller.ausland_32px.png) no-repeat 3px 0px;
	
			}
	
			div#middle-section fieldset div.scrollable ul.items li span.source {
				color: #aaaaaa;
				font-size: 10px;
				font-style: italic;
				margin: 0px 0px 2px 42px;
			}
	
			div#middle-section fieldset div.scrollable ul.items li span.source a {
				color: #aaaaaa;
				font-size: 10px;
				text-decoration: none;
			}
	
			div#middle-section fieldset div.scrollable ul.items li p.info {
				color:#696969;
				font-size: 11px;
				line-height: 13px;
				margin: 3px 0px 0px 0px;
				text-align: justify;
			}
	
			div#middle-section fieldset div.scrollable ul.items li p.info a,
			div#middle-section fieldset div.scrollable ul.items li p.info a:visited {
				color:#3E4548;
				text-decoration: none;
			}
			
			div#middle-section div#twitter { 
				/*background: #FFFFFF url(../gfx/icons/twitter-bird.png) no-repeat top left;*/
				font-size: 11px;
				height: 100px;
				/*padding-left: 105px;*/
				vertical-align: middle;
			}
			
				div#middle-section div#twitter a img { 
					float: left;
				}
			
				div#middle-section div#twitter div.tweet { 
					float: right;
					padding-top: 15px;
					text-align: justify;
					width: 175px;
					word-wrap: break-word;
				}
				
					div#middle-section div#twitter div.tweet a {
						font-size: 11px;
					}

				div#middle-section div#twitter div.tweet-posted {
					float: right;
					font-size: 10px;
					font-style: italic;
					margin-top: 10px;
					text-align: right;
				}
				
			div#middle-section div#airplay-search form select {
				margin: 0px 8px 0px 0px;
			}
			
			div#middle-section div#airplay-search form select.last {
				margin: 0px;
			}
			
			div#middle-section div#airplay-search div#airplay-search-results {
				display: none;
				height: 300px;
				margin: 10px 0px 0px 0px;
				overflow: auto;
			}
			
			div#middle-section div#airplay-search div#airplay-search-results td.aleft.endrow {
				padding-bottom: 8px;
			}
			
					div#middle-section div#freq-search label {
						font-size: 12px;
					}
				
					div#middle-section div#freq-search div#freq-search-results {
						display: none;
						margin-top: 10px;
					}
					
						div#middle-section div#freq-search div#freq-search-results table.centered td.aleft {
							font-size: 23px;
							font-weight: bold;
							vertical-align: middle;
						}
						
		div#middle-section div#cams-container {
			display: none;
		}
						
		div#middle-section div.trafficcam.margin {
			margin: 0px 10px 0px 10px;
		}

		div#middle-section div.trafficcam {
			padding-top: 10px;
		}
		
		div#middle-section div.trafficcam a.trafficimg img {
			display: block;
			position: relative;
		}
		
		div#middle-section div.trafficcam a {
			width: 128px;
		}
		
		div#middle-section div.trafficcam a.trafficimg img {
			width: 128px;
		}
		
		div#middle-section div.trafficcam span {
			display: block;
			font-size: 9px;
			letter-spacing: -1px;
		}
		
		div#middle-section div.trafficcam span.standort {
			font-size: 10px;
			font-weight: bold;
			letter-spacing: 0px;
			padding-top: 3px;
		}

/* 
############################################ [ENDOF] MIDDLE SECTION ##########################################
*/

/* 
############################################ [BEGIN] RIGHT SECTION ###########################################
*/
div#right-section {
	background: #FFFFFF;
	/*clear: both;*/
	float: right;
	margin-top: -49px; /* Depending on active ads => margin-top: 0px/-49px */
	padding-bottom: 60px;
	position: relative;
	width: 160px; /* 500px + 334px + [160px] = 994px */
	z-index: 5;
}

	div#right-section div.modpic {
		display: block;
		margin: -110px 0px 0px 0px;
		position: absolute;
	}
	
	div#right-section div.modtxt {
		color: #FFFFFF;
		display: block;
		font-size: 10px;
		position: absolute;
		width: 160px;
		/*z-index: 20; /* Added with JavaScript, makes the Link crazy if always on... */
	}
		
		div#right-section div.modtxt span {
			display: block;
			margin: 3px 0px 0px 15px;
			position: absolute;
		}
		
		div#right-section div.modtxt span.mod {
			display: block;
			margin: 18px 0px 0px 15px;
			position: absolute;
		}
		
	div#right-section div#webradio div.centered-table-container {
		padding-bottom: 10px;
	}
	
	div#right-section h1 {
		background: url(../gfx/backgrounds/nav-bg.png) repeat-x;
		color: #FFFFFF;
		font-family: Tahoma, Helvetica, Arial, sans-serif;
		font-size: 17px;
		font-weight: bold;
		height: 55px;
		letter-spacing: 1px;
		margin: 0px; /* Aligning margin-left: -2px; of h1 tags makes problem if there is a background */
		position: relative;
		text-shadow: rgba(0,0,0,1.0) 1px 1px 3px; /* shadow color (using RGBA(lpha), right (x coordinate) and bottom (y coordinate) offset, blur radius */
		z-index: 15; /* put ribbon-shadow over left/right border of the module */
	}

	div#right-section h1.top {
		margin-top: -6px;
	}
	
	div#right-section h1.top span {
		/* opacity: 0 Set via jQuery */
	}

	div#right-section h1 span {
		margin: 9px 0px 0px 15px;
		position: absolute;
	}
	
	div#right-section h1.top a {
		color: #FFFFFF;
		display: block;
		font-weight: bold;
		height: 20px;
		position: relative;
		z-index: 25;
	}
	
	div#right-section h1.top a:hover {
		color: #E7E7E7;
	}

	div#right-section div.right-section-module {
		background: #FFFFFF; /* necessary to hide the skyscreaper-bottom-ad */
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		margin-top: -15px;
		margin-bottom: -6px;
		position: relative;
		width: 158px; /* 160px - 2px border */
		z-index: 10;
	}

			div#right-section div.right-section-module ul.links li {
				display: inline;
			}

			div#right-section div.right-section-module ul.links li.spacer {
				text-indent: -9999px;
			}

			div#right-section div.right-section-module ul.links li#active {
				background: #BE0000;
			}

			div#right-section div.right-section-module ul.links li a.current {
				color: #BE0000;
			}

			div#right-section div.right-section-module ul.links li#active a:hover {
				color: #FFFFFF;
				background: #BE0000;
			}

			div#right-section div.right-section-module ul.links li a {
				background: url(../gfx/backgrounds/arrow-444444.gif) no-repeat -50px 11px;
				color: #696969;
				cursor: pointer;
				display: block;
				font-size: 11px;
				padding: 5px 0px 5px 15px;
			}

			/*div#right-section div.right-section-module ul.links li a:hover {
				color: #444444;
				background: #E1E1E1;
				opacity: 0.7;
				-webkit-transition: opacity 0.4s linear;
			}*/

			div#right-section div.right-section-module table {
				border: 0px;
				font-size: 11px;
				padding: 0px 5px 0px 5px;
			}

				div#right-section div.right-section-module table th {
					border: 0px;
					padding: 5px 0px 5px 2px;
					text-align: left;
				}

				div#right-section div.right-section-module table td {
					font-size: 10px;
				}
				
				div#right-section div.right-section-module table td.mod {
					padding: 5px 0px 10px 0px;
					text-align: center;
				}
				
			
			div#right-section div.right-section-module p.text-blocksatz.padded {
				padding: 15px 15px 0px 15px;
			}
/* 
############################################ [ENDOF] RIGHT SECTION ##########################################
*/

/* 
############################################ [BEGIN] BOTTOM SECTION #########################################
*/
div#bottom-section {
	background: white;
	margin-bottom: 115px;
	position: relative;
}

	div#partner {
		height: 146px;
		width: 994px;
		overflow: hidden;
		position: relative;
	}
	
	* html div#partner {
		height: 164px;
	}

	div#bottom-section div.scrollable ul.items {
		display: block;
		margin: 4px 0px 0px 1px;
		position: absolute;
		width: 50000px; /* this cannot be too large */
	}

		div#bottom-section div.scrollable ul.items li {
			background: #ECECEC;
			border: 1px solid #D2D2D2;
			/*cursor: pointer;*/
			display: block;
			float: left;
			margin-right: 4px;
			padding: 3px;
			width: 237px;
		}

		div#bottom-section div.scrollable ul.items li.hover {
			border: 1px solid #FFFFFF;
		}

		div#bottom-section div.scrollable ul.items li div {
			background: #FFFFFF;
			height: 134px;
		}
		
		div#bottom-section div.scrollable ul.items li div.black {
			background: #000000;
			color: #FFFFFF;
		}
		
			div#bottom-section div.scrollable ul.items li div.black p,
			div#bottom-section div.scrollable ul.items li div.black strong {
				color: #FFFFFF;
			}
	
			div#bottom-section div.scrollable ul.items li h5 {
				line-height: 20px;
				margin: 0px 4px 0px 4px;
			}
	
			div#bottom-section div.scrollable ul.items li div p {
				line-height: 14px;
				margin: 0px 4px 0px 4px;
			}

			div#bottom-section div.scrollable ul.items li div a img.part {
				float: left;
				height: 134px;
				margin-right: 7px;
				text-align: center;
			}
	
			div#bottom-section div.scrollable ul.items li div a img.full {
				float: left;
				margin-bottom: 7px;
				width: 236px;
			}
	
			div#bottom-section div.scrollable ul.items li div a img.only {
				height: 134px;
				margin: 0 auto;
				text-align: center;
			}
/* 
############################################ [ENDOF] BOTTOM SECTION #########################################
*/


/* 
################################################ [BEGIN] FOOTER #############################################
*/

div#footer { 
	height: 200px;
	color: #333;
	margin: -100px auto 0 auto; /* FooterStickAlt - bring footer back in sight */
	background: #E7E7E7;
	position: relative; /* FooterStickAlt */
}

	div#footer p { 
		margin-top: 15px; 
		padding-top: 15px;
		text-align: center;
	}
	
	div#footer div#partner-websites ul {
		padding: 15px;
		text-align: justify;
	}
	
	div#footer div#partner-websites li a {
		color: #696969;
		font-size: 10px;
		position: relative;
	}
	
	div#footer div#partner-websites li a:hover {
		color: #EE0000;
	}
	
	div#footer div#partner-websites li.label {
		display: block;
		float: none;
		font-size: 10px;
		font-weight: bold;
		position: relative;
		width: 110px;
	}
	
/* 
################################################ [ENDOF] FOOTER #############################################
*/

div#overlay {
	background: url(../gfx/overlay/white.png) no-repeat; /* "growing" background image */
	color: #efefef;
	display: none;
	height: 470px;
	width: 600px;
}

	div#overlay div.close {
		background: url(../gfx/overlay/close.png) no-repeat;
		cursor: pointer;
		height: 28px;
		position: absolute;
		right: 7px;
		top: 9px;
		width: 28px;
	}

	div#overlay div#overlay-content {
		height: 355px;
		margin: 35px;
		overflow-y: auto !important; /* display vertical scrollbar if needed */
		padding: 20px;
		position: relative;
	}
	
		div#overlay div#overlay-content h2 {
			text-align: left;
		}
	
		div#overlay div#overlay-content div {
			height: 100%;
			position: relative;
		}
		
			div#overlay div#overlay-content div div.time {
				height: 48px;
				position: relative;
				text-align: left;
			}
			
				div#overlay div#overlay-content div div.time span {
					color: #555555;
					display: block;
					font-size: 12px;
					padding: 16px 0px 0px 55px;
					position: relative;
				}
		
				div#overlay div#overlay-content div div.time span.twospans {
					padding: 6px 0px 0px 55px;
				}
				
				div#overlay div#overlay-content a.text-rechts {
					margin-top: -33px;
					position: relative;
					z-index: 20;
				}
		
		div#overlay div#overlay-content div.overlay-capital-morge {
			background: url(../gfx/overlay/overlay.morge.jpg) no-repeat;
		}
		
			div#overlay div#overlay-content div.overlay-capital-morge div.time {
				background: url(../gfx/icons/sendungen.clock-morgen.png) no-repeat;
			}
			
		div#overlay div#overlay-content div.overlay-capital-info {
			background: url(../gfx/overlay/overlay.info.jpg) no-repeat;
		}
		
			div#overlay div#overlay-content div.overlay-capital-info div.time {
				background: url(../gfx/icons/sendungen.clock-mittag.png) no-repeat;
			}
			
		div#overlay div#overlay-content div.overlay-klassiker-und-hits {
			background: url(../gfx/overlay/overlay.klassiker.jpg) no-repeat;
		}
		
			div#overlay div#overlay-content div.overlay-klassiker-und-hits div.time {
				background: url(../gfx/icons/sendungen.clock-vormittag.png) no-repeat;
			}
			
		div#overlay div#overlay-content div.overlay-simon-stalder-show {
			background: url(../gfx/overlay/overlay.stshow.jpg) no-repeat;
		}
		
			div#overlay div#overlay-content div.overlay-simon-stalder-show div.time {
				background: url(../gfx/icons/sendungen.clock-abend.png) no-repeat;
			}
			
		div#overlay div#overlay-content div.overlay-die-weekend-show {
			background:  url(../gfx/overlay/overlay.weekendshow.jpg) no-repeat;
		}
		
			div#overlay div#overlay-content div.overlay-die-weekend-show div.time {
				background: url(../gfx/icons/sendungen.clock-abend.png) no-repeat;
			}
			
		div#overlay div#overlay-content div.overlay-wop-bop-a-loo-bop-popup {
			background:  url(../gfx/overlay/overlay.wopbopaloobop.jpg) no-repeat;
		}
		
			div#overlay div#overlay-content div.overlay-wop-bop-a-loo-bop-popup div.time {
				background: url(../gfx/icons/sendungen.clock-nachmittag.png) no-repeat;
			}

.event-list {
	border: 1px solid #969696;
}

.event-list li {
	list-style-type: none;
	background: #e3e3e3;
	border-bottom: 1px solid #969696;
	font-size: 11px;
	padding: 10px 3px;
}

.event-list li.alt {
	background: #d5d5d5;
}

.event-list li.last {
	border-bottom: none;
}

.event-list li div.day {
	/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;*/
	float: left;
	text-align: center;
	font-weight: bold;
	height: 30px;
	width: 35px;
	color: #363636;
	border-right: 1px solid #969696;
	margin-right: 5px;
	padding-right: 2px;
	line-height: 12px;
	font-size: 11px;
}
	
.event-list li div.day span {
	display: block;
	font-size: 10px;
	margin-top: 3px;
}

.event-list li div.day span span {
	display: block;
	font-size: 11px;
	margin: -1px 0px 0px -1px;
}

.event-list li span {
	display: block;
	font-size: 11px;
	margin-top: 2px;
}

.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

	.rainbow span {
		position: absolute;
		top: 0;
		left: 1px;
		display: block;
		xwhite-space: nowrap;
		}
	
	a .rainbow span {
		white-space: nowrap;
		}

.rainbows-highlight {
	color: #fff !important;
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 2;
	}

.rainbows-shadow {
	color: #000 !important;
	display:block;
	position: absolute;
	top: 1px;
	left: 2px; 
	z-index: 3;
	}