body, html
		{
		margin: 0 ;
		padding:  0;
		font-family: Arial;
		font-size: 12px;
		height: 100%;	
		background: #ddd;
		}
		
a, img
		{
		border: none;
		}
		
		

/**
 * Open Interactive Logo.
 */ 

#openinteractive
		{
		position: absolute;
		top: 7px;
		right: 10px;
		width: 70px;
		height: 15px;
		}
		

#openinteractive a
		{
		display: block;
		width: 65px;
		height: 15px;
		text-indent: -999px;
		overflow: hidden;
		text-decoration: none;
		background: url(../images/open-white.png) no-repeat center center;
		}
		
#openinteractive a:hover
		{
		background: url(../images/open-white-hover.png) no-repeat center center;
		}

		
/**
 * Content Container.
 */
 
#backgroundContainer,
#oldBackgroundContainer,
#contentFadingBackgroundContainer
		{
		position: fixed;
		height: 100%;
		width: 100%;
		/*background-image: url(../images/00/bg2000.jpg);*/
		background-repeat: repeat;
		background-position: bottom right;		
		top: 0;
		left: 0;
		}
		
#titleHeader img
		{
		cursor: pointer;
		}
		
#Content
		{
		width: 100%;
		height: 100%;
		}
		
#stripes
		{
		position: relative;
		background-image: url('../images/bg-lines.png');
		background-repeat: no-repeat;
		height: 100%;
		}
		
#contentWrapper
		{
		height: 100%;
		margin: 0 0 0 45px;
		}
		
/**
 * Navigation.
 */
 
#NavigationHeader
		{
		padding: 0 0 30px 45px;
		}
		
#NavigationHeader img
		{
		position: relative;
		}
		
ul#ReferenceNavigation, ul#SiteNavigation, ul#ReferenceNavigationShadow
		{
		position: relative;
		top: 16px;
		left: 0px;
		list-style: none inside;
		margin: 0;
		padding: 0;
		}
		
ul#ReferenceNavigation li, ul#SiteNavigation li, ul#ReferenceNavigationShadow li
		{
		position: relative;
		display: inline;
		margin: 0;
		padding: 0;	
		}
		
ul#ReferenceNavigation li img, ul#SiteNavigation li img
		{
		cursor: pointer;	
		}

		
		
/**
 * Text-Content.
 */
 
.textContent 
		{
		margin: 0 0 0 45px;
		width: 730px; /* Changed from 700px to 730px because we need more space in /sendungen */
		color: #333333;
		}
		
.textContent .date
		{
		color: #868686;
		}

.textContent a
		{
		color: #c00;
		text-decoration: none;
		}

.textContent .titleImage
		{
		margin: 0 0 0 -30px;
		}
		
#textContainer
		{
		position: relative;
		left: -30px;
		padding-left: 30px;
		height: 0px;
		margin-bottom: 50px;
		}
		
		

.textContent h1,
.textContent p
		{
		/* Set margin top to 0 to avoid animation flickering. */
		margin-top: 0;
		}
		
		
.textContent h1,
.textContent h2
		{
		position: relative;
		left: -30px;


		color: #fff;
		font-family: "HelveticaNeue-UltraLight","Helvetica Neue Ultra Light","Helvetica Neue", sans-serif;
		font-weight: 100;
		}
		
.textContent h1
		{
		margin-bottom: 0.3em;
		font-size: 30px;
		}
		
.textContent h2
		{
		margin-bottom: 0.4em;
		font-size: 20px;
		color: #000;
		}
		
.textContent p
		{
		line-height: 1.6;
		
		}
	
.textContent ul
		{
		padding: 0;
		margin: 0;
		}
		
.textContent ul li
		{

/*		list-style-image: url(../images/bullet.png);
		list-style-position: inside;
*/
		margin: 0;
		padding: 0 0 0 17px;
		list-style: none;
		background: url(../images/bullet.png) no-repeat center left;
		line-height: 1.6;
		}
	
.textContent .newsNavigation
		{
		padding-top: 10px;
		position: absolute;
		width: 500px;
		bottom: 0;

		height: 82px;
		}
	
	
.textContent a.next,
.textContent a.prev,
.textContent a.rss
		{
		position: absolute;
		display: block;
		height: 32px;
		padding-top: 20px;
		}

.textContent a.back
		{
		display: block;
		height: 32px;
		padding-top: 20px;
		}
		
.textContent a.next,
.textContent a.prev
		{
		top: 0;
		}
		
.textContent a.rss
		{
		bottom: 0;
		}
		
.textContent a.prev
		{
		padding-right: 45px;
		background: url(../images/arrow/right-p.png) no-repeat center right;
		right: 200px;
		}
		
.textContent a.prev:hover
		{
		background-image: url(../images/arrow/right-o.png);
		}
		
.textContent a.next,
.textContent a.back
		{
		padding-left: 45px;
		background: url(../images/arrow/left-p.png) no-repeat center left;
		left: 0;
		}
		
.textContent a.next:hover,
.textContent a.back:hover
		{
		background-image: url(../images/arrow/left-o.png);
		}
		
.textContent a.rss
		{
		padding-left: 45px;
		background: url(../images/rss-p.png) no-repeat center left;
		left: 0;
		}

.textContent a.rss:hover
		{
		background-image: url(../images/rss-o.png);
		}
		
.textContent #newsFeed
		{
		position: relative;
		height: 475px;
		}

.textContent .newsItem 
		{
		position: relative;
		width: 700px;	
		}
		
		
.textContent .newsItem 
		{
		padding-bottom: 16px;
		}
		
.textContent .newsItem h2
		{
		margin-top: 0;
		}
		
.textContent .pubDate
		{
		color: #999;
		}
		
.textContent .newsItem .more
		{
		padding-left: 0.2em;
		}


/**
 * Loader.
 */

#footer
		{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 30px;
		background-image: url('../images/footer-bg.png');
		overflow: hidden;	
		} 

#footer ul
		{
		margin: 0;
		padding: 0 0 0 45px;			
		white-space: nowrap;
		} 
#footer li
		{
		margin: 0;
		padding: 8px 0 0 8px;	
		display: block;
		float: left;
		} 
		
#footer li a
		{
		color: #898989;	
		font-weight: normal;
		font-size: 10px;
		text-transform: uppercase;	
		text-decoration: none;
		}
	
#footer li span
		{
		position: relative;
		top: -3px;
		font-size: 10px;
		color: #777;
		padding-left: 6px;
		}
	
#footer .logo
		{
		position: absolute;
		bottom: 0;
		right: 0;
		}
	
		

/**
 * Bottom content container.
 */		

#contentBottom
		{
		position: fixed;
		bottom: 0;
		height: 0;
		width: 100%;
		background-color: #000;
		color: #aaa;
		padding-top: 30px;
		}
		
#contentBottom a
		{
		color: #fff;
		text-decoration: none;
		}

#contentBottom .container
		{
		padding-left: 52px;
		padding-top: 22px;
		font-size: 11px;
		}

#contentBottom .container p
		{
		margin-top: 0;
		padding-top: 0;
		}

#contentBottom.links .container a
		{
		margin-right: 15px;
		white-space: nowrap;
		}
		
		
#contentBottom .container .left
		{
		float: left;
		width: 403px;
		margin-right: 20px;
		}
		
#contentBottom .container .right
		{
		float: left;
		}
		
#contentBottom .imprint .c1,
#contentBottom .imprint .c2,
#contentBottom .imprint .c2
		{
		float: left;
		white-space: nowrap;
		}


#contentBottom .imprint .c1
		{
		width: 200px;
		}
		
#contentBottom .imprint .c2
		{
		width: 200px;
		}
		
#contentBottom .imprint .c3
		{
		}


		
#contentBottom .container
		{
		display: none;
		}
		
#contentBottom.visible .container
		{
		display: block;
		}

/**
 * Loader.
 */
 
#Loader
		{
		z-index:1000;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		opacity: .25;
		filter: alpha(opacity=25);	
		-moz-opacity:0.25;
		}
		
#Loader img
		{
		z-index: 1005;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -25px 0px 0px -25px;
		}
		
		
/** 
 * Lightbox.
 */

#imageData #bottomNavClose
		{
		position: relative;
		right: 10px;
		}
		
#lightbox #prevLink
		{
		position: relative;
		left: -10px;
		}
		
#lightbox #nextLink
		{
		position: relative;
		right: -10px;
		}
		
		
/** 
 * Sendungen.
 */

.reflex-sendung-container
		{
		padding-top: 10px;
		height:150px;
		width: 750px;
		}
.reflex-sendung
		{
		position: relative;
		display: block;
		float: left;
		background: url(../content/sendungen/images/back.png) no-repeat bottom left;
		height: 144px;
		width: 185px;
		}


.reflex-sendung img
		{
		position: absolute;
		z-index: 1;
		width: 175px;
		height: 124px;
		border: 0;
		}
		
.reflex-sendung img.reflex
		{
		z-index: 0;
		top: 0;
		left: 0;
		}
		
.reflex-sendung span
		{
		position: absolute;
		bottom: 3px;
		left: 15px;
		color: #fff;
		font-size: 12px
		}
		
		
/**
 * Kontakt
 */

.contact-form
		{
		position: absolute;
		top: 40px;
		border-top: 1px solid #000;
		}
		
.contact-form .column
		{
		position: relative;
		width: 175px;
		height: 70px;
		float: left;
		}
		
.contact-form .column .top
		{
		position: absolute;
		width: 175px;
		top: 0;
		}
		
.contact-form .column .bottom
		{
		position: absolute;
		width: 175px;
		bottom: 0;
		}

		
.contact-form .column label
		{
		display: block;
		color: #666;
		text-transform: uppercase;
		font-size: 10px;
		}
		
.contact-form .column input
		{
		font-size: 11px;
		color: #eee;
		background-color: #333;
		line-height: 1;
		margin: 0;
		padding: 3px 5px;
		border: 0;
		outline: 0;
		border: 1px solid #333;
		}

.contact-form .column-msg
		{
		width: 370px;
		}
		
.contact-form .column-msg .msg
		{
		position: absolute;
		top: 0;
		width: 340px;
		}
		
.contact-form .column .msg textarea
		{
		width: 340px;
		height: 50px;
		color: #eee;
		background-color: #333;
		margin: 0;
		padding: 4px 5px;
		border: 0;
		outline: 0;
		border: 1px solid #333;
		}
		
.contact-form label span
		{
		color: #c00;
		}
		
.contact-form .error
		{
		border-color: #c00 !important;
		}
		
		
		
/**
 * Fading the content produces ugly results in IE7.
 * We work around this problem by duplicating the background image
 * into a container which lies between the content and the rest (navigation footer).
 * This image then can be faded in (content fade out) or out (content fade in).
 */

#titleHeader 
		{
		position: relative;
		z-index: 89;
		}
		
#NavigationHeader
		{
		position: relative;
		z-index: 89;
		}

#contentBottom
		{
		z-index: 89;
		}

#contentFadingBackgroundContainer
		{
		z-index: 88;
		}

#textContainer
		{
		z-index: 87;
		}