*{margin:0;}

a img{border:0;}

body{text-align:center;padding:0;background:#c2c3c5;}

body,p,td,div{font-size:12px;font-family:Arial,Tahoma,Verdana;color:#858585;}

p,
div.pad {
	margin: 13px auto;
}

div.clear {
	width: 0;
	height: 0;
	line-height: 0;
	clear: both;
}

#page_w.home{width:100%;}

#page{width:1001px;margin:0 auto;text-align:left;}

#header{width:1001px;height:90px;position:relative;background:url(../img/header_bg.gif) no-repeat left top;}
#logo{position:absolute;top:20px;left:27px;display:block;width:168px;height:60px;background:url(../img/logo.gif) no-repeat left top;}
#logo span{display:none;}

#navi_oben{position:absolute;top:8px;right:12px;}
#navi_oben ul{padding:0;list-style:none;float:right;}
#navi_oben ul li{float:left;}
#navi_oben ul li a{display:block;padding:0px 5px;background:url(../img/navi-trenner.gif) no-repeat right top;font-size:12px;color:#000000;text-decoration:none;}
#navi_oben ul li a.active{color:#006edb}
#navi_oben ul li.last a{background:none;}

#search{position:absolute;top:34px;right:14px;}
.search_input{position:absolute;top:0;right:68px;width:128px;height:18px;border:0;background:url(../img/search_bg.gif) no-repeat left top;}
.search_button{position:absolute;top:0;right:0;}

#navi{position:absolute;top:62px;right:5px;}
#navi ul{padding:0;list-style:none;float:right;}
#navi ul li{float:left;background:url(../img/navi-trenner.gif) 0 2px no-repeat;}
#navi ul li:first-child{background:transparent;}
#navi ul li a{display:block;padding:0px 15px;font-size:16px;color:#000000;text-decoration:none;}
#navi ul li a.active{color:#006edb}

#image_navi{position:absolute;bottom:27px;right:0;}
#image_navi ul{padding:0;list-style:none;width:221px;}
#image_navi ul li{width:221px;background:url(../img/image_navi_trenner.gif) no-repeat left bottom;}
#image_navi ul li a{display:block;padding:2px 0 2px 41px;font-size:10px;color:#000000;text-decoration:none;}

#content_links{float:left;background:url(../img/content_bg.gif) repeat-x left -2px;}
#content_links.home{width:1001px;}
#content_links h1{padding:19px 0 0 33px;color:#006edb;font-size:24px;text-transform:uppercase;font-weight:normal;}
#content_links h2{margin:26px 0 13px 0;padding:0;color:#00274d;font-size:12px;font-weight:normal;font-style:italic;}
#content_links h2.titel{padding:0;color:#006edb;font-size:20px;text-transform:uppercase;font-weight:normal;font-style:normal;}
#content_links .text{padding:10px 20px 10px 33px;}
#content_links .text h1{padding:0;}
#navi_mitte.home{width:223px;float:left;}
#navi_mitte.home ul{width:223px;padding:0;list-style:none;}
#navi_mitte.home ul li{width:223px; height:64px; background:url(../img/navi_mitte_trenner.gif) no-repeat left bottom;}
#navi_mitte ul li a{display:block;padding:29px 0 20px 50px;color:#4d4d4d;font-size:10px;text-transform:uppercase;text-decoration:none;}
#navi_mitte ul li.navi_mitte_1 a{background:url(../img/navi_mitte_1.gif) no-repeat 10px 7px;}
#navi_mitte ul li.navi_mitte_2 a{background:url(../img/navi_mitte_2.gif) no-repeat 8px 9px;}
#navi_mitte ul li.navi_mitte_3 a{background:url(../img/navi_mitte_3.gif) no-repeat 10px 10px;}

#kontaktform{margin-left: 33px;}

#image_right{width:221px;height:195px;float:left;background:url(../img/image_right.jpg) no-repeat left top;}

.clearall{clear:both;}

#footer_w{width:100%;height:180px;background:url(../img/footer_bg.gif) no-repeat center top;}

#footer{width:1001px;margin:0 auto;text-align:left;}
.f_block{width:333px;height:134px;float:left;position:relative;}

.f_block h2{padding:18px 0 0 32px;font-size:12px;font-weight:bold;}
.f_block p{padding:3px 16px 0 32px;}
.f_block div.pad{padding:3px 16px 0 32px;}
.f_block div.pad div{float:left;}
.f_block div.pad div a{color:#858585;text-decoration:none;display:block;}
.f_block div.pad div.footer-kontakt-label{width:56px;}
.f_block ul{padding:16px 0 0 32px;list-style:none;}
.f_block ul li a{padding:2px 0;font-size:11px;color:#858585;text-decoration:none;display:block;}

#content_links ul{padding:0;list-style:none;}
#content_links ul li{padding:0 0 4px 20px;background:url(../img/lidot.gif) no-repeat left 2px;}

#content_links a{color:#006edb;text-decoration:underline;}


#filterable_sub a{
	opacity: .6;
}

#filterable_sub a.enableMe{
	opacity: 1.0;
}

#filterable_sub td{
	vertical-align: top;
}
#cookie-alert-hdg{
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 20px;
	color: #fff;
	background: #000;
	left: 0;
	font-size: 0.85em;
	text-align: center;
	z-index:100000;
}
#cookie-alert-hdg .btn-hdg{
	margin-right: .3em;
	margin-bottom: 0;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top,#08c,#04c);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
	background-image: -webkit-linear-gradient(top,#08c,#04c);
	background-image: -o-linear-gradient(top,#08c,#04c);
	background-image: linear-gradient(to bottom,#08c,#04c);
	background-repeat: repeat-x;
	box-shadow: 0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(0,0,0,.05);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	padding: 2px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 10px;
	display: inline-block;
	border:none !important;
}
	#cookie-alert-hdg .btn-hdg:hover {
	color: #fff;
	background-color: #04c;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
/* CSS Document */

#page_w{background:url(../img/inside_page_bg.gif) repeat-y center top;}

#image{width:1001px;height:310px;background:url(../img/inside_image.jpg) no-repeat left top;position:relative;}
#image.home{background:url(../img/image.jpg) no-repeat left top; height: 510px}
#image.service{background:url(../img/inside_image_service.jpg) no-repeat left top;}
#image.qualitaet{background:url(../img/inside_image_qualitaet.jpg) no-repeat left top;}
#image.unternehmen{background:url(../img/inside_image_unternehmen.jpg) no-repeat left top;}
#image.wir_ueber_uns{background:url(../img/inside_image_unternehmen.jpg) no-repeat left top;}
#image.produkte{background:url(../img/inside_image_produkte.jpg) no-repeat left top;}
#content_links{width:1001px;}
#content_links .text{width:680px;}

#navi_mitte{width:221px;float:left;}

.t_block{float:left;width:361px;padding:0 0 30px 0;}

.ill{position:relative;left:-9px;}
#navi_mitte ul .navi_mitte_x{height:auto;}
#navi_mitte ul {width:221px;padding:0;list-style:none;}
#navi_mitte ul li {width:221px; height:64px; background:url(../img/navi_mitte_trenner.gif) no-repeat left bottom;}
#navi_mitte ul li.navi_mitte_3{background:url(../img/navi_mitte_trenner.gif) no-repeat left bottom;}
#navi_mitte.home ul li.navi_mitte_3{background:none;}
#navi_mitte ul li h2{padding:30px 0 15px 43px;background:url(../img/navi_mitte_h2.gif) no-repeat 13px 29px;font-size:12px;color:#00274d;font-style:italic;font-weight:normal;}
#navi_mitte ul li p{padding:15px 10px 25px 43px;}

#kalltable{width:892px;height:300px;overflow:auto;margin:20px 0;}

.k_row{width:100%;height:30px;clear:both;}
.k_row b{width:200px;display:block;float:left;}

.k_odd{color:#000000;background-color:#e2e2e2;}
.k_row_title{padding:3px 0;float:left;}
.k_row_button_add{width:100px;text-align:center;padding:3px 0;margin:3px 0;float:right;cursor:pointer;}

.k_row_selected{background:#d0fbff;}

#kontaktform{padding:10px 0;}
#kontaktforminhalt{padding-top:10px;}
#kontaktform .input input{width:99%;border:1px solid #bebebe;height:20px;}
#kontaktform .input_textarea textarea{width:99%;border:1px solid #bebebe;height:120px;}
#error_info{padding:5px 0;color:#ff0000;font-weight:bold;}

#table_empty{display: none;margin-bottom: 20px}

#kmytable{width: 892px;}

#filterable td{
	text-align: center;
	font-size: 16px;
}


/* ---- --> Formulare ---- */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

html, button, input, select, textarea {
    font-family: sans-serif;
}

#kontaktform {
	width: 450px;
}

#kontaktform div.errormsg {
	color: red !important;
	font-weight: bold !important;
}

			
#kontaktform div.formlabel {
	margin: 7px auto;
	font-size: 11pt;
	float: left;
}

#kontaktform div.forminput {
	margin: 8px auto;
	font-size: 11pt;
	float: right;
}

#kontaktform div.formnote {
	margin: 8px 16px 8px auto;
	font-size: 11pt;
	float: right;
}

#kontaktform div.formstars {
	margin: 8px 4px 8px auto;
	font-size: 11pt;
	float: right;
	display: inline-block;
	text-align: right;
}

	#kontaktform div.forminput input[type="text"] {
		width: 274px;
		margin-top: -2px;
		padding: 2px 4px;
		border: 1px solid #b2b2b2;
		font-size: 10pt;
	}

	#kontaktform div.forminput select {
		width: 284px;
		margin-top: -2px;
		padding: 1px;
		border: 1px solid #b2b2b2;
		font-size: 10pt;
	}

	#kontaktform div.formoption {
		width: 282px;
		margin-top: -1px;
		margin-bottom: 3px;
		padding: 1px;
	}

	#kontaktform div.formoption label {
	}

	#kontaktform div.forminput textarea {
		width: 274px;
		margin-top: -2px;
		padding: 2px 4px;
		border: 1px solid #b2b2b2;
		font-size: 10pt;
	}

	#kontaktform div.forminput input[type="submit"] {
		width: 160px;
		height: 24px;
		padding: 0;
		background: #eeeeee;
		border: 1px solid #dfdfdf;
		line-height: 20px;
		color: #474848;
	}
	
	#kontaktform div.formlabel label.error {
		color: red !important;
	}
	
	#kontaktform div.forminput input.error {
		border: 1px solid red !important;
	}
	
	#kontaktform div.forminput textarea.error {
		border: 1px solid red !important;
	}

	#kontaktform div.forminput input[disabled="disabled"] {
		background: #ffffff;
		color: #000000;
	}
	
	#kontaktform div.forminput input.inputsmall {
		width: 60px !important;
	}
	
	#kontaktform div.forminput select.inputsmall {
		width: 70px !important;
	}
	
	#kontaktform div.forminput .inputmedium {
		width: 200px !important;
	}
	
	#kontaktform div.forminput input.inputhalf {
		width: 130px !important;
	}
/**/