@charset "utf-8";
/* 
Stylesheet für Heimathaus Hovesaat
Author: Norbert Gaßner
www.webdesign-gassner.de*/

/*===== Kalibrierung ==*/
* {margin:0; padding:0; top:0;}
html, body {
border: 0 solid;
}

h1, h2, ul, ol, p {margin-bottom: 1em;} /* Restaurierung Margin */
li {margin-left: 0em;} /* Restaurierung Margin */

/*=====================
  Allgemeine Styles */
  
html {overflow: auto;} 

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus {}

a img {border: 0 none;} 
  
body {
	margin-top: 2px;
	background-color:#033;
	left: auto;
	color: white;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	width:100%;
	height:100%;
	text-align:center;
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }

/*==========================
  Styles für Layoutbereiche */
   
#wrapper {
	background-color: #063;
	background-image: url(../gfx/bg_wrapper.jpg);
	background-repeat:no-repeat;
	color: black;
	width:980px;
	height:588px;
	margin: 0 auto;
	border-top: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	text-align:left;
}

	#kopfzeile{
	position:relative;
	height:150px;
	}
	/*---  Beginn Adresse  -----------------*/	
		.adresse{
		position: absolute;
		color: #FFF;
		top:65px;
		left:80px;
		display:block;
		}
		
		.adresse h1,h2,h3,h4{
		font-weight:bold;
		margin-bottom:0.3em;
		}
	/*---  Ende Adresse  -------------------*/	
	
		
	/*---  Anfang Navigation oben  --------------*/		
		#nav_oben {
	position:absolute;
	top:130px; /* wegen line-height in #nav_oben a{} muss es hier weiter nach unten geschoben werden */
	right:170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		#nav_oben ul {
		margin-bottom: 0; 	
		}
	
		#nav_oben ul li {
		display: inline;
		list-style-type: none;
		margin-right: 0px;
		}
		
		#nav_oben span{ /*wird später für den aktuellen TAB verwendet*/
		text-decoration:none;
		padding: 3px 5px 3px 5px;
		line-height:20px;  /*passing-top und padding-bottom funktioniert bei IE nur in Verbindung line-height!!!  */
		background-color:#930;
		color:#fff;
		border-top: 1px solid white;
    	border-right: 1px solid white;
    	border-bottom: none;
    	border-left: 1px solid white;		
		}
		
		a.nav_oben{
		text-decoration:none;
		padding: 3px 5px 3px 5px;
		line-height:20px;  /*passing-top und padding-bottom funktioniert bei IE nur in Verbindung line-height!!!  */
		background-color:#214283;
		color:#FFF;
		border-top: 1px solid #214283;
    	border-right: 1px solid #214283;
    	border-bottom: none;
    	border-left: 1px solid #214283
		}
		a.nav_oben:link, 
		a.nav_oben:visited {
		}
		a.nav_oben:hover{
		border-top: 1px solid white;
    	border-right: 1px solid white;
    	border-bottom: none;
    	border-left: 1px solid white;	
		}
		a.nav_oben:active{}
		a.nav_oben:focus{
		background-color:#3469d1;	
		}
	/*--------  End Navigation oben  --------------------------*/
	/*--------  Beginn Kopfzeile - Datum  --------------------------*/
	#datum{
	position:absolute;
	top:160px;
	left:80px;
	color:navy;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	/*--------  Ende Kopfzeile -  Datum  ----------*/
	
/*=========  Ende Kopfzeile =======
==============================================*/
/*=========  Beginn Inhalt - Navibereich und Textbereich =======*/	

	#inhalt{
	position:relative;
	height:358px;
	padding-top:30px;
	}

		#navibereich{
	float:left;
	border: 0px solid #f00;
	width:150px;
	height:358px;
	margin-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	
		#navibereich ul {
		display: block;	
		border-top:1px solid #3469d1;
		}
	
		#navibereich li {
		list-style-type: none;
		border-right:1px solid #3469d1;
		border-bottom:1px solid #3469d1;
		border-left:1px solid #3469d1;
		margin:0 0 0px 0;
		}
	
		a.navibereich{
		font-size: 12px;
		font-weight:bold;
		color:#00C;
		background-color:#FF9;
		background-image:url(../gfx/btn_navibereich.jpg);
		line-height: 2em;
		padding:0 0 0 5px;
		text-decoration: none;
		
		display:block;
		}
		a.navibereich:link, 
		a.navibereich:visited{}
		
		a.navibereich:hover{
		background-image:url(../gfx/btn_navibereich_over.jpg);
		}
		
		a.navibereich:active{}
		a.navibereich:focus{
		text-decoration:underline;
		background-image:url(../gfx/btn_navibereich_over.jpg);
		}
			
/*====  Ende Navbereich  ===*/



/*====  Beginn Werbung  ===*/	
		#werbung {
		float:right;
		border: 0px solid #0f0;
		width:150px;
		padding:5px 10px;
		}	
/*====  Ende Werbung  ===*/	

/*====  Beginn Textbereich  ===*/	
	#textbereich {
		border: 0px solid #00f;
	margin-left: 200px;
	margin-right: 200px;
	height: 380px;
	width:570px;
	line-height:1.4em;
	overflow:auto;
	}
/*====  Ende Textbereich  ===*/	

/*=== Anfang Partnerlinks =========== */
#partnerseiten{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:9px}
#partnerseiten a,
#partnerseiten a:link,
#partnerseiten a:visited{
color:#666;
text-decoration:none;
}
#partnerseiten a:hover,
#partnerseiten a:active,
#partnerseiten a:focus{
color:#666;
text-decoration:none;
}
/*=== Ende Partnerlinks =========== */