/* Stylesheet für campingequipment.de   #8c8c8c */


* { padding: 0; margin: 0; }

html { height: 101% }

body {
  
   color: #333333;

   background-color: #555555;

   font-family: Verdana, Arial, Helvetica, sans-serif;
 
   font-size: medium;
   
   }


/* =============================================

       div-Bereich  
   
=============================================== */


#rot { background-color: #ed553b; height: 24px; }

#kopfbereich {
   
   color: white;

   background-color: #111111;

   padding-top: 15px;

   padding-right: 20px;

   padding-bottom: 10px;

   padding-left: 0;


   } 


          #kopfbereich p { 

             padding: 5px 0 5px 0;
             margin-bottom:0;

          }

          #kopfbereich img { 
 
             background-color: white;

             padding: 5px;

         

             
          }


#grau { background-color: #282828; height: 30px; }

#wrapper { 

 background-color: white; 
 margin-left: auto;
 margin-right: auto; 
 width: 980px; 

}




#navibereich {
   overflow: hidden;
   padding-top: 0;
   width: 185px;
   padding-right: 0;
   padding-left: 0;
   padding-bottom: 5px;
   margin-bottom: 0;
   margin-left: 15px;
   margin-top: 5px;
   margin-right: 0px;
   text-align: left;
   float: left;
   background-color: white;
  
}

* html #navibereich { height: 1%; }

    #navibereich li {
      float: left;
      font-size: 10pt;
      width: auto;
      list-style: none;
      margin-top: 1px;
    
      }

   #navibereich a {
      display: block;
      color: #333333;
      font-family: georgia;
      padding: 5px 13px 5px 13px;
      width: 170px;
      text-decoration: none;
      background-image: url(bild/navibereich.jpg); background-repeat: no-repeat;

           }


#startseite #navi00 a, #testbericht1 #navi10 a, #soundcraft #navi11 a, #faderport #navi12 a, #computerbau #navi20 a

{

          color: white;
          background-image: url(bild/navi-hover.jpg); background-repeat: no-repeat;  
          padding: 5px 13px;
                     
}


#navibereich ul {

   display: block;
   height: auto;
   margin-left: 0;
   margin-top: 5px;

}


#navibereich ul.ebene02 li a:hover, #navibereich a:focus, #navibereich a:active {
   background-image: url(bild/navi-hover.jpg); background-repeat: no-repeat;
   color: white;

}



#rund { padding: 0; float: right; margin-right: 4px; margin-top: 5px;

   background-image: url(bild/hintergrund-text.jpg); background-repeat: repeat-y;

}




#textbereich {

   float: right;

   color: #333333;

   background-color: #d3d3d3;

   font-size: 80%;

   width: 705px;
 
   padding-top: 0px;

   padding-right: 30px;

   padding-left: 25px;

   padding-bottom: 20px;
 
   margin-left: 0;

   border: none;


}

#fussbereich { background-color: #333333; font-size: 70%; }






/* =============================================

             Allgemeine html-Elemente   

============================================== */



h2,h3,h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 { 
   font-family: Andy, Verdanan, Arial;
   text-align: center;
   font-size: 230%;
   font-style: normal;
   letter-spacing: 2px;
   padding-top: 0;
   margin-top: 5px;
   color: white;
   
}
h2 { 
  
   font-size: 150%;
   text-align: center;
   margin-bottom: 0px;
   color: #888888;
}

h3 {   font-size: 100%;
   text-align: left;
   padding: 2px;
   margin-bottom: 0px;
   color: #333333;
}


h4{ text-align: center;
   color: white;  
   font-size: 150%;
   text-align: left;
   margin-bottom: 0px;
}

a  { 
   
   
   color: #555555;
   text-decoration: underline;
   outline: none;
   border: 0;
}


a:hover { color: #FF3333; text-decoration: none; border: 0;}

a img { border: 0;}





.bildrechts {

  float:right;
  margin: 10px;
  margin-top: 0px;
  

}

.bildlinks {

  float:left;
  margin: 10px;
      

}


.rechts {

  float: right;
  width: 180px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 25px;
  border: 1px solid #333333;
  

}