@charset "utf-8";
/* CSS Document */

body {
	background-color:#f4f3f0
}

#container {
	margin:15px auto;
	width:960px;
}

/* =============================
	Logo und Claim 
   =============================*/

#kopfzeile {
	background-image:url(../bilder/aem_dorf_skyline.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:88px;
}

.logo_left {
	float:left;
	width:250px;
	margin-left:30px;
}
.claim {
	width:380px;
	margin-left:290px;
}
.claim h1 {
	color:#000;
	font-size:22px;
	line-height:32px;
}
	
/* Naviagtionsleiste */

#navigation {
	width:960px;
	background-color:#FFF;
	margin-top:0px;
	-webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
  	border-radius: 7px;
	border:#ccc 1px solid;
	background-image:url(../bilder/hintergrund_navigation.png);
	background-repeat:repeat-x;
	overflow:hidden;
	margin-bottom:0;
}

/* ===================================================
	Bereich-Inhalt 
===================================================*/

#main {
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	background-color:#ffffff;
	width:960px;
}

/* Header Bild */
#header {
	padding:20px 30px;
}

#header_bild {
	position:absolute;
	border:#F19300 1px	solid;
	width:896px;
	padding:2px;
	background-repeat:no-repeat;
}

/* Button im Header Bild */
#demo_button {
	position:absolute;
	z-index:999;
	left:30px;
	top:210px;
	width:200px;
	background-color:#FFFFFF;
	-webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
  	border-radius: 7px;
	padding-left:1px;
	padding-right:1px;
	text-align:center;
}

/* Button auf der Unterseite Demo */
#demo_button_unterseite {
	width:200px;
	background-color:#FFFFFF;
	-webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
  	border-radius: 7px;
	padding-left:1px;
	padding-right:1px;
	text-align:center;
}
.button {
	-webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
	border:#fff 2px solid;
  	border-radius: 7px;
	background-image:url(../bilder/hintergrund_navigation_current.png);
	background-repeat:repeat-x;
	line-height:38px;
}
.button a {
	text-decoration:none;
	color:#FFF;
}
.button a:hover {
	color:#000000;
}

/* Abstand Inhalt zur Navigationsleiste auf der Startseite */
#content {
	margin-top:230px;
}
/* Abstand Inhalt zur Navigationsleiste auf den Unterseiten */
#content_unterseite {
	padding-top:15px;
}

#wrapper2 {
	width:900px;
	margin:30px;
	background-color:#fff;
}


/*Linke Spalte im Inhaltsbereich auf der Startseite */
#left {
	float:left;
	width:435px;
	border-bottom:#000 1px solid;
	padding-bottom:20px;
	margin-top:15px;
}

/* Linke Spalte im Inhaltsbereich ohne Border */
#left2 {
	float:left;
	width:435px;
}


/* Rechte Spalte im Inhalstbereich auf der Startseite */	
#right {
	float:right;
	width:435px;
	border-bottom:#000 1px solid;
	padding-bottom:20px;
	margin-top:15px;
}
/* Rechte Spalte im Inhaltsbereich ohne Border */
#right2 {
	float:right;
	width:435px;
}

/* Klasse Left auf Demo-Seite*/
.left {
	float:left;
	display:inline;
	margin-right:10px;	
}

/*Klasse right auf Demo-Seite */
.right {
	float:right;
	width:435px;
}

/* Positionierung des Bildes Beschwerde-Ablauf auf der Startseite */
.beschwerde {
	margin-top:25px;
	text-align:center;
	margin-bottom:20px;
}
/*Plus Zeichen Accordion */
.left_plus {
	float:left;
	display:inline;
	width:50px;
	height:50px;
	background-color:#fff;
	font-size:48px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	margin-right:25px;
}

/* Ein-Spaltiges Raster im Inhaltsbereich */
#both {
	width:900px;
}

* html #both {
	width:900px;
	margin-left:30px;
}

/* ============================
	Box auf Demo Seite 
===============================*/
#both_demo {
	width:880px;
	padding:10px;
	background-color:#FFFFFF;
	background-image:url(../bilder/hintergrund_box_demo.jpg);
	background-repeat:repeat-x;
	border:#808080 1px solid;
	-webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size:14px;
	height:210px;
}
	


/*===========================================
	Footer
==========================================*/
#footer {
	width:100%;
	background-color:#F19300;
	margin-top:-15px;
}

#footer_content {
	margin:0px auto;
	width:960px;
}

#footer_navigation {
	margin-left:30px;
	padding-top:30px;
	padding-bottom:30px;
}

.clearfloat {
	clear:both;
}

.copy {
	color:#FFFFFF;
	font-size:10px;
}

.copy a {
	color:#FFFFFF;
	text-decoration:none;
}


/* ====================================
	Box auf der Referenzseite 
======================================*/

.referenzen_bild {
	border:#F19300 1px	solid;
	padding:2px;
	width:200px;
}

.referenzen_box p {
	font-size:12px;
}

/* ==================================
	Kontakt-Formular
======================================*/
.formular td {
	height:35px;
}

.textarea {
	height:22px;
}