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

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

.clear {
   float: none;
   clear: both;
}

a {
	color:#7591C3;
}

a:hover {
	text-decoration:underline;
}

p {
	margin: 0.8em 0 1.2em 0;
}

.noText {
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	display:block;
}

.card {
	padding: 0 0 0 17px;
}

hr {
	width:100%;
	height:1px;
	background-color:#F1CC35;
	float:left;
	margin:40px 0;
}

.panel {
 	margin: 0 0 0 25px;
	padding: 0 54px;
	background:url(../images/bg-liste.gif) -3px 0 no-repeat;
}

.accordioncontent {
	width:300px;
	float:left;
	padding: 5px 0 0 5px;
	
}

h1#branding a {
	height:173px;
	position:absolute;
	width:277px;
	z-index:1;
	top:50px;
	text-indent:-9999px;
}

html {
	background:#000 url(../images/bg-html.jpg) bottom center no-repeat;
}

html, body {
}

body {
	line-height:20px!important;
	color:#000;
	font:0.85em Arial, Helvetica, sans-serif;
	height:100%;
}

#container {
	width:960px;
	margin: 0 auto;
	background:url(../images/bg-container.png);
	}

h2 {
	height:84px;
	text-indent:-9999px;
	width:468px;
}


h2#h2-startseite {
	background:url(../images/h2/h2-startseite.png) 0 0 no-repeat;
}

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

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

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

h2#h2-werkzeuge {
	background:url(../images/h2/h2-werkzeuge.png) 0 0 no-repeat;
}

h2#h2-profilwalzmaschinen {
	background:url(../images/h2/h2-profilwalzmaschinen.png) 0 0 no-repeat;
}

h2#h2-pruefsortiermaschinen {
	background:url(../images/h2/h2-pruefsortiermaschinen.png) 0 0 no-repeat;
}

h2#h2-service {
	background:url(../images/h2/h2-service.png) 0 0 no-repeat;
}

h2#h2-news {
	background:url(../images/h2/h2-news.png) 0 0 no-repeat;
}

h2#h2-error404 {
	background:url(../images/h2/h2-error404.png) 0 0 no-repeat;
}

h2#h2-danke {
	background:url(../images/h2/h2-danke.png) 0 0 no-repeat;
}



h3 {
	font-size:18px;
	color:#254992;
	padding:0 0 10px 0;´
	}
	
h4 {
	font-size:16px;
	color:#0B8B5B;
	}
	
li.sidebar  {
	color:#fff;
	}
ul li a {
	color:#fff;
	text-decoration:none;}

ul li a:hover {
	color:#7591C3;
	text-decoration:none;}	

	
ul li {
	padding: 5px 0 10px 10px;}
	
ul li ul li.undernavi {	
	font-weight:300!important;
	font-size:12px;
	padding: 5px 0 0 20px;
	color:#fff;
	}

.contentsidebar {
	background:url(../images/bg-navi-sidebar.jpg) 0 -34px no-repeat;
	}

/* ==================================================
    => header
================================================== */

#header {
	background:url(../images/bg-header.png) 0 0 no-repeat;
	width:960px;
	height:507px;
	position:relative;
}


/* ==================================================
    => sidebar
================================================== */

#sidebar {
	float:left;
	background:url(../images/bg-sidebar.jpg) #254992 no-repeat 0 0;
	width:277px;
	height:507px;
	min-height:100%;
	position:relative;
}

.sidebar {
	position:relative;
	left:35px;}


/* ==================================================
    => navi
================================================== */


ul#navi {
	list-style:none outside none;
	text-indent:-9999px;
	width:100px;
	position:absolute;
	top:215px;
	left:-10px;
}

ul#navi li {
	float:left;
	}
	
ul#navi a {
	display:block;
	overflow:hidden;
	background:none;
	height:58px;
}
ul#navi li a:hover, 
ul#navi li.active a {
	background:url(../images/bg-navi-active.jpg) no-repeat;

}
	ul#navi a#index {
		background-position:0 0;
		width:260px;
	}
	ul#navi a#anfahrt {
		background-position:0 -73px;
		width:260px;
	}
	
	ul#navi a#kontakt {
		background-position:0 -146px;
		width:260px;
	}

	ul#navi a#impressum {
		background-position:0 -219px;
		width:260px;
	}
	
	#subnavi {
		position:absolute;
		top:507px;
		background:url(../images/bg-navi-sidebar.jpg);
		width:278px;
	}
	
	ul#subnavi {
		text-transform:uppercase;
		font-weight:900;
		list-style:none;
		}
		
	ul#subnavi ul li {
		list-style:none;
		color:#fff;
		}

/* ==================================================
    => content
================================================== */

#content {
	float:right;
	position:relative;
	width:683px;
	height:700px;
	height:auto!important;
	min-height:700px;
}

div#contentMain {
	width:960px;
	margin:0 auto;
	background:url(../images/bg-content.png);		
}

#contentwrapper{
	float:left;
	width:600px;
	height:550px;
	border:1px solid green;
}

.contentColumn01 {
	float:left;
	padding:0 0 0 27px;
	position:relative;
	width:300px;
}

	p:first-child {
		font-weight:600;
	}


.contentColumn02 {
	float:left;
	padding:0 0 0 19px;
	position:relative;
	width:300px;
	}


.contentColumn-head {
	float:left;
	left:295px;
	position:relative;
	top:116px;
	width:300px;
}



a.routenplaner {
	background:url(../images/bg-karte-hovern.png) 0 0 no-repeat;
	display:block;
	width:376px;
	height:299px;
	position:relative;
	text-indent:-9999px;
	}
	
a.routenplaner:hover {
	background:url(../images/bg-karte-active.png);
	width:376px;
	height:299px;
	}
	
	
.bild {
	border:1px solid #010101;
	margin: 0 0 15px 0;
}

#slideshow {
	float:left;
	background:url(../images/bg-slideshow.jpg);
	width:683px;
	height:313px;
	position:relative;
}

#rotator {
	height:296px;
	left:8px;
	overflow:hidden;
	position:relative;
	top:9px;
	width:670px;
}

#rotator img {
	width:670px;
	height:296px;
}

.focus {
	color:#234487;
	font-size:27px;
	font-weight:900;
}
	
.routs {
	bottom:244px;
	left:37px;
	position:relative;
	color:#fff;
	font-size:12px;
	}
	
.underline {
	text-decoration:underline;
}

.pdfsidebar {
	background:url(../images/bg-pdfsidebar.jpg) 0 0 no-repeat;
	width:278px;
	height:254px;
	position:absolute;
	top:697px;
}

.pdfdesc {
	color:#FFFFFF;
	left:57px;
	position:relative;
	top:191px;
}

a.attempt {
	color:#fff;
	text-decoration:none;
}


/* ==================================================
    => footer
================================================== */

div#footer {
	width:960px;
	height:173px;
	padding: 5px 0 0 0;
	background:url(../images/bg-footer.png) 0 0 no-repeat;
	position:relative;
	float:none;
	clear:both;
}

.footadress {
	color:#FFFFFF;
	left:23px;
	position:relative;
	top:-36px;
	}
	
#kiwitz {
	position:absolute;
	width:115px;
	height:35px;
	top:42px;
	left:470px;
	display:block;
	z-index:1;
	text-indent:-9999px;
	}
	
#rls {
	display:block;
	height:35px;
	left:595px;
	position:absolute;
	top:47px;
	width:50px;
	z-index:1;
	text-indent:-9999px;
	}
	
#ort {
	display:block;
	height:35px;
	left:661px;
	position:absolute;
	top:45px;
	width:58px;
	z-index:1;
	text-indent:-9999px;
	}
	
#regg {
	display:block;
	height:33px;
	left:725px;
	position:absolute;
	top:43px;
	width:161px;
	z-index:1;
	text-indent:-9999px;
	}
	
#portrait {
	display:block;
	height:109px;
	left:11px;
	position:absolute;
	text-indent:-9999px;
	top:42px;
	width:75px;
	z-index:1;
	overflow:hidden;
	}
	
#allgemein {
	display:block;
	height:110px;
	left:101px;
	position:absolute;
	text-indent:-9999px;
	top:42px;
	width:74px;
	z-index:1;
	overflow:hidden;
	}
	
#programm {
	display:block;
	height:110px;
	left:190px;
	position:absolute;
	text-indent:-9999px;
	top:42px;
	width:76px;
	z-index:1;
	overflow:hidden;
	}