/*
##############################################################################################################
#	 _             _                                    _                    _          _                #
#       | |           |_|                                  | |                  | |        | |		     #
#     __| |  ___  ___  _   __ _  _ __      __ _  _ __    __| |    ___  ___    __| |  ___   | |__   _   _     #
#    / _  | / _ \/ __|| | / _  || '_ \    / _  || '_ \  / _  |   / __|/   \  / _  | / _ \  |  _ \ | | | |    #
#   | |_| ||  __/\__ \| || |_| || | | |  | |_| || | | || |_| |  | |__( (_) )| |_| ||  __/  | |_) || |_| |    #
#   \___,_|\____||___/|_|\___, ||_| |_|  \___,_||_| |_|\___,_|  \____|\___/ \___,_|\____|  |____/ \___, |    #
#  		 	   __/ |                                                                    __/ |    #
#  			  |___/                                                                    |___/     #
#	 					     _  _                   				     #
#						    | ||_|                  				     #
#				___ __  __ ___    __| | _  _ __    ___  ____			 	     #
#			       / _ \\ \/ //   \  / _  || || '_ \  / _ \|_  /				     #
#			      |  __/ )  (( (_) )| |_| || || | | ||  __/ / / 				     #
#			      \____|/_/\_\\___/ \___,_||_||_| |_|\____|/___|				     #
#                              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 {
	background: transparent;
	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; }
.italic { font-style: italic;}
.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 */
}
.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: #000000; /* normal link color */
	font-size: 14px; /* 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-left: 4px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}

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 */
}

h1, h2, h3, h4, h5, h6 { 
	color: #000000;
	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: 20px !important; line-height: 28px; } /* main headings */
h2, h2 a { font-size: 17px; line-height: 25px; }
h3, h3 a { font-size: 15px; line-height: 22px; }
h4, h4 a { font-size: 14px; line-height: 20px; }
h5, h5 a { font-size: 13px; line-height: 30px; }
h6, h6 a { font-size: 11px; font-weight: normal; line-height: 16px; }

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

fieldset {
	border: none;
	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: #000000;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 8px; /* distance to the next paragraph */
	text-align: justify; /* I just like it... */
}

p a { font-size: 15px; }

p a:after {
	content: " [Link auf: " attr(href) "] ";
}

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: #555555; }

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

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;
}

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: 13px; 
		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: 13px;
	}

	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: 13px;
		font-weight: normal;
	}

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

			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;
				}


div.formfield-container {
	display: none;
}



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 { 
	border: 1px solid black;
	background: #FFFFFF;
	margin: 0 auto;
	/*min-height: 100%; /* FooterStickAlt */
	/* outline: 1px solid red; */
	padding: 20px;
	position: relative; /* FooterStickAlt */
	text-align: left;
	width: 834px; /* 500px + 334px + 160px = [994px] */
}

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

/*
############################################### [BEGIN] ADS ##################################################
*/
div.ads {
	display: none;
}
/*
############################################### [ENDOF] ADS ##################################################
*/
/*
############################################### [BEGIN] HEADER ###############################################
*/

div#ad-header {
	display: none;
}

div#header {
	display: none;
}

img.print {
	display: block;
	/*float: left;*/
	position: relative;
}
/*
############################################### [ENDOF] HEADER ###############################################
*/
/* 
############################################### [BEGIN] NAV ##################################################
*/
div#nav {
	display: 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 {
		display: none;
	}

	div#top-section div#podcasts-module {
		display: none; 
	}
							
	div#top-section div#comedy-module {
		display: none;
	}


	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 {
			display: none;
		}
		
	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;
	}

/*
############################################ [ENDOF] TOP SECTION #############################################
*/


/*
############################################ [BEGIN] LEFT SECTION ############################################
*/
div#left-section { 
	background: white;
	color: #696969;
	float: left;
	padding-bottom: 60px;
	position: relative;
	width: 834px; /* [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#team { 
		clear: both; 
		position: relative;
	}

	div#left-section div#team 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#team h4.expand a { 
			color: #363636;
			display: block; 
		}
		
		div#left-section div#team 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 div a img {
				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 {
						margin: 36px 0px 0px 10px;
						position: relative;
					}
					
					div#left-section div.collapse div div.teaminfo span {
						font-size: 11px;
						margin: 10px 0px 0px 10px;
						position: relative;
					}
	
	div#left-section div#team p.switch {
		background: #FAFAFA;
		border: 1px solid #969696;
		padding: 3px;
		position: relative; 
		float: right;
	}

		div#left-section div#team p.switch a {
			color: #363636;
		}
		
		div#left-section div#team p.switch a:hover, 
		div#left-section div#team p.switch a:focus, 
		div#left-section div#team 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 {
		color: #000000 !important;
		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: none;
		}
			

		div#left-section div.article h1.article-header {
			background: url(../gfx/backgrounds/article-header.png) no-repeat;
			font-size: 20px;
			line-height: 30px;
			font-weight: bold;
			margin: 0px 0px 20px -20px; /* left positions the article band */
			height: 70px;
			position: relative;
			width: 834px;
			z-index: 0; /* main article title over subtitle */
		}
		
		div#left-section div.article h1.article-header a:after {
			content: " [Link auf: " attr(href) "] ";
		}

		div#left-section div.article h1.article-header span {
			color: #363636;
			margin: 7px 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: 15px !important;
			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: -2px;
			}

			div#left-section div.article img.content-thumb {
				float: right;
				margin: 4px 0px 0px 10px;
				position: relative;
				width: 150px;
			}
			
			div#left-section div.article div.article-audio {
				display: none;
			}

			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 {
				display: none;
			}

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

			div#left-section div.article div.mehr {
				display: block;
			}

			div#left-section a.video-container {
				display: none;
			}

			div#left-section div.video-embedded {
				display: none;
			}

			div#left-section div#gallery {
				display: none;
			}

			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: 30%;
				}

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

			div#left-section fieldset {
				border: none;
				color: #696969;
				float: right;
				margin: -8px 0px 10px 0px;
				padding: 2px 4px 4px 4px;
				position: relative;
				width: 230px;
			}

			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 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 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;
		}

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

/* 
############################################ [BEGIN] MIDDLE SECTION ##########################################
*/
div#middle-section { 
	display: none;
}

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

/* 
############################################ [BEGIN] RIGHT SECTION ###########################################
*/
div#right-section {
	display: none;
}
/* 
############################################ [ENDOF] RIGHT SECTION ##########################################
*/

/* 
############################################ [BEGIN] BOTTOM SECTION #########################################
*/
div#bottom-section {
	display: none;
}

/* 
############################################ [ENDOF] BOTTOM SECTION #########################################
*/


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

div#footer { 
	display: none;
}
	
/* 
################################################ [ENDOF] FOOTER #############################################
*/

	div.print {
		border: 3px solid black;
		display: visible !important;
		height: 44px;
		margin: 40px auto 0px auto;
		padding: 20px;
	}
	
		div.print p {
			font-size: 16px;
			font-weight: bold;
		}