html {
    height: 100%;

}


body {
         background:-moz-linear-gradient(bottom,#ffffff,#000000); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#000000)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff');
margin:auto;

height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
        }



  a img {border: none;}


#wrapper
{

width:1024px;
height:1350px;
position:relative;
top:25px;
margin:auto;
background-color:#ffffff;
z-index:1;


-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}



#header
{

width:100%;
height:151px;
  background-color:#E4E4E4;
/*background-image: url(../img/head.png); */
padding-top:60px;
z-index:2;
border-bottom-style:solid; border-bottom-color:grey; border-width:1px;

-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}


.telicon
{
position:absolute;
top:55px;
left:600px;
opacity:0.5;
}


#zeiten
{
 margin-top:-0px;
 float:right;
 margin-right:40px;
 font-size:18px;
 color:#707070;
 font-family:verdana, arial, sans-serif;
}





H2
{
color:#000000;
top:210px;
font-size:25px;
font-family:verdana, arial, sans-serif;
position:absolute;
margin-left:155px;
padding:20px;
padding-left:50px;
z-index:1;
}




H3
{
top:189px;
position:absolute;
color:#DDDDDD;
margin-left:150px;
font-size:15px;
font-family:verdana, arial, sans-serif;
background-color:#000000;
width:804px;
height:12px;
padding:20px;
padding-top:20px;
padding-left:50px;
text-align:right;
z-index:1;
}



H4
{
color:#000000;
top:200px;
font-size:16px;
font-family:verdana, arial, sans-serif;
position:absolute;
margin-left:155px;
padding:20px;
padding-left:50px;

z-index:1;
}

H5
{
color:#303030;
font-family:verdana, arial, sans-serif;
position:absolute;
top:195px;
left:160px;
z-index:4;
display: none;
}


H6
{
color:#303030;
font-family:verdana, arial, sans-serif;
position:absolute;
top:200px;
left:620px;
z-index:4;
display: none;
}



#logo
{
position:absolute;
top:25px;
margin-left:30px;
z-index:4;
display:block;
}


#menu
{
position:absolute;
top:189px;
left:148px;
}




a.menu {  margin-bottom:5px; text-align:center; width:14.7ex;
         border-right-style:solid; border-right-color:grey; border-width:1px;
                 border-top-style:solid; border-top-color:grey; border-width:1px;
          padding:4px; text-decoration:none;
          float:right; margin:0px; font-size:11px; margin-right:0px; font-family:verdana, arial, sans-serif;}

a.menu:link    { color:#505050; background-color:#E4E4E4; }
a.menu:visited { color:#505050; background-color:#E4E4E4; }
a.menu:hover   { color:#000000; background-color:#ffffff; height:14px; }
a.menu:active  { color:#000000; background-color:#ffffff; }




a.strong {  margin-bottom:5px; text-align:center; width:14.7ex; height:14px;
                 border-right-style:solid; border-right-color:grey; border-width:1px;
                 border-top-style:solid; border-top-color:grey; border-width:1px;
                 border-left-style:solid; border-left-color:grey; border-width:1px;
                 border-bottom-style:hidden; border-bottom-color:; border-width:1px;
         padding:4px; text-decoration:none; font-family:verdana, arial, sans-serif;
          float:right;  margin:0px; font-size:11px; margin-right:0px; }


a.strong:link    { color:#000000; background-color:#ffffff; }
a.strong:visited { color:#000000; background-color:#ffffff; }
a.strong:hover   { color:#000000; background-color:#ffffff; }
a.strong:active  { color:#000000; background-color:#ffffff; }



#nav
{
position:absolute;
top:20px;
left:140px;
}


a.nav1 {  text-align:center; width:12.3ex;
         border-right-style:solid; border-right-color:white; border-width:1px;

          text-decoration:none;
          float:right;  font-size:9px; font-family:verdana, arial, sans-serif;}

a.nav1:link    { color:#ffffff; background-color:#000000; }
a.nav1:visited { color:#ffffff; background-color:#000000; }
a.nav1:hover   { color:#ffffff; background-color:#000000; }
a.nav1:active  { color:#000000; background-color:#000000; }




a.nav2 {  text-align:center; width:12.3ex;  font-weight:bold;
                 border-right-style:solid; border-right-color:white; border-width:1px;

         text-decoration:none; font-family:verdana, arial, sans-serif;
          float:right;  margin:0px; font-size:9px; }


a.nav2:link    { color:#ffffff; background-color:#000000; }
a.nav2:visited { color:#ffffff; background-color:#000000; }
a.nav2:hover   { color:#ffffff; background-color:#000000; }
a.nav2:active  { color:#000000; background-color:#000000; }


.lkw
{
position:absolute;
top:950px;
left:190px;
}



#sidebar
{

width:139px;
height:1200px;
position:absolute;
top:189px;
background-color:#000000;
text-decoration:none;
font-size:10pt;
font-family:verdana, arial, sans-serif;
padding-left:10px;
z-index:1;
}




#logoklein
{
position:absolute;
top:720px;
left:205px;
}

.portrait
{
position:absolute;
top:465px;
left:206px;
}

 .line_impressum {
background-color: #000000;
position: absolute;
height: 1px;
width: 400px;
left: 203px;
top: 560px;
}

#black
{
position:absolute;
top:212px;
left:1007px;
width:17px;
height:1090px;
background-color:black;
z-index:10;
}

.arbeiten
{
width:105px;
height:1070px;
background-color:black;
padding-left:20px;
position:absolute;
padding-top:20px;
 top:212px;
 left:899px;

overflow: auto;
}

         .rahmen:hover        {
                         border : 5px solid #F00;
                         width:80px;
                         height:80px;
                         position:relative;
                         left:-5px;
                         clear: both;
                         }





   #referenzen{
    width:694px;
    height:480px;
    position:absolute;
    top:290px;
    left:125px;
    padding-left:80px;
    padding-top:10px;
    background-color:#ffffff;


   }




.pkw-text {
width:385px;
}


.pkw-text2 {
width:450px;
left:270px;
position:relative;
}

#pkw-bild1 {
position:absolute;
top:347px;
left:610px;
}


#pkw-bild2 {
position:absolute;
top:635px;
left:206px;
}





.linetop {
background-color: #000000;
position: absolute;
height: 1px;
width: 460px;
left: 203px;
top: 816px;
}


.line {
background-color:#000000;
position: absolute;
height: 1px;
width: 460px;
left: 203px;
top: 1020px;
}

  .line3 {
background-color:#000000;
position: absolute;
height: 1px;
width: 460px;
left: 203px;
top: 875px;
}

.linelkw
{
background-color: #000000;
position: absolute;
height: 1px;
width: 750px;
left: 203px;
top: 1160px;
}


#content1
{
 width:515px;
 height:auto;
font-family:verdana, arial, sans-serif;
font-size:12pt;
 margin-top:75px;
 margin-left:185px;
 color:#575757;
 padding:20px;
 line-height:24px;
 text-decoration:none;
}


.kontakt
{
 width:515px;
 height:auto;
font-family:verdana, arial, sans-serif;
font-size:12pt;
margin-top:345px;
 color:#575757;
 line-height:24px;
 text-decoration:none;
}


.kontakt2
{
 width:515px;
 height:auto;
 position:absolute;
 top:720px;
font-family:verdana, arial, sans-serif;
font-size:12pt;
margin-left:230px;
 color:#575757;
 line-height:24px;
 text-decoration:none;
}


#content
{
 width:680px;
 height:900px;
font-family:verdana, arial, sans-serif;
font-size:12px;
 margin-top:75px;
 margin-left:185px;
 color:#575757;
 padding:20px;
 line-height:21px;
  text-decoration:none;
}




#Adresse_Map
{
position:absolute;
top:680px;
left:640px;
font-family:verdana, arial, sans-serif;
font-size:10pt;
line-height:20px;
color:#ffffff;
z-index:3;
}






#googlemaps
{
position:absolute;
top:650px;
left:200px;
background-color:#000000;
font-family:verdana, arial, sans-serif;
padding:15px;
color:#ffffff;
padding-left:25px;
padding-top:15px;
width:570px;
height:580px;

-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
}


#white
{

background-color:white;
position:absolute;
top:810px;
left:215px;
width:580px;
height:380px;
z-index:3;
opacity:0.9;
text-decoration:none;
color:#ffffff;
}




#footer
{
position:absolute;
width:1024px;
height:100px;
background-color:black;
background-repeat: no-repeat;
color:white;
padding-top:80px;
font-family:verdana, arial, sans-serif;
  top:1300px;
left:0px;
z-index:0;
}

#bottom
{
position:absolute;
width:1024px;
height:30px;
padding-top:20px;
background-color:#3B3B3B;
color:#ffffff;
text-align:center;
top:1455px;
font-size:7pt;
font-family:verdana, arial, sans-serif;
}



.auto
{
position:absolute;
top:240px;
left:400px;
z-index:4;
display:none;
}


#spalte1
{
position:absolute;
left:200px;
top:330px;
width:380px;
height:870px;
font-family:verdana, arial, sans-serif;
font-size:12px;;
color:#575757;
line-height:22px;
}


#spalte2
{
position:absolute;
left:660px;
top:330px;
width:280px;
height:860px;
font-family:verdana, arial, sans-serif;
font-size:12px;;
color:#575757;
line-height:22px;
}


#Hinweise
{
width:400px;
font-size:7pt;
line-height:15px;
margin-top:0px;
}

#facebookb
{
position:absolute;
width:100px;
height:100px;
top:950px;
left:400px;
z-index:3;
}



.werbemut
{
font-family:KomikaAxisRegular;
}


.werbemut2
{
font-family:KomikaAxisRegular;
font-size:40px;
letter-spacing: 4px;
margin-bottom:20px;
}

.werbemut3
{
font-family:KomikaAxisRegular;
letter-spacing: 4px;
}


ul.vorteile {
list-style-image:url(../img/schweif.png);
position:absolute;
top:930px;
line-height:16px;
left:665px;
font-family:verdana, arial, sans-serif;
font-size:9pt;
}









.social1
 {
    position:absolute;
    top:1370px;
    left:220px;
    background-image: url(../img/anfahrt1.png);
    width:                  172px;  /* Die Höhen- und Breiten- */
    height:                55px;  /* Maße des Bildes...      */
    z-index:4;
}

.social1:hover {
    background-image: url(../img/anfahrt2.png); );
}


.social2
 {
    position:absolute;
    top:1370px;
    left:430px;
    background-image: url(../img/facebook1.png);
    width:                  172px;  /* Die Höhen- und Breiten- */
    height:                55px;  /* Maße des Bildes...      */
    z-index:4;
}

.social2:hover {
    background-image: url(../img/facebook2.png); );
}


.social3
 {
    position:absolute;
    top:1370px;
    left:640px;
    background-image: url(../img/twitter1.png);
    width:                  172px;  /* Die Höhen- und Breiten- */
    height:                55px;  /* Maße des Bildes...      */
    z-index:4;
}

.social3:hover {
    background-image: url(../img/twitter2.png); );
}