@charset "utf-8";
/* 
Stylesheet für TSV Weikersheim
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:#ffe599;
	left: auto;
	color: white; 
	font-family: Verdana, Arial, Helvetica, 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: #ffe599;
	background-image: url(../gfx/bg_wrapper.jpg);
	background-repeat:no-repeat;
	color: black;
	width:980px;
	height:588px;
	margin: 0 auto;
	border: 1px solid #ffe599;
	text-align:left;
}

	#kopfzeile{
	position:relative;
	height:200px;
	}
	/*---  Beginn Adresse  -----------------*/	
		.adresse{
		position: absolute;
		top:30px;
		left:200px;
		}
		
		.adresse h1,h2,h3,h4{
		font-weight:bold;
		color: #00C;
		margin-bottom:0.3em;
		}
	/*---  Ende Adresse  -------------------*/	
	
		
	/*---  Anfang Navigation oben  --------------*/		
		#nav_oben {
		position:absolute;
		top:186px; /* wegen line-height in #nav_oben a{} muss es hier weiter nach unten geschoben werden */
		right:10px;
		}
		
		#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:#FFEAB3;
		color:#00F;
		border-top: 1px solid black;
    	border-right: 1px solid black;
    	border-bottom: none;
    	border-left: 1px solid black;
		}
		a.nav_oben:link, 
		a.nav_oben:visited {
		}
		a.nav_oben:hover{
		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:active{}
		a.nav_oben:focus{
		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;	
		}
	/*--------  End Navigation oben  --------------------------*/
	/*--------  Beginn Kopfzeile - Datum  --------------------------*/
	#datum{
	position:absolute;
	top:188px;
	left:150px;
	color:#FFF;	
	}
	/*--------  Ende Kopfzeile -  Datum  ----------*/
	
/*=========  Ende Kopfzeile =======
==============================================*/
/*=========  Beginn Inhalt - Navibereich und Textbereich =======*/	

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

		#navibereich{
		/*position: absolute;
		top:0;
		left:20px;*/
		float:left;
		width:145px;
		height:358px;
		margin-left:20px;
		}
	
		#navibereich ul {
		display: block;	
		}
	
		#navibereich li {
		list-style-type: none;
		border-bottom:1px solid #ca5c2f;
		}
	
		#navibereich li span {
		font-size: 16px;
		font-weight:bold;
		color: #fff;
		background-color:#00C;
		line-height: 2em;
		padding-left:43px;
		display:block;
		}
	
		a.navibereich{
		font-size: 16px;
		font-weight:bold;
		color:#00C;
		background-color:#FF9;
		background-image:url(../gfx/btn_navibereich.jpg);
		line-height: 2em;
		padding:0 0 0 35px;
		text-decoration: none;
		
		display:block;
		}
		a.navibereich:link, 
		a.navibereich:visited{}
		
		a.navibereich:hover{
		/*color:#fff;
		padding:0 0 0 50px;*/
		text-decoration:underline;
		background-image:url(../gfx/btn_navibereich_over.jpg);
		border-top:none;
		border-right:none;
		border-bottom:none;
		border-left:1px solid #ca5c2f;
		/*background-image:url(../gfx/pfeil.jpg);
		background-repeat:no-repeat;
		background-position:0 8px;
		background-color:transparent;*/
		}
		a.navibereich:active{}
		a.navibereich:focus{
		/*color:#fff;
		padding:0 0 0 50px;*/
		text-decoration:underline;
		background-image:url(../gfx/btn_navibereich_over.jpg);
		/*background-image:url(../gfx/pfeil.jpg);
		background-repeat:no-repeat;
		background-position:0 8px;
		background-color:transparent;*/
		}
			
/*====  Ende Navbereich  ===*/

/*====  Beginn Textbereich  ===*/	
	#textbereich {
	/*position:absolute;left:210px;	top: 30px;*/
	margin-left: 215px;
	margin-right: 165px;
	height: 358px;
	width:590px;
	line-height:1.4em;
	}
/*====  Ende Textbereich  ===*/	

/*====  Beginn Fotogalerie  ===*/	
		#fotogalerie {
		/*position: absolute;
		left:820px;
		top:20px;*/
		float:right;
		margin-right:10px;
		width:150px;
		height:315px;}	
/*====  Ende Fotogalerie  ===*/	

/*=== Anfang Partnerlinks =========== */
#partnerseiten{
position:absolute;
left:-600px;
color:#334;
font-size:9px}
#partnerseiten a,
#partnerseiten a:link,
#partnerseiten a:visited{
color:#334;
text-decoration:none;
}
#partnerseiten a:hover,
#partnerseiten a:active,
#partnerseiten a:focus{
color:#444;
text-decoration:none;
}
/*=== Ende Partnerlinks =========== */
	
	
	/*---  Beginn Textbereich - Navigation oben2  ist jetzt nach oben gewandert-------------------
		#nav_oben2 {
		position:relative;
		top:-5px;
		left:50px;
		width:auto;
		height:auto;
		display:inline;
		margin-bottom: 10px; 
		}	
	
		#nav_oben2 ul {}
	
		#nav_oben2 ul li {
		display: inline;
		list-style-type: none;
		margin-right: 0px;
		}
		
		#nav_oben2 span{} /wird später für den aktuellen TAB verwendet/
		
		a.nav_oben2{
		text-decoration:none;
		padding: 3px 5px 3px 5px;
		background-color:#ca5c2f;
		color:#FFF;
		border-top: none;
    	border-right: 1px solid #660;
    	border-bottom: 1px solid #660;
    	border-left: 1px solid #660;
		}
		a.nav_oben2:link, 
		a.nav_oben2:visited{
		}
		
		a.nav_oben2:hover{
		text-decoration:underline;
		background-color:#FEEED3;
		color:#333;
		border-color:#660;
		}
		a.nav_oben2:active{}
		a.nav_oben2:focus{
		text-decoration:underline;
		background-color:#FEEED3;
		color:#333;
		border-color:#660;
		}
		---  Beginn Textbereich - Navigation oben2  -------------------*/