@charset "UTF-8";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:url(../images/body-bg.gif) repeat-x #fff; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.8125em; 
	line-height:1.3846em;
	color:#959595;
	min-width:1000px;
}
html, body { height:100%;}


p {padding-top:18px;}

a {
	color:#382d24; 
	outline:none;
}
a:hover, a:focus {
	text-decoration:none;
}


.siehtauswieH1 {
	margin:0 0 10px 0;
	color:#ccc;
}

.siehtauswieH2 {
	font-size:2.307em;
	line-height:1.2307em;
	color:#3f3f3f;
	margin-top:-5px;
	padding-bottom:10px;
}


	h2 em {
		display:block;
		margin-top:-10px;
	}
	.h2-pad {
		padding-bottom:20px;
	}
	.h2-padhomebt {
		padding:5px 0 25px 0;
		line-height: 0;
	}
	.h2-pad1 {
		padding-bottom:15px;
	}


.siehtauswieH3 {
	font-size:2.307em;
	line-height:1.2307em;
	color:#2f2f2f;
}
	.siehtauswieH3 em {
		color:#888787;		
	}
h4 {
	margin:15px 0 0 0;
}
.miniHeadIndex {
	font-size:0.85em;
	line-height:1.2307em;
	color:#ccc;
	margin:0 0 0 20px;
}

/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	width: 980px; }

	/* Header */
	header{
		height:471px;
	}
	
	/* Content */
	section#content {
		
	}			
	/* Footer */
	footer{
		height:117px;
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.blocksatz {text-align: justify;}


.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.braucheLinie {
	border:none;
	height:1px;
	width:100%;
	background:#ccc url(../images/border-bg.gif) left top repeat-x;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 20px 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

/*===== header =====*/
.header-border {
	background:url(../images/header-border-bg.gif) left bottom repeat-x;
	padding-bottom:10px;
}

nav {
	padding:27px 12px 0 0px;
	/*enrique padding:109px 12px 0 0px;*/
	float:right;
	width:675px;
}
nav ul {
	width:100%;
	overflow:hidden;
}
.logoKleinTop {
	margin:27px 0 0 0;
}
/*  Template - Original für "Lane - Narrow"
nav li {
		float:left;
		font-size:1.3076em;
		line-height:1.2307em;
	}
 */
 nav li {
		float:left;
		font-size:2em;
		line-height:0.5em;
	}
		nav li a {
			text-decoration:none;
			color:#382D24;
			/* text-transform:uppercase; */
			display:inline-block;
			cursor:pointer;
		}
			nav li a strong {
				display:inline-block;
				padding:0 17px 0 17px;
			}
				nav li a strong strong {
					padding:14px 0 0px 0;
					height:32px;
				}
					nav li a:hover, nav .active a  {
						background:url(../images/nav-a-left-bg.gif) left top no-repeat #2f2f2f;
						color:#fff;
					}
						nav li a:hover strong, nav .active a strong {
							background:url(../images/nav-a-right-bg.gif) right top no-repeat;
							color:#fff;
						}
							nav li a:hover strong strong, nav .active a strong strong {
								background:url(../images/nav-a-tail-bg.gif) left top repeat-x;
								color:#fff;
							}							
/*===== content =====*/
#content .indent {
	padding:0 0 0px 25px;
}
	#content .col-indent {
		padding-left:25px;
	}
	#content .col-pad {
		padding-right:64px;
	}
	.col-pad1 {
		padding-right:32px;
	}
	
	#content strong {
		font-weight:bold;
/* 		font-style:italic; */
		color:#787878;
	}
#content a.intextlink {
	color:#959595;
}
#content .link {
	display:inline-block;
	margin-top:16px;
	color:#959595;
	font-weight:bold;
}
	#content .link-margin {
		margin-top:10px;
	}
#content p.absatzTopKeinAbstand {
	margin:0;
	padding:0;
}

#content .list {
}
	#content .list li {
		line-height:1.692em;
		background:url(../images/marker.gif) left 4px no-repeat;
		padding-left:18px;
	}
		#content .list li a {
			color:#fc3b25;
			font-weight:bold;
		}
#content ol {
	list-style-type: decimal;
	margin:30px 0 30px 20px;
	line-height: 1.8em;
}

.submenu {
	margin:0;
	padding:0;
}
	.submenu li {
		line-height:1.692em;
	}
	.submenu li a {
		background:url(../images/pfeil_subm.gif) -10px 0 no-repeat;
		padding-left:19px;
		color:#fc3b25;
		text-decoration: none;
		
		-o-transition:background 0.4s ease-in-out;
		-moz-transition:background 0.4s ease-in-out;
		-webkit-transition:background 0.4s ease-in-out;
		transition:background 0.4s ease-in-out;
	}
	.submenu li a:hover {
		background:url(../images/pfeil_subm.gif) left 0 no-repeat;
		color:#5a270a;
	}	
		
.submenuContentSite {
	margin:0;
	padding:0;
}
	.submenuContentSite li {
		line-height:1.692em;
	}
	.submenuContentSite li.subButMainBattn {
		margin:20px 0 0 0;
		padding:20px 0 0 0;
		border-top:1px solid #e8e8e8;
	}
		.submenuContentSite li a {
			display:block;
			padding:5px 10px;
			margin:2px 0;
			font-weight:bold;
			color:#2f2f2f;
			text-decoration: none;
			background-color:#eeeeee;
			
			-o-transition:all 0.3s ease-in-out;
			-moz-transition:all 0.3s ease-in-out;
			-webkit-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
			
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
		}
		.submenuContentSite li a:hover {
			background-color: #2f2f2f;
			color:#fff;
		}
		.submenuContentSite li a.currentSite {
			background-color: #2f2f2f;
			color:#fff;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
		}	
		.submenuContentSite li a.currentSite:before {
			content:'» ';
		}
.breadcrumpTXT {
	font-size:2.307em;
	line-height:23px;
	color:#3f3f3f;
 	margin-top:-5px;
	padding-bottom:10px;
 
}
#content .border {
	background:url(../images/border-bg.gif) left bottom repeat-x;
	padding-bottom:42px;
	margin-bottom:30px;
}
	#content .border-pad {
		padding-bottom:20px;
		margin-bottom:22px;
	}
	#content .border-pad1 {
		padding-bottom:34px;
		margin-bottom:22px;
	}
#content .innerContentTwoCols {
	width:49%;
}

.color {
	color:#000;
}

.inside {
	padding-bottom:15px;
}

.pad {
	padding-top:26px;
}
.pad1 {
	padding-top:18px;
}

.phone {
	display:inline-block;
	width:65px
}
/*----------dividers-------*/
.divider {
	margin:32px 0 36px 0;
	background:url(../images/border-bg.gif) 0px 0px repeat-y;
	width:100%;
	border-right:1px solid #e8e8e8;
}
.divider1 {
	background:url(../images/border-bg.gif) 312px 0px repeat-y;
}
.divider2 {
	background:url(../images/border-bg.gif) 631px 0px repeat-y;
}
.divider3 {
	background:url(../images/border-bg.gif) 615px 0px repeat-y;
}
.divider4 {
	background:url(../images/border-bg.gif) 280px 0px repeat-y;
}
/*========row=========*/
#row {
	background:url(../images/border-bg.gif) left top repeat-x;
}
	#row .border {
		background:url(../images/border-bg.gif) left bottom repeat-x;
		width:100%;
	}
		#row .indent {
			padding:20px 0 44px 0;
		}
#row .col-pad {
	padding-right:45px;
}
	.icon1 {
		background:url(../images/icon1.gif) left top no-repeat;
		padding:17px 0 30px 80px;
		margin:0 0 0 8px;
	}
		.icon1-pad {
			padding-left:76px;
		}
	.icon2 {
		background:url(../images/icon2.gif) left top no-repeat;
		padding:17px 0 30px 80px;
		margin:0 0 0 30px;
	}
	.icon3 {
		background:url(../images/icon3.gif) left top no-repeat;
		padding:17px 0 30px 80px;
		margin:0 0 0 13px;
	}
#row .col-indent {
	padding-left:34px;
}
#row .col-indent1 {
	padding-left:60px;
}
#row .col-indent2 {
	padding-left:40px;
}

#row .list {
	margin-top:-5px;
}
	#row .list li {
		line-height:1.8461em;
		background:url(../images/row-marker.gif) left 5px no-repeat;
		padding-left:20px;
	}
		#row .list li a {
			color:#fc3b25;
			
		}
#row .link {
	display:inline-block;
	margin-top:10px;
	color:#959595;
	font-weight:bold;
}

/*===== footer =====*/
footer {
	background:url(../images/border-bg.gif) left top repeat-x;
}
footer .fleft {
	width:650px;
}
footer a {
	text-decoration:none;
}
footer a:hover, footer a:focus {
	text-decoration:underline;
}
.footer-menu {
	padding:24px 0 10px 0;
}
	.footer-menu ul {
		width:100%;
		overflow:hidden;
	}
		.footer-menu li {
			line-height:1.692em;
			background:url(../images/footer-menu-li-bg.gif) left 8px no-repeat;
			padding:0 20px 0 20px;
			float:left;
		}
			.footer-menu li a {
				color:#2f2f2f;
			}
				.footer-menu li a:hover {
				}
		.footer-menu .first {
			background:none;
			padding-left:0;
		}
footer span a {
	color:#2f2f2f;
}

.address {
	background:url(../images/footer-img.gif) left top no-repeat;
	padding:5px 0 0 29px;
	color:#b3b3b3;
	line-height:1.2307em;
	margin:23px 14px 0 0
}
/*----- forms -----*/
#bestellen-form {
	width:600px;
}
	#bestellen-form fieldset {
		border:none;
		padding-top:5px;
		margin:0 0 30px 0;
	}
	#bestellen-form legend {
		font-weight:bold;
		color:#666;
	}
		#bestellen-form label {
			display:inline;
			height:26px;
			overflow:hidden;
			vertical-align:top;
			margin-right:4px;
		}
		#bestellen-form label.kontaktdaten {
			display:inline-block;
			width: 110px;
			height:26px;
			overflow:hidden;
			vertical-align:top;
			margin-right:4px;
		}
			#bestellen-form input.werte {
				width:50px;
			}
			#bestellen-form input.kontaktDatenFeld, #bestellen-form textarea.kontaktDatenTXT {
				width:250px;
			}
			#bestellen-form input.kontaktPLZ {
				width:40px;
			}
			#bestellen-form input.kontaktSTADT {
				width:195px;
			}
			#bestellen-form input.werte, #bestellen-form input.kontaktDatenFeld, #bestellen-form input.kontaktPLZ, #bestellen-form input.kontaktSTADT, #bestellen-form textarea.kontaktDatenTXT {
				padding:1px 0px 1px 5px;
				border:1px solid #d1d1cf;
				line-height:1.2307em;
				background:none;
				color:#8c8c8c;
				margin:0 5px 5px 0;
			}
#formFeedbackBox {
	display:block;
	width:430px;
	padding:28px 0 30px 100px;
	margin:0 0 30px 0;
}
	#formFeedbackBox ul {
		margin:20px 0 0 30px;
		list-style-type:disc;
	}
	#formFeedbackBox.negativ {
		background:#fff url(../images/feedbackboxicon_negativ.jpg) 15px 10px no-repeat;
		border:3px solid #cc0033;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		border-radius:7px;
	}
	#formFeedbackBox.positiv {
		background:#fff url(../images/feedbackboxicon_positiv.jpg) 8px 10px no-repeat;
		border:none;
		}
	
#contacts-form fieldset {
	border:none;
	padding-top:18px;
}
	#contacts-form label {
		display:block;
		height:42px;
	}
		#contacts-form input {
			width:222px;
			padding:1px 0px 1px 5px;
			border:1px solid #d1d1cf;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}
		#contacts-form textarea {
			width:300px;
			padding:3px 0px 3px 5px;
			border:1px solid #d1d1cf;
			background:none;
			color:#8c8c8c;
			height:97px;
			overflow:auto;
		}
		#contacts-form .link {
			margin-left:25px;
		}

.column1 {
	float:left;
	width:270px;
}
.column2 {
	float:left;
	width:307px;
}
/*==========================================*/
/*Fade animation im Header*/   
#fade
{
	width:980px;
}
#fade img {
	background-color:#2f2f2f;
}
#nav_wrap 
{
	position:relative;
}
#nav
{
	width:200px;
	position:absolute;
	z-index:999;
	top:75px;
	left:690px;
	
}
#fade hr {
	background-color:#fff;
	border:none;
	height:3px;
}
/*#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }*/
#nav a	{ display:block; background-image:url(../images/faded-li-bg.png); width:21px; height:21px; float:left; text-align:center; color:transparent; }
#nav a.activeSlide {background: none;}

#nav a.activeSlide	{ display:block; background-image:url(../images/faded-li-bg-active.png); width:21px; height:21px; float:left;}
#nav a:focus { outline: none; }

.fade_content 
{
	width:325px; 
	height:365px; 
	float:right; 
	margin: 9px 0 0 10px;
	color:#FFF;
}
.fade_content.orange
{
	background:#fc3b25;
}
.fade_content.beige
{
	background:#fff6ed;
}
.fade_content.braun
{
	background:#e5730f;
/* Original helleres braun - background:#5a270a; =======================*/
/* Original dunkles braun - background:#201d18; =======================*/
}
.fade_content.grau
{
	background:#efefef;	
}

.fade_content.light
{
	color:#FFF;
}
.fade_content.light a
{
	color:#fff;
}
	
.fade_content.dark
{
	color:#000;
}
.fade_content.dark a
{
	color:#000;
}

.fade_content .bigSlideHead
{
	padding:27px 0 0 0;
	float:none;
	font-size:18px;
	color:#ffffff;
}	
.fade_content.dark .bigSlideHead
{
	color:#000;
}


/* Project specifics =========================================================== */

.gimmefullrow {
	display:block;
	width:100%;
	text-align: center;
	margin:20px 0 0 0;
}
a.buttonFullWidth {
	display:block;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
	padding:8px 0;
	
	background-color:#eeeeee;
	color:#2f2f2f;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
a.buttonFullWidthOrange {
	display:block;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
	padding:8px 0;
	
	background-color:#e5730f;
	color:#2f2f2f;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
a.buttonInline, button.buttonInline, .sendenButton {
	display: inline-block;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px;
	
	background-color:#eeeeee;
	color:#2f2f2f;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
a.buttonInline:hover, a.buttonInline:focus, a.buttonFullWidth:hover, a.buttonFullWidth:focus, .sendenButton:hover, .sendenButton:focus {
	background-color:#2f2f2f;
	color:#fff;
}
.sendenButton {
	float:right;
	margin:0 40px 0 0;
	font-size:1em;
	border:none;
}
.sendenButton:hover {
	cursor:pointer;
}
.bigSaleButton {
	display:block;
	width:225px;
	text-align: center;
	text-decoration: none;
	font:bold normal normal 1.5em/1.5em "Trebuchet MS", Helvetica, sans-serif;
	color:#fff;
	padding:20px 10px;
	background:#e8e8e8 url(../images/bigsalebutton_back_hi.jpg) left top repeat-x;
	
	border:4px solid #f2f2f2;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
.bigSaleButton:hover, .bigSaleButton:focus {
	color:#2f2f2f;
	background:#fc2a00 url(../images/bigsalebutton_back.jpg) left top repeat-x;
}
.slogan {
	font-size:2.615em;
	line-height:1.2307em;
	padding:30px 20px;
	color:#382d24;
	background-color:#eeeeee;
	 
	/*min-height:87px;
	height:auto !important;
	height:87px;*/
 
	margin-bottom:10px;
}
.sloganRechts {
	color:#adadad;
	float:right;
}
.tags {
	font-size:0.8em;
	line-height:1.5em;
	color:#a4a4a4;
	padding:12px 5px 4px 29px;
	background:#efefef;
}
.tags a {
	text-decoration: none;
	font-weight:bold;
	color:#a4a4a4;
}
#downloadBTfooter {
	display:block;
	margin:10px 0 0 0;	
	padding:29px 0 26px 0;
	text-align: center;
	width:250px;
	height:21px;
	color:#ffffff;
	text-decoration: none;
	font:italic normal bold 11px/1.1em Verdana, Helvetica, sans-serif;
	background:#ffffff url(../images/download_info_bt.jpg) top left no-repeat;
}
#downloadBTfooter:hover {
	background:#ffffff url(../images/download_info_bt.jpg) bottom left no-repeat;
	color:#382d24;
}
.beispielHeadlinesBox {
	width:210px;
	float:left;
	padding:110px 30px 0 0;
}
.beispielImageBox {
	width:250px;
	float:left;
}
.bestellboxCont {}	
	.bestellboxLI {
		padding:70px 30px 0 0;
	}
		.bestellboxCont div {
			float:left;
			margin:0 35px 0 0;
			text-align:center;
		}
		.bestellboxCont div.bestellenRechts {
			margin:0;
		}
		.bestellboxCont div img {
			display:block;
			margin:0 auto 10px auto;
			border:1px solid #999;
		}

.sogehtsbox {
/* 	border:1px solid #000; */
}
	.sogehtsbox img, sogehtsbox p {
		float:left;
	}
	 .sogehtsbox p {
	 	font-size:1.2em;
	 	line-height:1.5em;
	 	padding:40px 0 0 0;
	 }
.materialDownloadBox {
	width:290px;
	text-align:center;
	border:1px solid #eeeeee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	float:left;
	margin:0 16px 30px 0;
}	
	.materialDownloadBox p {
		width:90%;
		font:normal normal bold 1.3em/1.3em "Trebuchet MS", Helvetica, sans-serif;
		margin:0 0 20px 0;
		padding:5%;
		color:#382d24;
		background-color:#eeeeee;
	}
		.materialDownloadBox p span.smallKB {
			display:block;
			font-size: 0.6em;
		}
	.materialDownloadBox img, img.toTheDownload {
		border:5px solid #EBEBEB;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	.materialDownloadBox a {
		display:block;
		width:260px;
		margin:20px auto;
	}
		
.Maiksacht {
	font:italic normal bold 1em/1.4em Arial, sans-serif;
	color:#ff3300;
}
.Maiksacht:before {
	content:"[Und Maik so: ";
}
.Maiksacht:after {
	content:" - Und Hoshi so: Jaha, seehr geerne!]";
}