* { padding: 0; margin: 0; } 
 
h2, h3, h4, p, ul, ol { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

li { margin-left: 2em; }    
  

html { height: 101%; }    
   
body { 
  background-color: #353535;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}

h1 { font-size: 140%; }
h2 { 
font-size: 130%;
color: #8c8c8c; }
h3 { font-size: 110%; }
h4 { 
font-size: 105%;

}

address {
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5; 
}

/* ================
   Hyperlinks    */  

a { 
  text-decoration: none; 
  outline: none; 
} 

a:link { color: #FFF; } 
a:visited { color: #063; } 

a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000; 
} 
a:active {
	color: #999;
}  

/* =====================
   Klassen und IDs    */

/*.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}
*/
.bildlinks {
  float: left; 
  padding: 3px; 
  border-right: 5px solid #cccccc;
  border-top: 5px solid #cccccc;
  border-left: 5px solid #999;
  border-bottom: 5px solid #999;
  margin-right: 10px; 
  margin-bottom: 10px; 
}
.bildrechts {
  float: right; 
  padding: 3px; 
  border-right: 5px solid #cccccc;
  border-top: 5px solid #cccccc;
  border-left: 5px solid #999;
  border-bottom: 5px solid #999;
  margin-bottom: 10px; 
  margin-left: 10px; 
  margin-top: 20px;
}
.clearing {
  clear: both; 
}
 
#logo {
	background-color: tranparent;
	;
	color: black;
	padding-top: 2px;
	border: 0;
	margin-top: 15px;
	margin-left: 8px;
}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

#wrapper { 
  background: #F7AC07 url(farbverlauf.jpg) repeat-y top left; 
  color: black; 
  width: 850px; 
  margin: 10px auto; 
}

#kopfbereich { 
  position: relative; 
  background-color: #F7AC07; 
  background-image: url(farbverlauf.jpg); 
  background-repeat: repeat-y; 
  color: black; 
  padding: 10px 20px 5px 20px;
}
    #kopfbereich p {
      position: absolute; 
      top: 10px; 
      right: 9px; 
      padding: 5px 0; 
      margin-bottom: 0; 
    }
    #kopfbereich p span {
      color: #d90000; 
    }

    #navibereich01 ul {
     margin-left: 400px;
    }
    
    #navibereich01 li {
 		display: inline;     
		list-style-type: none; 
    	padding: 3px 5px ; 
   		margin: 0;
    	border: 1px solid #000;
    }

#navibereich02 {
	float: left;
	width: 200px;
	padding-left: 20px;
	padding-top: 20px;
}
    #navibereich02 ul {
      width: 13.5em; /* changed from 8em to 14em*/
      border-top: 1px solid #d90000; 
    }
    #navibereich02 li {
      text-align: center;
	    list-style-type: none; 
      border-left: 1px solid #d90000;
      border-bottom: 1px solid #d90000; 
      margin: 0; 
    }
		#navibereich02 a,
    #navibereich02 span {
      display: block; 
      text-decoration: none; 
      background-color: #F7AC07; 
      color: black; 
      padding: 4px; 
      border-left: 3px solid #F7AC07; 
    }
    #navibereich02 a:hover,
    #navibereich02 a:focus {
      background-color: white; 
      color: black; 
      border-left-color: #d90000; 
      border-bottom: none; 
    }
    #startseite #navi01 span,
    #farbenseite #navi02 span, 
    #produktenseite #navi03 span
	#kontaktseite #navi04 span
	#impressumseite #navi05 span {
      background-color: white; 
      color: black; 
      border-left-color: #d90000; 
      border-bottom: none; 
 }
#textbereich {
	background-color: white;
	padding: 20px 10px 20px 20px;
	margin-left: 200px;
	border-right: 1px solid #F7AC07;
	min-height: 540px
}
    #textbereich a {
      border-bottom: 1px dotted #cc0000; 
    }
    #textbereich ul li {
	list-style-type: none;
    }
    #textbereich a:hover,
    #textbereich a:focus {
      border-bottom: 1px solid #d90000; 
    }
#textbereich span {
	font-weight: bold;
	
	}
#textbereich #header {
margin: 10px 0;
padding: 0;
margin-top: 15px;
}
#textbereich #header li li {
margin: 0;
padding: 0;
}
#textbereich #header li {
position: relative;
display: block;
width: 160px;
float: left;
}
#texbereich #line {
	margin-top: 15px;
}
#textbereich #line li {
	list-style-type: circle;	
}
#texbereich #line2 li {
	list-style-type: square;
}

/*
.square { 
	list-style: square;
	}
*/

#fussbereich {
  clear: both; 
  background-color: white; 
  padding: 10px 20px 20px 20px; 
  border-top: 1px solid #8c8c8c; 
  }

  
/* ==================================
   4. Sonstige Styles 
 */   

/* 
   Das Kontaktformular */
   
form {
  background-color: #eeeeee; 
  color: black; 
  width: 370px; 
  padding: 20px; 
  border: 1px solid #8c8c8c; 
}       
label {
  display: block; 
  cursor: pointer; 
}
input#absender, textarea {
  width: 300px;
  border: 1px solid #8c8c8c; 
  margin-bottom: 1em;
}
textarea { height: 7em; }

input#absender:focus, 
textarea:focus {
  background-color: #d9d9d9; 
  color: black; 
}

/* 
   Die Galerie */

/* Nur für IE6 */
* html div.galerie { height: 1%; }
   
div.galerie {
  overflow: hidden; /* Umschließen der Floats */ 
  padding: 25px 10px 10px 0; 
  margin: 0 3px 3px 0; 
}
div.galerie img {
  float: left; 
  padding: 4px; 
  border: 1px solid #ddd; 
  border-right-color: #aaa; 
  border-bottom-color: #aaa; 
  margin-right: 15px; 
  margin-bottom: 15px; 
}   
#galeriefoto li a:link,
#galeriefoto li a:visited,
#galeriefoto li a:active
{
	color: #fff;
	
	}
#galeriefoto img
{
	width: 140px;
	}
 #textbereich img {
	width: 280px;
	height: 140px;
   }
 /*  
   #bild01 {
   
   position:absolute
   top: 400px;
   right: 200px;
   width: 160px;
   heigth: 80px;
      }
   
   
 
   Bilder 

#bild01 {
	float:right;
	margin: 10px;
}   
   
   
#bild02 {
	float:left;
	margin: 10px;
}   
   */
   
  /* #galerie1
   {
	   float:right;
	   margin: 10px;}

	#galerie2
	{
		float:right;
		margin: 10px;;}
		*/