@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Tahoma,Helvetica,sans-serif; }
body { color: #0c0c0c; font-size: 12px; background-color: #c5cdd6; text-align: center;  }

h3 { color: #18214c; font-size: 18px; font-weight: normal; line-height: 1.5em; padding-top: 21px; }
h4 { line-height: 20px; padding-top: 21px; font-size: 12px; }
p { line-height: 20px; padding-top: 21px;  text-align: justify; }
p.rightfloat {  padding-top: 35px; float: right; margin-left: 20px; }
p.leftfloat {  padding-top: 25px; float: left; margin-right: 20px; }
p.error { color: #d80015; }
p.success { color: #ff6c00; }
p.clear { clear: both; }
p.galfloat{ margin-right: 20px; float:left; }
p em { font-style: italic; }
a { color: #7f98b0; }
a.ks-autoglas { float: left; margin-right: 20px; display: block; text-indent: -9999px; width: 100px; height: 51px; background: #fff url(../images/logo-ks.png) no-repeat; }
ul,ol { list-style: none; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { font-size: 12px; }
fieldset, img { border: 0; }
img { border: 1px solid #7f98b0; padding: 1px; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
caption, th { text-align: left; }
hr { display: none; }
strong { color: #19224f;  }
iframe { margin-top: 28px; }

div#wrapper { background: #fff url(../images/wrapper_bg.png) repeat-x; }
div#container { text-align:left; width: 900px; margin: 0px auto; background: #fff url(../images/container_bg.png) no-repeat; }

div#branding { height: 132px; position: relative; width: 900px; }
div#branding h1 { top: 50px; height: 125px; width: 250px; position:absolute; }
div#branding h1 a { height: 125px; width: 250px; display: block; text-indent: -9999px; }
div#branding h2 { display: none; }
div#branding p { text-align: right; position: absolute; right: 0px; height: 30px; padding:0px; line-height: 30px; top: 102px; color: #19224f; }

div#maincontent { float: right; margin-left: 40px; width: 610px; padding-top: 13px;}

p#impressumanschrift,p#impressumdaten  { float: left; width: 202px; }

div.special { background: transparent url(../images/twocol_lines.gif) repeat-y; border-top: 40px solid #fff; }
div.special div.left { width: 304px; float: left; }
div.special div.left h3, div.special div.left p { padding-right: 20px; }
div.special div.right h3, div.special div.right p { padding-right: 20px; padding-left: 20px; }
div.special div.right { width: 305px; float: left; }
div.special div h3 { padding-top: 0px; }
div.contentshadow { background: #fff url(../images/contentshadow.gif) no-repeat; clear: both; }

div#subcontent { float: right; width: 250px; padding-top: 90px; }

ul#mainnavigation { border-bottom: 1px solid #c0c0c0; }
ul#mainnavigation li { display: inline; }
ul#mainnavigation li a { display: block; height: 56px; background-repeat: no-repeat; background-position: top; }
ul#mainnavigation li a:hover, ul#mainnavigation li a.active { background-position: bottom; }
ul#mainnavigation li a span { display: none; }
ul#mainnavigation li a.startseite { background-image: url(../images/navigation00.gif); }
ul#mainnavigation li a.unternehmen { background-image: url(../images/navigation01.gif); }
ul#mainnavigation li a.leistungen { background-image: url(../images/navigation02.gif); }
ul#mainnavigation li a.service { background-image: url(../images/navigation03.gif); }
ul#mainnavigation li a.infopool { background-image: url(../images/navigation04.gif); }
ul#mainnavigation li a.kontakt { background-image: url(../images/navigation05.gif); }
ul#mainnavigation li ul { display: none; }
ul#mainnavigation li.active ul { display: block; border-bottom: none; border-top: 1px solid #c0c0c0; background-color: #e7ebee; padding: 20px 0px; }
ul#mainnavigation li.active ul li { line-height: 20px; }
ul#mainnavigation li.active ul li a { background: transparent url(../images/arrow.gif) no-repeat 20px 5px;  height: auto; padding-left: 40px; font-size: 11px; color: #19224f; text-decoration: none; }
ul#mainnavigation li.active ul li a:hover,ul#mainnavigation li.active ul li a.active { background: transparent url(../images/arrow.gif) no-repeat 20px 5px;  height: auto; padding-left: 40px; font-size: 11px; color: #4e5786; text-decoration: underline; }

div.box { margin-top: 40px; padding: 1px; margin-top: 28px; }
div.blueborder {  border: 1px solid #7f98b0; }
div.blueborder div { padding: 20px; background: #7f98b0 url(../images/box_bg.gif) repeat-x; color: #fff; }
div.blueborder address strong { color: #fff; }
div.boxshadow { background: #fff url(../images/boxshadow.gif) no-repeat; }
div.blueplain { border: 1px solid #c0c0c0; color: #19224f; }
div.blueplain div { background: #e7ebee; }
div.blueplain p,div.blueplain h3 { padding: 20px 20px 0px 20px; }
div.blueplain p.leftfloat { padding-right: 0px; }

ul.textlist { margin-top: 28px; border-bottom: 1px solid #c0c0c0; }
ul.textlist li { border-top: 1px solid #c0c0c0; background: #e7ebee url(../images/arrow.gif) no-repeat 20px 11px; line-height: 20px;  padding: 5px 40px; color: #19224f; }
ul.textlist li a { color: #19224f; }

dl.textlist { margin-top: 28px; border-bottom: 1px solid #c0c0c0; width: 610px; }
dl.textlist dt { position:relative;  border-top: 1px solid #c0c0c0; background: #e7ebee url(../images/arrow.gif) no-repeat 20px 10px;  width: 610px; padding: 7px 0px; color: #19224f; text-align: right; }
dl.textlist dt a { color: #19224f; position:absolute; left: 40px; text-align:left; display: block; width: 350px; }
dl.textlist dt strong { padding-right: 20px;  }
dl.textlist dd ul { border-top: 1px solid #c0c0c0; background-color: #f1f5f8;  }
dl.textlist dd ul li { line-height: 20px; font-size: 11px; padding: 0px 40px; }

form{ line-height: 20px; padding-top: 21px; }
form fieldset{ border:0px solid #fff; margin:0; padding:0; }
form fieldset legend{ display: none; }
form fieldset label{ display: block; margin:0 0 5px 0; }
form fieldset .txt{ width:608px; padding:2px 0px; font-size:12px; margin:0 0 10px 0; border: 1px solid #cacdd5; background-image: url(../images/input_bg.gif); background-repeat: repeat-x; }
form fieldset .txtarea{ width:608px; height:170px; padding:2px 0px; font-size:12px; margin:0 0 10px 0; border: 1px solid #cacdd5; background-image: url(../images/input_bg.gif); background-repeat: repeat-x; }
.submiter{ color:#000; padding:0px 10px 0px 10px;}

table#unfallreparatur { width: 610px; margin-top: 28px; }
table#unfallreparatur td { vertical-align: top; line-height: 20px; border-top: 1px solid #c0c0c0; padding: 5px;  background-color: #e7ebee;}
table#unfallreparatur td.description { }

table#autogasrechnung { width: 610px; margin-top: 28px; }
table#autogasrechnung th { border: 1px solid #c0c0c0; line-height: 20px; text-align: right; font-weight: bold; padding: 5px; }
table#autogasrechnung td { border: 1px solid #c0c0c0; line-height: 20px; text-align: right; padding: 5px; }
table#autogasrechnung td.describer,table#autogasrechnung th.describer { text-align:left; }
table#autogasrechnung td.result { border-top: 1px solid #c0c0c0; font-weight: bold; }
table#autogasrechnung td.green { color: green; }
table#autogasrechnung td.red { color: red; }

table#oeffnungszeiten td.day { width: 70px; }

div#pageinformation {  background-color: #c5cdd6; }
div#pageinformation div {  width: 900px; margin: 0px auto; background-color: #fff; border-bottom: 3px solid #b5becc; }
div#pageinformation div p { padding: 0px 20px; line-height: 40px; height: 40px; color: #7f98b0; font-size: 11px; }
div#pageinformation div p a { color: #7f98b0; }
p#copyright { float:left; }
p#powered { text-align: right; }

#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px;	height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px;	}

#loading{ position: absolute; top: 40%;	left: 0%; height: 25%; width: 100%;	text-align: center;	line-height: 0;	}
#hoverNav{ position: absolute; top: 0; left: 0;	height: 100%; width: 100%; z-index: 10;	}
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

div#imagefilmcontainer { line-height: 20px; padding-top: 21px;  }
div#imagefilmcontainer table { border-collapse: collapse; border: none; width: 610px; }
div#imagefilmcontainer table td { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; background-color: #e7ebee; padding: 20px; text-align: center; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{ position: absolute; top: 0; left: 0;	z-index: 90; width: 100%; height: 500px; background-color: #000; }