@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

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

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/
html {
	background:url(../images/bg-html.jpg) center 0 repeat;
}

body {
	background:url(../images/bg-body.jpg) center 0 repeat-x;
	font:14px/24px arial, tahoma, verdana, sans-serif;
	color:#000000;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 20px 0;
}

textarea {
	overflow:auto;
}

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

a:hover {
	text-decoration:none;
}

.highlight {
	font-weight:bold;
	color:#414141;
}

ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
	font-size:0.001em;
	line-height:0.001em;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	width:898px;
	margin: 0 auto;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

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

#header ul.address {
	position:absolute;
	left:346px;
	top:494px;
}

#header ul.kontakt {
	position:absolute;
	left:672px;
	top:494px;
}

#header ul.kontakt a {
	text-decoration:none;
}

#header ul.kontakt a:hover {
	text-decoration:underline;
}

/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	width:269px;
	height:136px;
	top:0;
	left:24px;
	overflow:hidden;
}

#header h1.branding img {
	border:none;
}

#header h1 span {
	display:block;
	text-indent:-9999px;
}

#header h1.branding a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------
	header => slideshow
--------------------------------------------------------------*/
#slideshow {
	position:absolute;
	width:633px;
	height:252px;
	overflow:hidden;
	top:141px;
	left:6px;
	background:#dadada;
}
/*
#slideshow #rightControl {
	position:absolute;
	width:38px;
	height:38px;
	display:block;
	right:0;
	bottom:0;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/right-control.png) 0 0 no-repeat;
}

#slideshow #leftControl {
	position:absolute;
	width:38px;
	height:38px;
	display:block;
	left:0;
	bottom:0;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/left-control.png) 0 0 no-repeat;
}*/

#slidesContainer {
	width:633px;
	height:252px;
	overflow: hidden;
	/*padding: 0 16px 13px 17px;*/
	position: absolute;
	left: 0;
	top: 0;
}

#slidesContainer #slider {
	width:633px;
	height:252px;
	overflow: hidden;
	position: relative;
}

#slidesContainer #slider ul {
	width:633px;
	height:252px;
}

#slidesContainer span {
	background: url(../images/bg-slider-buttons.png) no-repeat 0 0;
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;

}

#slidesContainer span#prevBtn {
	left: 0px;
	bottom: 0px;
	background: url(../images/left-control.png) 0 0 no-repeat;
}

#slidesContainer span#nextBtn {
	right: 0px;
	bottom: 0px;
	background: url(../images/right-control.png) 0 0 no-repeat;
}

#slidesContainer span a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width: 38px;
	height: 38px;
}


/*--------------------------------------------------------------
	header => aktuelles
--------------------------------------------------------------*/
#aktuelles {
	position:absolute;
	width:280px;
	height:100px;
	top:435px;
	left:30px;
}

#aktuelles h3 {
	font-size:25px;
	font-weight:bold;
	color:#356736;
	margin:0 0 5px 0;
}

#newsticker a {
	float:right;
	margin:0px 10px 0 0;
	/*margin:-23px 10px 0 0;*/
}

/*--------------------------------------------------------------
	header => navigation
--------------------------------------------------------------*/

#header ul#navigation {
	list-style-type:none;
	width:603px;
	height:64px;
	position:absolute;
	top:73px;
	left:293px;
}

#header ul#navigation li {
	height:64px;
	float:left;
}

#header ul#navigation li a {
	height:64px;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
	display:block;
}

#header ul#navigation li a.Leistungen {
	width:205px;
}

#header ul#navigation li a.Leistungen:hover,
#header ul#navigation li.active a.Leistungen {
	background-position:0 0;
}

#header ul#navigation li a.ruettelbelaege-problemlos-ausfuehrbar {
	width:151px;
}

#header ul#navigation li a.ruettelbelaege-problemlos-ausfuehrbar:hover,
#header ul#navigation li.active a.ruettelbelaege-problemlos-ausfuehrbar {
	background-position:-205px 0;
}

#header ul#navigation li a.Referenzen {
	width:134px;
}

#header ul#navigation li a.Referenzen:hover,
#header ul#navigation li.active a.Referenzen {
	background-position:-356px 0;
}

#header ul#navigation li a.Profil {
	width:113px;
}

#header ul#navigation li a.Profil:hover,
#header ul#navigation li.active a.Profil {
	background-position:-490px 0;
}

/*--------------------------------------------------------------
	header => naviAdd
--------------------------------------------------------------*/

#header ul#naviAdd {
	list-style-type:none;
	width:560px;
	height:26px;
	position:absolute;
	top:429px;
	left:331px;
	padding:14px 0 0 0;
}

#header ul#naviAdd li {
	height:15px;
	overflow:hidden;
	float:left;
	padding:0 0 0 23px;
}

#header ul#naviAdd li a {
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-navi-add.jpg) -9999px 0 no-repeat;
	display:block;
}

#header ul#naviAdd li a.Willkommen {
	width:85px;
}

#header ul#naviAdd li a.Willkommen:hover,
#header ul#naviAdd li.active a.Willkommen {
	background-position:0 0;
}

#header ul#naviAdd li a.Stellenausschreibung {
	width:159px;
}

#header ul#naviAdd li a.Stellenausschreibung:hover,
#header ul#naviAdd li.active a.Stellenausschreibung {
	background-position:-108px 0;
}

#header ul#naviAdd li a.Kontakt {
	width:57px;
}

#header ul#naviAdd li a.Kontakt:hover,
#header ul#naviAdd li.active a.Kontakt {
	background-position:-290px 0;
}

#header ul#naviAdd li a.anfahrt {
	width:57px;
}

#header ul#naviAdd li a.anfahrt:hover,
#header ul#naviAdd li.active a.anfahrt {
	background-position:-370px 0;
}

#header ul#naviAdd li a.impressum {
	width:72px;
}

#header ul#naviAdd li a.impressum:hover,
#header ul#naviAdd li.active a.impressum {
	background-position:-450px 0;
}

/*--------------------------------------------------------------*/
/*----------------[ =contentContainer ]-------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:898px;
	background:url(../images/bg-content-container.png) 0 0 repeat-y;
}

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#contentMain {
	width:850px;
	padding:12px 15px 0 33px;
	background:url(../images/bg-content-main.jpg) 0 0 no-repeat;
}

#contentMain h2 {
	font-size:18px;
	font-weight:bold;
	color:#404040;
	margin:0 0 5px 0;
}

#contentMain h3, h4 {
	font-size:14px;
	font-weight:bold;
	color:#404040;
}

#contentMain #accordion {
	width:670px;
	padding:20px 0 0 0;
}

#contentMain #accordion h3 {
	display:block;
	cursor:pointer;
	width:645px;
	height:28px;
	padding:0 0 0 25px;
	background:#989898;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin:0 0 2px 0;
	text-decoration:none;
}

#contentMain #accordion h3:hover {
	background:#356736;
}

#contentMain #accordion div {
	padding:18px 0 0 0;
}

#contentMain #accordion img {
	width:248px;
	height:auto;
	float:left;
	margin:0 20px 10px 0;
	border:2px solid #ffffff;
}

#contentMain ul li {
	padding:0 0 0 19px;
	background:url(../images/bg-ul-li.gif) left 6px no-repeat;
}

#contentMain a.pdf {
	display:block;
	height:49px;
	width:150px;
	padding:0 0 0 60px;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/bg-pdf.jpg) left 0 no-repeat;
}

#contentMain img.contentImg {
	border:2px solid #ffffff;
}

#contentMain .column1 {
	width:573px;
	float:left;
}

#contentMain .column2 {
	width:240px;
	padding:0 0 0 37px;
	float:left;
}

#contentMain .kontaktColumn {
	width:410px;
	float:left;
	padding:0 10px 0 0;
}

#contentMain p a.vcard {
	display:block;
	width:205px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/vcard.png) 0 0 no-repeat;
}

#contentMain iframe {
	background:none;
	padding:2px;
	border:1px solid #5f960e;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/


#footer {
	width:898px;
	height:111px;
	margin:0 auto;
	background:url(../images/bg-footer.jpg) center 0 no-repeat;
}