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











html, body {
	padding:0px;
	margin:0px;
	
	background-color:white;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:14px;
	
	color:#FFFFFF;
	font-weight:normal !important;
	width:100%;
	margin:0;
padding:0;
height:100%;
overflow:hidden;

}



div#page-size {
	position:relative;
	width:100%;
	height:100%;
	min-height:600px;
}





hr {
background:#E2D6C5 none repeat scroll 0%;
border:0pt none;
height:1px;
margin:3px;
padding:0px;
}


.whitebox { background-color:#ffffff; padding:3px; margin:3px;  }


/* top css */
div#top {
	position:relative;
	width:100%;
	height:60px;
	margin-bottom:10px;

}

div#top-bottom {
	position:absolute;
	width:100%;
	height:35px;
	bottom:0;

}


div#navi {
	position:absolute;
	left:15px;
	top:40px;
width:1000px;
}

div#navi > ul {
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;	
}

div#navi > ul > li {
	padding:0px;
	margin:0px;
	padding-left:8px;
	padding-right:8px;
	display:inline-block;
	float:left;
	
}

div#navi > ul > li.border-right {
	border-right:#FFF 2px solid;	
}

div#navi > ul > li a:link,
div#navi > ul > li a:visited {
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}

table.padded td { 
	padding:0px; 
	}
	
td.table_left { 
	width:360px
	}	
	
td.table_right { 
	width:100px;
	text-align:right;
	}		

/* top css end */





/* content frames */
div#middel {
	position:relative;	

	overflow:hidden;

}


div.content-frame {
	position:relative;
	height:100%;
	background-position:top left;
	background-repeat:no-repeat;
	background-size: 100% auto;
	margin-bottom:5px;


}

#personal h1#team {
	color:white;
	font-size:14px;
}

#personal h1#team {
	color:white;
	font-size:13px;
}


div.content-wrapper {
	position:absolute;
	width:330px;
line-height:18px;	
	margin:20px;
	background-color:white;
	     opacity:.8;
	padding:20px;
}

div.content-wrapper2 {
	position:absolute;
	width:580px;
line-height:18px;	
	margin:20px;
		margin-left:30px;
			background-color:white;
	     opacity:.8;
	padding:20px;
}

div.content-wrapper > h1 {
	
	padding:0px;
	margin:0px;


	padding-left:0px;
	padding-bottom:20px;
	font-weight:normal !important;
}

div.content-wrapper > .content-middel {
	position:relative;
	height:72%;
	padding:0px;
	margin:0px;
	color:#000;
	margin-top:5px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:14px;
	overflow:auto;
	background-image:url(../images/gray-bg-70.png);
}

/* content frames end */


div.content-produkte {
	position:relative;
	top:40px;
	text-align:center;
	width:100%;
	line-height:18px;	
	margin:20px;
	padding:20px;
}





/* bottom frame */
div#bottom {
	position:relative;
	height:40px;
	background-color:white;
	color:black;
}


div#bottom-bottom {
	position:absolute;
	width:100%;
	height:40px;
	bottom:0;
	background-color:#787878;		
}

div#bottom-bottom > a:link {
	text-decoration:none;
	padding-left:20px;	
}

div#bottom-adress {
	text-align:left;	
	padding-top:10px;
	padding-left:40px;
}


div#fb-button {
	position:absolute;
	right:0;
	top:35px;
	margin-right:40px;
}

/* bottom frame end */



/* produkte */

#pr-frame {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;	
}


.pr-contentframe {
	position:absolute;
	width:100%;
	height:100%;	
}

.pr-contentframe > h1 {
	position:absolute;
	font-size:36px;
	width:100%;
	text-align:center;	
}


#pr-home > ul,
.pr-contentframe > ul {
	position:relative;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none;	
}



#pr-home > ul > li {
	position:relative;
	width:20%;
	height:100%;
	float:left;
	padding-top:5%;
	background-position:left 160px;
	background-repeat:no-repeat;
}

#pr-home > ul > li > h1{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:28px;
	padding-left:25px;
}

#pr-home > ul > li > p {
	padding-left:115px;
	color:#666;
}


.pr-glow {
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	top:0;
	background-position:left -643px;
	background-image:url(../images/produkte/uebersicht/pr-hover-glow.png);
	background-repeat:no-repeat;
}

.pr-contentframe  > ul > li {
	position:relative;
	cursor:pointer;
	height:100%;
	float:left;		
}



.pr-list {
	top:20%;
}

.pr-list > li {
	text-align:center;	
}

.pr-backbn {
	position:absolute;
	font-size:18px;
	text-shadow: 1px 1px #CCC, -1px -1px #444;
	width:270px;
	height:56px;
	display:block;
	background-image:url(../images/back-bn.png);
	background-position:center;
	background-repeat:no-repeat;
	padding-left:110px;
	padding-top:30px;
	bottom:0;
	left:0;
	text-decoration:none;
	color:#333 !important;	
}



div#pr-overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	background-color:#000;	
}


.closeBn {
	display:block;
	position:absolute;
	left:560px;
	top:0;
}



.tooltip > a:link,
.tooltip > a:visited {
	display:block;
	width:100%;
	height:100%;
	
}



#personal {
	position:absolute;
	width:100%;
	height:100%;
	top:100px;
	padding:0px;
	margin:0px;
	padding-left:20px;
	list-style:none;	
}


#personal > li {
	position:relative;
	float:left;
	width:22%;
	overflow:hidden;
}

#personal > li > .wrapper {
	position:relative;
	width:170px;
	overflow:hidden;
	margin:0 auto;
}


#personal > li > .wrapper > h1 {
	color:white;
	font-size:16px;
}

#personal > li > .wrapper > h1 {
	color:white;
	font-size:14px;
}


#personal > li > .wrapper > .name {
	position:absolute;
	display:block;
	padding:5px;
	width:100%;
	height:50px;
	background-color:#000000;
	bottom:0;
	margin-bottom:20px;
}



.name > h1 {
	padding:0px;
	margin:0px;
	font-size:14px;	
}


.name > h1 {
	padding:0px;
	margin:0px;
	font-size:12px;
}


#impressionen {
	padding:0px;
	margin:0px;
	
	position:absolute;
	width:100%;
	height:100%;
	
	list-style:none;	
}

#impressionen > li {
	padding:0px;
	margin:0px;
	position:relative;
	width:100%;
	float:left;
	height:100%;	
}

#impressionen > li > h1 {
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:45px;

	padding-top:15px;
	 text-shadow: 1px 1px black, -1px -1px #333;
}

#impressionen-bilder {
	padding-left:5%;	
}

#impressionen-bilder > a {
	padding:2px;
	border:#333333 1px solid;
	background-color:#666;
	display:block;
	float:left;
	margin:2px;
}


/***************
	tooltip
******************/
#tooltip {
	position:absolute;
	width:209px;
	height:122px;
	background-image:url(../images/black_arrow.png);
	background-position:center;
	z-index:99999;
	display:none;
}

#tooltip-content {
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	padding-top:25px;
}


a:link,
a:visited {
	color:#67412D;	
}

a:hover,
a:active {
	color:#C0A683;	
}


h1 {
	color:#67412D;	
	margin:0px;
	margin-bottom:20px;
	}
	
h2 {
		color:#67412D;	
font-family: 'PT Sans Narrow', sans-serif;
font-size: 28px;
font-weight: normal;
height: 18px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
width: 330px;
	}
	
h3 {
		color:#67412D;	
font-family: 'PT Sans Narrow', sans-serif;
font-size: 28px;
font-weight: normal;
height: 18px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
width: 330px;
	}	
	
h4 {
		color:#67412D;	
	color:#67412D;	
	margin:0px;
	font-size:16px;
	margin-bottom:20px;
	font-weight:normal;
	font-family: 'PT Sans Narrow', sans-serif;
	
	}	
	

p {
	margin:10px;
}



a, img {
	outline:none !important;
	border:none !important;
}

.color-withe {
	color:#FFFFFF;	
}

#debug {
	position:absolute;
	background-color:#FFF;
	padding:15px;
	font-size:14px;
	color:#000;
	z-index:99999;
}