/*****************************************/
/******* ©2008 // despecial.com *******/
/*****************************************/

/* DEFAULTS */
body { 
	background: #fbfcec  url("../_img/site_bg.gif");
	font: normal 9pt Verdana, Arial,Sans-Serif;
	color: #000
}

/* RESET */
html, body, p, h1, h2, h3, form, input, select, ul, li {
	margin: 0;
	padding: 0
}

a:link,
a:visited { 
	text-decoration: none;
	color:#b50000
}
a:hover,
a:active {
	color: #dd0000
}

img { border: none }

h1 { font-size: 22px }
h2 { font-size: 18px }
h3 { font-size: 14px }

.error404 h1 { color: red; margin-bottom: 20px }

/* MISC */
.none { display: none }
.left { float: left }
.right { float: right }
.center { text-align: center }
.clear { clear: both }

/******* SITE STRUCTURE *******/
#site {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: 50%;
	margin-top: -277px;
	height: 553px;
	width: 800px;
}

/* HEADER */
#header {
	height: 110px;
	width: 730px;
	margin: 0 0 6px 43px
}
#head1 {
	float: left;
	display: block;
	height: 110px;
	width: 30px;
	background: transparent url("../_img/header_bg_left.gif") no-repeat;
}
#head2 {
	float: left;
	display: block;
	height: 110px;
	width: 670px;
	background: transparent url("../_img/header_bg.gif") repeat-x;
}
#head3 {
	float: left;
	display: block;
	height: 110px;
	width: 29px;
	background: transparent url("../_img/header_bg_right.gif") no-repeat;
}
.headleft { 
	float: left;
	margin-top: 11px
}
.headlogo {
	float: left;
	margin: 30px 0 0 40px
}


#left,
#middle,
#right {
	width: 36px;
	height: 400px;
	float: left;
	margin-bottom: 6px
}

#middle {
	margin: 0 6px;
	width:  710px;
	min-width: 400px;
	background-color: #c6d5dc
}

#sidebar {
	position: relative;
	float: left;
	width: 200px;
	height: 400px;
	min-height: 400px;
}

#footer {
	clear: both;
	width: 716px;
	height: 33px;
	background: transparent url("../_img/footer.gif") no-repeat;
	margin: 0px 0 0 36px;
	text-align: right;
}

/* CONTENT */
#content {
	float: left;
	display: block;
	height: 380px;
	width: 480px;
	border-right: 6px solid white;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	font: normal 11px Tahoma, Sans-Serif;
}
* html #content { height: 400px; width: 500px }

h1 {
	color: #005d35;
	font: bold 20px Arial, Sans-Serif;
	margin-bottom: 5px;
	text-transform: uppercase;
}
h2 {
	font: bold 11px Arial, Sans-Serif;
	margin-bottom: 5px;
}
#content p { 
	margin-bottom: 10px
}
#content img {
	margin-bottom: 5px
}
/* CONTENT */



/* NAVIGATION */
#nav {
	margin: 40px 10px;
}
#nav ul { list-style-type: none }
#nav li { 
	display: block;
	height: 30px;
	width: 182px;
	text-transform: uppercase;
	color: #005d35;
	font: bold 16px Arial, Sans-Serif;
	margin-bottom: 3px
}
#nav li span { display: none }
#nav1 { background-color: #b20706 }
#nav2 { background-color: #c03735 }
#nav3 { background-color: #c74f4d }
#nav4 { background-color: #cb6460 }
#nav5 { background-color: #cf7973 }

#nav li a { 
	padding: 6px 0 0 3px;
	height: 24px;
	width: 173px;
	display: block;
	margin-left: 6px;
	background: transparent url("../_img/nav.gif") no-repeat
}
* html #nav li a {
	height: 30px;
	width: 180px;
	margin-right: -6px;
}
#nav li a img {
	margin-top: 2px;
	opacity: 0.77;
	filter: alpha(opacity=77);
	vertical-align: middle;
}
#nav li a:hover img,
#nav .active {
	opacity: 0.9999;
	filter: alpha(opacity=100);
}
/* NAVIGATION */



#splash {
	position: absolute;
	bottom: 20px;
	margin-left: -58px;
	left: 50%;
	width: 115px;
	height: 115px;
	display: block;
	background: transparent url("../_img/splash.jpg") no-repeat
}
#splash span {
	display:none
}

#footer p {
	position: relative;
	top: 16px;
	right: 12px;
	color: #666666;
	font: normal 11px Tahoma, Sans-Serif;
}
#footer a { color: #666 }

.txt50 {
	float: left;
	width: 240px
}

h3 {
	font: bold 18px arial, sans-serif
}
.bio { color: #005d35 }
.leistungen { font-size: 13px }

#content ul { list-style-type: circle;margin-bottom: 10px }
#content li { margin-left: 15px; }

.centered {
	width: 100%;
	margin: 60px auto;
	text-align: center
}
#content .centered h2 { font-size: 16px }




/* KONTAKT */
#formbox {
	float: left;
	display: block;
}
#formbox legend { display: none }
#formbox fieldset { border: none }
#formbox label { 
	line-height: 20px;
	width: 50px;
	float: left;
}
#formbox label span { visibility: hidden }
#formbox .textfield {
	float: left;
	width: 150px;
	height: 12px;
	padding: 1px 5px 1px 5px;
	margin-bottom: 5px;
	font: normal 11px tahoma, sans-serif;
	color: black;
	border: 1px solid #666;
	background-color: white;
}
#formbox textarea {
	float: left;
	width: 153px;
	height: 65px;
	padding: 3px;
	margin-bottom: 10px;
	font: normal 11px tahoma, sans-serif;
	color: black;
	border: 1px solid #666;
	background-color: white;
	
}
.error { color: #f40000; font-weight: normal }
.submit,
.reset {
	width: 78px;
	text-align: center;
	font: bold 11px tahoma, sans-serif;
	color: #666;
	border: 2px solid #666;
	background-color: #d1cfb4;

}
.reset {
	font-weight: normal
}