@charset "utf-8";
/* CSS Document */
* {
        margin: 0; padding: 0;
}

body {
	 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	 height: 100%;
	 color: #666;

}

a {
	text-decoration: none;
	
}
h1, h2, h3
	{ Font-Size: 11px; Line-Height: 22px;  Font-Weight: Bold; Font-Style: Normal; font-variant: normal; Font-Family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h2 {
	Color: #990000;
}

#wrap {
	 position: absolute;
     top: 40%;
     width: 100%;
}

#container {
	margin-top: -170px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left;
        width: 840px;
		height: 400px;


}

#header {

	position: absolute;
	top: 0px;
}

#header #logo {
	background: url(/images/logo01.gif) no-repeat;
	margin-bottom: 52px;
	float: right;
}
#header #logo a {
width: 245px;
	height: 58px;
display: block;
text-indent: -3900px;

}
#navigation {
	clear: both;
	background: #ccc;
	width: 840px;
	height: 25px;
	border: 0;
}

#navigation ul {
	margin:0;
	padding:0;
	
		
	float: left;
	width: 640px;
}

#navigation ul li {
	list-style: none;
	float: left;
	text-indent: -2000px;
	border-right: 3px solid #fff;
	padding:0;
	margin:0;
}
#navigation ul li a {
	width: 105px;
	height: 25px;	
	display:block;
}
#navigation ul li#profil a {background: url(/images/bu_pro_1.gif) no-repeat;}
#navigation ul li#coaching a {background: url(/images/bu_coa_1.gif) no-repeat;}
#navigation ul li#kontakt a {background: url(/images/bu_kon_1.gif) no-repeat;}
#navigation ul li#training a {background: url(/images/bu_tra_1.gif) no-repeat;}
#navigation ul li#beratung a {background: url(/images/bu_beratung.gif) no-repeat;}

#navigation ul li#profil a:hover {background: url(/images/bu_pro_2.gif) no-repeat;}
#navigation ul li#coaching a:hover {background: url(/images/bu_coa_2.gif) no-repeat;}
#navigation ul li#kontakt a:hover {background: url(/images/bu_kon_2.gif) no-repeat;}
#navigation ul li#training a:hover {background: url(/images/bu_tra_2.gif) no-repeat;}
#navigation ul li#beratung a:hover {background: url(/images/bu_beratung_f2.gif) no-repeat;}

#navigation ul li#profil a.active {background: url(/images/bu_pro_3.gif) no-repeat;}
#navigation ul li#coaching a.active {background: url(/images/bu_coa_3.gif) no-repeat;}
#navigation ul li#kontakt a.active {background: url(/images/bu_kon_3.gif) no-repeat;}
#navigation ul li#training a.active {background: url(/images/bu_tra_3.gif) no-repeat;}
#navigation ul li#beratung a.active {background: url(/images/bu_beratung_f3.gif) no-repeat;}


#meta {
	float: right;
	margin-right: 16px;
}

#meta a {
color:#666;
font-size: 10px;
margin-right: 20px;
 font-family: Trebuchet MS, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#meta a:hover {
	color:#FFFFFF;
}
#content {
	width: 838px;
	height: 300px;
	border: 1px solid #ccc;
	font-size: 11px;
	line-height: 22px;
	
}

#content #text {
	padding-top: 38px;
	padding-left: 130px;
}
#footer {
	height: 20px;
	padding: 6px 0;
	padding-left: 130px;
}
#adresse, #adresse a,
#footer, #footer a {
	font-size: 10px;
	line-height: 14px;
	color:#666666;
	text-decoration: none;
}

.fnstern {
	margin-left: -10px;
	padding-left: 10px;
	background: url(/images/stern_bottom.gif) no-repeat 0px 2px;
}

.hdstern {
	margin-left: -8px;
	padding-left: 14px;
	background: url(/images/stern.gif) no-repeat 0px 2px;
}

.red {
	color: #990000;
}


#content ul {
	margin:0;
	padding:0;
}

#content ul li {
	list-style: none;
	padding:0;
}

#content ul li ul li {
	text-indent: 10px;
}

#contactForm label {
	display:block;
	font-size: 10px;
	margin:0;
	padding:0;	
}

#contactForm input, textarea {
	margin-top: 6px;
	padding: 1px;
	font-size:11px;
	Border-Color: #c0c0c0; Border: 1px, plain;  
}

input.error, 
textarea.error{
	Border-Color: red;
	Border: 1px, plain;
	margin-top: 6px;
	padding: 1px;
	font-size:11px;
	display:block;	
}

#contactForm label.error {
	color: red;
	display:block;
	font-size: 10px;
	margin:0;
	padding:0;	
	position:absolute;
	z-index: 100;
	background: #fff;
	vertical-align: bottom;
}

.textfeld {
margin-top: 18px;	
width:340px;

}

.textinput {
	width: 140px;
}

.checkpanel input {
	display:inline;	
	border: none;
}

html * .checkpanel label.error {
	left: 132px;
	top: 308px;
	width: 300px;
}