* {
	margin: 0px;
	padding: 0px;
}

html, body {
	width: 100%;
}

body {
	font: 12px Helvetica-Neue, HelveticaNeue, Helvetica, sans-serif;
	color: #444444;
}

a {
	color: #111111;
	text-decoration: underline;
}

a:hover {
	color: #CCCCCC;
}

.content {
	position: relative;
	width: 925px;
	left: 50%;
	margin-left: -462px;
}

.header, .main, .footer {
	position: relative;
	float: none;
	clear: both;
	width: 925px;
}

.header {
	display: block;
	height: 80px;
	margin-top: 40px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

.navigation {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 40px;
	border-bottom: solid 1px #cccccc;
}

.navigation ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	left: -20px;
	width: 400px;
}

.navigation ul li {
	position: absolute;
	float: left;
	top: 10px;
	height: 30px;
}

.navigation ul li#buero {
	background: url('../img/navi/buero_up.jpg') top left no-repeat;
	margin-top: 0;
	left: 0;
	height: 30px;
	width: 57px;
}

.navigation ul li#buero.hover {
	background: url('../img/navi/buero_hover.jpg') top left no-repeat;
}

.navigation ul li#buero.active {
	background: url('../img/navi/buero_active.jpg') top left no-repeat;
}


.navigation ul li#leistungen {
	background: url('../img/navi/leistungen_up.jpg') top left no-repeat;
	margin-top: 0;
	left: 58px;
	height: 30px;
	width: 79px;
}

.navigation ul li#leistungen.hover {
	background: url('../img/navi/leistungen_hover.jpg') top left no-repeat;
}

.navigation ul li#leistungen.active {
	background: url('../img/navi/leistungen_active.jpg') top left no-repeat;
}

.navigation ul li#referenzen {
	background: url('../img/navi/referenzen_up.jpg') top left no-repeat;
	margin-top: 0;
	left: 204px;
	height: 30px;
	width: 82px;
}

.navigation ul li#referenzen.hover {
	background: url('../img/navi/referenzen_hover.jpg') top left no-repeat;
}

.navigation ul li#referenzen.active {
	background: url('../img/navi/referenzen_active.jpg') top left no-repeat;
}

.navigation ul li#projekte {
	background: url('../img/navi/projekte_up.jpg') top left no-repeat;
	margin-top: 0;
	left: 137px;
	height: 30px;
	width: 67px;
}

.navigation ul li#projekte.hover {
	background: url('../img/navi/projekte_hover.jpg') top left no-repeat;
}

.navigation ul li#projekte.active {
	background: url('../img/navi/projekte_active.jpg') top left no-repeat;
}

.navigation ul li#kontakt {
	background: url('../img/navi/kontakt_up.jpg') top left no-repeat;
	margin-top: 0;
	left: 286px;
	height: 30px;
	width: 53px;
}

.navigation ul li#kontakt.hover {
	background: url('../img/navi/kontakt_hover.jpg') top left no-repeat;
}

.navigation ul li#kontakt.active {
	background: url('../img/navi/kontakt_active.jpg') top left no-repeat;
}

.navigation ul li span {
	position: absolute;
	left: -999em;
}

.main {
	display: block;
	width: 891px;
	left: 17px;
	margin-top: 40px;
	margin-bottom: 45px;
	font-weight: 200;
	line-height: 1.6em;
}

.footer {
	display: block;
	width: 925px;
	height: 78px;
	padding-top: 6px;
	border-top: solid 1px #cccccc;
	color: #666666;
	font: 9px Verdana;
	font-weight: normal;
}

.footer .footercontact {
	float: left;
	padding-left: 17px;
}

.footer .footerimprint {
	float: right;
	padding-right: 17px;
}

ul {
	margin-top: 10px;
}

li {
	margin-left: 40px;
	color: #666666;
}

.logo {
	position: absolute;
	clear: none;
	width: 248px;
	height: 42px;
	top: 9px;
	left: 14px;
}

.claim {
	position: absolute;
	clear: none;
	width: 120px;
	height: 19px;
	top: 25px;
	left: 785px;
}

strong {
	font-weight: 600;
}

div.project {
	position: relative;
	width: 275px;
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
}

div.verticalspacer {
	height: 40px;
	clear: both;
	float: none;
}

div.horizontalspacer {
	width: 33px;
	clear: none;
	float: left;
}

div.projectthumb {
	float: none;
	clear: both;
	width: 275px;
	height: 175px;
	overflow: hidden;
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
}

div.projectimage {
	float: none;
	clear: both;
	width: 380px;
	margin: 0;
	padding: 0;
	margin-right: 40px;
}

.projectimage img, .projectthumb, #projectmainimage {
	border: solid 1px #c9c8c8;
}


#projectmainimage, #projectslideshow {
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	width: 480px;
	height: 300px;
}

#projectimagenavi {
	float: none;
	clear: both;
}

#projectdescription {
	position: relative;
	float: right;
	clear: none;
	width: 390px;
	margin-left: 19px;
}



div.projectdescription {
	float: none;
	clear: both;
	width: 471px;
	margin: 0;
	padding: 0;
}

#slideshow {
	margin: 0 auto;
	height: 440px;
}

#slideshow #slidesContainer {
	margin: 0 auto;
	width: 915px;
	height: 400px;
	overflow: auto;
	position: relative;
}

#slideshow #slidesContainer .slide {
	margin: 0 auto;
	float: left;
	width: 895px;
	height: 400px;
}