@charset "utf-8";
/* Main Classes */
* {
	padding:0px;
	margin:0px;
}
body, html { height: 100% }

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
	font-family: Arial, Helvetica, sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #000;
	margin:0px 0px 0px 0px;
 	/*/*/margin:0px 0px 0px 0px;/**/	
}

body { 
	font-size: 100.01%;
	color: #000;
	text-align: center;
	background-color: #fff;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/********* Fonts ***************/

div, p, a, th, tr, td, span, label, li {
	font-size: 13px;
	color:#fff;
	text-align:left;		
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
td{
	vertical-align:middle
}
p{
	padding: 10px 0px 0px 0px;
	line-height: 20px;
}
a{
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active{
	text-decoration:underline;
}
a { outline : none; -moz-user-focus: none; -moz-outline: none; }
h1	{ font-size:13px; color:#fff; font-weight:bold; line-height:20px; text-transform:uppercase;}
h2	{ font-size:13px; color:#fff; font-weight:bold; line-height:20px; text-transform:uppercase;}
h3	{ font-size:14px; color:#fff; font-weight:bold; line-height:14px; }
h4 	{ font-size:11px; color:#fff; font-weight:bold; line-height:11px; }
h5 	{ font-size:11px; color:#fff; font-weight:bold; line-height:11px; }
h6	{ font-size:11px; color:#fff; font-weight:bold; line-height:9px; }

h1  { padding: 0px 0px 0px 0px; }
h2  { padding: 0px 0px 0px 0px; }
h3	{ padding: 0px 0px 0px 0px; }
h4	{ padding: 0px 0px 0px 0px; }
h5	{ padding: 0px 0px 0px 0px; }
h6	{ padding: 0px 0px 0px 0px; }

img, fieldset{
	border: none;
}
p sup{
	font-size: 9px;
	vertical-align:text-top;
}
a.ticker-text{
	text-transform:uppercase;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}
/* ***************************************************************************************/

.darkblue {
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	color:#022b56;
	line-height:15px; 
}
.black {
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	color:#000;
	line-height:15px; 
}
.white {
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	color:#fff;
	line-height:15px; 
}
/********* Main Classes ***************/
#root{
	margin-left: -499px;
	margin-top:  -280px;
	position:absolute;
	top: 50%;
	left: 50%;
	width: 998px;
	min-width: 998px;
	max-width: 998px;
	height: 560px;
	min-height: 560px;
	max-height: 560px;
	overflow: hidden;
}

#main{
	width: 998px;
	min-width: 998px;
	max-width: 998px;
	height: 560px;
	min-height: 560px;
	max-height: 560px;
	text-align: left;
	overflow: hidden;
}

#head{
	display: block;
	height: 158px;
	min-height: 158px;
	max-height: 158px;	
}
/*#logo{
	display: block;
	float:left;
	width: 342px;
	min-width: 342px;
	max-width: 342px;	
	height: 50px;
	min-height: 50px;
	max-height: 50px;	
	padding: 108px 0px 0px 0px;
}*/
#logo{
	display: block;
	float:left;
	width: 300px;
	min-width: 300px;
	max-width: 300px;	
	height: 50px;
	min-height: 50px;
	max-height: 50px;	
	padding: 108px 0px 0px 0px;
}
/*#language{
	display: block;
	float:left;
	width: 58px;
	min-width: 58px;
	max-width: 58px;	
	height: 22px;
	min-height: 22px;
	max-height: 22px;	
	padding: 136px 0px 0px 0px;
}*/
#language{
	display: block;
	float:left;
	width: 100px;
	min-width: 100px;
	max-width: 100px;	
	height: 22px;
	min-height: 22px;
	max-height: 22px;	
	padding: 136px 0px 0px 0px;
}
#language a{
	padding-left:14px;
	font-size: 11px;
}
#navigation{
	display: block;
	float:left;
	width: 598px;
	min-width: 598px;
	max-width: 598px;	
	height: 158px;
	min-height: 158px;
	max-height: 158px;
	position:relative;
	overflow: hidden;
}
#content-area{
	display: block;
	width: 998px;
	min-width: 998px;
	max-width: 998px;	
	height: 381px;
	min-height: 381px;
	max-height: 381px;	
}
#margin-area{
	display: block;
	float:left;		
	width: 100px;
	min-width: 100px;
	max-width: 100px;	
	height: 381px;
	min-height: 381px;
	max-height: 381px;	
	overflow: hidden;
}
#margin-content{
	display: block;
	width: 100px;
	min-width: 100px;
	max-width: 100px;	
	height: 381px;
	min-height: 381px;
	max-height: 381px;	
	position:relative;
	overflow: hidden;
}
#poweredby{
	position:absolute;
	margin-top: 272px;
	display: block;
	width: 100px;
	min-width: 100px;
	max-width: 100px;	
	height: 105px;
	min-height: 105px;
	max-height: 105px;	
	overflow: hidden;
}
#maincontent{
	display: block;
	float:left;
	width: 898px;
	min-width: 898px;
	max-width: 898px;	
	height: 381px;
	min-height: 381px;
	max-height: 381px;
	position: relative;
	overflow: hidden;	
}
#bottom{
	display: block;
	width: 998px;
	min-width: 998px;
	max-width: 998px;	
	height: 21px;
	min-height: 21px;
	max-height: 21px;	
}
#imprint{
	display: block;
	float:left;
	width: 100px;
	min-width: 100px;
	max-width: 100px;	
	height: 21px;
	min-height: 21px;
	max-height: 21px;
}
/********* Ticker ***************/
#ticker{
	display: block;
	float:left;
	width: 893px;
	min-width: 893px;
	max-width: 893px;	
	height: 21px;
	min-height: 21px;
	max-height: 21px;
	overflow: hidden;
	color:#000;
}
#ticker a{
	color: #000;
}
#NewsTicker {
	height: 21px;
	display: block;
	position: relative;
	overflow: hidden;	
}
#TickerHorizontal {
	height: 21px;
	width: 5893px;
	min-width: 5893px;
	max-width: 5893px;	
	list-style: none;
	margin: 0;
	padding: 0;
}
#TickerHorizontal li {
	float:left;
	color: #000;
	text-align: left;
	font-size: 16px;
	margin: 0;
	padding: 2px 5px 0px 0px;
	white-space:nowrap;
}
#TickerHorizontal li a{
	color: #000;
}
/********* Visuals ***************/
#box1{
	position:absolute;
}
#box1 span img{
	display: none;
}
#box1 span#visual1 img{
	display: block;
}
.visuals{
	position:relative;
	width:893px;
	height:391px;
	overflow:hidden;
}
.visuals img{
	position:absolute;
	display:block;
	border:none;
}

/* ***************************************************** */
/*                   Top-Navigation                      */
/* ***************************************************** */

#mainnav{
	list-style: none;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	width: 598px;
	min-width: 598px;
	max-width: 598px;
	margin: 0px;
	padding: 13px 0px 0px 37px;
}
#mainnav li{
	float:left;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	white-space:nowrap;
}
#mainnav li a{
	float: left;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
}
#mainnav li span{
	float: left;
	width: 1px;
	height: 19px;
	min-height: 19px;
	max-height: 19px;
	overflow: hidden;
}
#sub-navigation{
	background:url(../img/assets/bg_subnav_c83175a.gif) no-repeat;
	height: 126px;
	min-height: 126px;
	max-height: 126px;
	width: 598px;
	min-width: 598px;
	max-width: 598px;
	margin: 0px;
	overflow:hidden;
}

#sub-navigation ul li {
list-style-type: none;
}

#navigation-container{
	position:absolute;
	width: 598px;
	min-width: 598px;
	max-width: 598px;	
	overflow:hidden;
	top: 0px;
}
/* ***************************************************** */
/*                   Sub-Navigation                      */
/* ***************************************************** */
#subnav{
	list-style: none;
	width: 598px;
	min-width: 598px;
	max-width: 598px;
	margin: 0px;
	overflow:hidden;
	padding: 10px 0px 0px 0px;
}
#subnav li{
	height: 15px;
	min-height: 17px;
	max-height: 17px;
	padding: 0px;
	margin: 0px;
	padding-left:37px;
}
#subnav li a{
	float:left;
	height: 15px;
	min-height: 15px;
	max-height: 15px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}
#thirdnav{
	float:left;
}
#thirdnav li{
	float:left;
	padding-left:0px;
}



/* ***************************************************** */
/*                   Content                             */
/* ***************************************************** */

#content-container{
	position:absolute;
	background:url(../img/assets/bg_content_c83175a.png) no-repeat;
	width: 553px;
	min-width: 553px;
	max-width: 553px;	
	height: 314px;
	min-height: 314px;
	max-height: 314px;	
	overflow:hidden;
	z-index: 10;
	margin-left: 300px;
}
#button-section{
	display: block;
	position:absolute;
	width: 31px;
	min-width: 31px;
	max-width: 31px;	
	height: 17px;
	min-height: 17px;
	max-height: 17px;
	padding: 4px 0px 0px 8px;	
	margin-left: 300px;	
	z-index: 15;
}
/*#content-section{
	display: block;
	position:relative;
	z-index: 1000;
	width: 506px;
	min-width: 506px;
	max-width: 506px;	
	height: 244px;
	min-height: 244px;
	max-height: 244px;
	padding: 27px 0px 0px 0px;	
}*/
#content-section{
	/*display: block;*/
	position:relative;
	width: 490px;
		
	height: 245px;
	
	float:left;
	padding: 20px 0px 0px 39px;
}
	
#closeBtn{
	display: block;
	position:absolute;
	width: 17px;
	height: 17px;
	background:url(../img/assets/btn_x.gif) no-repeat;
	cursor: pointer;
}
#openBtn{
	display: none;
	width: 17px;
	height: 17px;
	background:url(../img/assets/btn_o.gif) no-repeat;
	cursor: pointer;
}
#pager{
	display:block;
	width: 506px;
	min-width: 506px;
	max-width: 506px;	
	height: 17px;
	min-height: 17px;
	max-height: 17px;
	padding: 0px 0px 0px 8px;	
}
#nextBtn{
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	background:url(../img/assets/btn_next.gif) no-repeat;
	cursor: pointer;
	text-decoration: none;
}
#prevBtn{
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	background:url(../img/assets/btn_prev.gif) no-repeat;
	cursor: pointer;
	text-decoration: none;
}
#nextBtn:hover, #nextBtn a:hover,#prevBtn:hover, #prevBtn a:hover{
	text-decoration: none;
}
#pages{
	display: block;
	float: left;
	padding: 5px 10px 0px 15px;
}
.tickercontainer { /* the outer div with the black border */
	background: #fff; 
	height: 21px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 0px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 893px;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #ff0000;
	margin: 0 5px 0 0;
} 
.content-pages{
	display: block;
	position:absolute;
	width: 506px;
	min-width: 506px;
	max-width: 506px;	
	height: 244px;
	min-height: 244px;
	max-height: 244px;
	float:left;
	padding: 0px 0px 0px 39px;	
}
#page1{
	display: block;
}


/********* Page with Content-Navigation in Margin-Area ***************/
#margin-area-spezial{
	display: block;
	float:left;		
	width: 233px;
	min-width: 233px;
	max-width: 233px;	
	height: 381px;
	min-height: 381px;
	max-height: 381px;	
	overflow: hidden;
}
#margin-content-spezial{
	display: block;
	width: 193px;
	min-width: 193px;
	max-width: 193px;	
	height: 331px;
	min-height: 331px;
	max-height: 331px;	
	position:relative;
	overflow: hidden;
	background-color:#83175a;
	margin: 50px 35px 0px 5px;
}
#maincontent-spezial{
	display: block;
	float:left;
	width: 765px;
	min-width: 765px;
	max-width: 765px;	
	height: 381px;
	min-height: 381px;
	max-height: 381px;
	position: relative;
	overflow: hidden;	
}
.visuals-spezial{
	position:relative;
	width:765px;
	height:391px;
	overflow:hidden;
}
.visuals-spezial img{
	position:absolute;
	display:block;
	border:none;
}
#content-container-spezial{
	position:absolute;
	background:url(../img/assets/bg_content_c83175a.png) no-repeat;
	width: 553px;
	min-width: 553px;
	max-width: 553px;	
	height: 314px;
	min-height: 314px;
	max-height: 314px;	
	z-index: 10000;
	margin-left: 167px;
}
#button-section-spezial{
	display: block;
	position:absolute;
	width: 31px;
	min-width: 31px;
	max-width: 31px;	
	height: 17px;
	min-height: 17px;
	max-height: 17px;
	padding: 4px 0px 0px 8px;	
	margin-left: 167px;	
	z-index: 10005;
}
#imprint-spezial{
	display: block;
	float:left;
	width: 233px;
	min-width: 233px;
	max-width: 233px;	
	height: 21px;
	min-height: 21px;
	max-height: 21px;
}
#ticker-spezial{
	display: block;
	float:left;
	width: 765px;
	min-width: 765px;
	max-width: 765px;	
	height: 21px;
	min-height: 21px;
	max-height: 21px;
	overflow: hidden;
	color:#000;
}
#marginnav{
	padding-top: 15px;
}
#marginnav li{
	padding-left: 34px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: normal;
}
#marginnav li:hover {
	background:url(../img/assets/arrow_margin_c83175a.gif) 8px 4px no-repeat; 
}
#marginnav li.act {
	background:url(../img/assets/arrow_margin_c83175a.gif) 8px 4px no-repeat; 
}
#marginnav li a{
	font-weight: normal;
}
#marginnav li.act a{
	font-weight: bold;
}

/********* News ***************/
ul.news-list-container{
	padding-top: 15px;
	padding-right: 5px;
	list-style:none;
}
ul.news-list-container li a{
	display: block;
	padding-left: 34px;
	padding-bottom: 5px;
}
ul.news-list-container li a{
	font-size: 12px;
	font-weight: normal;
}
ul.news-list-container li a:hover {
	background:url(../img/assets/arrow_margin_c83175a.gif) 8px 3px no-repeat; 
}
ul.news-list-container li.act {
	background:url(../img/assets/arrow_margin_c83175a.gif) 8px 3px no-repeat; 
}
#margin-news-head{
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 34px;
	font-weight: bold;
}
#intro{
	position: absolute;
	z-index:100;
	overflow:hidden;
}

#tx-cccbrowse-pi1-browsebox{
	position:relative;
}
.showResultsWrap{ float:left; }
.browseLinksWrap{ float:left;}

#browseBoxWrap{
	position:absolute;
	top: 272px;	
	z-index: 10000;
}
.nextLinkWrap{
	z-index: 11000;
}
#nextBtn{
	position:absolute;
	z-index: 100000;
	left: -31px;
	top: 2px;
}
#prevBtn{
	margin: 2px 0px 0px 5px;
}
.activeLinkWrap, .inactiveLinkWrap{
	display: none;
}
.nextLinkWrap a, .nextLinkWrap a:hover, .prevLinkWrap a, .prevLinkWrap a:hover{
	text-decoration: none;
}
p.dmnt_par{
	padding: 0;
	margin: 0;
	color: #000;
}
p.dmnt_par a{
	padding: 0;
	margin: 0;
	color: #000;
	text-transform:uppercase;	
}

ul.news-list-container li span.activeNews, ul.news-list-container li span.activeNews a{
	font-weight: bold;
}
ul.news-list-container li span.activeNews{
	background:url(../img/assets/arrow_margin_c83175a.gif) 8px -23px no-repeat; 
}


/********* Newsletter Anmeldung ***************/
td.csc-form-labelcell, td.csc-form-fieldcell{
	height: 18px;
	min-height: 18px;
	max-height: 18px;
	line-height: 18px;
	padding-bottom: 2px;
}
input.input-text{
	width: 258px;
	height: 18px;
	min-height: 18px;
	max-height: 18px;	
	background:url(../img/assets/bg_input.png) no-repeat;
	border:none;
	color: #fff;
}
.checkbox-area{
	display: block;
	height: 18px;
	min-height: 18px;
	max-height: 18px;
	line-height: 18px;
}
span.label-radio{
	padding: 0px;
	margin: 0px;
	line-height: 18px;
}
input.input-radio{
	width: 18px;
	height: 18px;
	line-height: 18px;	
}
.sumbit-newsletter{
	display: block;
	padding: 0px 0px 0px 23px;
	margin: 0px;
	font-weight: normal;
	font-size: 11px;
	height: 18px;
	min-height: 18px;
	max-height: 18px;
	line-height: 18px;
	background:url(../img/assets/submit_button.gif) 0px 0px no-repeat;
}

#margin-pager{
	position: absolute;
	padding-left: 34px;
	bottom: 10px;
}
#marginpage{
	list-style:none;
}
#marginpage li{
	float: left;
	padding-right: 11px;
}

.activeNews{
	background:url(../img/assets/arrow_margin_c83175a.gif) 8px 3px no-repeat; 
}
ul.news-list-container li span a{
	background:url(../img/assets/arrow_margin_c83175a.gif) 8px 3px no-repeat; 
}

div.treelevel, div.treelevel a, div.treelevel a span  {	
	line-height:18px;
}


/* Pressemitteilungen */
.press-headline{ margin-left:20px;}

/* Newsletter */
.margin-news-cat-ul{
	list-style:none;	
	font-weight:bold;
	padding-left:14px;
	padding-right:5px;
	padding-top:15px;

}

.margin-news-cat-ul ul{
	list-style:none;	
	font-weight:normal;
	display:none;
}
.margin-news-cat-ul li{
	line-height:14px;
	margin-bottom:6px;
}
.margin-news-cat-li{
	margin-bottom:6px;
}
.margin-news-cat-li span{cursor:pointer;margin-bottom:10px;}
.margin-news-cat-li ul li a{font-weight:normal;padding-left:20px;display:block;line-height:14px;}
.margin-news-cat-li ul li a:hover {
	background:url(../img/assets/arrow_margin_c83175a.gif) 2px 6px no-repeat; 
}

.news-latest-item{margin-top:15px;}
.news-latest-item h3{margin:0;padding:0;}

.playBtn{
	position:absolute;
	background-image:url(../img/assets/playpause_btn.png);
	width:16px;
	height:16px;
	display:block;
	z-index:15;
	top:350px;
	left:15px;
}
.pause{
	background-position: -16px 0;
}
.pause a:hover{
	background-position: -16px 16px;
}
#upBtn {
	position: absolute; 
	width: 17px; 
	height: 17px; 
	display: block;
	top:250px;
	right:10px;
}
#downBtn {
	position: absolute; 
	width: 17px; 
	height: 17px; 
	display: block;
	top:270px;
	right:10px;
}



.tx-ttnews-browsebox{display:none;}