/* Reset Style */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
  text-decoration:none;}

:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
u {border-bottom:1px solid;}
strong, b {font-weight:600;}
em {font-style:italic;}
.hidden {display:none !important}
#content ul {list-style:disc outside;position:relative;left:14px;}

/* */

/*.printonly {display:none !important;}*/

h1 {font-size:24px;line-height:17px;margin-bottom:8px;color:#C60024;}
.pg, #content table {margin-bottom:21px;}
.lpic {float:left;margin:0 14px 14px 0;}
.rpic {float:right;margin:0 0 14px 14px;}
.mpic {text-align:center;width:100%;margin:0 0 14px 0;}
.pg.divider {padding-bottom:12px;border-bottom:2px dotted #ccc;}
.pg h2 {font-size:13px;font-weight:600;}

#content a {color:#C60024;}
#content a:hover {text-decoration:underline;}

#content table th {padding-right:40px;}
#content table th, #content table td {padding-bottom:14px;}

body {background:#fff url('/static/images/bg_body.gif') repeat;font-family:arial,helvetica,sans-serif;}
#container {width:890px;margin:20px auto;background:#fff;border:8px solid #cbcbcb;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

#head {position:relative;height:202px;background:url('/static/images/bg_head.jpg') no-repeat right 37px;}
#metanav {width:100%;text-align:right;background:#5e777b;height:37px;}
#metanav li {float:right;}
#metanav li a {border-left:1px solid #c3c9cd;color:#c3c9cd;padding:0 12px;font:11px/37px arial,helvetica,sans-serif;text-transform:uppercase;}
#metanav li.first a {border:0;}
#metanav a:hover, #foot a:hover {color:#fff;}
#home {display:block;width:196px;height:93px;/*background:url('/static/images/BG_Weinheim.png') no-repeat center;*/position:absolute;top:70px;left:50px;}
#hnav {position:absolute;bottom:-23px;left:-5px;}
#hnav li {float:left;background:url('/static/images/bg_hnav.png') no-repeat -64px -49px;width:114px;height:44px;margin-left:-20px;}
#hnav li a {display:block;text-align:center;font:600 12px/38px verdana,arial,sans-serif;color:#4d4d4d;}
#hnav li:hover {background-position:-64px -98px;}
#hnav li.active, #hnav li.active:hover {background-position:-64px top;}
#hnav li.active a, #hnav li:hover a {color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.5);}
#hnav #hn_home {background-position:left -49px;width:65px;margin-left:0;}
#hnav #hn_home:hover {background-position:left -98px;}
#hnav #hn_home.active, #hnav #hn_home.active:hover {background-position:left top;}
#hn_home a {width:65px;height:44px;}


#main {width:895px;border:1px solid #ddd;border-width:0 1px;padding-top:50px;}
#content {width:520px;float:right;padding:12px 80px 40px 0;font:12px/21px verdana,arial,sans-serif;color:#333;}

#vnav {float:left;margin:0 0 20px 10px;width:210px;padding:2px;background:#f2f2f2;border:4px solid #e5e5e5;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#vnav li {float:left;clear:left;width:100%;position:relative;}
#vnav li a {font:12px/29px verdana,arial,sans-serif;color:#000;display:block;padding:0 0 0 12px;}
#vnav li a:hover {background:#E5E5E5;}
#vnav li.active a {background:#B8BABE;color:#fff;color:#C60024;font-weight:600;}
#vnav li.active span {position:absolute;top:-1px;right:-20px;display:block;width:20px;height:30px;background:url('/static/images/bg_vnav_active.png') no-repeat right top;}

#foot {clear:both;background:#5e777b;padding:10px;color:#c3c9cd;font:11px/17px verdana,arial,sans-serif;position:relative;}
#foot a {color:#c3c9cd;}
#foot #fnav {float:right;width:auto;}
#fnav li {float:left;}
#fnav li a {padding:0 12px;border-left:1px solid #c3c9cd;}
#fnav #fn1 a {border:0;}

*+html #fnav {position:absolute;right:10px;bottom:10px;}



#homewrap {width:890px;margin:0 auto 20px;position:relative;padding-top:130px;background:url('/static/images/bg_highlight.png') no-repeat center top;}
#homewrap  #home {top:20px;left:8px;}
#homewrap #container {margin:0 auto;}
#homewrap #hnav {top:321px;left:2px;}
#homepic {height:497px;border:5px solid #fff;/*background:url('/static/images/homepic.jpg') no-repeat left top;*/}

#content .pdfs {list-style:none;position:static;margin-bottom:21px;}
#content .pdfs li a {padding:6px 6px 6px 46px;border:1px solid #ddd;background:#f6f6f4 url('/static/images/PDF_logo.gif') no-repeat 5px 8px;display:block;font:12px/21px arial,helvetica,sans-serif;margin-bottom:2px;min-height:42px;color:#4d4d4d;}
#content .pdfs strong.title {font-size:14px;}
#content .pdfs li a:hover {text-decoration:none;}
#content .pdfs li a:hover .title, #content .pdfs li a:hover .filesize {color:#C60024;}
#content .pdfs li a span.filesize {font:10px/21px arial,helvetica,sans-serif;margin-left:5px}

/* Kontaktformular */

#kontakt {font:300 12px/22px arial,helvetica,sans-serif;margin-bottom:36px;}
#kontakt span {color:#EE7F01;margin-left:3px;}
#kontakt label {width:100px;clear:left;color:#333;line-height:20px;}
#kontakt label, #kontakt input, #kontakt textarea {float:left;}

#kontakt select {padding:2px;margin-bottom:3px;border:1px solid #ddd;background:#fafafa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

#kontakt input, #kontakt textarea {width:400px;padding:2px;margin:0 0 4px 0;border:1px solid #ddd;background:#fafafa;}
#kontakt input, #kontakt textarea, #dmg input, #dmg textarea {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#kontakt input:focus, #kontakt textarea:focus, #kontakt select:focus {background:#fff;border-color:#ccc;}
#kontakt textarea, #dmg textarea {overflow:hidden;}

#kontakt #PLZ {width:50px;}
#PLZ + label {width:30px;margin-left:10px;clear:none;}
#kontakt #Ort {width:304px;}

#kontakt #action {width:506px;height:28px;clear:both;}
#kontakt #reset, #kontakt #submit {width:100px !important;background:#ddd;float:right;margin-left:3px;font:600 11px/22px arial,helvetica,sans-serif;color:#666;border-color:#ccc}
#kontakt #reset:hover, #kontakt #submit:hover {color:#fff;}
#kontakt #reset:hover {background:#C60023;}
#kontakt #submit:hover {background:#5E777B;}
#kontakt p.alert {color:#E32D02 !important;font-size:11px !important;line-height:18px;margin-top:10px;}
#kontakt p.note {font-size:11px !important;margin-left:100px;color:#888;width:auto;float:left;}
#kontakt label.error {display:none;color:#C60023;clear:both;width:100%;margin-left:100px;position:relative;top:-4px;padding-left:20px;}
#kontakt label.error span {display:block;width:10px;height:9px;background:url('/static/images/label_error.gif') no-repeat center;position:absolute;bottom:12px;left:2px;}
#kontakt input.error, #kontakt textarea.error {border-color:#C60023;}

/* GMaps Anfahrt */

#map {background:#fff;border:5px solid #666}
#formcontainer {background:#f0f0f0;padding:15px;border:1px solid #ddd;margin-bottom:20px}
#formcontainer, #directions {font:12px/20px arial,helvetica,sans-serif}
#directions {padding:0 !important}
#formcontainer form {float:left}
a#print {float:right;padding-left:24px;background:url('/static/images/print.gif') no-repeat left;margin-top:8px;color:#5E777B;font-size:11px}
a#print:hover {text-decoration:underline}
input#fromAddress {margin-left:8px}
input#fromAddress, input#getRoute {border:1px solid #ccc;border-color:#ccc #eee #eee #ccc;padding:3px}
input#getRoute {cursor:pointer;color:#5E777B;background:#f8f8f8;font-weight:600;width:160px}
input#getRoute:hover {color:#fff;background:#5E777B}
.googledir div table tr {background:#fff}
.googledir b {font-weight:600}
#fromLabel {color:#999}
*+html #fromLabel {position:relative;top:4px}
* html #fromLabel {position:relative;top:4px}

/* Schadensmeldung */

p.alert {color:red;margin-top:18px;}

#dmg {margin:21px 0}
#content  #dmg td, #content #dmg th {vertical-align:top;color:#777;padding-bottom:2px;}
#content #dmg th {width:150px;padding-right:10px;}
#dmg span {color:#C60024;margin:0 2px}
#dmg input[type="text"], #dmg textarea {border:1px solid #ccc;background:#f7f7f7;padding:4px;width:100%;}
#dmg input[type="text"]:focus, #dmg textarea:focus {border:1px solid #aaa;background:#fff}
#dmg input#plz {width:60px;}
#dmg label.error {display:none;color:#C60024;width:100%;}
#dmg input.error, #dmg textarea.error {border-color:#C60024;}
#dmg input.error:focus, #dmg textarea.error:focus {border-color:#C60024;}
#dmg #reset, #dmg #submit {width:100px !important;padding:2px;background:#ddd;float:right;margin-left:3px;font:600 11px/22px arial,helvetica,sans-serif;color:#666;border-color:#ccc}
#dmg #reset:hover, #dmg #submit:hover {color:#fff;}
#dmg #reset:hover {background:#C60023;}
#dmg #submit:hover {background:#5E777B;}
#content #dmg table {margin-bottom:0;} 

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/* Fancybox */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/static/images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/static/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/static/images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/static/images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/static/images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/static/images/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/static/images/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/static/images/fancybox/fancy_title_right.png') repeat-x;
}
