@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------*/
/*-----------------------------Allgemein--------------------------------------*/
/*----------------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	border:0;
	}
	
body {
	background:#b41e1e url(../images/index/bg-content2.gif) center 0 repeat-y;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#595959;
	}

	
.highlight {
	font-weight:bold;
	color:#000;
	}
	
.floatstop {
	clear:both;
	float:none;
	}
	
h1 {
	color:#000;
	font-weight:bold;
	font-size:17px;
	}
	
h2 {
	color:#000;
	font-weight:bold;
	font-size:13px;
	}
	
a {
	color:#000;
	text-decoration:underline;
	}
	
a:hover {
	color:#333;
	text-decoration:none;
	}
	
div#container-white {
	background:#FFF url(../images/index/bg-body.gif) 0 top repeat-x;
	width:100%;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Content1---------------------------------------*/
/*----------------------------------------------------------------------------*/

div#container1 {
	width:960px;
	margin:0 auto 30px;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Header-----------------------------------------*/
/*----------------------------------------------------------------------------*/
	
div#header {
	width:960px;
	height:129px;
	position:relative;
	}
	
div#header span {
	display:none;
	}
	
div#shadow-right {
	background:url(../images/index/bg-shadow-right.gif) 0 0 no-repeat;
	width:27px;
	height:330px;
	position:absolute;
	top:0;
	right:-27px;
	}
	
div#shadow-left {
	background:url(../images/index/bg-shadow-left.gif) 0 0 no-repeat;
	width:27px;
	height:330px;
	position:absolute;
	top:0;
	left:-27px;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Branding---------------------------------------*/
/*----------------------------------------------------------------------------*/
	
div#branding h1 a {
	background:url(../images/index/h1-bg-branding.gif) 0 0 no-repeat;
	width:298px;
	height:65px;
	display:block;
	position:absolute;
	top:35px;
	left:20px;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Navi-add---------------------------------------*/
/*----------------------------------------------------------------------------*/
	
div#navi-add a {
	background:url(../images/index/bg-button-download.gif) 0 0 no-repeat;
	width:179px;
	height:35px;
	display:block;
	position:absolute;
	top:0;
	right:20px;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Navigation-------------------------------------*/
/*----------------------------------------------------------------------------*/
	
div#navigation {
	padding:0 20px;
	height:31px;
	}
	
div#navigation span {
	display:none;
	}
	
div#navigation li {
	list-style:none;
	float:left;
	}
	
div#navigation a#navi01 {
	background:url(../images/index/bg-navigation_01.gif) 0 0 no-repeat;
	width:109px;
	height:31px;
	display:block;
	}
	
div#navigation a:hover#navi01 {
	background:url(../images/index/bg-navigation-hover_01.gif) 0 0 no-repeat;
	}
	
div#navigation a#navi02 {
	background:url(../images/index/bg-navigation_02.gif) 0 0 no-repeat;
	width:106px;
	height:31px;
	display:block;
	}
	
div#navigation a:hover#navi02 {
	background:url(../images/index/bg-navigation-hover_02.gif) 0 0 no-repeat;
	}
	
div#navigation a#navi03 {
	background:url(../images/index/bg-navigation_03.gif) 0 0 no-repeat;
	width:84px;
	height:31px;
	display:block;
	}
	
div#navigation a:hover#navi03 {
	background:url(../images/index/bg-navigation-hover_03.gif) 0 0 no-repeat;
	}
	
div#navigation a#navi04 {
	background:url(../images/index/bg-navigation_04.gif) 0 0 no-repeat;
	width:91px;
	height:31px;
	display:block;
	}
	
div#navigation a:hover#navi04 {
	background:url(../images/index/bg-navigation-hover_04.gif) 0 0 no-repeat;
	}
	
div#navigation a#navi05 {
	background:url(../images/index/bg-navigation_05.gif) 0 0 no-repeat;
	width:90px;
	height:31px;
	display:block;
	}
	
div#navigation a:hover#navi05 {
	background:url(../images/index/bg-navigation-hover_05.gif) 0 0 no-repeat;
	}
	
div#navigation a#navi06 {
	background:url(../images/index/bg-navigation_06.gif) 0 0 no-repeat;
	width:104px;
	height:31px;
	display:block;
	}
	
div#navigation a:hover#navi06 {
	background:url(../images/index/bg-navigation-hover_06.gif) 0 0 no-repeat;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Slideshow--------------------------------------*/
/*----------------------------------------------------------------------------*/
	
div#slide {
	width:564px;
	height:207px;
	margin:30px 0 0 20px;
	float:left;
	}
	
* html div#slide {
	width:564px;
	height:207px;
	margin:30px 0 0 10px;
	float:left;
	}
	
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 520px; /*Width of Carousel Viewer itself*/
	height: 207px; /*Height should enough to fit largest content's height*/
	margin:0 0 0 20px;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 520px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

	
/*----------------------------------------------------------------------------*/
/*-----------------------------Content--------------------------------------*/
/*----------------------------------------------------------------------------*/
	
div#content-main-1 {
	width:310px;
	margin:30px 20px 0 0;
	float:right;
	}
	
* html div#content-main-1 {
	width:310px;
	margin:30px 10px 0 20px;
	float:right;
	}
	
h1#headline-start {
	background:url(../images/index/h1-bg-headline.gif) 0 0 no-repeat;
	width:181px;
	height:38px;
	margin:0 0 20px 0;
	}
	
h1#headline-start span {
	display:none;
	}

/*----------------------------------------------------------------------------*/
/*-----------------------------Content2---------------------------------------*/
/*----------------------------------------------------------------------------*/

div#container2 {
	width:960px;
	margin:0 auto 30px auto;
	}
	
div#content-main-2 {
	width:355px;
	float:left;
	margin:0 0 0 20px;
	}
	
* html div#content-main-2 {
	width:355px;
	float:left;
	margin:0 0 0 10px;
	}
	
div#tabcontent-container {
	width:542px;
	float:right;
	margin:0 20px 0 0;
	}
	
* html div#tabcontent-container {
	width:542px;
	float:right;
	margin:0 10px 0 10px;
	}
	
h1#headline-wir {
	background:url(../images/wirstellenunsvor/h1-bg-wirstellenunsvor.gif) 0 0 no-repeat;
	width:280px;
	height:22px;
	margin:0 0 10px 0;
	}
	
h1#headline-wir span {
	display:none;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Content3---------------------------------------*/
/*----------------------------------------------------------------------------*/

div#container3 {
	width:960px;
	margin:0 auto;
	padding:0 0 30px 0;
	}
	
div#content-images {
	width:355px;
	float:left;
	margin:0 0 0 20px;
	}
	
* html div#content-images{
	width:355px;
	float:left;
	margin:0 0 0 10px;
	}
	
div#content-main-3 {
	width:542px;
	float:right;
	margin:0 20px 0 0;
	}
	
* html div#content-main-3 {
	width:542px;
	float:right;
	margin:0 10px 0 20px;
	}
	
h1#headline-technik {
	background:url(../images/technik/h1-bg-technik.gif) 0 0 no-repeat;
	width:246px;
	height:22px;
	margin:0 0 10px 0;
	}
	
h1#headline-technik span {
	display:none;
	}

/*----------------------------------------------------------------------------*/
/*-----------------------------Content4---------------------------------------*/
/*----------------------------------------------------------------------------*/

div#container4 {
	width:960px;
	margin:0 auto 30px auto;
	padding: 20px 0 0 0;
	color:#FFF;
	position:relative;
	}

div#container4 a {
	color:#FFF;
	text-decoration:underline;
	}
	
div#container4 a:hover {
	color:#000;
	text-decoration:none;
	}
	
div#ontop span {
	display:none;
	}
	
div#ontop a {
	background:url(../images/index/bg-button-ontop.gif) 0 0 no-repeat;
	width:69px;
	height:48px;
	display:block;
	position:absolute;
	top:-25px;
	right:20px;
	}
	
div#shadow-right-red {
	background:url(../images/index/bg-shadow-right-red.gif) 0 0 no-repeat;
	width:27px;
	height:435px;
	position:absolute;
	top:0;
	right:-27px;
	}
	
div#shadow-left-red {
	background:url(../images/index/bg-shadow-left-red.gif) 0 0 no-repeat;
	width:27px;
	height:435px;
	position:absolute;
	top:0;
	left:-27px;
	}

div#column1 {
	width:355px;
	float:left;
	margin:0 0 0 20px;
	}
	
* html div#column1 {
	width:355px;
	float:left;
	margin:0 0 0 10px;
	}
	
div#column2 {
	width:522px;
	float:right;
	margin:0 20px 0 0;
	}
	
* html div#column2 {
	width:522px;
	float:right;
	margin:0 10px 0 40px;
	}	
	
h1#headline-kontakt {
	background:url(../images/kontakt/h1-bg-kontakt.gif) 0 0 no-repeat;
	width:246px;
	height:22px;
	margin:0 0 10px 0;
	}
	
h1#headline-kontakt span {
	display:none;
	}

h1#headline-anfahrt {
	background:url(../images/anfahrt/h1-bg-anfahrt.gif) 0 0 no-repeat;
	width:246px;
	height:22px;
	margin:0 0 10px 0;
	}
	
h1#headline-anfahrt span {
	display:none;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Content5---------------------------------------*/
/*----------------------------------------------------------------------------*/

div#container5 {
	background-color:#e0e0e0;
	padding:40px 0 20px 0;
	}
	
div#content-container {
	width:960px;
	margin:0 auto;
	position:relative;
	}
	
div#ontop2 span {
	display:none;
	}
	
div#ontop2 a {
	background:url(../images/index/bg-button-ontop2.gif) 0 0 no-repeat;
	width:69px;
	height:48px;
	display:block;
	position:absolute;
	top:-63px;
	left:20px;
	}
	
div#column3 {
	width:355px;
	float:left;
	margin:0 0 0 20px;
	}
	
* html div#column3 {
	width:355px;
	float:left;
	margin:0 0 0 10px;
	}
	
div#column4 {
	width:542px;
	float:right;
	margin:0 20px 0 0;
	}
	
* html div#column4 {
	width:542px;
	float:right;
	margin:0 10px 0 20px;
	}
	
h1#headline-impressum {
	background:url(../images/impressum/h1-bg-impressum.gif) 0 0 no-repeat;
	width:246px;
	height:22px;
	margin:0 0 10px 0;
	}
	
h1#headline-impressum span {
	display:none;
	}
	
/*----------------------------------------------------------------------------*/
/*-----------------------------Content5---------------------------------------*/
/*----------------------------------------------------------------------------*/

div#container6 {
	background-color:#FFF;
	padding:20px;
	}