* {
    margin: 0;
    padding: 0;
}

body {
background-color: #eeeeee;
    overflow-y: scroll;
    text-align: left;
	margin: 0 auto;
    font-family: Arial, sans-serif;
   /* border: 1px solid #ba0000;*/

}

header, nav, footer, aside, section, article {
    display: block;
}

wrapper {
    background-color: #ffffff;
	margin: 0 auto;
}

#seite {
  position:relative;
    background-color: #ffffff;
	margin: 0 auto;
	margin-top:20px;
	width: 1024px;
	height: auto;
    -webkit-box-shadow: -2px 3px 10px #888472;	/* webkit browser*/ -moz-box-shadow: -2px 3px 10px #888472;	/* firefox */ box-shadow: -2px 3px 10px #888472;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#777777');
/*border: 1px solid #118714;*/
}

header {
    height: 200px;
    width: 1024px;
    margin: 0 auto;
  /*  border: 1px solid #118714;*/
}


#headerrechts {
float:right; 
    background-image: url(Bilder/handelsvertretung.jpg);
    width: 302px;
    height:170px;
  /*  border: 1px solid #118714;*/
}
#headerunten {
    /*background-image: url(Bilder/zeichen.jpg);*/
    position:absolute;
   top:170px;
    width: 1024px;
    height:30px;
    /*border: 1px solid #118714;*/
     background-color:#f0f0f0;
}

header p {
    /* background-color: orange; */
    text-align: right;
    padding-right: 15px;
    /*    border: 1px solid #83e285;*/
}

header a {
    color: white;
     border: 1px solid #72ecb1;

}

#logotext {
    padding-top: 50px;
    font-size: 20pt;
    color: white;
}

#steuerunglinks {
line-height: 2.2;
font-family: Arial, sans-serif;
font-size:14px;
font-weight:bold;
    background-color:#e0e0e0;
    width: 200px;
    height: 600px;
    float: left; 
     /*  border: 1px solid #002cba;*/
}

#steuerunglinksimp {
line-height: 2.2;
font-family: Arial, sans-serif;
font-size:14px;
font-weight:bold;
    background-color:#e0e0e0;
    width: 200px;
    height: 2400px;
    float: left; 
     /*  border: 1px solid #002cba;*/
}
#steuerunglinkskon {
line-height: 2.2;
font-family: Arial, sans-serif;
font-size:14px;
font-weight:bold;
    background-color:#e0e0e0;
    width: 200px;
    height: 800px;
    float: left; 
     /*  border: 1px solid #002cba;*/
}

.kleinschrift{
font-family: Verdana, Arial, sans-serif;
font-size:10px;
}


#steuerunglinks ul {padding-left: 55px; padding-top: 30px;}
#steuerunglinks li {padding-bottom: 0.5em;}
#steuerunglinks a {display: block;color: #555555;text-decoration: none;    }
#steuerunglinks a:hover {color: #ffffff;text-decoration: none;    } 

#steuerunglinksimp ul {padding-left: 55px; padding-top: 30px;}
#steuerunglinksimp li {padding-bottom: 0.5em;}
#steuerunglinksimp a {display: block;color: #555555;text-decoration: none;    }
#steuerunglinksimp a:hover {color: #ffffff;text-decoration: none;    } 

#steuerunglinkskon ul {padding-left: 55px; padding-top: 30px;}
#steuerunglinkskon li {padding-bottom: 0.5em;}
#steuerunglinkskon a {display: block;color: #555555;text-decoration: none;    }
#steuerunglinkskon a:hover {color: #ffffff;text-decoration: none;    } 

#steueraktiv {background-color: #ffe995}




section {
    /* background-color: orange; */
    margin-left: 200px;
    padding-left:30px;
    margin-right: 0px;
   /*  border: 1px solid red;*/
         width: 760px;
       height: 600px;      
}
#imp {
    /* background-color: orange; */
    margin-left: 200px;
    padding-left:30px;
    margin-right: 0px;
   /*  border: 1px solid red;*/
         width: 760px;
       height: 2400px;      
}
#kon {
    /* background-color: orange; */
    margin-left: 200px;
    padding-left:30px;
    margin-right: 0px;
    /*border: 1px solid red;*/
         width: 760px;
       height: 800px;      
}

#headbild {
float:left;
position:relative;
    background-image: url(Bilder/fraeser-bohrer.png);
    width: 700px;
    height:200px;
z-index:9;

}





#sectionbild {
float:right;
position:relative;
    background-image: url(Bilder/karte.jpg);
    width: 325px;
    height:314px;

  /*  border: 1px solid #118714;*/
}
#sectionbild1 {

position:relative;
    background-image: url(Bilder/hjihringer.jpg);
    width: 170px;
    height:224px;
    top:-20px;
  /*  border: 1px solid #118714;*/
}
#sectionbildklein {
float:right;
position:relative;
    background-image: url(Bilder/karteklein.jpg);
    width: 470px;
    height:349px;

  /*  border: 1px solid #118714;*/
}
#qrcode {
float:right;
position:relative;
    background-image: url(Bilder/qr.png);
    width: 300px;
    height:300px;

  /*  border: 1px solid #118714;*/
}




#liste {
line-height: 1.6;
font-family: Arial, sans-serif;
font-size:16px;
padding-top:50px;
float:left;
/*border: 1px solid #118714;*/
}

#liste2 {
line-height: 1.6;
font-family: Arial, sans-serif;
font-size:14px;
padding-top:30px;
float:left;
/*border: 1px solid #118714;*/
}
#liste3 {
line-height: 1.6;
font-family: Arial, sans-serif;
font-size:14px;
padding-top:10px;
padding-left:150px;
float:left;
/*border: 1px solid #118714;*/
}
#liste4 {
line-height: 1.6;
font-family: Arial, sans-serif;
font-size:14px;
padding-top:0px;
padding-left:30px;
float:left;
/*border: 1px solid #118714;*/
}







#textblock {
font-family: Arial, sans-serif;
font-size:14px;
width:740px;
float:left;
position:relative;
top:20px;
}

#textblockkontakt {
font-family: Arial, sans-serif;
font-size:14px;
width:740px;
float:left;
position:relative;
top:60px;
/*border: 1px solid #118714;*/
}

#mailok  {
font-family: Arial, sans-serif;
font-size:14px;
color: green;
top:-100px;
left: 0px;
position:relative;
}




#kontakt1 {
line-height: 1.2;
font-family: Arial, sans-serif;
font-size:14px;
padding-top:50px;
float:left;
/*border: 1px solid #118714;*/
}
#kontakt1a {
line-height: 1.2;
font-family: Arial, sans-serif;
font-size:14px;
padding-top:0px;
float:left;
/*border: 1px solid #118714;*/
}
#kontakt1b {
line-height: 1.2;
font-family: Arial, sans-serif;
font-size:14px;
padding-left:10px;
float:left;
/*border: 1px solid #118714;*/
}










#kontakt2 {
line-height: 1.2;
font-family: Arial, sans-serif;
font-size:14px;
padding-top:50px;
float:left;
/*border: 1px solid #118714;*/
  padding-left:100px;
}

#kontaktstrich {
float:left;
    position:relative;
    top:40px;
    background-color: #777777;
    color:#666666;
    width: 1px;
    height:300px;
    margin-left: 80px;
    text-align: left; 
/*border: 1px solid #118714;*/
}









section h1 {
    padding-top: 28px;
    padding-bottom: 0.4em;
    color: #9a8c30;
    font-size: 20px;
}

section h2 {
    color: #655420;
    font-size: 16px;
    padding-top: 1em;
    padding-bottom: 0.6em;
}

section p {
    padding-bottom: 1em;
}

section ul, section ol  {
    padding-left: 3em;
}

section li {
    padding-bottom: 0.5em;
    list-style-type: none;
}

footer {
	margin: 0 auto;
	   margin-top:10px;
	width: 1024px;


    /* background-color: brown; */
  height:50px;
    color: grey;


}  

#pos1 {
font-family: Arial, sans-serif;
font-size:12px;
float:left;
margin-left: 10px;
}
#pos2 {
font-family: Arial, sans-serif;
font-size:11px;
float:left;
margin-left: 250px;
}

#pos3 {
font-family: Arial, sans-serif;
font-size:11px;
float:left;
margin-left: 390px;
}
#pos4 {
font-family: Arial, sans-serif;
font-size:11px;
float:left;
margin-left: 30px;
}
#pos5 {
font-family: Arial, sans-serif;
font-size:11px;
float:left;
margin-left: 30px;
}


input[type=text] 
{ border:1px solid #aca05c; 
border-top-left-radius: 2pt 2pt;
border-top-right-radius: 2pt 2pt;
border-bottom-left-radius: 2pt 2pt;
border-bottom-right-radius: 2pt 2pt;
}
textarea { 
border:1px solid #aca05c; 
background-color: #ffffff;
border-top-left-radius: 3pt 3pt;
border-top-right-radius: 3pt 3pt;
border-bottom-left-radius: 3pt 3pt;
border-bottom-right-radius: 3pt 3pt;
box-shadow: inset 1px 1px 2px #666666;
}
input[type=email] 
{ border:1px solid #aca05c; 
border-top-left-radius: 2pt 2pt;
border-top-right-radius: 2pt 2pt;
border-bottom-left-radius: 2pt 2pt;
border-bottom-right-radius: 2pt 2pt;
}

input[type=submit] 
{ border:1px solid #aca05c; 
background-color: #e4d998;
border-top-left-radius: 3pt 3pt;
border-top-right-radius: 3pt 3pt;
border-bottom-left-radius: 3pt 3pt;
border-bottom-right-radius: 3pt 3pt;
/*box-shadow: 2px 2px 2px #666666;*/
}

input[type=submit]:hover
{ border:1px solid #aca05c; 
background-color: #bda626;
border-top-left-radius: 3pt 3pt;
border-top-right-radius: 3pt 3pt;
border-bottom-left-radius: 3pt 3pt;
border-bottom-right-radius: 3pt 3pt;
/*box-shadow: 2px 2px 2px #666666;*/
}
#box {
font-family: Arial, sans-serif;
font-size:14px;
position:absolute; 
margin-top:-210px;
margin-left: 230px;
z-index:9;}

#box a {
text-decoration:none;
display:block;
}

#box a:hover {
color:black;
background:#ffffff;
width:310px;
height:10px;
}

#box a span {display:none;}

#box a:hover span {
position:absolute; bottom:120px; left:350px; z-index:3;
width:310px;
height:310px;
color:black;
background:#ffffff;
border:1px solid black;
display:block;
padding:10px;}

#me {
position:absolute;
text-decoration: none;
font-family: Arial, sans-serif;
font-size:11px;
left:230px;
bottom:10px;

}