/*
	farben: 	505a91	404050		rgba(80,90,145)		rgba(64,64,80)
				b9b9e6	8787b4		rgba(185,185,230) 	rbga(135,135,180)
*/

html, body { 
	height:100%; 
	font-family:"Book Antiqua", "Times New Roman", Times, serif;
	font-size:11pt;
	#background: url(hg.png) center center no-repeat;
}
body { 
	margin:0;
	padding:0;
	color:#505a91;
}

div, span, ul, input, textarea {
	display:block;
	border-radius:3px;
}

* {
    outline: 0 none;
}


h1, h2, h3 { 
	color:#505a91;
}

#container {
	margin:40px auto 0 auto;
	max-width:840px;
	position: relative;
	background:#fff;
	overflow:hidden;
	border:1px solid #eee;
	padding:30px;
}

#header {
	width:620px;
	margin:0 auto;	
	text-align:center;
	min-height:200px;
	background: url(logo-hildebrandt.png) left top no-repeat;
}

#header .top {	
}

#header h1 {
	margin:1em 0;
	padding:0 5px 0 0;
	line-height:120px;
	font-size:2.3em;
	letter-spacing: 0.2em;
	font-style:uppercase;
	text-align:right;
}
div.berufsbezeichnung { 
	margin:-4em 5px 3.1em 0; 
	letter-spacing:0.2em; 
	text-indent:16em;
	float:right;
	font-size:1.25em;
	font-weight:bold;
	color:#505a91;
}
#nav {
	margin:0;
	padding:0;
	text-transform: uppercase;
	color:#999;
	float:right;
}
#nav ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}
#nav ul li {
	display:inline;
	margin:0 0.5em;
	float:left;
}
#nav ul li a {
	padding:1.25em 2em;
	width:100%;
	position:relative;
	border-bottom:2px solid #b9b9e6;
	letter-spacing:0.1em;
	text-decoration:none;
	color:#8787b4;
	background:url(verlauf.png) center center repeat-x;
}
#nav ul li a:hover {
	color:#404050;
	border-color:#505a91;
}


#info, #leistungen, #kontakt, #impressum { max-width:800px; margin:30px auto; padding:2em; clear:left;}
#impressum { text-align:justify;}
#info { text-align:center; background:#eee; font-weight:bold; max-width:725px; margin:3em auto -2em auto;}
#info p { margin:0; padding:0;}
h3 { 
	margin:0;
	padding:0.5em;
	text-align:center; 
	height:40px; 
	background:url(verlauf.png) left center repeat-x;
}
h2 {
	border-bottom:2px solid #505a91;
	background:url(verlauf.png) left center repeat-x;
	padding:1em;
	font-size:1.38em;
}
h2 a{ background:url(cap.png) left center no-repeat; padding:1em 2em;}
div.links, div.mitte, div.rechts {
	float:left;
	margin:0 1.1em 1em 1.1em;
	max-width: 235px;
    min-width: 14em;
	border:1px solid #b9b9e6;
	padding:0;
}
#about {}
#leistungen  ul {
	list-style-image: url(icon.png);
	padding-left: 2em;
}
#leistungen  ul li {
	margin:0.5em 0;
}
#footer { 
	color:#666;
	max-width:900px;
	margin:0 auto;
	line-height:30px;
	padding:0;
}
#footer a {
	color:#b9b9e6;
	font-size:0.8em;
	display:block;
}
#footer div {
	padding:0.5em 1em 2em 1em;
}
#footer span.copy { float:left; width:40%; color:#8787b4;}
#footer span.design { float:right; width:40%; text-align:right; color:#b9b9e6;}

/* Kontaktformular */
#kontakt form { border:2px dashed #b9b9e6; padding:1em; margin-left:1em; float:left; display:block;}
#kontaktformular label { width:16em; display:block; }
#kontaktformular input,
#kontaktformular textarea { clear:left; display:block; border:1px solid #b9b9e6; width:220px; padding:0.5em; margin:0 1em 0 0;}
#kontaktformular textarea { height:140px; width:400px;}
.form-left, 
.form-right {  position:relative; float:left;}
#kontaktformular input[type=submit]:hover {
	background:#ddd;
	cursor:pointer;
}