/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#font-face
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #font-face
================================================== */
@font-face{
	font-family: 'KlavikaWebBasicLight';
	src: url('../font/KlavikaWebBasicLight.eot');
	src: url('../font/KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'),
		url('../font/KlavikaWebBasicLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* #Basic Styles
================================================== */
	body {
		background: #b0b2b1 url(../img/body.gif) repeat-x left top fixed;
		font: 14px/19px 'KlavikaWebBasicLight', Arial, Verdana, Helvetica, sans-serif;
		font-weight: 400;
		color: #000;
		text-decoration: none;
		-webkit-font-smoothing: subpixel-antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		font-smooth: always;
}


/* #Typography
================================================== */
	h1, h2, h4 {
		font-family: 'KlavikaWebBasicLight', Arial, Verdana, Helvetica, sans-serif;
		color: #181818;
		font-weight: normal; }
	h1 a, h2 a, h4 a { font-weight: inherit; }
	h1 { font-size: 30px; line-height: 30px; margin-bottom: 12px; color: #fff; letter-spacing: 0.04em; }
	h2 { font-size: 24px; line-height: 25px; margin-bottom: 10px; padding-left: 30px; background: url(../img/h2.gif) no-repeat left top; }
	h4 { font-size: 14px; line-height: 19px; margin-bottom: 0; font-weight: bold; color: #181818; }

	p { margin: 0 0 19px 0; }
	p img { margin: 0; }

/* #Links
================================================== */
	a, a:visited { color: #b5c002; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #b5c002; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 19px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { }
	ul ul li, ul ol li,
	ol ol li, ol ul li {  }
	li {  }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #000; 
		background: #000 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
		background: #000 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
		background: #000 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background: #000 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background: #000 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background: #000 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	padding: 5px 10px;
	text-align: left;
	font: 14px/19px 'KlavikaWebBasicLight', Arial, Verdana, Helvetica, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #b5c002; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #000; /* Old browsers */
		background: #000 -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #000 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #000 -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #000 -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #000 -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #000 linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 0; }
	fieldset {
		margin-bottom: 0; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 14px/19px 'KlavikaWebBasicLight', Arial, Verdana, Helvetica, sans-serif;
		color: #777;
		margin: 0;
		width: 598px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #000;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;}
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
	input.form-error,textarea.form-error{
		background: #b5c002;
		color: #000;
	}
	p.form-error{
		color: #b5c002;
	}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.clear { clear: both; }
:focus{
	outline: 0;
}
.header{
	position: relative;
	width: 100%;
	height: 380px;
	overflow: hidden;
	margin: 0 auto;
	z-index: 9999999999999999;
}
.header_inner{
	position: relative;
	width: 980px;
	margin: 0 auto;
}
.header .logo{
	display: inline-block;
	width: 172px;
	height: 70px;
	margin: 43px 0 44px 808px;
}
.nav_lang{
	position: absolute;
	left: 36px;
	top: 70px;
	width: 100px;
	height: 26px;
}
.nav_lang a{
	display: block;
	float: left;
	height: 26px;
	padding-right: 10px;
	line-height: 26px;
	color: #000;
	text-transform: uppercase;
	font-size: 13px;
}
.nav_lang a:hover{
	text-shadow: 1px 1px #fff;
}
.nav_lang a.act{
	color: #b5c002;
	text-shadow: 1px 1px #fff;
}


.nav_main{
	height: 27px;
}
.nav_main ul{
	display: block;
	height: 27px;
	padding: 0 0 0 26px;
}
.nav_main li{
	float: left;
	list-style-type: none;
}
.nav_main a,.nav_main .empty{
	display: block;
	position: relative;
	float: left;
	width: 144px;
	height: 26px;
	margin: 0 1px 0 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 26px;
	color: #000;
	background: url(../img/nav.gif) repeat-x left top;
	overflow: hidden;
}
.nav_main .act a{
	color: #b5c002;
	background: url(../img/nav.gif) repeat-x left bottom;
}
.nav_main .nav_main_hover{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 144px;
	height: 26px;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 26px;
	color: #eaeaea;
	background: url(../img/nav.gif) repeat-x left bottom;
	opacity: 0;
}
.nav_main a.empty_logo{
	display: block;
	background: #fff url(../img/empty_logo.jpg) no-repeat left -50px;
	overflow: hidden;
	cursor: auto;
}
.title{
	position: relative;
	width: 980px;
	height: 170px;
}
.title_inner{
	position: relative;
	height: 170px;
}
.title_lackierung{
	background: url(../img/lackierung/bg.jpg) no-repeat left top;
}
.title_lackierung .title_inner{
	margin-left: 26px;
}
.title_beflockung{
	background: url(../img/beflockung/bg.jpg) no-repeat left top;
}
.title_beflockung .title_inner{
	margin-left: 181px;
}
.title_unternehmen{
	background: url(../img/unternehmen/bg.jpg) no-repeat left top;
}
.title_unternehmen .title_inner{
	margin-left: 336px;
}
.title_service{
	background: url(../img/service/bg.jpg) no-repeat left top;
}
.title_service .title_inner{
	margin-left: 491px;
}
.title_service .title_txt{
	width: 310px;
}
.title_service .title_txt p{
	width: 270px;
}
.title_kontakt{
	background: url(../img/kontakt/bg.jpg) no-repeat left top;
}
.title_kontakt .title_inner{
	margin-left: 646px;
}
/*
.title_impressum{
	background: url(../img/impressum/bg.jpg) no-repeat left top;
}
.title_impressum .title_inner{
	display: none;
}
.title_datenschutz{
	background: url(../img/datenschutz/bg.jpg) no-repeat left top;
}
.title_datenschutz .title_inner{
	display: none;
}
*/
.title_link,.title_txt{
	position: absolute;
	left: 0;
	top: 0;
	height: 148px;
	padding: 0 0 0 10px;
}
.title_link{
	top: -4px;
	width: 144px;
	background: url(../img/title-link.png) no-repeat left top;
}
.title_link div{
	position: absolute;
	left: 0;
	top: 0;
	width: 154px;
	height: 148px;
}
.title_link_js div{
	background: url(../img/title-link-div.gif) no-repeat left bottom;
}
.title_txt{
	top: 0;
	left: 154px;
	width: 465px;
	padding: 0;
	background: url(../img/title-link.png) repeat-x left -4px;
	overflow: hidden;
}
.title_link ul,.title_txt p{
	position: absolute;
	left: 10px;
	padding: 0 20px 0 0;
	margin: 0;

}
.title_link a,.title_txt p{
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #eaeaea;
}
.title_link a:hover,.title_link a.act{
	color: #b5c002;
}
.title_link ul{
	bottom: 8px;
}
.title_txt p{
	bottom: 12px;
	width: 415px;
}

.page{
	width: 980px;
	margin: 0 auto;
	margin-top: 0;
}
.page li{
	padding-left: 15px;
	background: url(../img/li.gif) no-repeat left top;
}

.content_home{
	position: relative;
}
.content_home_items,.content_home_item,.content_home_txts{
	position: relative;
	width: 980px;
	height: 340px;
	overflow: hidden;
}
.content_home_items{
	z-index: 99999;
	margin-bottom: 2px;
}
.content_home_item{
	background: #000;
	display: none;
}
.content_home_txts{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999999;
}
.content_home_pager{
	position: absolute;
	left: 26px;
	bottom: 19px;
	height: 27px;
	z-index: 9999999;
	display: none;
}
.content_home_pager a{
	display: block;
	float: left;
	width: 27px;
	height: 27px;
	padding-right: 3px;
	background: url(../img/content_imgs_pager.png) no-repeat left top;
	line-height: 100px;
	overflow: hidden;
}
a.content_home_pager_act{
	background-position: left bottom;
}
.content_home_js .content_home_pager,.content_home_item_first{
	display: block;
}

.content_home_item_creative{
	position: absolute;
	left: 1034px;
	top: 120px;
	width: 520px;
	height: 194px;
	background: url(../img/content_home_item_creative.png) no-repeat left top;
	z-index: 999999999;
}
.content_home_item_creative a{
	display: block;
	position: absolute;
	left: 26px;
	top: 0;
	width: 494px;
	height: 194px;
	color: #fff;
	background: url(../img/content_home_item_creative_a.gif) no-repeat right top;
}
.content_home_item_creative a:hover{
	background-position: right -194px;
}
.content_home_item_creative div{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 468px;
}
#content_home img{
	position: absolute;
	width: 980px;
	height: 340px;
	top: 50%;
	left: 50%;
	margin-left: -490px;
	margin-top: -170px;
}

.content_txt{
	padding: 26px 26px 66px 346px;
	margin-bottom: 1px;
	background: #fff;
}
.content_txt p{
	margin-right: 26px;
}
.content_txt_remove_bottom{
	margin-bottom: 0;
	padding-bottom: 0;
}

.content_txt_img{
	position: relative;
	padding: 19px 26px 78px 346px;
	margin-bottom: 1px;
	background: #fff;
}
.content_txt_img_items{
	width: 608px;
	height: 405px;
	overflow: hidden;
}
.content_txt_img_pager{
	position: absolute;
	left: 346px;
	top: 424px;
	height: 26px;
	display: none;
}
.content_txt_img_pager a{
	display: block;
	float: left;
	width: 27px;
	height: 27px;
	padding-right: 3px;
	background: url(../img/content_imgs_pager.png) no-repeat left top;
	line-height: 100px;
	overflow: hidden;
}
a.content_txt_img_pager_act{
	background-position: left bottom;
}
.content_txt_img_item{
	display: none;
}
.content_txt_img_js .content_txt_img_pager,.content_txt_img_item_first,.content_txt_img_js .content_txt_imgs_prev,.content_txt_img_js .content_txt_imgs_next{
	display: block;
}

.content_locations{
	position: relative;
	height: 466px;
	padding: 26px 26px 0 26px;
	margin-bottom: 1px;
	background: #fff url(../img/content_locations.gif) no-repeat left top;
}
.content_locations_txt{
	position: absolute;
	left: 346px;
	top: 23px;
	width: 291px;
}
.content_locations_img{
	position: absolute;
	right: 26px;
	top: 26px;
	width: 291px;
}

.content_2imgs{
	padding: 26px 0 19px 346px;
	margin-bottom: 1px;
	background: #fff;
}
.content_2imgs h2{
	padding-bottom: 8px;
}
.content_2imgs_item{
	float: left;
	width: 291px;
	margin: 0 26px 28px 0;
}

.content_imgs{
	position: relative;
	padding: 26px 26px 76px 26px;
	background: #fff;
	margin-bottom: 1px;
}
.content_imgs .content_imgs_items{
	background: #f0f0f0;
	overflow: hidden;
}
.content_imgs img,.content_imgs .content_imgs_item,.content_imgs .content_imgs_items{
	width: 928px;
	height: 400px;
}
.content_imgs_item{
	display: none;
}
.content_imgs_item_first{
	display: block;
}
.content_imgs_pager{
	position: absolute;
	left: 52px;
	top: 426px;
	height: 26px;
	display: none;
}
.content_imgs_pager a{
	display: block;
	float: left;
	width: 27px;
	height: 27px;
	padding-right: 3px;
	background: url(../img/content_imgs_pager.png) no-repeat left top;
	line-height: 100px;
	overflow: hidden;
}
a.content_imgs_pager_act{
	background-position: left bottom;
}
.content_imgs_constrolls,.content_txt_img_constrolls{
	position: absolute;
	top: 213px;
	width: 27px;
	height: 27px;
	display: none;
	z-index: 9999999;
}
.content_txt_img_constrolls{
	top: 208px;
}
.content_imgs_prev,.content_txt_imgs_prev{
	left: 52px;
	background: url(../img/content_imgs_prev.png) no-repeat left top;
}
.content_txt_imgs_prev{
	left: 372px;
}
.content_imgs_next,.content_txt_imgs_next{
	right: 52px;
	background: url(../img/content_imgs_next.png) no-repeat left top;
}








a.content_imgs_prev:hover,a.content_imgs_next:hover,a.content_txt_imgs_prev:hover,a.content_txt_imgs_next:hover{
	background-position: left bottom;
}
.content_imgs_js .content_imgs_pager,.content_imgs_js .content_imgs_prev,.content_imgs_js .content_imgs_next{
	display: block;
}

.content_imgs_items_hover{
	position: absolute;
	left: 104px;
	top: 26px;
	width: 774px;
	height: 400px;
	z-index: 9999999;
	background: url(../img/spacer.gif) repeat left top;
}
.content_imgs_items_large{
	position: absolute;
	left: 0;
	top: 0;
	width: 296px;
	height: 128px;
	cursor: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	visibility: hidden;
	z-index: 99999999;
}

.content_map{
	padding: 26px 26px 78px 26px;
	margin-bottom: 1px;
	background: #fff;
}
.content_map_item{
	width: 928px;
	height: 400px;
	background: #f0f0f0;
}

.content_references_items{
	padding: 38px 0 37px 346px;
	margin-bottom: 1px;
	background: #fff;
}

.content_references_item{
	float: left;
	width: 158px;
	margin: 0 0 21px 0;
}
.content_references_items img,.content_references_items span{
	display: block;
}
.content_references_items span{
	padding-top: 5px;
}

.content_vid{
	padding: 26px 0 59px 346px;
	margin-bottom: 1px;
	background: #fff;
}
.content_vid h2{
	padding-bottom: 8px;
}
.content_vid_video{
	background: #000;
}
.content_vid_video,.content_vid_video video{
	width: 608px;
	height: 342px;
}



.content_remove_line{
	margin-bottom: 0;
}

.footer{
	position: relative;
	width: 980px;
	height: 140px;
	background: url(../img/footer.gif) repeat-x left top;
	margin: 0 auto;
}
.footer_nav{
	height: 140px;
}
.footer ul{
	display: block;
	height: 27px;
	padding: 96px 28px 0 0;
}
.footer li{
	float: right;
	list-style-type: none;
}
.footer a{
	display: block;
	padding: 0 0 0 16px;
	font-size: 13px;
	line-height: 28px;
	color: #000;
}
.footer a:hover,.footer .act a{
	color: #b5c002;
}
.footer_border{
	background: url(../img/footer-border.gif) no-repeat left top;
}
a.footer_scroll_top{
	position: absolute;
	left: 26px;
	top: 26px;
	width: 27px;
	height: 27px;
	background: url(../img/footer_scroll_top.gif) no-repeat left top;
	display: none;
}
a.footer_scroll_top:hover{
	background-position: left bottom;
}
.footer_bottom{
	width: 980px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 200px;
	background: url(../img/footer-bottom.png) repeat-x left top;
}

.wrapper_fixed .header{
	position: fixed;
	top: -157px;
	left: 0;
	height: 380px;
	background: url(../img/body.gif) repeat-x left 157px;
}
.wrapper_fixed .page{
	margin-top: 217px;
	margin-top: 380px;
}
.body_home .header{
	height: 184px;
}
.body_home .wrapper_fixed .page{
	margin-top: 184px;
}
.wrapper_fixed a.empty_logo{
	background-position: left top;
	cursor: pointer;
}
.item-privacy{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	margin:0;
	padding:0;
	background:#000;
	text-align:center;
	z-index:999999999999999;
}
.item-privacy div{
	max-width:900px;
	padding:18px 20px 16px 20px;
	margin:0 auto;
}
a.item-privacy-topage{
	text-decoration:underline;
}
.item-privacy,.item-privacy *,.item-privacy a:hover{
	font-family: 'KlavikaWebBasicLight', Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#fff;
	text-shadow:0.01em 0 #f3f3f3;
}
a.item-privacy-accept{
	display:inline-block;
	width:280px;
	height:20px;
	margin:14px 0;
	padding:4px 0 2px 0;
	background:#fff;
	line-height:18px;
	color:#000;
	text-transform:uppercase;
	font-size:14px;
	border-radius:14px;
	border:1px solid #fff;
}
a.item-privacy-accept:hover{
	color:#b5c002;
	font-size:14px;
	line-height:18px;
}