html {
    margin:0px;
    padding:0px;
    height:100%;
}

body {
	background-color: #ccc;
	padding: 0;
    margin: 0;
    text-align: center;
	font: 10pt  Arial, sans-serif;
	color:#fff;
	height: 100%;	
}

li, ul {
	list-style-image: url(../img/pfeil.gif);
	margin-left: 10px;	
}

ol li {
	list-style-image:none;	
}

h1 {
	font-size:18pt;
}

h2 {
	font-size:14pt;
}

input, select, textarea {
    border:1px solid #7f9db9;
}

a {
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.footer {
	color:#40a4da;
	text-decoration: none;
	font-weight: bold;	
}

a.footer:hover {
	text-decoration: underline;
}

a.thumb {
	color:#024f99;
	text-decoration: none;
	font: 9pt  Arial, sans-serif;
	line-height:14px;
}

a.thumb:hover {
	text-decoration: underline;
}

a.newsbox {
	color:#0086cd;
	text-decoration: none;
	font: 9pt  Arial, sans-serif;
	line-height:14px;
	font-weight:bold;
}

a.newsbox:hover {
	color:#00479a;
}

a.n float:left;ewsbox:hover {	
	color:#00479a;
}

.handy {
    margin-right:10px; float: left;}

#main {
    position:relative;
    width: 974px;
    height: auto;
	text-align: left;
    margin: 16px auto 0;
	background-image: #0074bf;
}
	
#navi {
	width:773px;
	height:103px;
    background-image: url(../img/back_navi.gif);
	background-repeat: no-repeat;
	padding: 12px 0px 0px 200px;
	position:relative;
}
  
#content {
	position:relative; 
	top:0px;
	margin:0px 0px 0px 0px;
	width:974px;
	height:auto;
	background-image: url(../img/back.gif);
	background-repeat: repeat-y;	
}  

#contback {
	z-index: 100;
	position:relative;
	top:0px;
	width:935px;
	height:auto;
	margin: 0px 0px 0px 24px;
	background-image: url(../img/verlauf.jpg);
	background-repeat: no-repeat;
	overflow:hidden;
}

#left {
	z-index:200;
	position:relative;
	width:290px;	
	margin: 0px 0px 0px 0;
	float:left;
	background-repeat: no-repeat;
}	

#leftxl {
	z-index:200;
	position:relative;
	width:466px;
	margin: 0px 0px 0px 0;
	padding: 24px 0px 0px 24px;
	float:left;
	background-repeat: no-repeat;
	min-height:450px;
}	
     
#flash {
	z-index:200;
	position:relative;
	width:180px;
	margin: 0px 0px 0px 0px;
	float:left;	
	background-color:Transparent;
}	

#right {
	z-index:200;
	position:relative;
	width:465px;
	margin: 0px 0px 0px 0px;
	float:left;
	padding: 20px  0px 0px 0px;
}	

#all {
	z-index:200;
	position:relative;
	width:910px;
	margin: 0px 0px 0px 0px;
	float:left;
	padding: 20px  0px 0px 20px;
}	

#info {
    float:right;
    width:145px;
    padding:0px 0px 0px 20px;
    height:100%;
}

#boxtop {
    z-index:200;
	position:relative;
	margin: 24px 20px 0px 0px;
	padding:20px 15px 0px 20px;
	float:left;
    width:385px;
    background-color:#fff;
    background-image: url(../img/boxtop.jpg);
    background-repeat:no-repeat;
    color:#0086cd;    
}	

#boxbottom {	
    z-index:200;
	position:relative;
	margin: 24px 20px 0px 0px;
	padding:20px 15px 0px 20px;
	float:left;
    width:385px;
    background-color:#fff;
    color:#0086cd;
    font-size:7pt;        
}	

#footer {
	width:974px;
	height:37px;
	position: relative;
	background-image: url(../img/back_footer.gif);
	background-repeat:  no-repeat;
	font: bold 9pt  Arial, sans-serif;
	color:#0086cd;
	padding: 15px 0px 0px 50px;
	margin: -1px 0px 0px 0px;
}

#thumb1 {
	height:134px;
	width:117px;
	background-image: url(../img/thumb_left.png);
	background-repeat: no-repeat;
	float:left;
	padding: 10px 10px 0px 34px;
}

#thumb2 {
	height:134px;
	width:125px;
	background-image: url(../img/thumb_middle.png);
	background-repeat: no-repeat;
	float:left;
	padding: 10px 0px 0px 20px;
}

#thumb3 {
	height:134px;
	width:138px;
	background-image: url(../img/thumb_right.png);
	background-repeat: no-repeat;
	float:left;
	padding: 10px 0px 0px 20px;
}

.thumbimg {
	height:70px;
	width: 115px;
	overflow:hidden;
	border-bottom:5px;	
	text-align:center;
	vertical-align:middle;
}

.icon {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.textfunktionen {
    margin-left:60px;    
}

.subnavibox {
    width:184px;
    height:113px;
    float:left;    
    background-color:#fff;
    margin-right:20px;
    text-align:center;
    padding:0px 0px 10px 0px;
    margin: 0px 20px 20px 0px
}
    
    
#subnavi {
    width:190px;
    float:left;
}

#news {
    margin-left:220px;
}
    
#newsbox {
    width:530px;
    margin-right:0px;
    padding:0px 0px 10px 0px;
    margin-left:0px;
    text-align: left;    
}
   
#newsboxxl {
    width:750px;
    margin-right:0px;
    padding:0px 0px 8px 0px;
    margin-left:0px;
    text-align: left;
}

#newsboxxl ol {
    margin-top:10px;
    margin-bottom:10px;
}

#newsboxxl ul {
    margin-top:10px;
    margin-bottom:10px;
}

#newsboxxl li {
    margin-left: 20px;
    margin-bottom:10px;
    list-style-image:none;
}

.news {
    padding:10px 10px 5px 10px;
    /*height:30px;*/
    margin:-5px 0px 7px 0px;
    background-color:#fff;
    text-align: left;
    color:#00479a;
}    
	
#auszeichnungen {
	width:760px;
	/*background-image: url(../img/ecke.gif);*/
}	

.koopartner {
	width:350px;
	float:left;
	margin:5px 5px 0px 0px;
	color: #00479a;
	padding:5px 10px 10px 10px;
	height:200px;
	background-image:url(../img/back_koop.gif);
	background-repeat:no-repeat;
	background-color:#fff;
}

.auszeichnungen {
	background-color: #fff;
	width:245px;
	float:left;
	margin:5px 5px 0px 0px;
	color: #00479a;
	font-weight: bold;
	text-align:center;
	padding: 5px 0px 10px 0px;
	height:180px;
	background-image: url(../img/back_awards.gif);
	background-repeat: repeat-x;
}

#headbox {
    width:730px;
    height:24px;   
    color: #00479a;
    font-weight: bold;
    background-image: url(../img/back_headbox.png);
    background-repeat: no-repeat;
    padding:10px 0px 0px 15px;
    cursor:pointer;
}
   
.weiss {
    background-color:#fff;
    width:725px;
    padding:0px 0px 8px 0px;
    color: #00479a;
    padding:10px;
}   
   
#contbox {
    width:720px;    
}   

.tablemedia {
    color: #00479a;
    font-weight: bold;
    width:748px;
}   

.tablemedia td {
    background-color:#ffffff;
    padding:4px;
}

.contboxwrap{
    width:750px;    
    margin:0px;    
}   
   
.contbox {
    width:720px;
    height:45px;   
    color: #00479a;
    font-weight: bold;
    background-image: url(../img/back_contbox.png);
    background-repeat: no-repeat;
    padding:0px 0px 0px 10px;
}   
   
.bild {
   width:144px;
   height:43px;   
   float:left;
   margin:0px;
   text-align: center;
}
  
.tdbild {
   width:144px;     
   text-align: center;
}
    
.text {
   width:433px;
   height:37px;  
   float:left;
   font-weight: normal;
   padding: 6px 5px 0px 10px;
   margin:0px;
}  

.tdtext {
   width:433px;      
   font-weight: normal;  
   vertical-align:top; 
}
      
.icons {
   width:118px;
   height:30px;   
   float:left;
   padding:13px 0px 0px 5px;
   margin:0px;
}   

.tdicons {
   width:120px;         
}   

.groesse {
   width:43px;
   height:30px;  
   float:left;
   font-weight: normal;
   padding: 13px 5px 0px 0px;
   text-align:center;
   margin:0px;
}  
  
.bt {
   width:156px;
   height:43px;   
   float:left;
   text-align:center;
   margin:0px;
}

.small {
    font-size:10px;
    font-weight:normal;
}	

.error {
    color:Red;
}

.faqcont {
    width:710px;
    padding:10px 0px 20px 30px;
}	



/*LINKS*/

#navroll
{
    DISPLAY: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 50px;
    position:relative;
    left: 0px;
	top: 0px;
    overflow: hidden;
	list-style-type: none;
	height: 53px;
}

#navroll LI
{
    padding: 0px 0px 0px 0px; 
	display: inline;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    height: 53px;	
}

#navroll A
{
    padding: 53px 0px 0px 0px;
    float: left;
    overflow: hidden;
    height: 53px;
}

#navroll A:hover
{
    BACKGROUND-POSITION: 0px -53px
}

#navroll A:active
{
    BACKGROUND-POSITION: 0px -106px
}

#navroll A.selected
{
    BACKGROUND-POSITION: 0px -106px
}

#tstart A
{
    BACKGROUND: url(../img/start.jpg) no-repeat left top ;
    WIDTH: 119px;
}

#tdownload A
{
    BACKGROUND: url(../img/download.jpg) no-repeat left top;
    WIDTH: 119px;
}

#tfunktionen A
{
    BACKGROUND: url(../img/funktionen.jpg) no-repeat left top;
    WIDTH: 150px;
}

#tnews A
{
    BACKGROUND: url(../img/news.jpg) no-repeat left top;
    WIDTH: 80px;
}

#tfaq A
{
    BACKGROUND: url(../img/faq.jpg) no-repeat left top;
    WIDTH: 82px;
}

#toenavi A
{
    BACKGROUND: url(../img/oenavi.jpg) no-repeat left top;
    WIDTH: 146px;
}

#subnavnews
{
    DISPLAY: block;
    padding: 0px 0px 0px 0px;
    margin-top: -10px;
    position:relative;
    left: 0px;
	top: 0px;
    overflow: hidden;
	list-style-type: none;
	height: 29px;
	z-index:100;
	margin-left:56px;
}

#subnavnews LI
{
    padding: 0px 0px 0px 0px; 
	display: inline;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    height: 29px;
}

#subnavnews A
{
    padding: 29px 0px 0px 0px;
    float: left;
    overflow: hidden;
    height: 29px;
}

#subnavnews A:hover
{
    BACKGROUND-POSITION: 0px -29px
}

#subnavnews A:active
{
    BACKGROUND-POSITION: 0px -58px
}

#subnavnews A.selected
{
    BACKGROUND-POSITION: 0px -58px
}

#tdetailinfos A
{
    BACKGROUND: url(../img/detailinfos.jpg) no-repeat left top ;
    WIDTH: 157px;
}

#taktuelles A
{
    BACKGROUND: url(../img/aktuelles.jpg) no-repeat left top ;
    WIDTH: 106px;
}

#tmediathek A
{
    BACKGROUND: url(../img/mediathek.jpg) no-repeat left top ;
    WIDTH: 109px;
}

#tauszeichnungen A
{
    BACKGROUND: url(../img/auszeichnungen.jpg) no-repeat left top ;
    WIDTH: 141px;
}

#tpartner A
{
    BACKGROUND: url(../img/partner_sub.jpg) no-repeat left top ;
    WIDTH: 90px;
}

#tvideos A
{
    BACKGROUND: url(../img/videos.jpg) no-repeat left top ;
    WIDTH: 93px;
}

#preview{
	position:absolute;	
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:1000;
}

#dlinfo ol {margin-left:0px !important;}

#dlinfo li 
{
	margin-left: -20px !important;
    margin-bottom: 6px;
    list-style-type: decimal;
    list-style-image: none;
}