body {
	background: #772E02 url(bilder/hintergrund.png) repeat-x;
	color: #772E02;
	font: 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}
h1 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	padding: 0;
}
h3 {
	color: #666;
	font-size: 1em;
	font-weight: bold; 
	margin: 0;
	padding: 0 0 0.4em 0;	
}
p {
	margin: 0;
	padding: 2px 0 10px 0;
}
a {
	color: #666;
	text-decoration: none;
}
img {
	border: none;
}

/* STRUCTURE
------------------------------------------------------------ */
#wrapper {
	background: url(bilder/wrapper.png) repeat-y;
	xborder: 1px solid white;
	margin: 10px;
	width: 877px;

}
#header {
	background: url(bilder/header.png) no-repeat;
	height: 9px;
}
#logo {
	margin: 0 0 0 0;
	padding: 0;
}
#logo a{
	background: url(bilder/logo.png) left bottom no-repeat;
	display: block;
	float: right;
	height: 148px;
	width: 395px;	
	text-indent: -2000px;
}
#bilder {
	xborder: 1px solid red;
	float: left;
	margin: 30px 0 0 30px;
	width: 450px;
}
#bottom {
	background: url(bilder/bottom.png) no-repeat;
	clear: both;
	height: 20px;
}

/* GENERAL STYLES
------------------------------------------------------------ */

.visual {
	float: left;
	padding: 10px 0 10px 20px;
}

/* SUBMENU
------------------------------------------------------------ */
#submenu {
	border-right: 1px solid #363636;
	float: left;
	width: 135px;
	text-transform: lowercase;
	min-height: 450px; /*IE 300px*/
}
	#submenu h2{
		padding: 0 0 5px 0;
		color: #555;
		display: none;
	}
	#submenu ul{
		background: #000 url(images/submenu/submenu_bg.png) left top no-repeat;
		list-style: none;
		margin: 0;
		padding: 10px 0 0 0;
		height: 405px; 
		min-height: 300px; 
	}
	#submenu ul li {
		display: inline;
	}


	
/* CONTENT
------------------------------------------------------------ */

#content {
	xborder: 1px solid red;
	float: left;
	min-height: 185px;
	margin: 10px 0 0 0;
	width: 380px;
}

	
	
/* MENU
------------------------------------------------------------ */

#menu {
	margin: 0;
	padding: 0;
	width: 877px;
}
	#menu li {
		display: inline;
	}
	#menu li a{
		border: 1px solid #FFF;
		color: #FFF;
		display: block;
		float: right;
		height: 5.4em;
		margin: 0 10px 0 0;
		padding: 0.2em 0 0 0.3em;
		width: 5.4em;
	}
	#menu li.home a {
		background: #FA6C15;
		border: 1px solid #FEC394;
	}
		#menu li.home a:hover {
			border: 1px solid #FFF;
		}
	#menu li.vitae a {
		background: #E56212;
		border: 1px solid #E7A777;
	}
		#menu li.vitae a:hover {
			border: 1px solid #FFF;
		}
	#menu li.leistungen a {
		background: #CF580F;
		border: 1px solid #D08B5B;
	}
		#menu li.leistungen a:hover {
			border: 1px solid #FFF;
		}
	#menu li.referenzen a {
		background: #B94D0C;
		border: 1px solid #B9703E;
	}
		#menu li.referenzen a:hover {
			border: 1px solid #FFF;
		}
	#menu li.kontakt a {
		background: none;
		border: 1px solid #A25422;
		margin-right: 0;
	}
		#menu li.kontakt a:hover {
			border: 1px solid #FFF;
			margin-right: 0;
		}
		#menu li.kontaktDown a{
			margin-right: 0;
		}


/* FOOTER
------------------------------------------------------------ */

#footer {
	background: url(bilder/footer.png) left no-repeat;
	clear: right;
	font-size: 10px;
	list-style: none;
	margin: 50px 0 0 0;
	padding: 4px 0;
	text-align: right;
	width: 877px;
}
	#footer li{
		display: inline;
	}
	#footer li a {
		color: #FFF;
		margin: 0 4px;
		padding: 0 0 2px 0;
	}
	#footer li a:hover {
		background: url(images/dotted_grey.png) bottom repeat-x;
		color: #B4B4B4;
	}



.jumper {
	display: none;
}
.external {
	background: url(images/links/external.png) center right no-repeat;
	padding-right: 18px;
}
.external:hover {
	background: url(images/links/external_hover.png) center right no-repeat;
}


/* GALLERY */
#gallery {
	width: 840px;
}
#gallery img {
	float: left;
	border: 3px solid #555;
	margin: 0 10px 10px 0;
	width: 152px;
	height: 114px;
}





.callbox {
	background: #1C1C1C;
	border: 1px solid #343434;
	padding: 7px;
	margin: 5px 0 15px 0 ;
}
.callbox span {
	color: #FFF;
	display: block;
	font-weight: bold;
}
.last {
	padding-bottom: 20px;
}
.back {
	float: right;
}



/* REFERENZEN */
.referenzen img {
	margin: 0 10px 10px 0;
}


/* CONTACT */

.contact {
	border: none;
}
.contact ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 7px 0;
	width: 155px;
}
.contact li {
	margin: 0 0 7px 0;
}


#feedback {
	color: #FFF;
}
label {
	display: block;
	cursor: pointer;
}
textarea {
	float: left;
	margin: 2px 0 0 0;
	width: 278px;
}


input#firma,
input#vorname,
input#telefon,
input#funktion,
input#name,
input#email {
	width: 155px;
}

input#firma,
input#vorname,
input#telefon,
input#funktion,
input#name,
input#email,
textarea {
	font-family: "Trebuchet MS";
	font-size: 12px;
	border: 1px solid #999;
	color: #333;
	padding: 3px;
}
input[type="text"]:focus,
textarea:focus {
	background: #999;
	border-bottom: 1px solid #444;
}
input[type="text"]:hover,
textarea:hover {
	border: 1px solid #444;
}

	a.senden {
		border: 1px solid #FFF;
		color: #FFF;
		display: block;
		float: left;
		height: 35px;
		margin: 32px 0 0 10px;
		padding: 0.2em 0 0 0.3em;
		width: 5.4em;
		background: #FA6C15;
		border: 1px solid #FEC394;
	}
	a.senden:hover {
		background: #772E02;
		border: 1px solid #A25422;
	}