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

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 110px;
	height: 97px;
	background-image: url('images/print_baeder_logo.jpg');
	visibility: visible;
}
#headbild {
	position: absolute;
	left: 120px;
	top: 0px;
	width: 688px;
	height: 97px;
	background-image: url('images/print_baeder_header.jpg');
	visibility: visible;
}
/*#content_bad	{
	position: absolute;
	left: 195px;
	top: 130px;
	width: 610px;
}*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------  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
}
/*----------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------  Ü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;
}
/*
color: #f29500;
*/
.h_form	{
	font-size: 100%;
	color: #056bb5;
	font-weight: bold;
	display: block;
}
/*
0169b2
056bb5
0469b2
*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------- 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 */
	}
	/*#############################*/
	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;
	}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------- 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;
		}
		/*------------------------------------------------------------*/
		.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;
			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-top: 1px solid #ffffff;
			background-color: #f2f2f2;
			font-weight: bolder;
			margin-bottom:-1.0em; margin-top:1.0em;
		}
		/*------------------------------------------------------------*/
		.labelHead, .labelHead_1, .labelHead_2, .labelHead_3, .labelHead_4 {
			width: 100%;
			float: left; 
			padding: 1px 2px 2px;
		}
		.labelHead_1 {
			width: 27%;
		}
		.labelHead_2 {
			width: 34%;
		}
		.labelHead_3 {
			width: 22%;
		}
		.labelHead_4 {
			width: 89%;
		}
	/*---------- ö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;
		}
		/*------------ 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: 120px;
			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: 600px;
	height: 440px;
}
.map {
	position: absolute;
	left: 10px;
	top: 20px;
	width: 584px;
	height: 414px;
	padding-left: 2px;
	padding-top: 2px;
	background-image: url(images/rahmen.gif);
}
.close {
	padding-left: 490px;
	padding-top: 5px;
	top: 0px;
}
#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, .cont {
	float: left;
	width: 80px;
	margin-bottom: 3px;
}
.cont {
	width: 300px;
}
.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;
}