@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body{
	width:100%;
	height:100%;
	background:#afafb7 url(../images/bgr.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
}
a{
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:none;
}

.colorlink {
color:#CD0000;
}

.colorlink a {

color:#CD0000;
}

.colorlink a:hover {
color:#CD0000;
}

ul#blaettern {
	list-style:none;
}
#wrapper {
	height: 571px;
	width: 948px;
	margin:134px auto 0 auto;
}
	#header {
		height: 18px;
		width: 944px;
		background:url(../images/header.jpg) 0 10px no-repeat;
		margin:-10px 0 0 0;
	}
	#content-wrapp{
		height: 392px;
		padding:0 0 0 9px;
		background:url(../images/content-wrapp-bgr.jpg) no-repeat;
		clear:both;
	}
		#flash-wrapp{
			height: 392px;
			width: 403px;
			background:url(../images/logo.jpg) no-repeat;
			float:left;
		}
			#flash-wrapp a{
				display:block;
				float: left;
				width:160px;
				height:197px;
				text-indent:-5000px;
			}
			#flash {
				margin: 1px 0px 0px 0px;
			}
		#content{
			width:459px;
			height:392px;
			overflow: hidden;
			background:url(../images/content.jpg) no-repeat;
			padding:0 42px 0 32px;
			float:left;
		}
			ul#blaettern{
				width:86px;
				height:50px;
				background:url(../images/top-nav-bgr.jpg) no-repeat;
				margin:21px 0 0 366px;
			}
			ul#blaettern li{
				float:left;
				width:42px;
				height:50px;
				margin:0 1px 0 0;
			}
				ul#blaettern li a{
					display:block;
					height:10px;
					padding:38px 0 0 0;
					background:url(../images/top-nav-bgr2.jpg) no-repeat;
					font-size:12px;
					text-transform:lowercase;
					line-height:10px;
					
				}
				ul#blaettern li a.back:hover, ul#blaettern li a.back-active {
					background:url(../images/top-nav-bgr2.jpg) no-repeat;
					background-position:  0 -100px;
				}
				ul#blaettern li a.back-active:hover{
					background:url(../images/top-nav-bgr2.jpg) no-repeat;
					background-position:  0 -50px;
				}
				ul#blaettern li a.back-inactive:link, ul#blaettern li a.back-inactive:visited, ul#blaettern li a.back-inactive:hover {
					background:url(../images/top-nav-bgr2.jpg) no-repeat;
					background-position:  0 0px;
					cursor: auto;
				}
				ul#blaettern li a.forward-inactive:link, ul#blaettern li a.forward-inactive:visited, ul#blaettern li a.forward-inactive:hover {
					padding:38px 0 0 10px;
					background:url(../images/top-nav-bgr2.jpg) no-repeat;
					background-position:  -43px 0;
					cursor: auto;
				}
				ul#blaettern li a.forward, ul#blaettern li a.forward-end, ul#blaettern li a.forward-active {
					padding:38px 0 0 10px;
					background-position: -43px -50px;
				}
				ul#blaettern li a.forward-active, ul#blaettern li a.forward-active:hover{
					background-position:  -43px -100px;
				}
				ul#blaettern li a.forward-active:hover {
					background-position:  -43px -50px;
				}
			#content h1{
				font-size:12px;
				line-height:18px;
				margin:30px 0 1px 0;
			}
			#content h1 span{
				font-size:11px;
				line-height:34px;
				margin: 10px 0px 0px 0px;
			}
			#content p{
				line-height: 18px;
				margin: 10px 0px 10px 0px;
			}
			
			#content p.kontakt2{
				margin:0 16px 0 0;
			}
			#content p.fortsetzen{
				margin:0 16px 0 0;
			}
			#content p img{
				float:left;
				padding:5px;
				margin:8px 19px 12px 2px;
				background:#b0b0b0;
				border:solid 1px #FFFFFF;
			}
			#content p img:hover{
				float:left;
				padding:5px;
				margin:8px 19px 12px 2px;
				background:#b0b0b0;
				border:solid 1px #000;
			}
			#content p a{
				text-decoration:underline;
			}
			#content p a:hover{
				text-decoration:none;
			}
			#content p img.req-img{
				padding:0px;
				float:none;
				background:none;
				border:none;
				margin:0px;
			}
			
			#content div.left-contact, #content div.left-impressum{
				float:left;
				width:230px;
			}
			#content div.right-contact, #content div.right-impressum{
				float:left;
				
			}
			#content div.left-impressum{
				float:left;
				width:220px;
			}
			#content div.right-impressum{
				width:235px;
				padding: 0 0 0 0;
			}
			#content div.smaller p {
				margin: 8px 0px 8px 0px;
				padding: 0px;
				font-size: 10px;
				line-height: 12px;
			}

		#navigation {
			height: 56px;
			width: 948px;
			background:url(../images/navigation.jpg) no-repeat;
		}
			#navigation ul{
				padding:20px 0 0 70px;
				list-style: none;
			}
			#navigation li{
				float:left;
			}
			#navigation li a{
				display:block;
				height:36px;
				background:url(../images/navigation.jpg);
				text-indent:-5000px;
			}
			#navigation li a.startseite{
				width:80px;
				background-position: -70px -20px;
			}
			#navigation li a.startseite:hover{
				background-position: -70px -76px;
			}
			#navigation li a.startseite-active{
				width:80px;
				background-position: -70px -132px;
			}
			
			#navigation li a.aktuelles{
				width:77px;
				background-position: -150px -20px;
			}
			#navigation li a.aktuelles:hover{
				background-position: -150px -76px;
			}
			#navigation li a.aktuelles-active{
				width:77px;
				background-position: -150px -132px;
			}
			
			
			#navigation li a.wirueberuns{
				width:98px;
				background-position: -227px -20px;
			}
			#navigation li a.wirueberuns:hover{
				background-position: -227px -76px;
			}
			#navigation li a.wirueberuns-active{
				width:98px;
				background-position: -227px -132px;
			}
			
			
			#navigation li a.leistungsspektrum{
				width:135px;
				background-position: -325px -20px;
			}
			#navigation li a.leistungsspektrum:hover{
				background-position: -325px -76px;
			}
			#navigation li a.leistungsspektrum-active{
				width:135px;
				background-position: -325px -132px;
			}
			
			#navigation li a.firmenphilosophie{
				width:132px;
				background-position: -460px -20px;
			}
			#navigation li a.firmenphilosophie:hover{
				background-position: -460px -76px;
			}
			#navigation li a.firmenphilosophie-active{
				width:132px;
				background-position: -460px -132px;
			}
			
			
			#navigation li a.referenzen{
				width:86px;
				background-position: -592px -20px;
			}
			#navigation li a.referenzen:hover{
				background-position: -592px -76px;
			}
			#navigation li a.referenzen-active{
				width:86px;
				background-position: -592px -132px;
			}
			
			
			#navigation li a.kontakt{
				width:68px;
				background-position: -678px -20px;
			}
			#navigation li a.kontakt:hover{
				background-position: -678px -76px;
			}
			#navigation li a.kontakt-active{
				width:68px;
				background-position: -678px -132px;
			}
			
			
			#navigation li a.anfahrt{
				width:68px;
				background-position: -746px -20px;
			}
			#navigation li a.anfahrt:hover{
				background-position: -746px -76px;
			}
			#navigation li a.anfahrt-active{
				width:68px;
				background-position: -746px -132px;
			}
			
			
			#navigation li a.impressum{
				width:80px;
				background-position: -814px -20px;
			}
			#navigation li a.impressum:hover{
				background-position: -814px -76px;
			}
			#navigation li a.impressum-active{
				width:80px;
				background-position: -814px -132px;
			}
			
		#footer {
			height: 115px;
			width: 948px;
			background:url(../images/footer.jpg) no-repeat;
		}
			#footer ul{
				padding:22px 0 0 48px;
				list-style: none;
			}
			
			#footer li{
				float:left;
				color:#9c9c9c;
			}
			#footer li.gartenstrasse {
				
				font-weight:bold;
				
			}
			#footer li.detmold {
				
				
			}
			#footer li.telefon {
				
				
			}
			#footer li.telefon span#square{
				color:#cd0000;
				font-size:14px;
			}
			#footer li.fax{
				
				
			}
			#footer li.fax span#square{
				color:#cd0000;
				font-size:14px;
			}
			
			#footer li.mobil{
				
				
			}
			
			#footer li.f_email{
				
			}
			
			#footer li.f_email a{
				color:#9c9c9c;
				font-size:11px;
				
			}
			#footer li.f_email a:hover{
				text-decoration:underline;
			}
			
.naviheader {
	float: left;
	width: 350px;
}
#content .naviheader h1 {
	font-size: 15px;
}
.naviheader h1 a, .naviheader h1 a:link, .naviheader h1 a:visited {
	width: 26px;
	padding: 2px;
	text-align: center;
	color: #fff;
}
.naviheader h1 a:hover {
	background-color: #888888;
	color: #fff;
}
.naviheader a.aktiv:link, .naviheader a.aktiv:visited, .naviheader a.aktiv:hover {
	background-color: #cd0000;
	color: #fff;
}
.spalte2 {
	float: left;
	width: 205px;
}
.spalte1 {
	float: left;
	width: 225px;
	margin: 0px 10px 0px 0px;
}
.spalte1 ul, .spalte2 ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#content .timeline h2 {
	clear: both;
	float: left;
	width: 70px;
	line-height: 20px;
	margin: 7px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}
#content .timeline p {
	float: left;
	line-height: 20px;
	margin: 7px 0px 0px 0px;
	width: 380px;
}
#content p.first, #content h1.first {
	margin-top: 30px;
			}
.first {
	margin-top: 30px;
			}
.clearer {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */