/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}

body{
background-color: black;
background-image:url(bilder/mauer.jpg);
background-repeat: repeat;
margin: 0;
font-family: Arial, sans-serif, Verdana;
text-align: center;
}
div#wrapper{
width: 800px;
height: 600px;
margin: 0 auto;
text-align: left;
}

div#Kopfa{
width: 320px;height: 140px;
float: right;
/*background-color: blue; /*#708090;*/
background-color:  rgb( 125,125,125);
background-image:url(bilder/truckani1.gif);background-repeat:no-repeat;
background-position: 5px 25px;
}


div#Kopf{
width: 800px;height: 140px;
float: left;
background-color:  transparent;
}
div#Kopflogo{
width: 195px;height: 140px;
/*width: 325px;height: 140px;*/
float: left;
background-color:  transparent;
/*background-image:url(bilder/140truck.png);background-repeat:no-repeat;*/
background-image:url(bilder/HK3d_140.png);background-repeat:no-repeat;
/*background-image:url(bilder/hk_fahne_20.gif);background-repeat:no-repeat;*/
/*background-position: 5px 25px;*/
/*background-position: 27px 0px;*/
background-position:0px 0px;
}
div#Kopfadresse{
/*width: 261px;height: 140px;*/
width: 261px;height: 140px;
float: left;
background-color:  rgb( 230, 230, 230);
background-color: transparent;
/*background-image:url(bilder/hkadresse50grau.png);background-repeat:no-repeat;*/
/*background-image:url(bilder/adresse261.png);background-repeat:no-repeat;*/
background-image:url(bilder/adresse2014.png);background-repeat:no-repeat;
/*background-position: 5px 5px;*/
background-position: 0px 15px;
}

div#Kopfr{
/*width: 344px;height: 140px;*/
width: 306px;height: 140px;
float:right;
background-color: transparent;
/*background-color:  red;*/
background-image:url(bilder/140truck.png);background-repeat:no-repeat;
/*background-position: 15px 5px;*/
background-position: 0px 5px;
}
div#Kopfhallo{
width: 150px;height: 140px;
float: left;
background-color:  transparent;
background-image:url(bilder/gespenst.gif);background-repeat:no-repeat;

}
div#Kopfadvent1{
width: 150px;height: 140px;
float: left;
background-color:  transparent;
background-image:url(bilder/advent1.gif);background-repeat:no-repeat;
}
div#Kopfadvent2{
width: 150px;height: 140px;
float: left;
background-color:  transparent;
background-image:url(bilder/advent2.gif);background-repeat:no-repeat;
}
div#Kopfadvent3{
width: 150px;height: 140px;
float: left;
background-color:  transparent;
background-image:url(bilder/advent3.gif);background-repeat:no-repeat;
}
div#Kopftext{
width: 194px;height: 140px;
float: left;
background-color:  transparent;
}

div#Kopfostern{
width: 344px;height: 140px;
background-color: transparent;
background-image:url(bilder/froheostern.gif);background-repeat:no-repeat;
background-position: 0px 0px;float: left;
}

div#Kopfweih{
width: 344px;height: 140px;
background-color: transparent;
background-image:url(bilder/weihnachtsschlitten.gif);background-repeat:no-repeat;
background-position: 0px 0px;float: left;
}

div#Kopfneu{
width: 344px;height: 140px;
background-color: transparent;
background-image:url(bilder/schneemann.gif);background-repeat:no-repeat;
background-position: 0px 0px;float: left;
}

div#Mfeld{
width: 800px;height: 38px; /*38*/
float: left;
background-color: white;
}


/*Horizontales Dropdown-Menue*/
.menu{border:0px; margin:0px;
    padding:0px;
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;color:blue;
    }
.menu ul{background:url(bilder/menuback.gif) top left repeat-x;
    height:38px;
    list-style:none;
    margin:0;
    padding:0;
    }
.menu li{float:left;
    padding:0px 8px 0px 8px;
    }
.menu li a{color:blue;
    display:block;
    font-weight:bold;
    line-height:38px;
    padding:0px 10px;
    text-align:center;
    text-decoration:none;
    }
.menu li a:hover{color:#000000;
        text-decoration:none;
        }
.menu li ul{background:#e0e0e0;
    border-left:2px solid #fce10e;
    border-right:2px solid #fce10e;
    border-bottom:2px solid #fce10e;
    display:none;
    height:auto;
    /*filter:alpha(opacity=95);
    opacity:0.95;*/
    position:absolute;
    width:150px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
    }
.menu li:hover ul{display:block;
        }
.menu li li {
    display:block;
    float:none;
    padding:0px;
    width:150px;
    }
.menu li ul a{display:block;
    font-size:12px;
    font-style:normal;
    padding:0px 10px 0px 15px;
line-height: 200%; 
    text-align:left;
    }
.menu li ul a:hover{background:yellow;
        color:#000000;
        /*opacity:1.0;
        filter:alpha(opacity=100);*/
        }
.menu p{    clear:left;
    }   
.menu #current{background:url(bilder/currentback.gif) top left repeat-x;
    color:yellow;
    }   


div#InhaltSl{
width: 195px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}
div#Willkommen{
width: 195px; height: 100px;

background-color:transparent;
background-image:url(bilder/maler.gif);
background-repeat:no-repeat;
background-position: 70px 0px;float: left;
}
div#InhaltSm{
width: 410px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}
div#InhaltSm_{
width: 410px;height: 350px;
margin-top: 20px;
background-image:url(bilder/collage.png);background-repeat:no-repeat;
background-position: 0px 0px;float: left;
background-color: transparent;
line-height: 0pt;
}
div#InhaltSr{
width: 195px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}
div#Notizblock{
width: 182px; height: 370px;
margin-left: 3px;
margin-top: 3px;
/* overflow: auto; */
background-color: RGB(255,255,255);
background-position: 0px 0px;
background-image:url(bilder/ringbuch.gif);
background-repeat:repeat-x;
}

div#InhaltLo{
width: 800px;height: 30px;
margin-top: 0px;
text-align: center;
background-image:url(bilder/wurzelholz.jpg);background-repeat:repeat;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}

div#InhaltLu{
width: 800px;height: 380px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}
div#InhaltLl{
width: 410px;height: 350px;
margin-top: 20px;
margin-left: 5px;
background-image:url(bilder/visitenkarte_back.png);background-repeat:no-repeat;
background-position: 0px 0px;float: left;
background-color: transparent;
line-height: 0pt;
}

div#InhaltLli{
width: 50px;height: 50px;
margin-top: 180px;
margin-left: 27px;
background-image:url(bilder/kleinermaler.gif);background-repeat:no-repeat;
background-position: 0px 0px;float: left;
background-color: transparent;
line-height: 0pt;
}

div#InhaltLr{
width: 195px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}

div#NotizblockL{
width: 190px; height: 370px;
margin-left: 0px;
margin-top: 3px;
/* overflow: auto; */
background-color: RGB(255,255,255);
background-position: 0px 0px;
background-image:url(bilder/ringbuch.gif);
background-repeat:repeat-x;
}
div#NotizblockL_innen{
width: 300px; height: 330px;
margin-left: 0px;
overflow: auto; 
background-color: RGB(255,255,255);
background-position: 0px 0px;
background-image:url(bilder/xringbuch.gif);
background-repeat:repeat-x;
}
div#Lr{
width: 200px; height: 200px;
margin-left: 3px;
margin-top: 3px;
padding-top: 30px;
background-color: red;
float: right;
}

div#InhaltR{
width: 800px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}

div#InhaltA{
width: 800px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat; 
/*background-image:url(bilder/visitenkarte_back.png);background-repeat:no-repeat;*/
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}

div#Keinerda{
width: 150px; height: 100px;
background-color:transparent;
background-image:url(bilder/brille.gif);
/*background-image:url(thumbnails/daumenkino.gif);*/
background-repeat:no-repeat;
background-position: 0px 0px;float: left;
}
div#InhaltK1{
width: 150px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}
div#InhaltK2{
width: 128px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}
div#InhaltK3{
width: 300px;height: 410px;
margin-top: 0px;
background-position: 0px 0px;float: left;
background-color: RGB(0,255,255); /*#1874CD;*/
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
line-height: 0pt;
}
div#InhaltK4{
width: 222px;height: 410px;
margin-top: 0px;
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
background-color: RGB(0,0,255); /*#1874CD;*/
line-height: 0pt;
}

div#Ladenoben{
width: 800px;height: 60px;
margin-top: 10px;
padding-left: 20px;
text-align: center;
background-color: transparent;

background-position: 245px 5px;
line-height: 0pt;
}
div#Ladenlinks{
width: 277px;height: 340px;
margin-top: 0px;
text-align: center;
background-color: transparent;
line-height: 0pt;
float: left;
}
div#Ladenrechts{
width: 523px;height: 340px;
margin-top: 0px;
text-align: center;
background-color: transparent;
line-height: 0pt;
float: right;
background-image:url(bilder/hk_laden2014.jpg);background-repeat:no-repeat;
background-position: 0px 0px;
} 

div#Neuigkeiten{
width: 790px;height: 390px;
margin-top: 0px;
text-align: center;
background-color: transparent;
line-height: 0pt;
float: right;
background-image:url(bilder/neue_halle_.jpg);background-repeat:no-repeat;
background-position: 0px 0px;
} 

div#dazumalrechts{
width: 523px;height: 340px;
margin-top: 0px;
text-align: center;
background-color: transparent;
line-height: 0pt;
float: right;
background-image:url(bilder/referenzen01_alt.jpg);background-repeat:no-repeat;
background-position: 0px 0px;
} 

div#Horroroben{
width: 780px;height: 55px;
margin-top: 0px;
padding-left: 20px;
text-align: center;
background-color: transparent;
background-image:url(bilder/horror4.gif);background-repeat:no-repeat;
background-position: 203px 0px;
line-height: 0pt;
}
div#Horrorlinks{
/*width: 540px;height: 353px;*/
         width: 220px;height: 353px;
margin-top: 0px;
padding-left: 20px;
text-align: center;
background-color: transparent;
/*background-image:url(bilder/sammlung220810.png);background-repeat:no-repeat;*/
/*background-position: 0px 0px;*/
float: left;
}
div#Horrorrechts{
/*width: 220px;height: 353px;*/
         width: 540px;height: 353px;
margin-top: 0px;
padding-left: 20px;
text-align: center;
background-color: transparent;
             /*background-image:url(bilder/sammlung220810.png);background-repeat:no-repeat;*/
             background-position: 0px 0px;
float: right;
}


div#imp{
width: 790px;height: 410px;
float: left;
padding-left: 5px;
padding-right: 5px;
overflow: auto; 
background-color: RGB(255,255,0);
background-image:url(bilder/bs_verlauf.jpg);background-repeat:repeat-x;
background-position: 0px 0px;float: left;
}

/* Schriften */
p {margin-bottom: 0px ; margin-top: 0px;}

p.k0 {
  color:rgb(0,0,255);font-size:25px;font-weight:bold;
  position:relative;left:0px;top:2px; 
  line-height: 25px;
  white-space: normal;
} /*gelb=255,255,0*/
p.k1 {
  color:rgb(0,0,255);font-size:14px;font-weight:bold;
  position:relative;left:10px;top:5px; 
  line-height: 14px;
} 
p.k2 {
  color:rgb(0,0,255);font-size:14px;font-weight:bold;
  position:relative;left:10px;top:5px; 
  line-height: 14px;
} 
p.k3 {
  color:rgb(255,255,0);font-size:14px;font-weight:bold;
  position:relative;left:30px;top:5px; 
  line-height: 14px;
} 
p.k5 {
  color:rgb(0,0,255);font-size:14px;font-weight:bold;
  position:relative;left:240px;top:5px; 
  line-height: 14px;
} 
p.s0 {
  color:rgb(0,0,255);font-size:12px;font-weight:normal;
  position:relative;left:10px; 
  line-height: 12px; 
} 
p.s1 {
  color:rgb(0,0,255);font-size:14px;font-weight:bold;
  position:relative;left:5px;
  line-height: 14px;
} 
p.s2 {
  color:rgb(255,255,0);font-size:14px;font-weight:bold;
  text-align: center;
  line-height: 14px;
} 
p.s3 {
  color:rgb(255,255,0);font-size:25px;font-weight:bold;
  text-align: center;
  line-height: 25px;
} 
p.s4 {
  color:rgb(255,255,255);font-size:10px;font-weight:normal;
  text-align: center;
  line-height: 9px;
} 
p.s5 {
  color:rgb(255,255,0);font-size:12px;font-weight:normal;
  position:relative;left:10px; 
  line-height: 12px; 
} 
p.s6 {
  color:rgb(255,255,255);font-size:10px;font-weight:normal;
  text-align: right;
  line-height: 9px;
} 
p.s7 {
  color:rgb(0,0,255);font-size:10px;font-weight:normal;
  text-align: right;
  line-height: 9px;
} 

p.s2kontakt {
  color:rgb(255,255,0);font-size:14px;font-weight:bold;
  text-align: right;
  line-height: 14px;
} 

/* Links */
a.spezi:link {
   background-color: transparent;
   color:rgb(255,255,0);font-size:14px;font-weight:bold;
}

a.spezi:visited {
   background-color: transparent;
   color:rgb(255,255,0);font-size:14px;font-weight:bold;
}

a.spezi:hover {
   background-color: yellow;
   color:rgb(0,0,255);font-size:14px;font-weight:bold;
}

a.spezi:active {
   background-color: transparent;
   color:            white;
}



/* kontaktformular styles: */
form#kontaktformular label {font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:500;width:80px; height:22px; margin-top:10px; display:block; float:left; }
form#kontaktformular .eingabe {width:248px; height:20px; margin-top:5px;margin-left: 7px;background-color: RGB(255,255,255); border:1px #c4c4c4 solid; float:left; }
form#kontaktformular .checkbox {margin-top:5px;float:left; }
form#kontaktformular textarea {width:248px; height:230px; margin-left: 7px;background-color: RGB(255,255,255);border:1px #c4c4c4 solid; margin-top:5px; font-family:arial; font-size:12px; float:left; } 
form#kontaktformular input.button {height: 23px; width: 160px; margin-top:10px;  margin-left: 50px; background:#FFF;background-image:url(bilder/Putz.jpg);background-repeat:repeat-x; border:1px #c4c4c4 solid; }
form#kontaktformular br { clear:both; }