*,
html *{
	padding: 0;
	margin: 0;
}

html{ height: 101%; }


body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #000;
}

h1,h2,h3,h4{
	margin-bottom: 0.5em;
}

h1{
	padding-top: 10px;
	font-size: 26px;
	text-align: center;
}

h2{
	margin-top: 10px;
	margin-bottom: 1em;
	font-size: 16px;
}

h3{
	font-size: 14px;
}

h4{
	font-size: 14px;
}

hr{
	height: 0px;
	border: 0px solid #000;
	margin: 0px;
	background-color: #fff;
	color: #fff;
}

p{
	margin-bottom: 1em;
	line-height: 1.4em;
	text-align: right;
}

a{
	color: #fff;
	text-decoration: none;
	outline: none;
}
a:hover,
a:active{

}


img {
	border: 0px;
}

iframe{
	border: 1px solid #000;
	float: right;
	margin: 70px 0 40px 0;
}

ul{
	margin-left: 25px;
	margin-bottom: 1em;
}
li{
	margin-bottom: 0.5em;
}

.hidden{
	visibility: hidden;
}

/*
	Image preload
*/
#BGPreload,
#NavBGPreload{
	display: none;
}

/*
	Background Images
*/
#BGPreload .home,
body.home{
	background: url(/images/background/home.png) no-repeat top center #000;
}
#BGPreload .profil,
body.profil{
	background: url(/images/background/profil.png) no-repeat top center #000;
}
#BGPreload .leistungen,
body.leistungen{
	background: url(/images/background/leistungen.png) no-repeat top center #000;
}
#BGPreload .referenzen,
body.referenzen{
	background: url(/images/background/referenzen.png) no-repeat top center #000;
}
#BGPreload .kontakt,
body.kontakt{
	background: url(/images/background/kontakt.png) no-repeat top center #000;
}
#BGPreload .impressum,
body.impressum{
	background: url(/images/background/impressum.png) no-repeat top center #000;
}


#WrapperBody {
}

#Header{
	height: 67px;
	margin: 40px 0px 20px 0;
	background: url(/images/header.png) no-repeat center center;
}

#Header h1{
	position: absolute;
	top: -1000px;
}

#WrapperContent{
	height: 325px;
	width: 980px;
	margin: 0 auto;
}

#Content {
	overflow: hidden;
	height: 180px;
	padding-top: 70px;
}

#Content h3,
#Content p{
	text-shadow: black -5px 0px 3px;
	text-align: right;
}

#Content #ScrollContainer{
	margin-right: 10px;
	margin-left: 60px;
	position: relative;
	height: 180px;
	overflow: hidden;
}
#ScrollText{
	position: absolute;
	width: 470px;
	top: 0px;
	left: 0px;
}

#Scrollbar{
	width: 10px;
	padding-right: 14px;
	float: right;
	text-shadow: black -5px 0px 3px;
}
#Scrollbar a{
	padding: 2px 4px;
}
#Scrollbar a:hover{
	font-weight: bold;
}
#Scrollbar img{
	width: 8px;
	height: 148px;
}

#Content.home{
	height: 325px;
	padding-top: 0px;
	position: relative;
}
#Content.home p{
	position: absolute;
	right: 274px;
	top: 5px;
	font-size:14px;
}

#Content.referenzen{
	overflow: visible;
}
#Content.referenzen ul{
	margin: 0;
	padding: 0 20px 0 0;
	list-style-type: none;
	text-align: right;
}
#Content.referenzen li{
	height: 16px;
	margin-bottom: 0;
	text-shadow: black -5px 0px 3px;

}

#Content.referenzen #ScrollContainer{
	width: 252px;
	padding-right: 2px;
	margin: -2px 0 0 70px;
	position: relative;
	height: 203px;
	overflow: hidden;
}
#Content.referenzen #ScrollContainer img{
	width: 237px;
	height: 184px;
	margin: 0 0 2px 0;
}
#Content.referenzen #ScrollText{
	position: absolute;
	width: 284px;
	top: 0px;
	left: 0px;
}

#Content.referenzen .selected{
	font-weight: bold;
	text-decoration: none;
}


.referenz a{
	display: block;
}
.referenz a.goto{
	height: 15px;
	width: 237px;
	margin-top: -3px;
	margin-bottom: 5px;
	text-decoration: underline;
	text-align: right;
}


#Image{
	padding-top: 39px;
	overflow: visible;
	float: right;
	width: 408px;
}

a.kontakt{
	padding: 10px 0 4px 55px;
	background: url(/images/kontakt.png) no-repeat center left;
}
a.anfahrt{
	padding: 6px 0 4px 45px;
	background: url(/images/anfahrt.png) no-repeat center left;
}

/*
*  Navigation
*/
div#WrapperNavigation{
	height: 172px;
	margin-top: -40px;
	background: url(/images/menue_bg.png) no-repeat top center;
}

#Navigation ul{
	margin: 0;
}

	div#Navigation {
		position: relative;
		width: 694px;
		height: 172px;
		padding: 0;
		margin: 0 auto;
	}
	#NavBGPreload .home,
	div#WrapperNavigation .home {
		background: url(/images/menu-bg/home.png) no-repeat;
	}
	#NavBGPreload .profil,
	div#WrapperNavigation .profil {
		background: url(/images/menu-bg/profil.png) no-repeat;
	}
	#NavBGPreload .leistungen,
	div#WrapperNavigation .leistungen {
		background: url(/images/menu-bg/leistungen.png) no-repeat;
	}
	#NavBGPreload .referenzen,
	div#WrapperNavigation .referenzen {
		background: url(/images/menu-bg/referenzen.png) no-repeat;
	}
	#NavBGPreload .kontakt,
	div#WrapperNavigation .kontakt {
		background: url(/images/menu-bg/kontakt.png) no-repeat;
	}
	#NavBGPreload .impressum,
	div#WrapperNavigation .impressum {
		background: url(/images/menu-bg/impressum.png) no-repeat;
	}

	#Navigation li {
		display: block;
		position: absolute;
		margin: 0;
		padding: 0;
	}
	#Navigation li a {
		display: block;
		text-decoration: none;
		height: 150px;
	}
	#Navigation li span{
		visibility: hidden;
	}
	#Navigation li a:hover{
		background-position: 0px 0px !important;
	}

	#Navigation li#home{
		left: 15px;
	}
	#Navigation li#home a {
		width: 108px;
		background: url(/images/menu/home.png) no-repeat 172px 0px;
	}

	#Navigation li#profil {
		left: 123px;
	}
	#Navigation li#profil a {
		width: 111px;
		background: url(/images/menu/profil.png) no-repeat 172px 0px;
	}

	#Navigation li#leistungen {
		left: 234px;
	}
	#Navigation li#leistungen a {
		width: 109px;
		background: url(/images/menu/leistungen.png) no-repeat 172px 0px;
	}

	#Navigation li#referenzen {
		left: 343px;
	}
	#Navigation li#referenzen a {
		width: 108px;
		background: url(/images/menu/referenzen.png) no-repeat 172px 0px;
	}

	#Navigation li#kontakt {
		left: 451px;
	}
	#Navigation li#kontakt a {
		width: 111px;
		background: url(/images/menu/kontakt.png) no-repeat 172px 0px;
	}

	#Navigation li#impressum {
		left: 562px;
	}
	#Navigation li#impressum a {
		width: 116px;
		background: url(/images/menu/impressum.png) no-repeat 172px 0px;
	}

#ContactFormOverlay{
		background-color:#000;
		position: absolute;
		left:0px;
		top:0px;
		width: 100%;
		z-index: 997;
}

#ContactFormBox{
		position: absolute;
		top: 60px;
		left: 50%;
		width: 600px;
		height: 400px;
		padding: 15px;
		margin-left: -300px;
		overflow: hidden;
		background-color: #fff;
		z-index: 998;
}

#KontaktFormular label{
	display: block;
	margin-top: 15px;
	color: #000;
}
#KontaktFormular textarea{
	width: 400px;
	height: 360px;
	display: block;
	border: 0px;
}
#KontaktFormular input{
	display: block;
	width: 400px;
	padding: 2px 0;
	border: 0px;
	border-bottom: 1px solid #888;
}
#KontaktFormular textarea:focus,
#KontaktFormular input:focus{
	background-color: #eee;
}
#KontaktFormular #Message label{
	margin-top: 0;
}
#KontaktFormular #Message textarea{
	width: 280px;
}
#KontaktFormular #Address input{
	width: 280px;
}
#KontaktFormular #Address label{
	margin-top: 0px;
	margin-bottom: 15px;
}

#Message{
	float: left;
	width: 289px;
	height: 400px;
	padding-right: 10px;
	border-right: 1px solid #888;
}
#Address{
	position: relative;
	float: right;
	width: 289px;
	height: 400px;
	padding-left: 10px;
}

.close{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#KontaktFormular .submit{
	margin-top: 20px;
	border: 1px solid #888;

}
#KontaktFormular #Address .submit{
	background: url(../images/kontakt/briefmarke.png) no-repeat #fff;
	width: 136px;
	height: 95px;
	border: 0px;
	margin-left: 139px;
	margin-bottom: 50px;
	cursor: pointer;
}


#KontaktStatus{
	height: 400px;
}

#KontaktStatus p{
	text-align: center !important;
	color: #000 !important;
}