/* Browser-Reset */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, blockquote, a, form, input, textarea,
fieldset, legend, pre, div, span, button  { margin: 0;
                                            border: 0;
                                            padding: 0;
                                            background-color: transparent; }

img, a img, :link img, :visited img { padding: 0;
                                      border: 0;
                                      margin: 0;
                                      vertical-align: top; }
                                      
a:link, a:visited { color: #000;
                    text-decoration: none;
                    outline: none;
                    border: 0; }
                                                
a:hover, a:focus, a:active { color: #000;
                             text-decoration: none;
                             outline: none;
                             border: 0; }
                                                
ul, ol { list-style: none; }


/* Some SEO and other invisible things for the sake of enriched semantics and microformats */

h1 { display: none; }


/* Layout */

body { background: url("/images/aph_images/bg.jpg") #fff repeat-x; }

#content { margin: auto;
		   width: 989px;
		   position: relative;
		   top: 16px; }

#header { background: url("/images/aph_images/header.jpg") no-repeat;
		  width: 989px;
		  height: 169px; }
		  
#main { background: #fff;
	 	border-left: 1px #c36 solid;
		border-right: 1px #c36 solid;
		position: relative;
		padding: 0 0 20px; }
		
#quote { position: absolute;
		 width: 185px;
		 top: 85px;
		 left: 765px;
		 color: #f69; }
#quote p { font: italic 12px/16px arial, sans-serif;
		   padding: 0; }
#quote #author { font: 12px/30px arial, sans-serif; } 
		
#catalog { width: 750px; }

.item { border-top: 1px #9cc solid;
		border-bottom: 1px #9cc solid;
		margin: 0 0 20px 12px;
		padding: 0 0 25px; }
		
.item h3 { font: bold 14px/25px arial, sans-serif;
	 	   padding: 0 0 0 210px; }

.item_pic { float: left;
			width: 190px; }
			
.item_pic img { margin: 0 30px; }

.item_pic ul { font: 12px/16px arial, sans-serif;
			   text-align: center;
			   margin: 5px 0; }
		
.item_desc { border: 1px #c03 solid;
			 background: #fcc;
			 width: 540px;
			 margin: 0 0 0 195px;
			 position: relative; }
			 
.item_desc p { padding: 15px 210px 15px 15px;
			   text-align: justify; }
			 
.item_desc table { position: relative;
				   left: 150px;
				   font: 12px/16px arial, sans-serif;
				   width: 350px;
			       margin: 0 20px 20px; }
			       
.item_desc caption { font-weight: bold;
					 text-align: left; 
					 padding: 0 0 10px 200px; }
					 
.item_desc td { vertical-align: bottom; }
					 
.item_desc .desc_info { width: 180px; }

		
#end { background: url("/images/aph_images/bg_cont_foot.gif") bottom no-repeat;
	   height: 6px; }


/* Navigation */		  

#head_nav { margin: 33px 0 0; }

#head_nav li { font: bold 16px/41px arial, sans-serif;
			   display: inline; }
			   
#head_nav li a,
#head_nav li a:link,
#head_nav li a:visited,
#head_nav li a:hover,
#head_nav li a:active { color: #eab;
						margin: 0 9px 0 10px; }
						
#head_nav li a img { margin: 7px 0 0 5px; }

#head_nav li a div { position: absolute;
				     left: -9999px; }

#head_nav li a:hover div { z-index: 2; position: absolute;
						   width: 613px;
						   top: 246px;
						   left: 325px;
						   background: url("/images/aph_images/bg_subnav.gif") no-repeat;
						   color: #fff;
						   font: normal 14px/19px arial, sans-serif;
					 	   padding: 0 0 0 50px; }
						 
#head_nav li#active a { color: #fff;
						font: bold 18px arial, sans-serif; }
						
.img_01 { background: url("/images/aph_images/nav_1.gif") no-repeat;
		  padding: 3px 0 0 5px; }
.img_01 li#active a { margin: 0 225px 0 16px; }

.img_02 { background: url("/images/aph_images/nav_2.gif") no-repeat;
		  padding: 3px 0 0 80px; }
.img_02 li#active a { margin: 0 53px 0 30px; }

.img_03 { background: url("/images/aph_images/nav_3.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_03 li#active a { margin: 0 134px 0 30px; }

.img_04 { background: url("/images/aph_images/nav_4.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_04 li#active a { margin: 0 252px 0 30px; }

.img_05 { background: url("/images/aph_images/nav_5.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_05 li#active a { margin: 0 93px 0 30px; }

.img_06 { background: url("/images/aph_images/nav_6.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_06 li#active a { margin: 0 119px 0 30px; }

.img_07 { background: url("/images/aph_images/nav_7.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_07 li#active a { margin: 0 194px 0 30px; }

.img_08 { background: url("/images/aph_images/nav_8.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_08 li#active a { margin: 0 154px 0 30px; }

.img_09 { background: url("/images/aph_images/nav_9.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_09 li#active a { margin: 0 186px 0 30px; }

.img_10 { background: url("/images/aph_images/nav_10.gif") no-repeat;
		  padding: 3px 0 0 85px; }
.img_10 li#active a { margin: 0 194px 0 30px; }

a#my_order { font: 12px arial, sans-serif;
			 color: #fff;
			 position: absolute;
			 left: 760px;
			 top: 125px;
			 text-decoration: underline; }
			  
a#impressum { font: 12px arial, sans-serif;
			  color: #c03;
			  position: absolute;
			  left: 760px;
			  top: 147px;
			  text-decoration: underline; }
						
						
/* Content */

h2 { font: bold 18px/100px arial, sans-serif;
	 color: #c03;
	 padding: 45px 0 0 12px; }
	 
h3 { font: bold 14px/25px arial, sans-serif;
	 padding: 25px 0 0 15px; }
	 
p { font: 12px/16px arial, sans-serif;
	padding: 25px 260px 15px 15px;
	text-align: justify; }
	
p.order { padding: 0 160px 5px 15px; }
	
#main img { float: left;
			margin: 0 10px 2px 0; }

.bonbon { color: #c03; }


/* Formulare */

a#link,
a.anchor,
a.order_button { padding: 0;
                 margin: 0 0 0 15px;
                 width: 130px;
                 height: 23px;
                 font: 12px/23px arial, sans-serif;
                 background: #c03;
                 color: #fff;
                 text-align: center;
                 position: relative;
                 top: -48px;
                 display: block; }
                 
a#link,
a.anchor { top: 0; }
                       
button#order_send { padding: 0;
                     margin: 15px 0 0 375px;
                     width: 180px;
                     height: 25px;
                     font: bold 14px/23px arial, sans-serif;
                     background: #c03;
                     color: #fff;
                     text-align: center; }

#order_form { font: bold 14px/16px arial, sans-serif;
              padding: 70px 0 0 207px;
              width: 560px; }
              
#order_form label { width: 145px;
                    display: block; }
              
#order_form input,
#order_form textarea { border: 1px solid #c03; }

#order_form input { position: relative;
                    left: 145px;
                    top: -19px;
                    height: 18px;
                    width: 408px;
                    padding: 2px 0 0; }
                    
#order_form input.big { width: 332px; }

#order_form input.medium { width: 70px; }

#order_form input.small { width: 35px; }

#ordered_articles,
#order_totals { width: 555px;
                border-collapse: collapse; }
                
#order_totals { width: 485px;
				text-align: right;
				padding: 0 5px;
				margin: 20px 0 0; }                

#ordered_articles caption { text-align: left;
                            margin: 20px 0 10px; }

#ordered_articles tr,
#order_totals tr { background: #fcc;
                   border-bottom: 2px solid #fff;
                   height: 30px; }

#ordered_articles tr.zebra,
#order_totals tr.zebra { background: #f36; }

#ordered_articles td.order_nr { width: 20px; }
#ordered_articles td.single_price { text-align: right;
									padding: 0 5px;
									width: 50px; }
#ordered_articles td.amount { width: 60px; }
#ordered_articles td.amount label { width: 60px; }
#ordered_articles td.amount_input { width: 10px; }
#ordered_articles td.amount_price,
#order_totals td.amount_price { width: 65px;
								text-align: right;
								padding: 0 5px; }
#ordered_articles td.delete { width: 70px;
                              text-align: center;
                              color: #c03;
                              text-decoration: underline; }

#ordered_articles .article_amount { position: relative;
                                    left: -10px;
                                    top: 0;
                                    background: #fff;
                                    width: 35px;
                                    text-align: center; }
                                    
a#order_calculate,
a#order_send { display: block;
			   margin: 15px 0 40px;}