* {
 margin: 0;
 padding:0;
 border: 0;
}

html {
 height:100.1%;
}

html, body {
 background-image:url(images/layout/hg.jpg);
 background-repeat:repeat-x;
 margin: 0 auto;
 background-color:#FFFFFF;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#666666;
 font-size:11px;
 line-height:130%;
}

html>/**/body { /* Moderne Browser ohne IE 7 */
 width:955px;
}

body {
 /* overflow: -moz-scrollbars-vertical; */
}

#hauptcontainer {
 position:relative;
 top:0px;
 width:955px;
 margin:0 auto;
 text-align:left;
 border:0px;
}

* html #hauptcontainer {  /* f?r IE */
 width:955px;
 position: relative;
} 

*+html #hauptcontainer { /* Nur IE, nur Version 7 */
 position:relative;
 width: 955px;
 padding: 0;
 margin: 0 auto;
 text-align: left;
}


#kopf {
 background-image:url(images/layout/hg-kopf.jpg);
 background-repeat:no-repeat;
 width:955px;
 height:120px;
 float:left;
 margin:0px;
 border:0px;
 padding:0px;
}

* html #kopf {  /* f?r IE */
 width:955px;
 height:120px;
 margin:0px;
 border:0px;
 padding:0px;
} 

#logo-saphir {
 position:absolute;
 top:37px;
 left:147px;
 margin:0px 0px 0px 0px;
 border:0px;
 padding:0px;
}

#logo-voeroka {
 position:absolute;
 top:0px;
 left:743px;
 margin:0px 0px 0px 0px;
 border:0px;
 padding:0px;
}

#balken-oben {
 position:absolute;
 top:75px;
 left:0px;
 margin:0px 0px 0px 0px;
 border:0px;
 padding:0px;
}

#sprachen {
 margin:50px 1px 0px 0px;
 border:0px;
 padding:0px;
}

#links {
 clear:both;
 width:147px;
 float:left;
 text-align:left;
 margin:0;
 padding:0;
}


#inhalt {
 float:left;
 width:595px;
 text-align:left;
 font-size:11px;
 color:#666666;
 padding:13px 15px 20px 0px;
 margin:0px;
 border:0px;
}

* html #inhalt {  /* f?r IE */
 margin-top:0px;
}

#grafik-inhalt {
 padding:0px 0px 35px 0px;
 margin:0px;
 border:0px;
}


#rechts {
 float:left;
 width:180px;
 text-align:left;
 font-size:11px;
 color:#666666;
 padding:0px;
 padding-right:15px;
 margin:0px;
 border:0px;
}

* html #rechts {
 width:180px;
 padding-right:15px;
}

#buttons {
 height:185px;
 padding:0px 0px 0px 12px;
 margin:0px;
 border:0px;
}

#rechts-fragen {
 padding:65px 0px 5px 12px;
 margin:0px;
 border:0px;
 font-size:10px;
}

#rechts-navi {
 padding:5px 0px 30px 12px;
 margin:0px;
 border:0px;
}


#footer-inv {
 position:relative;
 left:0;
 top:0;
 clear:both;
 height:1px;
 padding:0px;
 margin: 0px;
 width:955px;
 border:0px;
}

#footer {
 position:relative;
 left:0;
 top:0;
 clear:both;
 height:16px;
 padding:2px 1px 2px 1px;
 margin: 0px;
 margin-bottom:-1px;
 width:953px;
 text-align:left;
 font-size:11px;
 color:#4B80BC;
 background-color:#D8E3F0;
 border:0px;
}

* html #footer {  /* f?r IE */
 position:relative;
 width:873px;
 margin:0px;
 border:0px;
 margin-bottom:-1px;
}

*+html #footer { /* Nur IE, nur Version 7 */
 position:relative;
 margin-bottom:-1px;
}

#footer-left {
 float:left;
 padding-left:175px;
 width:425px;
 text-align:left;
}
#footer-right {
 float:right;
 width:200px;
 text-align:right;
}

/* ---------- Layout Container ende ---------------- */


hr.clr {
 border-bottom:1px solid #FFFFFF;
 height:1px;
 margin:0px;
}


hr {
 clear: both;
 border-bottom:1px solid #E5E5E5;
 height:1px;
 margin:0px;
 margin-bottom: 10px;
}

img {
 border:0px;
}

img.rahmen {
 border:1px #D5DFE6 solid;
}

.clr {
clear: both;
}

.trenner {
 height:1px;
 clear: both;
 border:0px;
 margin:0px;
 padding:20px 0px 20px 0px;
}

.bildtext {
 font-size:10px;
 font-weight:bold;
 color:#666666;
}

.zertifikattext {
 font-size:10px;
 color:#003B9C;
}

.blau {
 color:#0C5BAE;
}

p {
 border:0px;
 padding:0px;
 margin: 0px;
 margin-bottom:10px;
}


h1 {
 color: #0C5BAE;
 font-size:14px;
 font-weight:bold;
 margin: 0px;
 margin-bottom:10px;
 padding:0px;
}

h2 {
 color: #0C5BAE;
 font-size:12px;
 font-weight:bold;
 margin: 0px;
 padding:0px;
 padding-bottom:10px;
}

h3 {
 color: #0C5BAE;
 font-size:12px;
 font-weight:bold;
 margin: 0px;
 padding:0px;
 padding-bottom:10px;
}

h4 {
 color: #0C5BAE;
 font-size:12px;
 margin: 0px;
 padding:0px;
 padding-bottom:10px;
}

h5 {
 background-color:#A4BCDD;
 color: #FFFFFF;
 text-align:center;
 font-size:12px;
 margin:0px 0px 10px 0px;
 padding:5px;
}

div#text link, p#text link {
 color:#0C4381;
 text-decoration:none;
}

a, a:link, a:active, a:visited, a:hover {
 color:#0C4381;
 text-decoration:none;
}

a.pfeil-gelb {
 background:url(images/layout/pfeil-rechts.gif) 0px 1px no-repeat;
 border:0px;
 color:#0C5BAE;
 font-size:12px;
 text-align:left;
 text-decoration:none;
 margin:0px;
 padding:0px 0px 0px 20px;
}

a.pfeil-gelb-top {
 background:url(images/layout/pfeil-oben.gif) 0px 1px no-repeat;
 border:0px;
 color:#0C5BAE;
 font-size:12px;
 text-align:left;
 text-decoration:none;
 margin:0px;
 padding:0px 0px 0px 20px;
}


a.blau, a:link.blau, a:active.blau, a:hover.blau, a:visited.blau {
 color:#0C5BAE;
 text-decoration:none;
}

#sprachen a {
 margin:0px 5px 0px 0px;
 border:0px;
 padding:0px;
}

#inhalt ul {
 text-align:left;
 padding:0px;
 padding-left:15px;
 margin:0px;
 margin-top:-5px;
 margin-bottom: 5px;
}

#inhalt li {
 font-size:11px;
 list-style-type:square;
 color: #666666;
 padding-bottom:3px;
}

#inhalt li p {
 color: #666666;
 margin: 0px;
}

ul#liste {
 text-align:left;
 padding:0px;
 padding-top: 0px;
 margin:0px;
}

#liste li {
 list-style-type:square;
 padding-bottom:8px;
 margin-left:18px;
}

#liste li a {
 list-style-type:none;
 color:#244A90;
 display:block;
 font-size:11px;
 padding-top:0px;
 padding-bottom:0px;
 padding-right:5px;
}

#liste li a.active {
 list-style-type:none;
 color:#244A90;
 font-weight:bold;
 display:block;
 font-size:11px;
 padding-top:0px;
 padding-bottom:0px;
 padding-right:5px;
}

#zertifikate {
 background-image:url(../../carport/de/images/technik/hg-zertifikat.jpg);
 background-repeat:repeat-x;
 width:167px;
 padding:0px;
 text-align:center;
 border:0px;
 margin:10px 0px 15px 12px;
}

/* -------- Kontaktformular -------- */

#inhalt form fieldset {
 clear:both;
 color:#000000;
 margin:0px;
 padding:0px;
 padding-bottom:10px;
 border: 0px solid #000000;
}

#inhalt form fieldset p {
 margin: 0px;
 margin-bottom:5px;
 color:#666666;
}

#inhalt form fieldset label {
 float:left;
 width:120px;
 font-size:12px;
 color:#666666;
}

.button {
 background:url(images/layout/pfeil-rechts.gif) 0px 1px no-repeat;
 border:0px;
 color:#0C5BAE;
 font-size:12px;
 text-align:left;
 text-decoration:none;
 margin:0px;
 padding:0px 0px 0px 20px;
}

input {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
 background-color: #FFFFFF;
 border-top: #CCCCCC 1px solid;
 border-left: #CCCCCC 1px solid;
 border-bottom: #CCCCCC 1px solid;
 border-right: #CCCCCC 1px solid;
}

select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
 background-color: #FFFFFF;
 border-top: #CCCCCC 1px solid;
 border-left: #CCCCCC 1px solid;
 border-bottom: #CCCCCC 1px solid;
 border-right: #CCCCCC 1px solid;
}

#inhalt input.radio-li {
	padding:0px;
	margin: 0px;
	background-color:#FFFFFF;
	border: #CCCCCC 0px solid;
}

#inhalt input.checkbox {
	padding:0px;
	margin: 0px;
	background-color:#FFFFFF;
	border: #CCCCCC 0px solid;
}

textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
 background-color:#FFFFFF; 
 border-top: #CCCCCC 1px solid;
 border-left: #CCCCCC 1px solid;
 border-bottom: #CCCCCC 1px solid;
 border-right: #CCCCCC 1px solid;
}
