/* CSS Document by Thomas Müller @ www.tm-webentwicklung.com for Claudia Jacobs 30.05.2009 */

/* Centered page:Add Scrollbar in other browsers than IE > no jumping */
html { 
	overflow:scroll;
	overflow-x:visible;
	height:100%;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#666666;
	background:#EDEAE8 url(../images/header-bg.gif) 50% 0% no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	height:100%;
}

#page {
	background-image:url(../images/page-bg.png);
	background-repeat:repeat-y;
	background-position:left top;
	width:871px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 6px 45px 6px; /* Shadow is 6px */
}

#page-top {
	background:url(../images/page-bg-top.png) left top no-repeat;
	width:883px;
	margin:25px auto 0px auto;
	padding:28px 0px 0px 0px;
}

#page-bottom {
	background:url(../images/page-bg-bottom.png) left bottom no-repeat;
	width:883px;
	margin:0px auto 0px auto;
	padding:0px 0px 24px 0px;
}

div.clearer {
	height:1px;
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

img {
	border:none;
}

a {
	outline:none;
	color:#666;
}

cite {
	background-color:#EDEAE8;
	padding:8px 0 8px 12px;
	color:#866B7E;
	font-size:12px;
	line-height:18px;
	font-style:normal;
	display: block;
	margin:20px 0 0 0 ;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

cite span {
	display: block;
	padding-right: 12px;

}


/**
* ------ HEADER ------ *
*/

div#header {
	width:871px;
	height:190px;
	background:url(../images/page-bg.png) left top repeat-y;
	padding:0px 6px;
}

div#header-inner {
	width:871px;
	height:166px;
	padding:0px 0px 24px 0px;
	background:#edeae8 url(../images/header-bottom.gif) 50% bottom no-repeat;
	position:relative;
}

img#logo {
	margin:21px 0px 0px 62px;
}

div#header-inner div.header-img {
	position:absolute;
}

div#header-inner div#header-img-home {
	top:9px;
	left:490px;
}

div#header-inner div#foto-cj {
	position:absolute;
	top:89px;
	left:710px;
}

/**
* ------ NAVIGATION ------ *
*/

/* Meta-Navi */
ul#navimeta, ul#navimeta li, div#navigation ul, div#navigation ul li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul#navimeta {
	
}

ul#navimeta li {
	
}

ul#navimeta li a {
	
}

ul#navimeta li a:hover, ul#navimeta li.active a {
	
}

/* Hauptnavigation */
div#navigation {
	float:left;
	width:225px;
	padding:72px 0px 0px 20px;
}

div#navigation ul#navi-level1 {
	width:190px;
}

div#navigation ul li {
	border-bottom:1px solid #ded5d9;
	font-size:12px;
	padding:8px 0px 7px 0px;
}

div#navigation ul li.last {
	border-bottom:none;
}

div#navigation ul li a {
	color:#866b7e;
	text-decoration:none;
	padding:0px 0px 0px 16px;
}

div#navigation ul li a:hover {
	text-decoration:underline;
}

div#navigation ul li.active {
	
}

div#navigation ul li.active a {
	font-weight:bold;
	background:transparent url(../images/bg-navi-aktiv.gif) 0px 1px no-repeat;
}

div#navigation ul li.active a:hover {
	text-decoration:none;
}

/* Level 2 */


div#navigation li.active ul#navi-level2 a{
	font-weight: normal;
	background-image: none;

}

div#navigation ul#navi-level2 li {
	border-bottom: none;
	padding-bottom:0px;

}

div#navigation ul#navi-level2 li a {
	padding-left:30px;

}

div#navigation ul#navi-level2 li.active a {
	font-weight:bold;
	background:transparent url(../images/bg-navi-aktiv.gif) 15px 1px no-repeat;
}


/**
* ------ INHALTSBEREICH ------ *
*/

/* Styles für den Content-Bereich */
div#content {
	width:595px;
	float:left;
	padding-top:73px;
}

/**
* ------ SCHRIFTEN USW. ------ *
*/

/* Styles für Schriftformatierungen */
#inhalt h1 {
	font-size:1.7em;
	line-height:1.3em;
	margin:0px 0px 15px 0px;
	color:#866b7e;
}

#inhalt h2 {
	font-size:1.2em;
	line-height:1.5em;
	margin:0px 0px 15px 0px;
	color:#666;
}

#inhalt h3 {
	font-size:1.2em;
	line-height:1.5em;
	margin:20px 0px 0px 0px;
}

#inhalt h4 {
	font-size:1.2em;
	margin:20px 0px 10px 0px;
}

#inhalt h5 {
	font-size:1.2em;
	margin:1em 0em 0.2em 0em;
}

div#inhalt p {
	font-size:1.2em;
	line-height:1.5em;
	margin:0px 0px 15px 0px;
}

div#inhalt a {
	text-decoration:underline;
}

div#inhalt a:hover {
	text-decoration:underline;
}

div#inhalt ul {
	margin:0px 0px 10px 0px;
	padding:0px;
}

div#inhalt ul li {
	font-size:12px;
	padding:2px 0px 2px 13px;
	line-height:1.5em;
	list-style-type:none;
	background-image:url("../images/list-arrow.gif");
	background-position:0px 5px;
	background-repeat:no-repeat;
}

div#inhalt table {
	margin:0px 0px 10px 30px;
}

div#inhalt table th, div#inhalt table td {
	font-size:12px;
	vertical-align:top;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px !important;
}

div#inhalt table th {
	font-weight:bold;
}

div#inhalt table td p {
	font-size:1em;
}

.unterschrift{
	padding-top:5px;
}


/**
* ------ FOOTER ------ *
*/
div#footer {
	width:871px;
	background:url(../images/page-bg.png) left top repeat-y;
	padding:0px 6px;
}

div#footer-inner {
	background-color:#866b7e;
	color:#FFFFFF;
	padding:31px 32px 15px 32px;
	position:relative;
}

div#footer-inner h4 {
	margin:0px 0px 0px 0px;
	font-size:1.2em;
	line-height:1.6em;
}

div#footer-inner p {
	margin:0px;
	font-size:1.1em;
	line-height:1.6em;
}

div#footer-inner a {
	color:#ffffff;
}

div#footer-inner p#copy {
	position:absolute;
	top:170px;
	left:0px;
	text-align:center;
	color:#666666;
	padding:10px 0 50px 0;
	width:100%;
}

div#footer-inner p#copy a {
	color:#666666;
}

img#logo-eeh {
	float:right;
}


/**
* ------ ELEMENTE ------ *
*/

.bild {
	float: right;	
}


/**
* ------ FORMULARE ------ *
*/

/* Formular */

form#kontakt {
	float:left;
	width:540px;
	padding-top:10px;
}

fieldset{
	border:none;
	font-size:12px;
	margin:0px;
	padding:0px;
}

div.label-input {
	width:270px;
	float:left;
}

label {
	cursor:pointer;
	width:220px;
	display: block;
}

input {
	border:1px solid #DED5D9;
	font-size: 12px;
	margin:4px 0px 20px 0px;
	width:220px;
	padding:6px 8px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:#EDEAE8;
}

input:focus,
textarea:focus{
	border: 1px solid #866B7E;	
}

input.check {
	border:none;
	margin-bottom:0px;
	width:auto;
	font-size:inherit;
}

input.submit {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#866B7E;
	border:none;
	overflow:visible;
	cursor: pointer;
	width: auto;
	padding:6px 10px;
	font-size:12px;
	margin-top:20px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#EDEAE8;
	color:#666666;
	font-size: 12px;
	border:1px solid #DED5D9;
	width:490px;
	height:85px;
	padding:7px 8px;
	margin:4px 0px 0px 0px;
}

/* Mailformplus */
li.mfp_error, .error {
	color:#FF4E00 !important;
}

ul.error {
	margin-top:-14px !important;
}