/* ----------------------------------------------------
			CSS for:
			http://www.karosserie-heckner.de
			Webmaster Contact: mail@achimgeissel.de
			CSS Version - 23.05.2007
-----------------------------------------------------*/




/*-----------------------------------------------------
              GLOBALE STYLES
-----------------------------------------------------*/


body {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; line-height:17px; margin-top:25px; padding-top:15px; background-image:url(../img/bg_btm.png); background-repeat:repeat-x; background-color:#d9e7ee; }

h1 { font-size:20px; color:#666666; letter-spacing:-1px; font-weight:bolder; line-height:20px;  }

h2 { font-size:18px; color:#333333; letter-spacing:-1px; font-weight:bolder;  }

h3 { font-size:12px; }

a { text-decoration:none; color:#333333; }

img {}


/*-----------------------------------------------------
              GLOBALE KONTAINER
-----------------------------------------------------*/

#maincontainer {margin:0 auto; width:700px;  }
#sitecontainer {width:700px; background-color:#FFFFFF; border-left:1px solid #d9dada; border-top:1px solid #d9dada; float:left; }

/*-----------------------------------------------------
              CONTENT
-----------------------------------------------------*/

#contentcontainer {width:700px; float:left; background-color:#ece9e9; border:1px solid #fff outset;}
#contentcontainer2 {width:688px; float:left; background-color:#ffffff; text-align:left; padding-left:10px; border-left:1px dotted #00618e; border-right:1px dotted #00618e; }
.seccontentcontainer {width:698px; float:left; background-color:#ece9e9; border:1px solid #fff;}
.seccontentcontainer h2 {color:#00618e; font-size:16px; padding-left:5px; }
.secconleft {width:488px; float:left; text-align:left; padding-left:10px; padding-top:10px; }
#contentcontainerimpressum {width:680px; float:left; background-color:#ece9e9; text-align:left; padding:10px;}
.maincontentleft {width:290px; float:left; text-align:left; padding-left:10px; padding-bottom:25px; padding-top:25px;}
.maincontentleft h1 { font-size:18px;}
.maincontentleft h2 { font-size:16px; padding-top:5px;; margin-top:0px; color:#666666;}
.maincontentright {width:395px; float:left; text-align:center; padding-left:5px; padding-top:30px; padding-bottom:25px; }

.servicecontentleft {width:455px; float:left; padding-top:10px; padding-left:15px; text-align:left;}
.servicecontentright {width:220px; float:left; text-align:center; padding:20px 0 25px 0;}

.maincontentcontact {width:678px; float:left; text-align:left; padding:10px; background-color:#ece9e9; border:1px solid #fff;}

.spacer5 {width:700px; height:5px;  margin:0px; padding:0px; float:left; background:#fff; }
.spacer5_l {width:700px; height:5px;  margin:0px; padding:0px; float:left;  }
.pattern1 {width:700px; height:35px; background-image:url(../img/pattern3.gif); float:left; margin:0px; padding:0px;  }
.pattern2 {width:700px; height:15px; background-image:url(../img/pattern3.gif); float:left; margin:0px; padding:0px; }

.subcontentcontainer {width:700px; float:left; background:#fff;}
.subcontent {width:249px; float:left; border-left:1px dotted #c2c2c2; border-right:1px dotted #c2c2c2;  text-align:left; height:115px; line-height:19px; padding-top:15px; padding-left:25px;}
.subcontentrechts {width:258px; float:left;   text-align:left; height:115px; line-height:19px; padding-top:15px; border-right:1px dotted #c2c2c2; }
.subcontentimg {width:115px; float:left; text-align:center; height:115px; background-image:url(../img/karossfx.png); background-repeat:no-repeat; background-position:center; margin-right:25px; margin-top:15px; margin-left:25px;  }

.subcontent_l {width:249px; float:left; border-right:1px dotted #c2c2c2;  text-align:left; height:115px; line-height:19px; padding-top:15px; padding-left:25px;}
.subcontentrechts_l {width:258px; float:left;   text-align:left; height:115px; line-height:19px; padding-top:15px; }

.subcontent h1, .subcontent_l h1 {color:#00618e; padding:0px; margin:0px; font-size:19px;}
.subcontentrechts h1, .subcontentrechts_l h1 {color:#00618e; padding:0px; margin:0px; font-size:19px;}
.spacer5vert {width:6px; height:30px; float:left;}
.subborder {height:115px; width:15px; background-image:url(../img/pattern3.png); float:left;}

.subcontentcontainer h2 { font-size:17px; line-height:20px; }

/*-----------------------------------------------------
              HEADER
-----------------------------------------------------*/


#header {width:700px; height:65px; background-image:url(../img/logo.png); background-position:top left; background-repeat:no-repeat;  float:left; border-bottom:5px solid #00618e;  }
.imghead {margin-top:30px; margin-left:15px; float:left;}



/*-----------------------------------------------------
              NAVIGATIONSBEREICH
-----------------------------------------------------*/

#navigation {width:700px; height:50px; background-image:url(../img/naviback2.png); background-repeat:repeat-x; float:left; margin-bottom:10px; }

ul { text-decoration:none; list-style:none; margin:0px; padding:0px; float:right; height:50px;  display:block; background-image:url(../img/naviback2.png); background-repeat:repeat-x;}
li { text-decoration:none; height:30px; width:139px; display:inline; float:right; }
li a { text-decoration:none; height:27px; width:123px; display:inline; float:right; padding-top:23px; border-left:1px solid #FFFFFF; text-align:left; padding-left:15px; color:#FFFFFF; font-weight:bold; background-image:none;  }
li a:hover { background-color:#FFFFFF; color:#333333; display:block; }
.liactice a { text-decoration:none; height:27px; width:123px; display:inline; float:right; padding-top:23px; border-left:1px solid #FFFFFF; text-align:left; padding-left:15px; color:#333333; font-weight:bold; background-image:none; background-color:#FFFFFF;}
.liactice a:hover { background-color:#00618e; color:#FFFFFF; display:inline;}


/*-----------------------------------------------------
              START
-----------------------------------------------------*/

h1#starthead { font-size:24px; color:#00618e; padding:0; margin:5px 0 0 5px;}
h2#starthead_sub { font-weight:normal; font-size:13px; letter-spacing:-0.5px; padding-bottom:10px; margin:0 0 0 5px;}
h1#impressum { font-size:20px; color:#00618e; padding:0 0 0 5px; margin:15px 0 15px 0;}

p {line-height:18px; margin:10px 0 0 5px; padding:0 3px 0 0;}

/*-----------------------------------------------------
              KONTAKTFORMULAR
-----------------------------------------------------*/

form { float:left; padding:10px; margin-bottom:30px; width:656px; border:1px dotted #d5d4d4; background-color:#e0e0e0;}
label {width:130px; float:left; margin-top:10px; font-weight:bold; color:#333333;}
select, input {width:150px; float:left; margin-top:10px;}
form br {clear:left;}
textarea {width:500px; height:200px;}
.submit {margin-left:130px; margin-top:30px; float:left;}
.success {margin-left:50px;}

.kontakt {  float:left; text-align:left; padding-top:20px; width:342px; padding-left:173px;}
.kontaktright {width:220px; height:170px; float:left; text-align:left; padding-left:40px; padding-bottom:10px;  padding-top:15px; }
.kontakthead {width:680px; float:left;}
.kontaktin { float:left; padding-right:30px; margin-bottom:10px; }
.kontaktin h2 {font-size:14px;}

/*-----------------------------------------------------
              ANFAHRT
-----------------------------------------------------*/

#map {float:right; }
.spacer20 {width:680px; height:20px; float:left;}
.anfahrtcontent {width:680px; float:left; color:#333333;}
.infomap {width:200px;}

/*-----------------------------------------------------
              SERVICE
-----------------------------------------------------*/

.cardamaged {width: 200px; text-align:center; float:right; padding-top:10px; padding-bottom:30px;}
.reifenlack {width: 330px; text-align:center; float:left; padding-top:20px;}
h1#leistungshead { font-size:20px; color:#00618e; padding:0; margin:15px 0 15px 0;}

/*-----------------------------------------------------
              FOOTER & SHADOW
-----------------------------------------------------*/

#footer {width:700px; height:20px; font-size:12px; text-align:right; float:left; color:#999999; padding-top:5px; padding-bottom:20px; }
#footer a {color:#999999; }
#footer_l {color:#fff; text-align:right;}
#footer_l a {color:#fff;}
.white {padding-bottom:70px;font-size:8px; float:left; width:400px; text-align:left; text-indent:-99999px; }

a.ref { color:#00618e; text-decoration:underline;}