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

img {
	border: none;
}

ul {
	list-style: none;
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
}

html,
body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	background: url(../images/bg-body.jpg) repeat-x center top #000000;
	font: 12px/18px Verdana, sans-serif;
	color: #dfdfdf;
}

/*---------- Container ----------*/
#container {
	width: 980px;
	margin: 0 auto;
}

/*---------- Header ----------*/
#header {
	background: url(../images/bg-header.jpg) no-repeat 0 0;
	height: 350px;
	width: 980px;
	position: relative;
}

/*---------- Branding ----------*/
h1#branding {
	height: 54px;
	width: 362px;
	position: absolute;
	top: 184px;
	left: 65px;
}

h1#branding a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 54px;
	width: 362px;
}

/*---------- Navigation ----------*/
#navigation {
	height: 104px;
	width: 93px;
	position: absolute;
	top: 51px;
	left: 65px;
}

#navigation ul {
	height: 104px;
	width: 93px;
}

#navigation ul li {
	float: left;
}

#navigation ul li a {
	background: url(../images/bg-navigation.jpg) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 14px;
	margin: 0 0 16px 0;
}

#navigation ul li a.home {
	background-position: 0 0;
	width: 55px;
}

#navigation ul li a.home:hover,
#navigation ul li.active a.home {
	background-position: -93px 0;
}

#navigation ul li a.referenzen {
	background-position: 0 -30px;
	width: 93px;
}

#navigation ul li a.referenzen:hover,
#navigation ul li.active a.referenzen {
	background-position: -93px -30px;
}

#navigation ul li a.preise {
	background-position: 0 -60px;
	height: 18px;
	width: 60px;
	margin: 0 0 12px 0;
}

#navigation ul li a.preise:hover,
#navigation ul li.active a.preise {
	background-position: -93px -60px;
}

#navigation ul li a.links {
	background-position: 0 -90px;
	width: 48px;
	margin: 0;
}

#navigation ul li a.links:hover,
#navigation ul li.active a.links {
	background-position: -93px -90px;
}

/*---------- ContentContainer ----------*/
#contentContainer {
	background: url(../images/bg-contentContainer.jpg) no-repeat 0 0;
	width: 980px;
}

/*---------- ContentMain ----------*/
#contentMain {
	float: left;
	width: 480px;
	padding: 0 35px 65px 65px;
}

#contentMain h2 {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 50px;
	width: 480px;
	margin: 0 0 24px 0;
}

#contentMain h2.home {
	background: url(../images/h2/bg-home.jpg) no-repeat 0 0;
}

#contentMain h2.kontakt {
	background: url(../images/h2/bg-kontakt.jpg) no-repeat 0 0;
}

#contentMain h2.kontakt-danke {
	background: url(../images/h2/bg-kontakt-danke.jpg) no-repeat 0 0;
}

#contentMain h2.anfahrt {
	background: url(../images/h2/bg-anfahrt.jpg) no-repeat 0 0;
}

#contentMain h2.impressum {
	background: url(../images/h2/bg-impressum.jpg) no-repeat 0 0;
}

#contentMain h2.referenzen {
	background: url(../images/h2/bg-referenzen.jpg) no-repeat 0 0;
}

#contentMain h2.preise {
	background: url(../images/h2/bg-preise.jpg) no-repeat 0 0;
}

#contentMain h2.links {
	background: url(../images/h2/bg-links.jpg) no-repeat 0 0;
}

#contentMain h3 {
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #ffb527;
	margin: 0 0 5px 0;
}

#contentMain p {
	margin: 0 0 18px 0;
}

#contentMain p.highlight {
	color: #ffb527;
	font-weight: bold;
}

#contentMain a {
	color: #00d4fa;
	text-decoration: underline;
}

#contentMain a:hover {
	text-decoration: none;
}

#contentMain .hr {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	background: #7b7b7b;
	height: 1px;
	margin: 17px 0 17px 0;
}

#contentMain a.top {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	float: left;
	position: relative;
	top: -10px;
}

#contentMain a.impressum {
	font-size: 11px;
	text-decoration: none;
	float: right;
	position: relative;
	top: -10px;
}

#contentMain a.impressum:hover {
	text-decoration: underline;
}

#contentMain img.imagePreise {
	border: 1px solid #dfdfdf;
	margin: 10px 0 10px 0;
}

/*---------- Google Map ----------*/
#map {
	border: 1px solid #00d4fa;
	height: 368px;
	width: 468px;
	margin: 0 0 3px 0;
	padding: 5px;
}

/*---------- CMS Referenzen ----------*/
.cmsReferenzen {
	width: 480px;
	padding: 0 0 18px 0;
}

.cmsReferenzen img.imageCmsReferenzen {
	border: 1px solid #00d4fa;
	float: left;
	height: 111px;
	width: 148px;
	margin: 0 8px 0 0;
	padding: 1px;
}

/*---------- ContentSidebar ----------*/
#contentSidebar {
	font-size: 11px;
	line-height: 18px;
	color: #ffb527;
	float: left;
	width: 400px;
	padding: 160px 0 0 0;
}

#contentSidebar h3 {
	font: 14px/18px Arial, sans-serif;
	color: #dfdfdf;
	font-weight: bold;
	position: absolute;
	top: -23px;
	right: 85px;
}

#contentSidebar p {
	margin: 0 0 18px 0;
}

#contentSidebar a {
	color: #00d4fa;
	text-decoration: underline;
}

#contentSidebar a:hover {
	text-decoration: none;
}

#contentSidebar strong {
	color: #ebebeb;
	font-weight: bold;
}

/*---------- ContentSidebar LinksBox ----------*/
#contentSidebar #linksBox {
	background: url(../images/bg-linksBox.jpg) no-repeat 0 0;
	height: 285px;
	width: 260px;
	margin: 0 0 7px 0;
	padding: 15px 100px 0 40px;
	position: relative;
}

#contentSidebar #linksBox a.button {
	background: url(../images/bg-linksBox-button.jpg) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 35px;
	width: 130px;
	position: absolute;
	top: 220px;
	left: 14px;
}

#contentSidebar #linksBox a.button:hover {
	background-position: 0 -35px;
}

#contentSidebar #linksBox a.active {
	background: url(../images/bg-linksBox-button.jpg) no-repeat 0 -35px !important;
}

#contentSidebar #linksBox a.buttonActive:hover {
	background-position: 0 -35px;
}

/*---------- ContentSidebar AddressBox ----------*/
#contentSidebar #addressBox {
	background: url(../images/bg-addressBox.jpg) no-repeat 0 0;
	height: 183px;
	width: 250px;
	margin: 0 0 17px 0;
	padding: 16px 106px 0 44px;
	position: relative;
}

#contentSidebar #addressBox address {
	font-style: normal;
}

#contentSidebar #addressBox a.button {
	background: url(../images/bg-addressBox-button.jpg) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 36px;
	width: 200px;
	position: absolute;
	top: 118px;
	left: 14px;
}

#contentSidebar #addressBox a.button:hover {
	background-position: 0 -36px;
}

#contentSidebar #addressBox a.active {
	background-position: 0 -36px !important;
}

/*---------- ContentSidebar ReferenzenBox ----------*/
#contentSidebar #referenzenBox {
	background: url(../images/bg-referenzenBox.jpg) no-repeat 0 0;
	height: 266px;
	width: 250px;
	padding: 16px 106px 0 44px;
	position: relative;
}

#contentSidebar #referenzenBox a.button {
	background: url(../images/bg-referenzenBox-button.jpg) no-repeat 0 0;
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height: 35px;
	width: 170px;
	position: absolute;
	top: 87px;
	left: 14px;
}

#contentSidebar #referenzenBox a.button:hover {
	background-position: 0 -35px;
}

#contentSidebar #referenzenBox a.active {
	background-position: 0 -35px !important;
}

/*---------- Footer ----------*/
#footer {
	border-top: 1px solid #7b7b7b;
	font-size: 11px;
	line-height: 18px;
	color: #ebebeb;
	height: 84px;
	width: 850px;
	margin: 0 65px;
	position: relative;
}

#footer p {
	text-align: center;
	margin: 19px 0 0 0;
}

#footer a {
	color: #00d4fa;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer a.anfahrt {
	color: #ebebeb;
	text-decoration: none;
}

#footer a.anfahrt:hover {
	text-decoration: underline;
}

#footer a.active {
	text-decoration: underline !important;
}

