/*
Farbe 1: #FF0000 - rot
Farbe 2: #000000 - schwarz
Farbe 3: #999999 - grau
*/
/* Allgemeine Formatierungen */
.clear { 
	line-height: 0;
	height: 0;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

input.quantity {
	border: 1px solid #000000;
	width: 30px;
	text-align: right;
}

input.amount {
	border: 0px;
	width: 50px;
	text-align: right;
	vertical-align: middle;
}

select.option {
	border: 1px solid #000000;
	width: 50px;
}

select.option2 {
	border: 1px solid #000000;
	width: 75px;
}

label.pages {
  float: left;
  width: 50px;
  font-weight: bold;
}

select.pages {
  border: 1px solid #000000;
	width: 35px;
}


textarea.tac {
	width: 100%;
	height: 100px;
}

input.tac {
	width: auto;
	border: 0px;
	font-Size:10px;
	font-weight: normal;
}

input.submitButton {
	border: 1px solid #000000;
	width: 80px;
	font-Size:11px;
	font-weight: normal;
}

input.radio {
    border: 0px;
}

.cartButton {
	border: 1px solid #000000;
	width: 130px;
	margin-bottom: 5px;
	font-Size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #33cc33;
	vertical-align: top !important;
	vertical-align: bottom;
}

a.button {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 50px;
	padding: 1px 10px;
	font-Size:10px;
	font-weight: normal;
	text-decoration: none;
}

h1 {
	width: 100%;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom: 2px solid #FF0000;
	color: #999999;
	text-decoration: none;
}

div.text h1 {
	padding: 2px 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

td {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

/* Anzeige Startseite */
#start {
	width: 767px !important;
	width: 100%;
	height: 376px;
	margin: 0;
	padding: 0;
	empty-cells: show;
}
    #start td {
    	padding: 0;
    	margin: 0;
    	vertical-align: top;
    }

    #start td h2 {
    	padding: 0;
    	padding-top: 0px !important;
    	padding-top: 2px;
    	margin: 10px;
    	margin-top: 2px !important;
    	font-size: 18px;
    	font-weight: bold;
    	color: #000000;
	  }
    
    	#start .highlight {
    		color: #FF0000;
    		font-weight: bold;
    	}
    	
    	#start form {
    		margin: 10px;
    	}
    	
    	#start td.starttable_top {
    		width: 768px !important;
    		width: 100%;
    		height: 92px;
    		background-image: url(../gfx/starttable_top.jpg);
    	}
    	
    		#start td.starttable_top h1 {
	    		width: 710px !important;
    			width: 100%;
    			margin-top: 30px;
	    		margin-left: 35px;
	    		font-size: 30px;
	    		font-weight: normal;
	    		color: #FFFFFF;
	    		background: none;
	    		border: none;
	    	}
    	
    	#start td.starttable_content {
    		width: 374px !important;
    		width: 376px;
    		height: 236px;
    		border-left: 2px solid #FF0000;	
    	}
    	
    		#start td.starttable_content img {
    			float: left;
    			margin: 0px 5px;
    			border: none;	
    		}
    		
    	#start td.starttable_pic {
    		width: 391px !important;
    		width: 393px;
    		height: 283px;
    		background: url(../gfx/beamer_2.jpg) no-repeat bottom right;
    		border-bottom: 2px solid #FF0000;
    	}
    	
    		#selectbox {
    			width: 380px;
    			height: 225px !important;
    			height: 230px;
    			margin: 0;
    			margin-top: 5px;
    			padding: 0;
    			border: 2px solid #000000;
    			background-color: #FFFFFF;
    			display: none;	
    			overflow-x: hidden;
    			overflow-y: auto;
    		}
    		
    			#selectbox .headline {
    				margin: 5px;
    				font-size: 14px;
						font-weight: bold;
						background-color: #FFFFFF;
						color: #999999;
    			}
    			
    			#selectbox h2 {
    				width: 335px;
    				margin: 5px 0px;
    				padding: 0;
    				background: none;
    			}
    			
    			#overview {
    				width: 335px;
    				margin: 0;
    				padding: 0;

    			}
    			
	    			#overview td {
	    				width: 20px;
	    				padding-top: 5px;
	    				padding-bottom: 5px;
	    				border-bottom: 1px solid #999999;
	    				vertical-align: middle;
	    			}
	    			
	    			#overview td input {
    					width: 20px;	
    					margin: 0;
    					padding: 0;
    					text-align: right;
    				}
	    			
	    			#overview td.icon {
	    				width: 32px;
	    			}
	    			
	    			#overview td.title {
	    				width: 220px;
	    				font-weight: bold;
	    				border: none;
	    			}
	    			
	    			#overview td.price {
	    				width: 80px;
	    				margin: 0;
	    				padding: 0;
	    				text-align: right;
	  					font-size: 14px;
	  					font-weight: bold;  
	  					border: none;	
	    			}
	    			
	    			#overview td.info {
	    				width: 260px;
	    				margin: 0;
	    				padding: 0;
	    			}
	    			
	    				#overview td.info img {
	    					float: left;
	    					margin: 0;
	    					margin-right: 2px;
	    					padding: 0;	
	    					vertical-align: middle;
	    				}
	    				
	    				#overview td.info span {
	    					float: left;
	    					margin-right: 5px;
	    					vertical-align: middle;
	    				}
	    				
	    				#overview td.info span.quantity {
	    					float: right;
	    					margin: 0;
	    					padding: 0;
	    					margin-left: 5px;
	    				}
	    				
	    		#selectbox form {
	    			margin: 5px;
	    			padding: 0;
	    		}
	    		
	    			#selectbox input {
	    				width: 20px;
	    			}
	    			
	    			#selectbox input.button {
	    				width: 120px;
	    				margin-top: 10px;
	    				color: #FFFFFF;
	    				background-color: #33cc33;
	    			}
	    			
	    			#selectbox input.button2 {
	    				width: 200px;
	    				margin-top: 10px;
	    				font-weight: bold;
	    				color: #FFFFFF;
	    				background-color: #6699ff;
	    			}
	    			
	    			#selectbox img {
	    				float: left;
	    				margin-right: 5px;	
	    			}
	    			
	    			#selectbox input.radio {
	    				height: 32px;
	    				background: none;
	    				text-align: left;
	    				vertical-align: middle;
	    				border: none;
	    			}
	    			
	    			#selectChoice {
	    				display: none;
	    			}
    	
    	#start td.starttable_bottomleft {
    		width: 374px !important;
    		width: 376px;
    		height: 49px;
    		background-image: url(../gfx/starttable_bottomleft.gif);
    		text-align: right;
    		vertical-align: bottom;
    	}
    	
	    	#start td.starttable_bottomleft p {
	    		margin: 5px;
	    		padding: 0;
	    		font-size: 10px;
	    		color: #999999;
	    	}
    	
/* Anzeige Inhaltsseite */
#contentPage {
	width: 767px !important;
	width: 100%;
	height: 376px;
	margin: 0;
	padding: 0;
	empty-cells: show;
}
    #contentPage td {
    	padding: 0;
    	margin: 0;
    	vertical-align: top;
    }

    #contentPage td h2 {
    	padding: 0;
    	padding-top: 0px !important;
    	padding-top: 2px;
    	margin: 10px;
    	margin-top: 2px !important;
    	font-size: 18px;
    	font-weight: bold;
    	color: #000000;
	  }
    
    	#contentPage .highlight {
    		color: #FF0000;
    		font-weight: bold;
    	}
    	
    	#contentPage form {
    		margin: 10px;
    	}
    	
    	#contentPage td.contentPagetable_top {
    		width: 768px !important;
    		width: 100%;
    		height: 92px;
    		background-image: url(../gfx/starttable_top.jpg);
    	}
    	
    		#contentPage td.contentPagetable_top h1 {
	    		width: 710px !important;
    			width: 100%;
    			margin-top: 30px;
	    		margin-left: 35px;
	    		font-size: 30px;
	    		font-weight: normal;
	    		color: #FFFFFF;
	    		background: none;
	    		border: none;
	    	}
    	
    	#contentPage td.contentPagetable_content {
    		width: 768px !important;
    		width: 100%;
    		margin: 0;
    		padding: 0;
    		background: url(../gfx/infobg_main.jpg) no-repeat bottom right;
    		border-left: 2px solid #FF0000;	
    		border-right: 2px solid #FF0000;	
    	}
    	
    		#contentPage td.contentPagetable_content h1 {
    			width: 713px !important;
    			width: 718Px;
    			margin: 10px;
    			padding: 0;
    			background: none;
				}
				    	
    		#contentPage td.contentPagetable_content img {
    			float: left;
    			margin: 0px 5px;
    			border: none;	
    		}
    		
    		#contentPage td.contentPagetable_content table {
    			width: 717px;
    			margin: 10px;
    			padding: 0;
    			border: none;	
    		}
    		
	    		#contentPage td.contentPagetable_content table.leftSide {
	    			width: 337px !important;
	    			width: 338px;
	    			margin: 0;
	    			padding: 0;
	    			border: none;	
	    		}
    		
    			#contentPage td.contentPagetable_content h1.small {
	    			width: 337px !important;
	    			width: 338px;
	    			margin: 10px;
	    			padding: 0;
	    			background: none;
					}
	    		
	    		#contentPage td.contentPagetable_content p {
	    			margin: 10px;
	    			padding: 0;
	    			border: none;	
	    		}
	    		
	    		#contentPage td.contentPagetable_content .radio {
	    			background-color: #FFFFFF;	
	    		}
    		
    	#contentPage td.contentPagetable_bottomright {
    		width: 386px !important;
    		width: 386px;
    		height: 49px;
    		background: url(../gfx/infobg_bottom.jpg) no-repeat bottom right;
    		border-right: 2px solid #FF0000;
    		border-bottom: 2px solid #FF0000;
    	}   
    	
    	#contentPage td.contentPagetable_bottomleft {
    		width: 374px !important;
    		width: 376px;
    		height: 49px;
    		background-image: url(../gfx/starttable_bottomleft.gif);
    		text-align: right;
    		vertical-align: bottom;
    	}
    	
	    	#contentPage td.contentPagetable_bottomleft p {
	    		margin: 5px;
	    		padding: 0;
	    		font-size: 10px;
	    		color: #999999;
	    	}		

/* Anzeige der Produkt-Liste / Kategorie-Ansicht */
#key {
	width: 765px !important;
	width: 100%;
	margin-top: 8px !important;
	margin-top: 20px;
	padding: 0;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #000000;
}

	#key div {
		text-align: center;
	}
	
		#key div img {
			margin: 5px;
			margin-top: 7px;	
			padding: 0;
			vertical-align: middle;
		}
		
		#key div span {
			margin: 0;
			margin-right: 10px;
			padding: 0;
			vertical-align: middle;
		}

/* Formatierungen für den Warenkorb */
#boxShoppingCartSummary {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

	#boxShoppingCartSummary a {
  	font-size: 12px;
  	font-weight: bold;
  	color: #FFFFFF;
}

  #boxShoppingCartSummary div.contentBorder {
    width: 740px !important;
		width: 755px;
		border: 2px solid #000000;
  }

   #boxShoppingCartSummary div.text {
    width: 730px !important;
    width: 100%;
    background-color: #66cc00;
  }

  #boxShoppingCartSummary div.cartItem a img{
  	vertical-align: bottom;
  }

  #boxShoppingCartSummary div.cartSummary {
  	float: left;
  	font-size: 12px;
  	line-height: 16px;
  	color: #FFFFFF;
    margin-top: 2px;
  }

	  #boxShoppingCartSummary a.hdl {
	  	float: left;
	  	font-size: 12px;
	  	line-height: 16px;
	  	font-weight: bold;
	  	text-decoration: underline;
	  	color: #FFFFFF;
	  }
	  
	  #boxShoppingCartSummary a img{
	  	vertical-align: bottom;
	  }
	  
	#boxShoppingCartSummary div.cartSummaryNav {
  	float: right;
    margin-top: 2px;
  }

    #boxShoppingCartSummary div.cartSummaryNav input {
       background-color: #FFFFFF;
       margin-bottom: 2px;
       vertical-align: middle;
    }
	  
	  #boxShoppingCartSummary div.cartSummaryNav a img {
	  	vertical-align: top;
	  }

  #boxShoppingCartSummary a.button {
  	float: left;
  	width: 120px;
  	border: 1px solid #FF0000;
  	font-size: 11px;
  	padding: 1px;
    margin-left: 5px;
  	margin-bottom: 3px;
    background-color: #FF0000;
  	text-align: center;
  	text-decoration: none;
  	display: block;
  }

#boxShoppingCartContents {
	float: left;
	width: 100%;
	font-size: 10px;
	color: #000000;
	display: none;
}

  #boxShoppingCartContents div.text{
  	margin: 0px;
      background-color: #FFFFFF;
  }

  #boxShoppingCartContents div.cartItem {
  	width: 100%;
  	margin: 5px;
  	font-size: 10px;
  	color: #000000;
  }
	
  #boxShoppingCartContents a img{
  	vertical-align: bottom;
  }

/* Formatierungen für die Kasse */
#boxCheckout {
	width: 610px;
	font-size: 10px;
}

div.summary {
	margin-right: 25px;
	text-align: right;
	line-height: 150%;
}

table.cartItem {
	width: 100%;
	font-size: 10px;
	color: #000000;
}

table.cartItem a img {
	vertical-align: bottom;
}

#boxShipment {
	width: 360px;
	border: 1px solid #FF0000;
	padding: 5px;
}

#boxShipment table {
	width: 100%;
	font-size: 10px;
	color: #FF0000;
}

#customerInfo {
	background-color: #FFFFFF;
	width: 100%;
	font-size: 12px;
	color: #FF0000;
}

#customerInfo h1 {
	display: block;
}

#customerInfo p {
	clear: both;
}

#customerInfo label {
	float: left;
	width: 100px;
	margin: 0px 5px;
	display: block;
}

#customerInfo input {
	width: 200px;
	margin: 0px 5px;
}

#customerInfo select {
	width: 200px;
	margin: 0px 5px;
}

#customerInfo div.cartNavigation input {
	width: 100px;
}

/* Formatierungen für den Service-Bereich */
#boxService {
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

	#boxService div.serviceItem h1 {
		color: #FFFFFF;
		background: none;	
	}

#adressform {
	display: none;
}

a.button, a.button:hover {
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	color: #FF0000;
	width: 160px;
	padding: 1px 10px;
	font-family: verdana, arial;
	font-Size:11px;
	font-weight: normal;
	text-decoration: none;
}

table.boxCheckoutDetail input {
	width: 100%;
	margin: 2px;
	vertical-align: middle;
}

table.boxCustomerDetail {
  background-color: #FFFFFF;
	font-size: 10px;
	color: #FF0000;
}

table.boxCustomerDetail td input {
  width: 20px;
}

div.cartNavigation{
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

#sue_help {
  display: none;
}

#sue_help table, td {
  font-size: 10px;
	margin: 5px;
}

#pp_help {
  display: none;
}

#pp_help p, li {
  font-size: 10px;
	margin: 5px;
}

#iloxx_help {
  display: none;
}

#iloxx_help p, li {
  font-size: 10px;
	margin: 5px;
}

.tableReviewOrder {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FF0000;
	border: 1px solid green;
}

.tableShipment {
	width: 100%;
	font-size: 10px;
	color: #000000;
}

.tableShipment td {
	border-bottom: 1px dashed #FF0000;
}

#boxTaC {
	display: none;
}

#tac, p, li, td {
	font-size: 11px;
	color: #000000;
}

div.cartNavigation a img{
	vertical-align: middle;
}

#news {
    width: 750px !important;
    width: 100%;
    margin: 0;
		padding: 5px;
    overflow: hidden;
}
	
	#news h1 {
		width: 590px !important;
		width: 100%;
	}

	#news p {
		margin: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
	}