/* --- ZELLER BÄDERBAU CSS STYLE --- */
/* ------------------------------------------------------------ */
/* --- ALLGEMEIN & STANDARD LINKS --- */

body 
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			background:url(images/back.gif) repeat-x;
			margin: 0;
			padding: 0;
			color: #333;
		}

a img
		{
			padding:0;
			margin:0;
			border:none;
			background:none;
		}


a,
a:hover
		{
			color:#666;
			text-decoration:none;
		}

a:hover
		{
			color:#2b488a;
		}
/* ------------------------------------------------------------ */
/* --- HEAD --- */

#navigationTop
		{
			color: #fff;
			float:left;
			padding:8px 0 0 0;
		}

#navigationTop a,
#navigationTop a:hover,
#navigationTop .active
		{
			height:35px;
			font-size:12px;
			
			color: #fff;
			text-decoration:none;
			
			padding:8px 2px 2px 2px;
		}

#navigationTop a:hover,
#navigationTop .active
		{
			color: #2b488a;

			background:#fff;
		}


#adressen,
.adressen
		{
			color:#fff;
			float:left;	
			
			margin:15px 10px 0 0;
			padding:2px;			
		}

#adressen a,
#adressen a:hover,
.adressen a,
.adressen a:hover

		{
			color:#fff;
			text-decoration:none;
		}

#adressen a:hover,
.adressen a:hover
		{
			color: #2b488a;

			background:#fff;
		}

/* ------------------------------------------------------------ */
/* --- POSITIONIERUNG CONTENT --- */

#mainContainer
		{
			position:relative;
			width: 858px;
			height: 565px;	/* 570px */
			margin: 0 0 0 63px;
			padding:0 0 5px 0;	
		}
		
		#mainContainer #logo
				{
					position: absolute;
					top: 306px;
					left: 0px;
				}
		
		#mainContainer #logo a, #mainContainer #logo a:hover
				{
					background: none;
					padding: 0px;
					margin: 0px;
				}
		
		#mainContainer #content
				{
					position: absolute;
					width: 660px;
					height: 440px;
					top: 138px;
					left: 220px;
				}
				
		#mainContainer #flash
				{
					position: absolute;
					top: 124px;
					left: -7px;
				}
				
		#mainContainer .box
				{
					width: 213px;
					height: 213px;
					background:#fff;
					float: left;
					margin: 0 7px 7px 0;
				}
		
		#mainContainer .box_1_2
				{
					width: 433px;
					height: 213px;
					background:#fff;
					float: left;
					margin: 0 7px 7px 0;
				}
				
		#mainContainer .box_1_2_3_4
				{
					width: 433px;
					height: 433px;
					background:#fff;
					float: left;
					margin-left: 7px;
					_margin-left: -7px; /*IE HACK*/
				}
				
		#mainContainer .box_1_3 
				{
					width: 213px;
					float: left;
					margin-left: 0px;
				}
						
		#mainContainer .box_blue
				{
					width: 213px;
					height: 213px;
					background:#2b488a;
					float: left;
					margin: 0 7px 7px 0;
				}

				
		.box .text, .box_1_2 .text, .box_1_2_3_4 .text
				{
					padding: 15px 15px 0 15px;
				}

		.box img, .box_1_2 img, .box_1_2_3_4 img
				{
					margin: 7px 7px 4px 7px;
				}

		.box .bildunterschrift,
		.box .bildunterschrift2
				{
					font-size:11px;
					border-top:1px dotted #e23054;
					
					padding:2px 0 0 0;
					margin:0 7px 0 7px;
				}

		.box .bildunterschrift2
				{
					margin:7px 7px 0 7px;
				}

		.box p
				{
					font-size:11px;
					margin:0;
				}
				
				
		.partner_box {
		float:left;
		margin-left: 18px;
		width: 186px;
			}
		
		
		.partner_text {
		margin-left: 7px;
			}
			
			
/* ------------------------------------------------------------ */
/* --- FORMATIERUNGEN CONTENT --- */
	
		h1,
		h2,
		h3
				{
					font-size: 12px;
					font-weight: bold;
					padding: 0;
					margin: 0 0 8px 0;
				}

		h1
				{
					font-size:13px;
					color:#2b488a;
				}
		h3
				{
					font-size:13px;
					color:#fff;
					margin:0;
				}
		
		p,
		ul
				{
					margin:0 0 6px 0;
					padding:0;
				}
		
		li.bullet_img
				{
					list-style:url(images/bullet.gif) outside;
					_list-style:url(images/bullet_ie.gif) outside;
					margin:0 0 2px 15px;
					_margin:0 0 2px 17px;	/* IE */
				}

		.text span
				{
					color: #0568ae;
				}
		
		.small
				{
					font-size:11px;
				}
		
		.subNavigation
				{
					padding: 15px;
				}

		.subNavigation a,
		.subNavigation a:hover,
		.subNavigation .active
				{
					color: #2b488a;
					font-weight: bold;
					text-decoration: none;
					line-height: 20px;
				}

		.subNavigation a:hover,
		.subNavigation .active
				{
					color: #e20030;
				}


/* ------------------------------------------------------------ */
/* --- FOOTER & HAUPTNAVIGATION --- */


#footer
		{
			width: 100%;
			height: 100%;
			border-top: 4px solid #fff;
		}
		
		#footer #slogan
				{
					float:left;
					padding-left: 63px;
				}
		
		#footer #navigationMain
				{
					float: left;
					margin-left: 7px;
				}
		
		#footer #navigationMain a,
		#footer #navigationMain a:hover,
		#footer #navigationMain .active
				{
					height:25px;
					color:#fff;
					font-size:12px;
					padding:8px 2px 2px 2px;
					margin:0 8px 0 0;
					text-decoration:none;
					float:left;
				}
		
		#footer #navigationMain a:hover,
		#footer #navigationMain .active
				{
					color:#fff;
					border-bottom:2px solid #fff;
				}


/* ------------------------------------------------------------ */
/* --- FORM STYLES --- */

form,
fieldset
		{
			display:inline;	
			border:none;
			margin:0;
			padding:0;
		}

label
		{
			width:80px;
			float:left;
			clear:left;
		}

input, textarea, select,
.normal_feld,
.errorfield_normal,
.plz_feld,
.ort_feld,
.texteingabe
		{
			width:280px;
			height:18px;
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			
			border:1px solid #a5a5a5;
			
			margin:0 0 2px 0;
			padding:0;
			float:left;
		}

textarea,
.texteingabe,
.errorfield_texteingabe
		{
			height:100px;
		}

.errorfield_normal,
.errorfield_plz,
.errorfield_ort,
.errorfield_texteingabe
		{
			border:1px solid #0568ae;
		}

.plz_feld,
.errorfield_plz
		{
			width:80px;
			margin:0 2px 2px 0;
		}
		
.ort_feld,
.errorfield_ort
		{
			width:196px;
		}

.button_senden
		{
			width:100px;
			font-weight:bold;

			background:#fff;
			
			margin:0 0 0 80px;
			cursor:pointer;
		}