﻿body {
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333333; 
	background-color: #214263;
	}

#ebene_banner {
	margin: auto;
	height: 180px;
	width: 100%;
	}


#ebene_fusszeile {
	width: 100%;
	height: 20px;
	clear: both; /*Hebt das Floaten auf*/
	background-color: white;
	border-top: 1px solid silver;
	}

#mantel {
	padding: 0px;
	margin: auto;
	width: 960px;
	background-color: white;
	border: 5px solid white; 
	}


#spalte_navigation {
	line-height: 1.2em;
	background-color: silver;
	width: 163px;
	float: left;
	margin-top: 5px;
	min-height: 320px;
	}


#spalte_inhalt {
	line-height: 1.2em;
	background-color: white;
	padding: 19px;
	padding-top: 2px;
	width: 567px;
	min-height: 500px;
	float: left;
	border-right:1px solid silver;
}


#spalte_sponsoren {
	line-height: 1.2em;
	background-color: white;
	padding: 19px;
	padding-top: 2px; 
	width: 153px;
	min-height: 500px;
	float: left;
}

#feedbacktabelle{
	width: 550px;
}

#partnertabelle{
	width: 100%;
}

/*-----------------------------------------------------------*/


.thementitel{
	background-color: #214263;
	display:block;
	color: white;
	font-size:18px;
	font-weight:bold;
	padding: 4px;
	margin-top: 3px;	/*Abstand oben zum Banner*/
	margin-bottom: 12px;
}

.Sponsorentitel{
	background-color: #214263;
	display:block;
	color: white;
	font-size:18px;
	font-weight:bold;
	padding: 4px;
	margin-top: 3px;
	margin-bottom: 8px;
}

.Ueberschrift{
	color: orange;
	font-size:14px;
	font-weight:bold;
}



div.clear {
	clear:both;
}


.img_rechts{
	border:none;
 	float:right;
 	margin-left: 9px;
 	width: 250px;
 	height: 200px;
}

.img_links{
	border:none;
 	float:left;
 	margin-right: 9px;
 	width: 250px;
 	height: 200px;
}


.img_sponsoren{
	 border:none;
}



td.datum{
	width: 					20%;
	padding:				0px;	
	padding-top:			0px;
}

td.day{
	width: 					15%;
	padding:				0px;	
	padding-top:			0px;
}

td.anlass{
	width: 					30%;
	padding:				0px;	
	padding-top:			0px;
}

td.wen{
	width: 					20%;
	padding:				0px;	
	padding-top:			0px;
}

td.zeit{
	width: 					15%;
	padding:				0px;	
	padding-top:			0px;
}
	
td.ohne{
	border-bottom: none;
	color: orange;
	font-size:14px;
	font-weight:bold;		/*Um den Rahmen bei der Tabelle des Vorstands herauszunehmen*/
}	

td.formular{
	border-bottom: none;
	width: 150px;
}

td{
	border-bottom: 			1px solid silver; 
}


.karte {
	width:560px;
	height:420px;
	border:2px inset #ccc;
	Z-index: 0;/*Damit das Ausklappmenue im Vordergrund bleibt*/
}
	
.film {
	width: 560px;
	height: 340px;
}

.imgday {
	border: 0px;
	width: 30px; 
	height: 20px;
}

.imgwetter {
	border: 0px;
	width: 43px;
	height: 43px;
}

.imgtemperatur{
	border: 0px;
	width: 30px;
	height:20px;
}


/*----------------------------------------------------	
CSS Formatvorlage für Aufklappmenü
------------------------------------------------------
*/

/*		Menü-Definitionen Hauptmenü		*/
/*		--------------------------------*/


/*Formatiert die Hauptmenüs*/
#menudiv
		{
		width:100%;}


/*Formatiert die Links des Hauptmenüs*/				
a.lead	{
		font-size				: 100%;				/*Grösse der Schrift im Verhältnis zur Standardgrösse*/
		text-decoration			: none;				/*Link ist nicht unterstrichen*/
		color					: white;			/*Schriftfarbe*/
		display					: block;			/*Der Link und seine Hintergrundfarbe füllen die ganze Zelle, da sie als Blockelement dargestellt werden*/
		padding					: 3px;				/*Innenabstand zur Tabellenzelle*/
	    background-color		: gray;
	    border-bottom			: 1px white solid;}			


/*Formatiert die Links des Hauptmenüs beim Überfahren*/		
a.lead:hover 	{
		color					: #FFFFFF;
		background-color		: #505050;}

/*		Menü-Definitionen Untermenü		
	--------------------------------*/

/*Formatiert die Untermenüs*/
.submenu
		{
		position:absolute;
		width:150px; 
		visibility:hidden; 
		z-index:2;
		}


/*Formatiert die Links des Untermenüs*/	
a.line	{
	font-size : 90%;
	text-decoration : none;
	color : #000000;
	display : block;
	padding : 3px;
	background-color: #3366CC;
	border-bottom : 1px white solid;
}		
		

a.line:hover	{
		color					: #FFFFFF;
		background-color		: #505050;}		

/**/

