@import url("/css/basis.css");
/*****************************************************************
Name		:	startseite.css
Date		:	25.06.2009
Version		:	0.1
Author		:	Reinhold Kuhs / Sophia Bolanz
Description	:	Style Sheet für die Startseite (Container-Modul) tengen.de
******************************************************************/
.Pirofunctions {
	position: absolute;
	top:-4.5em;
	left:7em;
	z-index: 100;
}
*html .Pirofunctions {
	top:-7em;
	left:6em;
}
*+html .Pirofunctions {
	top:-4.8em;
	left:6em;
}
/**
.free1html {
	width: 18.2em;
}**/
#navigationBody {
	position: absolute;
	background: none;
	border: none;
}

#navigation {
	margin:0;
	padding:0;
}

#navContent {
	padding-top:4.5em;
}
*html #navContent {}

#content {}
*html .contentInner {
	position:relative;
	z-index:999;
}
#qePageContent {
	font-size: 95%;
	margin-right: 0;
	padding-top: 0;
	min-width: 55em;
	margin-left: 0;
}
#qePageContent li {
	list-style: none;
}

#portalcontent {width: 100%;}
*html #portalcontent {padding-top:3em;margin-top:-6em;}

/***html #content-footer-div {padding-left:0em;}**/

#Spalte1 {
	margin: 0;
	padding: 0;
	margin-top: -2.5em;
	overflow: visible;
	float: left;
	width: 15.9em;
	border-top: none;
	font-size: 100%;
}

#Spalte1 p {font-size:115%;}

#Spalte1 H2 {
	border-bottom:#C9C9C9 1px solid; padding-bottom:0;}

#container1Spalte1 .l1_Zeile1Spalte1 {display:none;}

#wetter a {background:none; padding:0; color:#000000; text-decoration:none;}
#wetter a:hover {background:none; padding:0; color:#000000; text-decoration:underline;}

#Spalte1 IMG {
	max-width: 195px;
}
#Spalte1 HR {
	display: none;
}

#container1Spalte1 { padding-bottom: 0.1em;}
.l1_Zeile2Spalte1{ padding-left:0.8em; padding-right:0.5em;}
/*#container4Spalte1 .l1_Zeile2Spalte1{ padding-left:0em;padding-right:0em;}*/


#container1Spalte1 a {
	font-weight: normal;
}
#container2Spalte1 {
	font-size: 80%;
	padding: 0;
}

#container3Spalte1, #container4Spalte1, #container6Spalte1 {
	font-size: 80%;
	padding: 0;
}
.TrennlinieSpalte1 {
	display: none;
}
.l1_clearZeile2Spalte1 {
	display: none;
}

.LogoNWalking {background-color:#FFFFFF; text-align:center;padding:0.5em 0em; display:block; margin-top:2em;}


#contentWayhome {
	display: none;
}
#Spalte2 {
	margin: 0;
	margin-top: -2em;
	padding: 0;
	font-size: 90%;
	float: left;
	padding-left: 1.8em;
	padding-right:2em;
	width: 50.7%;
}
#Spalte2 a {
	text-decoration:none;
}
#Spalte2 HR {
	display: none;
}
#Spalte2  H2 {
	color: #024460;
	font-size: 130%;
	padding: 0.15em;
	background: #f0f0f0 url(/img/h1_hg.jpg) left top no-repeat;
	font-family: Georgia, Arial, Verdana, sans-serif;
	padding-left: 2em;
	margin-bottom: 0.5em;

}

.l1_clearListeZeile2Spalte2, .l1_clearZeile1Spalte2, .l1_clearZeile1Spalte2 {display:none;}

#container2Spalte2, #container4Spalte2, #container7Spalte2 {padding-top:0.5em; text-align:right;}

.l1_PresseTitelSpalte, .l1_ulPresseListe, .l1_ulVeranstaltungListe {
	margin:0;
	padding:0;
}

.l1_PresseTitelSpalte, .l1_PresseDatumSpalte, .l1_VeranstaltungTitelSpalte, .l1_VeranstaltungDatumSpalte {
	padding:0.3em 0.05em;
	margin:0.1em 0em;
	border-bottom: 1px solid #F0F0F0;
}

*html #Spalte2 .l1_PresseListe li {background-image: none; list-style-image: none;}
*html #Spalte2 .l1_VeranstaltungListe li {background-image: none; list-style-image: none;}

.l1_ulPresseListe {width:33em;}
.l1_ulVeranstaltungListe { width:33em;}

*+html .l1_ulPresseListe, *html .l1_ulPresseListe {width:32em;}
*+html .l1_ulVeranstaltungListe, *html .l1_ulVeranstaltungListe { width:32em;}
*html .l1_ulPresseListe {width:31.5em;}
*html .l1_ulVeranstaltungListe { width:31.5em;}

.l1_Zeile1Spalte2 {}

.l1_Zeile2Spalte2 {}
BR.l1_clearZeile1Spalte2 {
	display: none;
}
.l1_Zeile2Spalte2 {

}

.l1_BildSpalte2  {
	float: right; 
	padding-left: 10px; 
	padding-bottom: 7px;
	margin-top: 3px
}
.l1_clearZeile2Spalte2  {
	clear: right;
}

.l1_UeberschriftPresseBildSpalte2 {
	font-weight: bold;
	font-size: 110%;
	color: #9c4900;
	padding-bottom: 0.5em;
}
.l1_LinkSpalte2 {
	display: block;
}
.l1_DatumPresseBildSpalte2 {
	display: none;
	/*
	font-weight: bold;
	padding-bottom: 0.2em;
	font-size: 90%;
	*/
}

.divLebenslagen, .divVerfahren {width:15.3em; height:13em;margin-right:0.45em; font-size:85%; }
.divWegweiser {width:15.3em; height:13em; font-size:85%; text-align:right;}
.textBuergerservice {padding-right:0.6em;text-align:right;padding-left:3.5em;}

.divLebenslagen2, .divVerfahren2, .divWegweiser2  {border-bottom:1px solid #F0F0F0; padding-bottom:0.5em;padding-left:0.7em;}
.divLebenslagen2 {border-top:1px solid #F0F0F0; margin-top:1.5em;}

#Spalte2 .h2Buergerservice {
	padding:0;
	font-size:120%;
	color:#000000;
	font-family: Georgia, Arial, Verdana, sans-serif;
	background-color:transparent;
	background-image:none;
	border:none;
	padding-top:1.3em;
	text-align:right;
	padding-right:0.6em;
	
}

#Spalte2 .h2Buergerservice2 {
	font-size:100%;
	font-family: Arial, Verdana, sans-serif;
	background-color:transparent;
	background-image:none;
	border:none;
	padding-left:1em;
	padding-bottom:0;
	margin-bottom:0;
	background:url("/img/li-content.gif") no-repeat left center;
	padding-right:0.25em;
	padding-top:0;
}

#Spalte2 .textBuergerservice2 {padding-left:1em; padding-top:0; }


#Spalte2 .h2Buergerservice a {
	background: url(/img/li-linktop.gif) right center no-repeat;
	padding-right:2em;
	font-weight:bold;
	text-decoration:none;
	border:none;
	color:#000000;
	display:block;
}
#Spalte2 .h2Buergerservice a:hover {
	text-decoration:none;
	background: url(/img/li-linktop-aktiv.gif) right center no-repeat;
	padding-right:2em;
	color:#AA010B;
	text-decoration:none;
	
}



.divLebenslagen {
	float:left;
	background: url(/img/home-lebenslagen.jpg) center center no-repeat;	
}
.divVerfahren {
	clear:right; 
	float:left;
	background: url(/img/home-verfahren.jpg) center center no-repeat;	
}
.divWegweiser {
	clear:right;
	float:left;
	background: url(/img/home-wegweiser.jpg) center center no-repeat;	
}



#Spalte3 {
	float: right;
	padding: 0;
	padding-right: 0em;
	margin: 0;
	margin-top: -1em;
	font-size: 80%;
	width: 19.9em;
}
#Spalte3 p, #Spalte3 ul {font-size:115%;}
#Spalte3 a {text-decoration:none;}
#Spalte3  H2 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	margin-bottom:0.5em;
}
#Spalte3 ul, #Spalte3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style: url(/img/spacer.gif);
}

.l1_InhaltUeberschriftSpalte3, .l1_UeberschriftSpalte3 {padding:0.3em 0.7em;}

#container2Spalte3 .l1_InhaltUeberschriftSpalte3 {background: url(/img/home-vps.gif) 12.7em 2.2em no-repeat;}
#container3Spalte3 .l1_InhaltUeberschriftSpalte3 {background: url(/img/home-i.gif) 16em 3em no-repeat;}
*html #container3Spalte3 .l1_InhaltUeberschriftSpalte3 {padding-bottom:1em;}


#container2Spalte3 .l1_InhaltUeberschriftSpalte3 {padding:0em;}
#container2Spalte3 .l1_InhaltUeberschriftSpalte3 {padding:0;}
#container2Spalte3 .l1_UeberschriftSpalte3 h2 {margin:0;}

.socialnetwork a {background:none; padding-right:0.2em; margin-bottom:0.5em;}


#Spalte3 .l1_InhaltUeberschriftSpalte3 li { padding:0.3em 0.2em 0.3em 1em; margin-left:0.3em;}

#Spalte3 li.l1_liVeranstaltungListe {
	margin-bottom: 1.1em;
}
.l1_Zeile1Spalte3 {

}
.l1_Zeile2Spalte3 {
	padding-top: 1em;
}
#container1Spalte3 .l1_Zeile2Spalte3 {

}
#container2Spalte3 A.internerLink {
	background: url(/img/pfeil-gruen.gif) right 3px no-repeat;
	padding-right: 0.7em;
}

.l1_VeranstaltungListenpunkt {
	font-size: 110%;
}
.TrennlinieSpalte3, .l1_clearZeile1Spalte3 {
	display: none;
}

.divHotel {
	background: url(/img/home-hotel.jpg) center center no-repeat;
	width:19.9em;
	height:6em;
}
.divFewo {
	background: url(/img/home-fewo.jpg) center center no-repeat;
	width:19.9em;
	height:6em;
}
.divCamping {
	background: url(/img/home-camping.jpg) center center no-repeat;
	width:19.9em;
	height:6em;
}


#Spalte3 .h2Gastgeber  {
	padding:0;
	font-size:120%;
	color:#000000;
	font-family: Georgia, Arial, Verdana, sans-serif;
	background-color:transparent;
	background-image:none;
	border:none;
	text-align:right;
	height:6em;
	padding-top:2.6em;
	padding-right:0.3em;
}
*html #Spalte3 .h2Gastgeber {height:auto;}
#Spalte3 .h2Gastgeber a {
	background: url(/img/li-linktop.gif) center right no-repeat;
	padding-right:2em;
	font-weight:bold;
	text-decoration:none;
	border:none;
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#000000;
}
#Spalte3 .h2Gastgeber a:hover {
	text-decoration:none;
	background: url(/img/li-linktop-aktiv.gif) center right no-repeat;
	padding-right:2em;
	color:#AA010B;
	text-decoration:none;
	
}

/**** Wetterstation **/

.hg_wetterstation {
	background:url(/img/grafik_wetterstation.jpg) center left no-repeat;
	padding:4em 0;
	margin-left:0;
}
*html .hg_wetterstation {
	background:none;
	padding:0 0;
}
.link_wetterstation {
	padding:0.25em 0.5em;
	font-size:115%;
}