/*		Website bzww
Autor:	Roger Peter und Barbara Jost
Version:November 2008
--------------------------------------------------------------
*/
/*		Website-Farben:				 								*/
/*      hellste Balkenfarbe (1)		grau 		= D8D9DB 	*/
/*      zweite  Balkenfarbe (2)		grün 		= BEC7CE 	*/
/*      dunkle Balkenfarbe (3)		grün 		= A3BCC3 	*/
/*      dunkelste Balkenfarbe (4)	dunkelgrau 	= 7C9097 	*/
/*      Linkfarbe					rot			= BF6060 oder A95555	*/

/*		Menü-Farben	:										*/
/*		Hintergrund 1. Stufe = A3BCC3						*/
/*		Hoover		1. Stufe = 7C9097						*/
/*		Hintergrund 2. Stufe = D1DDE1						*/
/*		Hoover		2. Stufe = 7C9097						*/

body {
	font-family		: Verdana, sans-serif;
	font-size		: 12px;
	line-height		: 1.3em;		
	color			: #000000;
	background-color: #E8E8E8;
}

/*	Seiten-Struktur	
-------------------------------------------------------		*/
#mantel
{
/*
Diese Ebene umschliesst die anderen und verhindert das Auseinanderfallen
des Layouts beim Verkleinern des Fensters.
Es ist darauf zu achten, dass die in der Mantelebene verschachtelten Ebenen
zusammen mit borders, paddings, margins die Gesamtbreite nicht überschreiten.
*/
	background-color: white;
	width			: 960px;
	padding			: 0px;
	margin			: 0px auto; 				/*Zentriert den "Mantel" im Browserfenster.*/
}

#banner {
	background-color: white;
	padding			: 0px;
	width			: 100%;
	/*height: 180px;*/
}

#spalte1 {
	padding			: 0px;
	padding-top		: 20px;
	width			: 140px;
	float			: left;
	min-height		: 300px;
}

#spalte2 {
	padding			: 0px;
	padding-top		: 20px;
	width			: 520px;
	float			: left;
	margin-left		: 20px;
}

#spalte3 {
	padding			: 0px;
	padding-top		: 20px;
	width			: 260px;
	min-height		: 300px;
	float			: right;
	margin-right	: 0px;
}

#fusszeile {
	background-color: #BEC7CE;
	padding			: 5px;
	width			: 950px;
	height			: 15px;
	clear			: both;
	color			: #000000;
	font-size		: 10px;
}

/*	Text-Absätze
-------------------------------------------------------		*/
#absatz {
	background-color: #FFFFFF;
	border-left		: 1px solid #A3BCC3;
	padding-left	: 4px;
	border-top		: 5px solid #A3BCC3;
}


#absatz_banneroben {
	background-color: #A3BCC3;
	border-left: 1px solid #7C9097;
	padding-left: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-top		: 5px solid #7C9097;
}


#absatz_bannerunten {
	background-color: #FFFFFF;
	border-left: 1px solid #A3BCC3;
}




.clear {
	clear			: both;
}

#wetter {
	border			: 1px solid #D1DDE1;
	margin-top		: 40px;
	margin-left		: -1px;
}
#fahrplan {
	border			: 1px solid #D1DDE1;
	margin-top		: 5px;
	margin-left		: -1px;
	padding			: 3px;
	padding-left	: 10px;
}
#routenplaner {
	border			: 1px solid #D1DDE1;
	margin-top		: 5px;
	margin-left		: -1px;
	padding			: 3px;
	padding-left	: 10px;
}


/*	Header / Titel im Text
-------------------------------------------------------		*/
.haupttitel {
	font-size		: 110%;
	color			: #000000;
	margin-left		: -4px;
	font-weight		: bold;
	line-height		: 30px;
	background-color: #E8E8E8;
	padding-left	: 4px;
	padding-top		: 2px;
	padding-bottom	: 2px;
	display			: block;
	line-height		: 130%;
}

.untertitel {
	font-size		: 110%;
	color			: #000000;
	font-weight		: bold;
	line-height		: 30px;
	border-top		: 5px solid #E8E8E8;
	background-color: #FFFFFF;
	display			: block;
	margin-top		: 15px;
	margin-bottom	: 5px;
}
.untertitel2 {
	font-size		: 110%;
	color			: #000000;
	font-weight		: bold;
	line-height		: 30px;
	background-color: #FFFFFF;
	display			: block;
	margin-top		: 15px;
	margin-bottom	: 0px;
}
.header_banneroben {
	font-size		: 110%;
	color			: #000000;
	font-weight		: bold;
	line-height		: 25px;
	display			: block;
	background-color: #A3BCC3;
	padding-left	: 4px;
}

.header_bannerunten {
	font-size		: 110%;
	color			: #000000;
	font-weight		: bold;
	line-height		: 25px;
	display			: block;
	border-top		: 5px solid #A3BCC3;
	background-color: #FFFFFF;
	padding-left	: 4px;
	margin-top		: 15px;
	margin-bottom	: 5px;
}

/*	Text
-------------------------------------------------------		*/
/*ul, li {
	text-align		: left;
	margin-left		: 8px;
	list-style-type	: square;
}

li ul {
	text-align		: left;
	margin-left		: 8px;
}

li .s2 {
	font-size		: 100%;
	text-align		: left;
	margin-left		: 50px;
}
*/
/*Änderung Roger am 17.12.2008*/

p{
margin-bottom: 5px;
}

ul {
	margin-left		: 0em;
	text-align		: left;
	margin-top: 0px;
} 

li {
	font-size		: 12px;
	margin-left		: -1.8em;
	padding-left	: 0.3em;
	list-style-type	: square;
/*list-style-image:url('../images/quadrat.gif');*/
	list-style-position:outside;
	vertical-align	: middle;
}


/* Hack für für IE 6 */


* html li { 
margin-left: 2em; 
}


/*Hack für IE 7*/
*:first-child+html li {
 margin-left: 2em;
}

.fett {
	font-weight		: bold;
}


/*Formulare*/

input,textarea,select{
	
font-size:12px;
}


/*	Tabellen
-------------------------------------------------------		*/
.cell_1 {
	height			: 20px;
	width			: 120px;
	padding			: 2px;
}
.cell {
	height			: 20px;
	padding			: 2px;
}
.cell_grey {
	background-color: #E8E8E8;
	padding-left	: 2px;
}
.kursnr	{
	background-color: #D1DDE1;
	border-bottom	: 0px CCCCCC solid;
}
.kursheader {
	background-color: #D1DDE1;
	border-bottom	: 0px CCCCCC solid;
}
/*		Bilder											*/
/*		------------------------------------------------*/
.bild {
	border-width: 0px;
}

span.bildrechts {
	margin-top		: 0px;
	margin-bottom	: 0px;
	margin-right	: 0px;
	margin-left		: 10px;
	float			: right;
	font-style		: italic;
	font-size		: 11px;
	color			: #000000;
	line-height		: 20px;
	background-color: #FFFFFF;
	padding			: 0px;
}

/*		Links Standard									*/
/*		------------------------------------------------*/
a {
	font-weight		: normal;
	color			: #BF6060;
	text-decoration	: none;
}

a:hover	{
	font-weight		: normal;
	color			: #000000;
	text-decoration	: none;
}
/*		Links in Kurse Finden							*/
/*		------------------------------------------------*/
a.kursefinden{
	font-weight		: normal;
	color			: #000000;
	text-decoration	: none;
	float			: left;
	display			: block;
	margin: 3px 3px 0px 0px;
}

a.kursefinden:hover	{
	font-weight		: normal;
	color			: #BF6060;
	text-decoration	: none;
}
/*		Hauptmenü										*/
/*		------------------------------------------------*/
#menudiv {
	width			: 100%;
}

a.lead	{
	color			: #000000;
	background-color: #A3BCC3;
	display			: block;
	margin-bottom	: 1px;
	padding			: 3px;
	padding-left	: 10px;
	border-bottom	: 1px solid #A3BCC3;
	text-decoration	: none;
}
a.lead:hover 	{
	color			: #FFFFFF;
	background-color: #7C9097;
}

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



/*Formatiert die Links des Untermenüs*/	
a.line	{
	text-decoration : none;
	color 			: #000000;
	display			: block;
	padding 		: 3px;
	padding-left	: 5px;
	background-color: #D1DDE1;
	border-bottom 	: 1px #FFFFFF solid;
}		
a.line:hover	{
	color					: #FFFFFF;
	background-color		: #7C9097;
}