/* mamicpix webdesign */

* { 
   padding: 0; 
   margin: 0; 
   color: black;
   }

html {height:101%}
   
body {
   background-image: url(img/hg1.jpg);
   background-repeat: repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   }

a {
   text-decoration: none;
   outline: none;
   }
 
li { margin-left: 1em; }   

h1 { font-size: 130%; }

#angebotsseite #nav02 a,
#auftragsseite #nav03 a, 
#referenzseite #nav04 a,
#wissenswertseite #nav06 a,
#kontaktseite #nav05 a {
   color: #ff6600;
   }

#wrapper {
   background-color: #ffffff;
   width: 925px;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   }

#nav {
   width: 350px;
   padding: 10px;
   vertical-align: top;
   background-image: url(img/nav_bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
   }

#nav li {
   list-style-type: none;
   background-image:url(img/link.gif); 
   background-repeat:no-repeat; 
   background-position: 0px 4px;
   padding-left: 20px;
   font-weight: bold;
   font-size: 115%; 
   line-height: 1.2em;
   margin-left: 23px;
   padding-bottom:20px;
   }
   
#nav a:link, a:visited {
   text-decoration: none;
   color: #6E6E6E;
   }
   
#nav a:hover, a:focus, a:active {
   color: #ff6600;
   }

.content_st11 {
   padding-top: 10px;
   padding-right: 50px;
   padding-bottom: 35px;
   }
   
.content_st12 {
   width: 370px;
   font-weight: bold;
   font-size: 105%; 
   vertical-align: top;
   padding-top: 43px;
   padding-right: 50px;
   padding-bottom: 30px;
   }   

.content_st12 a,
.content_k1 a,
.content_ref a,
.content a {
   color: #000000;
   border-bottom: 1px solid #000000;
   }
   
.content_st12 span,
.content_a1 span,
.content_k1 span,
.content_ref span {
   font-weight: bold;   
   color: #ff6600;
   font-size: 115%; 
   }

.content_st3 {
   font-weight: bold;
   font-size: 105%; 
   background-color: #D1D1D1;
   background-image: url(img/content_bottom.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   vertical-align: top;
   } 

.content_st3 img {
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 25px;
   border-width: 0px;
   }   
   
.content_st3 p {
   color: #7AA329;
   text-align: right;
   padding-top: 15px;   
   padding-right: 55px;
   }

.content_ref {
   width: 900px; 
   font-size: 105%; 
   vertical-align: top;
   padding-top: 43px;
   padding-bottom: 35px;
   padding-right: 30px;
   background-image: url(img/content_bottom.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   }   

.content_ref img {
   float: left;
   padding-top: 20px;
   padding-bottom: 5px;
   padding-right: 25px;
   border-width: 0px;
   } 

img.punkt {
   padding: 3px 5px 0 0;
   margin: 0;
   }
   
.content_a1 {
   width: 470px;
   font-size: 105%; 
   vertical-align: top;
   padding-top: 43px;
   padding-right: 55px;
   }

.content_a2 {
   width: 270px;
   font-size: 90%;
   vertical-align: top;
   padding-top: 43px;
   padding-left: 20px;
   padding-right: 10px;
   padding-bottom: 17px;
   background-color: #D1D1D1;
   background-image: url(img/content-k2_bottom.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   } 

.content_k1 {
   width: 370px;
   font-size: 105%; 
   vertical-align: top;
   padding-top: 43px;
   padding-right: 15px;
   }

.content_k2 {
   width: 370px;
   font-size: 85%;
   vertical-align: top;
   padding-top: 43px;
   padding-left: 20px;
   padding-right: 10px;
   padding-bottom: 17px;
   background-color: #D1D1D1;
   background-image: url(img/content-k2_bottom.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   }