/*
	1. Grundgerüst der Seite (logo, headerbild)
	2. Boxen auf der rechten Seite
	3. Überschriften
	4. Formular Kindergeburtstag
	6. STARTSEITE BÄDER
	*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------  1. Grundgerüst ------------------------------------------------------------------*/

#logo a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 190px;
	height: 110px;
	background-image: url('images/baeder_logo.jpg');
	visibility: visible;
}
#headbild {
	position: absolute;
	left: 190px;
	top: 0px;
	width: 800px;
	height: 110px;
	background-image: url('images/baeder_header.jpg');
	visibility: visible;
}
/*#content_bad	{
	position: absolute;
	left: 195px;
	top: 130px;
	width: 610px;
}*/
.footer	{
	position: absolute; 
	width: 100%;
	bottom: 0px;
	color: #999999;
	background-image:url(images/footer_line_baeder.gif);
	background-repeat: repeat-x;
	font-size: 80%;
} 
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- 2. Rechte Seite  -----------------------------------------------------------------*/
/* Header ist blau! */
.modulHead {
	padding: 2px 0  4px 8px;
	background-color: #056bb5;
	background-image: url('images/modul_bogen_baeder.jpg');
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold
}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------- 3. Überschriften  -----------------------------------------------------------------*/
h1	{
	color: #ff9900;
	white-space: normal;
	font-size: 1.3em;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #056bb5;
	white-space: normal;
	margin-bottom: 3px;
	font-size: 1.1em;
}
.blau {
	color: #056bb5;
	font-weight: bold;
}
/*
color: #f29500;
*/
.h_form	{
	font-size: 100%;
	color: #056bb5;
	font-weight: bold;
	display: block;
}
/*
0169b2
056bb5
0469b2
*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------- 4. GRUNDGERÜST FÜR DAS FORMULAR KINDERGEBURTSTAG ------------------------------------------------*/

	form {
		background-color:#f4f4f4;
		width: 70%;
		line-height: 140%;
		padding: 10px 0px 10px 10px;
		border: 1px solid #056bb5;
	}
	form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	  clear: left; /* das floating der labels und inputs aufheben */
	}
	*html form {
		background-color:#f4f4f4;
		width: 90%;
		line-height: 140%;
		padding: 10px 0px 10px 10px;
		border: 1px solid #056bb5;
	}
	/*#############################*/
	label {
	  display: block;
	  float: left;
	  width: 150px;
	  padding-bottom: 8px;
	}
	/*#############################*/
	input {
		display: block;
		float: left;
		width: 170px;
		margin: 1px 0 1px 0;
		border: 1px solid #056bb5;
	}
	input#submit { 
		color: #ffffff;
		background-color: #056bb5;
		border: none;
		text-align: center;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
/*		height: 100%;*/
	}
	input#radio { 
		width: 30px;
		float: left;
		border: none;
	}
	input#checkbox { 
		width: 30px;
		float: left;
		border: none;
	}
	input#name_kind {
		margin-top: 12px;
	}
	/*#############################*/
	textarea {
		display: block;
		float: left;
		width: 170px;
		margin: 1px 0 1px 0;
		border: 1px solid #056bb5;
	}
	/*#############################*/
	select {
		display: block;
		float: left;
		width: 170px;
		font-size: 110%;
		margin: 1px 0 1px 0;
		border: 1px solid #056bb5;
	}
	/*#############################*/
	.labelRadio {
		width: 20px;
	}
	.labelCheckbox {
		width: 90%;
	}
	.formMistake	{
		font-weight: bold;
		color: #ff0000;
		font-size: 11px;
	}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------- 6. STARTSEITE BÄDER -----------------------------------------------------------------------------*/
.box3 {
	position: relative;
	margin-top: 10px;
	width: 96%;
	visibility: visible;
	
}
.modulHeadline {
	background-color: #e9e9e9;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------- AUSRICHTUNG DER ÖFFNUNSZEITEN, EINTRITTSPREISE, VERANSTALTUNGEN UND AKTUELLES ----------------------------------*/

	/*---------- elemente für alles  ----------------------------*/
	
		/*---------- container ---------------------------------------*/
		.container {
			width: 100%;
		}
		.container_med {
			width: 70%;
			margin-left: 15px;
			float: left;
		}
		.container_small {
			width: 47%;
			float: left;
			margin-left: 15px;
		}
		.container_achalm {
			width: 70%;
			clear: left;
		}
		/*------------------------------------------------------------*/
		.reihe_line, .reihe_ohne {
			float: left;
			width: 100%;
			margin-bottom: 2px;
			margin-left: 0px;
			border-top: 1px solid #056bb5;
			padding-bottom: 2px;
			padding-left: 2px;
			padding-top: 2px;
		}
		.reihe_ohne {
			border-top: 0px;
			padding-top: 0px;
		}
		.reiheHead, .reiheHead_2{
			float:left;
			background-color: #f2f2f2;
			font-weight: bold;
			width:100%; 
			border-bottom: 1px solid #056bb5;
			padding-left: 0.2em; padding-bottom:0.1em; padding-top:0.2em;
			margin-top:1.0em;
		}
/*		.reiheHead_2 {
			border-bottom: none;
			background-color: #f2f2f2;
			font-weight: bolder;
			margin-bottom:-1.0em; margin-top:1.0em;
		}*/
		.reiheHead_2 {
/*			border-bottom: none;*/
			border-top: 1px solid #ffffff;
			background-color: #f2f2f2;
			font-weight: bold;
			margin-bottom:-1.0em; margin-top:1.0em;
			padding-bottom: 0.1em;
		}
		/*------------------------------------------------------------*/
		.labelHead, .labelHead_1, .labelHead_2, .labelHead_3, .labelHead_4, .labelHead_5 {
			width: 100%;
			float: left; 
			padding: 1px 2px 2px;
		}
		.labelHead_1 {
			width: 27%;
		}
		.labelHead_2 {
			width: 34%;
		}
		.labelHead_3 {
			width: 22%;
		}
		.labelHead_4 {
			width: 89%;
		}
		.labelHead_5 {
			width: 60%;
			margin-left: 10px;
		}
	/*---------- öffnungszeiten --------------------------------------*/
		/*wird auch für veranstaltungen verwendet*/
		.labelOffen {
			float:left;
			text-align: left;
			width: 27%;
		}
		.feldOffen_1 {
			float:left;
			width: 14%;
			text-align:left;
			margin-left: 0px;
		}
		/*wird auch für veranstaltungen verwendet*/
		.feldOffen_2 {
			float:left;
			width: 22%;
			text-align:left;
			margin-left: 0px;
		}
		/*wird auch für veranstaltungen verwendet*/
		.feldOffen_sauna {
			float:left;
			width: 36%;
			text-align:left;
			margin-left: 0px;
		}
		.feldOffen_freibad {
			float:left;
			width: 60%;
			text-align:left;
			margin-left: 0px;
		}
		/*---------- achalm ist extra -----------------------------------------------*/
		.feldAchalm_1, .feldAchalm_2, .feldAchalm_3, .feldAchalm_4, .feldAchalm_5 {
			float:left;
			width: 37%;
		}
		.feldAchalm_2{
			width: 25%;
			margin-left: 5px;
		}
		.feldAchalm_3 {
			width: 39%;
		}
		.feldAchalm_4 {
			width: 60%;
		}
		.feldAchalm_5 {
			width: 35%;
		}
		.feld_markwasen_1 { float:left; width:100px;}
		/*------------ eintrittspreise ----------------------------------------------*/
		.content_preise {
			width: 80%;
			margin-left: 15px;
		}
		.labelPreise, .feldPreise {
			float:left;
			text-align: left;
			width: 89%;
			margin-left: 1px;
		}
		.feldPreise {
			width: 10%;
			text-align:right;
			margin-left: 0px;
		}
		/*------------ veranstaltungen ----------------------------------------------*/
		.date_veran {
			float: left;
			width: 75px;
			margin-bottom: 3px;
			text-align: left;
		}
		.cont_veran {
		  float: left;
		  text-align: left;
		  width: 70%;
		} 
		/* veranstaltungen.php: Spalte Aktion*/
		.cont_veran_2 {
		  float: left;
		  text-align: left;
		  width: 50%;
		} 
		
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------- AUSRICHTUNG WEGBESCHREIBUNG ------------------------------------------------------------------------------------*/
#content_weg {
	width: 100%;
}
.map {
	padding-left: 5px;
	clear: left;
}
.bus {
	clear: left;
	padding-left: 10px;
}
.close {
	float: right;
	padding-right: 2px;
}
#body_noimage {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	background-image: none;
	color:#333333;
}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------  Pressemitteilungen  -------------------------------------------------------------------*/
.reiheHeadPresse {
	background-color: #f2f2f2;
	width:100%; height: 1.0em;
	display:block;
	overflow: inherit;
	font-weight: bolder;
	border-bottom: 1px solid #056bb5;
	padding-left: 0.2em; padding-bottom:0.6em; padding-top:0.2em;
}
*html .reiheHeadPresse {
	background-color: #f2f2f2;
	width:100%; height: 1.0em;
	display:block;
	overflow: inherit;
	font-weight: bolder;
	border-bottom: 1px solid #056bb5;
	padding-left: 0.2em; padding-bottom:0.2em; padding-top:0.2em;
}
.date {
	float: left;
	width: 80px;
	margin-bottom: 3px;
}
.cont {
	float: left;
	width: 300px;
	margin-bottom: 3px;
}
.cont_aktuelles {
	float: left;
	width: 500px;
	margin-bottom: 3px;
}
.row {
	float: left;
	width: 100%;
	border-top: 1px solid #056bb5;
	margin-top: -2px;
	padding-left: 0.2em; padding-bottom:0.4em; padding-top:0.2em;
}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------  Markwasen Renovierung  ----------------------------------------------------------------*/
.renovierung_pic {
	float: left;
	margin-left: 10px;
	margin-bottom: 3px;
}
.renovierung_txt {
	width: 180px;
	float: left;
	margin-left: 10px;
}