/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*Aufbau*/
body{
  text-align:center;
  font:14px arial;
  color:#222;
  background:url('../images/bg.png') repeat-x #fff;
  }
 
#center{
  margin:40px auto 20px auto;
  text-align:left;
  width:750px;
  background:#fff;
  min-height:400px;
  }
  
#head{
  -moz-box-shadow:0px 0px 10px #fff;
  -webkit-box-shadow:0px 0px 10px #fff;
  box-shadow:0px 0px 10px #fff;
  }

 
#menu{
  background:#A8D02C;
  height:29px;
  } 

#nav li{
  float:left;
  }
  
#nav li a{
  display:block;
  padding:5px 10px 5px 10px;
  font:16px georgia;
  background:#A8D02C;
  text-decoration:none;
  border:none;
  color:#333;
  }
  #nav li a:hover, #nav li a.aktiv{background:#B8DA52;}
  
#nav li ul{
  display:none;
  position:absolute;
  border:1px solid #aaa;
  border-top:none;
  margin-left:10px;
  background:#eee;
  }
  #nav li ul li{
    clear:left;
	display:block;
	width:100%;
    }
    #nav li ul li a{
	  background:#eee;
	  padding:4px;
	  font-size:14px;
	  display:block;
	  }
#nav li ul li a:hover{background:#ddd;}
  


#content{
  padding:5px 7px 5px 7px;
  color:#333;
  z-index:50;
  }

#footer{
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid #666;
  color:#666;
  font:12px arial;
  }
  #footer .text{color:#444;}
  
#footernav li{
  float:left;
  padding:0px 15px 0px 5px;
  }

li#cc{float:right;}
  

#corner{
  position:fixed;
  right:0;
  bottom:0;
  z-index:100;
  }
  
/*Besondere Aufbaue*/
.produkt_ubersicht{
  float:Left;
  width:350px;
  margin-left:5px;
  margin-right:10px;
  border-top:1px dotted #111;
  padding-top:10px;
  margin-top:10px;
  }
.produkt_bild{
  background:url('../images/bg.png') repeat-x;
  width:100px;
  height:100px;
  float:left;
  border:1px solid #666;
  -moz-box-shadow:0px 0px 10px #666;-webkit-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666;
  }
  .produkt_bild img{
    width:100px;
    height:100px;
    }

	a.produktvollansicht_bild{float:left;width:65px;margin:2px 10px 10px 2px;-moz-box-shadow:0 0 8px #666;-webkit-box-shadow:0 0 8px #666;box-shadow:0 0 8px #666;}
	a.produktvollansicht_bild img{width:65px}
	a.produktvollansicht_bild:hover{float:left;width:65px;margin:2px 10px 10px 2px;-moz-box-shadow:0 0 3px #666;box-shadow:0 0 3px #666;-webkit-box-shadow:0 0 3px #666;}
	
.produkt_info{
  float:right;
  width:240px;
  padding:2px 0px 0px 0px;
  }
.produkt_ubersicht a{
    border:none;
	text-decoration:none;
    }
	.produkt_ubersicht a:Hover{
    color:#666;
    }
  
#kontakt{
  float:left;
  width:310px;
  }
  
#impressum{
  float:right;
  width:400px;
  }
  
#kontaktform span, #kontaktform label, #kontaktform input, #kontaktform textarea{
  display:block;
  }
  
#kontaktform span{
  margin-top:5px;
  font-size:13px;
  margin-bottom:4px;
  }  
  
#kontaktform input[type^=checkbox]{
  display:inline;
  }
  
#kontaktform input[type^=text], #kontaktform input[type^=submit]{
  width:300px;
  }
  
#toolbar{
  padding:5px;
  background:#A8D02C;
  margin-top:10px;
  -moz-box-shadow:0 0 7px #222;  box-shadow:0 0 7px #222;  -webkit-box-shadow:0 0 7px #222;
  }
  #toolbar span{margin:-5px;padding:5px;background:#222;color:#eee;}
  #toolbar span.right{float:right;}
  #toolbar span a{color:#eee;}
  
#paypalinfos,#vorkassenforward{padding:5px;width:400px;display:none;margin:5px 10px 10px 10px;}
  
#buy_anzahl input[type^=text]{width:37px;}
  
/*Bausteine*/
a{
  color:#333;
  text-decoration:underline;
  }
  a:hover{
    text-decoration:none;
	color:#222;
    }

p{
  margin-bottom:5px;
  }
  
h1{font:bold 40px lexia;}
h2{font:bold 18px arial;}
h3{font:16px georgia;text-decoration:underline;}
  
#content ul{
  list-style:square;
  margin:5px;
  margin-left:20px;
  }
  
#content li{
  font-size:15px;
  line-height:20px;
  }
  
input[type^=text], select{
  background:url('../images/bg.png') repeat-x #fff 0 -50px;
  color:#333;
  font:14px arial;
  padding:5px;
  border:1px solid #ccc;
  -moz-box-shadow:inset 0px 0px 10px #666;  
  -webkit-box-shadow:0px 0px 10px #666;  
  box-shadow:0px 0px 10px #666;  
  width:200px;color:#444;
  } option{background:#fff;}
  
select.paypalselect{width:100px;  
-moz-box-shadow:none;  
  -webkit-box-shadow:none;  
  box-shadow:none;  
  padding:0px;
  background:#fff;
  border-color:#ffd324;
  }
  
input[type^=submit]{
  -moz-box-shadow:0px 0px 10px #666;  
  -webkit-box-shadow:0px 0px 10px #666;  
  box-shadow:0px 0px 10px #666;  
  background:url('../images/bg.png') repeat-x #fff 0px -10px;
  border-color:#8a1;
  border:none;
  color:#333;
  font:14px arial;
  padding:5px;
  }

input[type^=submit]:hover{
  -moz-box-shadow:0px 0px 15px #666;  
  -webkit-box-shadow:0px 0px 15px #666;  
  box-shadow:0px 0px 15px #666;  
  }

form span{
  padding:1px;
  font-size:12px;
  display:block;
  }
  
span label{padding-left:5px;}
  
textarea{
  width:300px;
  height:180px;
  background:url('../images/bg.png') repeat-x #fff 0 -50px;
  color:#333;
  font:14px arial;
  padding:5px;
  border:1px solid #ccc;
  -moz-box-shadow:inset 0px 0px 10px #666;
  }

hr{border:none;height:1px;background:#aaa;}
  
label{
  font-size:12px;
  margin-top:5px;
  }
  
table,td,th{font-size:110%;}
tr:hover{background:#eee;}
td{padding:2px;}
/*Material*/
.clear{
  clear:both;
  }
  
a.more{
  display:block;
  text-align:right;
  }
  
.hinweis,#paypalinfos,#vorkassenforward{background:#FFF6BF;border: 1px solid #FFD324;padding:5px;}
.hinweis hr,#paypalinfos hr,#vorkassenforward hr{background:#ffd324;}
