@charset "utf-8";
body  {
    	font: 100% Arial, Verdana, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0;
    	padding: 0;
    	text-align: center;  
  		position: relative;
		color:#273117;
  		background-image:url(bg_px-blau.gif);
  		background-repeat:repeat;
    }
	
	/*##################################################################################################################################*/
	/* allgemeines für alle Seiten gültig
	/*##################################################################################################################################*/
	
	img { border:0; }
	
	/* Teaser Startseite Text hinterm Logo */	
	.textWeiss15px {
		font-size:0.9em;
		color:#FFFFFF;
		font-weight:normal;
	}
	.textDunkel15px {
		font-size:0.9em;
		color:#273117;
		font-weight:normal;
	}		
    /* Teaser Startseite Text */	
	.teaserText {
		margin-top:14px;
		font-size:0.8em;
		height:67px;
		color:#FFFFFF;
		font-weight:normal;
	}
	
	.posArrowWeiss {
		margin:3px;	
	}
	
	.bold { font-weight:bold; }	
	
	/*##################################################################################################################################*/
	/*Header Bereich mit Navigation, Bild mitte und Top Navigation rechts*/
	/*##################################################################################################################################*/
		
	/* Container, der oben alles umschliesst */
    #containerOben { 
    	position: relative;
    	width: 980px;  
    	margin: 0 auto; 
    	text-align: left;
		padding-top:10px;
		z-index:5;
    } 
	/* links oben */   
    #obenLinks {
    	position: absolute;
    	top: 10px;
    	left: 0;
    	width: 280px;
		height:310px;
		background-image:url(naviagtion_links.gif);
		background-repeat:no-repeat; 
    }
	/* rechts oben */ 
    #obenRechts {
    	position: absolute;
    	top: 10px;
    	right: 0;
    	width: 180px;
		height:310px;
		background-image:url(naviagtion_rechts.gif);
		background-repeat:no-repeat;
    }
	/* oben mitte */ 	
	#sloganLink{
		width: 270px;
		height: 106px;
		position:absolute;
		top: 190px;
		left: 310px;
		z-index:10;
	}
	#tideLink{
		width: 180px;
		height: 70px;
		position:absolute;
		top: 110px;
		left: 20px;
		z-index:10;
		cursor:pointer;
	}
	#hpaLink{
		width: 150px;
		height: 60px;
		position:absolute;
		top: 55px;
		left: 810px;
		z-index:10;
		cursor:pointer;
	}
    #obenMitte { 
    	margin-left:290px; 
    	background: #FFFFFF;
		width:490px;
		height:300px; 
		padding-left:10px;		
		padding-top:10px;
		overflow:hidden;
    }
	
	/*##################################################################################################################################*/
	/* Navigation links */
	/*##################################################################################################################################*/	
	
	#naviLeft {
		position:relative;
		top: 185px;
		line-height:18px;
	}
	/*
	#naviLeft ul, li { margin:0px; padding:0px }
	#naviLeft ul     { padding-left:36px; list-style:url(arrow_navigation.gif);}
	#naviLeft ul li  { margin-left:3px; margin-top:5px; margin-bottom:9px;}
	*/
	
	#naviLeft ul, li { margin:0px; padding:0px }
	#naviLeft ul     { padding-left:36px; list-style:url(arrow_navigation.gif);}
	#naviLeft ul li  { margin-left:3px; margin-top:0px; margin-bottom:10px;}
	
	
	#naviLeft a {
		font-size:0.9em;
		text-decoration:none;
		color:#FFFFFF;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	#naviLeft a:hover {
		text-decoration:underline;
	}
	
	#naviLeft .isActive {
		text-decoration:underline;
	}
	
	.linkWeiss a:hover {
		text-decoration:underline;
	}
	
	a.linkWeiss:link {
		font-size:0.9em; color: #FFFFFF; text-decoration:none;
	}
	a.linkWeiss:visited {
		font-size:0.9em; color: #FFFFFF; text-decoration:none;
	}
	a.linkWeiss:hover {
		font-size:0.9em; color: #FFFFFF; text-decoration:underline;
	}
	
	/*##################################################################################################################################*/
	/* Navigation links
	/*##################################################################################################################################*/
	
	#naviRight {
		position:relative;
		top: 183px;
		right:20px;
		line-height:12px;
		text-align:right;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	#naviRight ul, li { margin:0px; padding:0px }
	#naviRight ul     { padding-left:36px; list-style:none;}
	#naviRight ul li  { margin-left:3px; margin-top:0px; margin-bottom:10px;}
	
	#naviRight a {
		font-size:0.8em;
		text-decoration:none;
		color:#FFFFFF;
	}
	
	#naviRight a:hover {
		text-decoration:underline;
	}
	
	#naviRight .isActive {
		text-decoration:underline;
	}
	#naviRightSprache {
		position:relative;
		top: 160px;
		left:20px;
		width:100px;
	}	
	
	/*##################################################################################################################################*/
	/* Teaser Startseite unten
	/*##################################################################################################################################*/
	
	/* Container, der oben alles umschliesst */
    #containerUnten { 
    	position: relative; 
    	width: 980px;  
    	margin: 0 auto;
    	text-align: left; 
		margin-top:10px;
    } 
	/* Teaser1 */   
    #Teaser1 {
		overflow:hidden;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 170px;
		height:255px;
    	background: #FFFFFF;
		padding: 10px; 
    }
	/* oben mitte */ 
    #Teaser2 { 
		overflow:hidden;
    	position: absolute;
    	top: 0;
    	left: 0;
		overflow:hidden;
    	margin-left:200px; 
    	background: #FFFFFF;
    	width: 170px;
		height:255px;
		padding: 10px; 
    }
	/* Teaser3 */ 
    #Teaser3 {
		overflow:hidden;
    	position: absolute;
    	top: 0;
    	left: 0;
    	margin-left:400px; 
    	background: #FFFFFF;
    	width: 170px;
		height:255px;
		padding: 10px; 
    }
	/* Teaser4 */ 
    #Teaser4 {
		overflow:hidden;
    	position: absolute;
    	top: 0;
    	left: 0;
    	margin-left:600px; 
    	background: #FFFFFF;
    	width: 170px;
		height:255px;
		padding: 10px; 
    }		 
    #Teaser_bild {
		overflow:hidden;
    	width: 170px;
		height:106px;
    	background: #FFFFFF;
		margin-bottom:10px; 
    } 
    #Teaser_Content {
		overflow:hidden;
    	width: 170px;
		height:139px;
		background-image:url(teaser_bg_gruen.gif);
		background-repeat:no-repeat;
		padding:7px;
    }	
	
	
	/*##################################################################################################################################*/
	/* Content Folgeseiten
	/*##################################################################################################################################*/
	
	/* ######################################### Subnavigation  #########################################  */ 
    #subnavigation {
		/*overflow:hidden;
    	position: absolute;
    	top: 0;
    	left: 0;*/
    	border:10px solid #FFFFFF;
  		width:260px;
		float:left;
    }
	
	#menu_subnavigation {
	   	padding:0;
	  	margin:0; 
	  	background-image:url(px_subnavi.gif);
	  	background-repeat:repeat;
	  	line-height:25px;
	  	list-style:none;
	}
	
	a.subnavigationLink {
	  	color:#273117;
	  	font-size:0.8em;
	  	text-decoration:none;
	}
	
	a.subnavigationLink:hover { text-decoration:underline; }
	
	
	#menu_subnavigation .isActive {
	  	color:#273117;
	  	font-size:0.8em;
	  	text-decoration:underline;
	}
	
	/* ######################################### ENDE Subnavigation  #########################################  */ 
	
	/* Download Linkbox */
	#dl_box {
		padding-top:25px;
		padding-left:8px;
		padding-bottom:10px;
	}
	
	.dl_box_td_head{	
		padding-left:5px;
		padding-bottom:5px;	
	}
	
	.dl_box_td_content{	
		background-color:#D1DEBC;
		padding:5px;	
	}
	
	
	#download_box {
		float:left;
		width:235px;
		border-right:10px solid #FFFFFF;
		padding:5px;
	}
	#link_box {
		background-color:#D1DEBC;
		padding:5px;
		padding-left:260px;
	}
	
	/* Tooltip */
	
	#mainContentText a.tooltip_link  {
	 font-style:italic;
	 text-decoration:none;
	 
	}
	#mainContentText a:hover.tooltip_link  {
	 text-decoration:none;
	 
	}
	
	#contentMitte a.tooltip_link  {
	 font-style:italic;
	 text-decoration:none;
	 
	}
	#contentMitte a:hover.tooltip_link  {
	 text-decoration:none;
	 
	}
	
	
	/* Sitemap */
	#sitemap {
	
	}
	#sitemap ul { list-style:url(arrow_navigation.gif);}
	
	
	#sitemap a {
		font-size:1.0em; color: #273117; text-decoration:underline;
	}
	#sitemap a:hover {
		font-size:1.0em; color: #273117; text-decoration:underline;
	}
	
	/* Links inerhalb einer Download oder Link Box */
	.dl_box_td_content {
		font-size:0.9em; color: #273117; text-decoration:none;
	}
	.dl_box_td_content a {
		font-size:0.9em; color: #273117; text-decoration:none;
	}
	.dl_box_td_content a:hover {
		font-size:0.9em; color: #273117; text-decoration:underline;
	}
	
	/* ENDE Download Linkbox */
	
	/* Bottomnavigation in den Artikeln */
	a.subnavigationBottom {
	  	color:#273117;
	  	font-size:0.9em;
	  	text-decoration:none;
	}
	
	a.subnavigationBottom:hover { text-decoration:underline; }
	
	.isActive_subnavigationBottom {
	  	color:#273117;
	  	font-size:0.9em;
		font-weight:bold;
	}
	
	#linieBottom {
	    padding-top:15px;
	    padding-bottom:15px;
	    text-align:center;
	}
	/* ENDE Bottomnavigation in den Artikeln */
	
	#container_Bottom_Navigation_Article {
		padding-top:10px;
		padding-left:8px;
	}
	
	.arrow_subnavi {
	  	padding-right:7px;
	}
	
	#menu_subnavigation .Ebene2 {
	  	background-image:url(navigation_2_ebene_bg.jpg);
	  	background-repeat:no-repeat;
	  	padding-left:10px;
		font-weight:bold;
	}
	
	#menu_subnavigation li ul {
	 	display: none;
	  	list-style:none;
		font-weight:normal;
	}
	
	#menu_subnavigation ul,#menu ul{
	  	display: none;
	}
	#menu_subnavigation .isOpen { display: block; }
	
	#menu_subnavigation ul, li { margin:0px; padding:0px; }
	#menu_subnavigation ul     { padding-left:20px; }
	#menu_subnavigation ul li  { margin-left:13px; margin-top:4px; margin-bottom:0px;}
	
	
	
	/* ######################################### oben mitte #########################################*/
	 
    #contentMitte { 
		overflow:hidden;
		position:relative;
		left:10px; 
    	background: #FFFFFF;
    	width: 480px;
		padding: 10px;
		font-size:0.9em;
    }
	
	#contentMitteHeadlineBG {
		background-image:url(bg_content_headline.gif);
		background-repeat:repeat;
		height:25px;
		padding-left:7px;
		padding-top:8px;
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:20px;
	}
	
	#contentMitteInhalte {	    
		
	}
	
	#mainContentImage {
    	float: right;
    	padding-bottom: 15px;		
    	padding-left: 15px;		
    	margin-top: -10px;
		width:170px;
    }
	#mainContentText {
		margin-left:8px;
		margin-right:8px;			
    }
	.bildBeschreibung {	    
		font-size:0.7em;
	}
	
	#posPlus {
	    position:relative;
		top:14px;
		left:1px;	
	}
	
	
	/* Links inerhalb eines Textes im Contentbereich */
	#mainContentText {
		
	}
	#mainContentText a {
		font-size:1.0em; color: #273117; text-decoration:underline;
	}
	#mainContentText a:hover {
		font-size:1.0em; color: #273117; text-decoration:underline;
	}
	
	
	/* ######################################### Glossar ######################################### */
	
	#glossar_abc {
	
	}
	
	td.glossar {
	  width:36px;
	  height:24px;
	  background-color:#B5CA91;
	  text-align:center;	
	}
	
	a.glossar:link {
		font-size:1.0em; color: #273117; font-weight:bold; text-decoration:none;
	}
	a.glossar:visited {
		font-size:1.0em; color: #273117; font-weight:bold; text-decoration:none;
	}
	a.glossar:hover {
		font-size:1.0em; color: #273117; font-weight:bold; text-decoration:underline;
	}
	
	#glossar_content {
	  padding-top: 20px;
	}
	
	/* ######################################### Downloads ######################################### */
	
	#download_uebersicht {
	  font-size:0.9em;
	}
	
	#mehr_button {
	  text-align:right;	
	}
	
	#mehr_button a {
		font-size:1.0em; color: #273117; text-decoration:none;
	}
	#mehr_button a:hover {
		font-size:1.0em; color: #273117; text-decoration:underline;
	}
	
	#zurueck_button {
	  text-align:right;
	  padding-right: 10px;	
	}
	
	#zurueck_button a {
		font-size:1.0em; color: #273117; text-decoration:underline;
	}
	#zurueck_button a:hover {
		font-size:1.0em; color: #273117; text-decoration:underline;
	}
	
	/* ######################################### Footer ######################################### */
	
	#footer {
		background-image:url(footer_bg.gif);
		background-repeat:no-repeat;
    	margin-left:290px;
		margin-top:10px; 
		margin-bottom:10px; 
		height:30px;
		padding-top:7px;
		text-align:center;
		width:500px;
	}
	
	a.footerLink {
		color:#273117;
	  	font-size:0.8em;
	  	text-decoration:none;
		padding-right:12px;
		padding-left:12px;
	}
	a.footerLink:hover { text-decoration:underline; }
	
	.clearfloat {  /*Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte.*/ 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	/* ######################################### Teaser rechte Seite ######################################### */
	
	/* Teaser rechts */ 
    #teaser_rechts {
    	position: absolute;
    	top: 0;
    	right: 0;
    }		
	/* suche_news */ 
    #suche {
		overflow:hidden;
    	width: 160px;
		height:55px;
		border:10px solid #FFFFFF;
		background-image:url(teaser_bg_search.gif);
		background-repeat:no-repeat;
		color:#273117;
		font-size:0.8em;
		font-weight:bold;
		margin-bottom:10px;
    }
			
	/* suche_news */ 
    #news {
		overflow:hidden;
    	width: 160px;
		height:170px;
		border:10px solid #FFFFFF;
		background-image:url(teaser_bg_news.gif);
		background-repeat:no-repeat;
		margin-bottom:10px;
    }	
	
	/* Teaser News Text */	
	.teaserNewsText {
		margin-top:17px;
		font-size:0.7em;
		height:32px;
		color:#083643;
		line-height:15px;
		font-weight:normal;
	}
	
	#newsContent {
		padding-left:7px;		
		padding-top:7px;		
		padding-right:5px;
	}
	
	/* Wetter Teaser */
	
	/* suche_news */ 
    #wetter {
		overflow:hidden;
    	width: 160px;
		height:170px;
		border:10px solid #FFFFFF;
		background-image:url(teaser_bg_news.gif);
		background-repeat:no-repeat;
		margin-bottom:10px;
    }
	
	#wetterContent {
		padding-left:7px;		
		padding-top:7px;		
		padding-right:7px;
	}
	
	/* voting */ 
    #voting {
    	width: 160px;
		border:10px solid #FFFFFF;
		background-image:url(px_teaser_rechts.gif);
		background-repeat:repeat;
		margin-bottom:10px;
    }
	#votingContent {
		padding-left:7px;		
		padding-top:7px;		
		padding-right:5px;
	}
	#votingText {
		margin-top:17px;
		font-size:0.7em;
		color:#083643;
		font-weight:normal;
		margin-bottom:10px;
	}
	.voteButton { 
		padding-bottom:0px;
		padding-left:70px;
	}
	
	.voteEG_BG {
	    background-color:#BCCF9C;
		width:230px;
	}
	
	/* Google */
	
	
	.weiterGoogleWindow {
		font-size:1.0em;
		color:#083643;
		font-weight:bold;
	}
	.weiterGoogleWindow a {
		color:#083643;
		text-decoration:none;
	}
	.weiterGoogleWindow a:hover {
		text-decoration:underline;
	}
	
	/* Linkbox */ 
    #linkbox {
    	width: 160px;
		border:10px solid #FFFFFF;
		background-image:url(px_teaser_rechts.gif);
		background-repeat:repeat;
		margin-bottom:10px;
    }
	#linkboxContent {
		padding-left:7px;		
		padding-top:7px;		
		padding-right:5px;
	}
	.linkboxText {
		margin-top:17px;
		font-size:0.7em;
		color:#083643;
		font-weight:normal;
	}
	.linkboxButton { 
		padding-bottom:10px;
		padding-left:105px;
	}
	a.linkboxLink {
		color:#083643;
	  	font-size:1.0em;
	  	text-decoration:none;
		padding-right:25px;
	}
	a.linkboxLink:hover { text-decoration:underline; }
	
	/* Footer Startseite */
	
	#footerStartseite {
		position:relative;
		top:285px;
		padding-bottom:10px;	
	}