/* Innen- und  Außenabstände für alle Elemente auf 0 setzen */
html *,
* {
	margin: 0;
	padding: 0;
}

/* Border bei Bildern entfernen */
img{
	border: 0;
}

/* Damit im Firefox der Scrollbalken immer sichtbar ist */
html{
	height: 101%;
}

body{
	background: #030E16 url(../images/page_bg.png) repeat-y top center;
	font-family: Arial, Helvetica, Swiss, sans-serif;
	font-size: 12px;
	padding: 10px 0;
}

a {
	outline: none;
	/* Outline bei Links entfernen (firefox) */
	color: black;
}

a:active,
a:visited {
	color: black;
}

a:hover,
a:focus {
	color: #ca2322;
}

h2{
	font-size: 13px;
}

h3{
	font-size: 12px;
}

h4{
	font-size: 11px;
}

input, select, textarea{
	font-family: Arial, Helvetica, Swiss, sans-serif;
	font-size: 12px;
}

textarea{
	padding: 2px;
	border: 1px solid #BBB;
}

input{
	padding: 2px;
}

select {
	padding: 1px;
	border: 1px solid #BBB;
}


legend{
	font-weight: bold;
}	

pre{
	color: #fff;
}

.button{
	padding: 2px 5px;
	border: 1px solid #CCC;
	margin: 0px 2px;
	background-color: #efefef;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

a.button:focus,
a.button:hover{
	background-color: #666;
	color: #fff;
}

a.btn_reserve,
a.btn_order_item,
a.btn_print,
a.btn_detail,
a.btn_compare,
a.btn_notepad,
a.btn_remove,
a.btn_back,
a.btn_clear{
	display: block;
	float: right;
	width: 20px;
	height: 16px;
	padding: 4px 2px;
	border: 1px solid #fff;
	margin: 0px 2px;
	text-decoration: none;
	overflow: hidden;
	vertical-align: baseline;
	text-indent: 25px;
}

a.btn_reserve:hover,
a.btn_order_item:hover,
a.btn_print:hover,
a.btn_detail:hover,
a.btn_compare:hover,
a.btn_notepad:hover,
a.btn_remove:hover,
a.btn_back:hover,
a.btn_clear:hover{
	border: 1px solid #ccc;
	background-color: #bbb;
	color: #fff;
}
a.btn_order_item{ background: url(../images/button/order_item.png) no-repeat 1px center #fff; }
a.btn_reserve{ background: url(../images/button/reserve.png) no-repeat 1px center #fff; }
a.btn_print{ background: url(../images/button/print.png) no-repeat 1px center #fff; }
a.btn_detail{ background: url(../images/button/infos.png) no-repeat 1px center  #fff; }
a.btn_compare{ background: url(../images/button/compare.png) no-repeat 1px center  #fff; }
a.btn_notepad{ background: url(../images/button/notepad.png) no-repeat 1px center  #fff; }
a.btn_remove{ background: url(../images/button/remove.png) no-repeat 1px center  #fff; }
a.btn_back{ background: url(../images/button/back.png) no-repeat 1px center  #fff; }
a.btn_clear{ background: url(../images/button/clear.png) no-repeat 1px center  #fff; }

form{
	margin: 0;
	background-color: white;
	overflow: hidden;
	position: relative;
}

form label{
	display: block;
	cursor: pointer;
	width: 200px;
}

form input:focus.text,
form textarea:focus{
	background-color: #f0f0f0 !important;
}

form input.text{
	display: block;
	width: 230px;
	border: 0px solid #FFF;
	border-bottom: 1px solid #BBB;
	margin-top: 5px;
	background-color: white !important;
}
form input.number{
	width: 20px;
	padding: 1px;
	border: 1px solid #bbb;
	text-align: right;
	background-color: white !important;
}


/* Klassen und ID */

#wrapper_header{
		background: url(../images/header_bg.png) no-repeat top center;
}

	#banner_top{
		margin: 0 auto;
		width: 980px;
		height: 105px;
		background: url(../images/header.png) no-repeat top center;
		position: relative;
		overflow: hidden;
	}

	#logo{
		position: absolute;
		top: 10px;
		left: 14px;
	}

	/*============================
	  Obere Navigation
	==============================*/
	#navigation_top{
		width: 779px;
		position: absolute;
		top: 68px;
		left: 194px;
	}
	
	#navigation_top a{
		display: block;
		float: left;
		height: 23px;
		background-position: 0px 0px !important;
		text-decoration:none;
	}

	#navigation_top a.active{
		background-position: 0px -23px !important;
	}

	#navigation_top a span{
		position: relative;
		top: 50px;
	}

	#navigation_top a:hover,
	#navigation_top a:focus{
		background-position: 0px -23px !important;
	}
	
	#navigation_top a#notebooks{
		width: 101px;
		background: url(../images/menue/notebooks.png) no-repeat ;
	}
	
	#navigation_top a#hardware{
		width: 92px;
		background: url(../images/menue/hardware.png) no-repeat ;
	}
	
	#navigation_top a#multimedia{
		width: 103px;
		background: url(../images/menue/multimedia.png) no-repeat ;
	}
	
	#navigation_top a#software{
		width: 86px;
		background: url(../images/menue/software.png) no-repeat ;
	}
	
	#navigation_top a#service{
		width: 76px;
		background: url(../images/menue/service.png) no-repeat ;
	}
	
	#navigation_top a#unser_fachmarkt{
		width: 149px;
		background: url(../images/menue/unser_fachmarkt.png) no-repeat ;
	}
	
#wrapper_body{
	margin: 10px auto;
	width: 980px;
}

	/*============================
  	Bereich für linke Spalte
	==============================*/
#left{
	float: left;
	width: 169px;
}

	/*============================
  	Suchmaske
	==============================*/
	#search{
		padding: 0px;
		margin-bottom: 10px;
		overflow: hidden;
		background: transparent;
		border: 0px;
	}

	#search #searchterm{
		float: left;
		width: 105px !important; 
		height: 18px;
		padding: 5px 5px 5px 25px;
		border: 0px solid #fff;
		font-size: 12px;
		background: transparent url(../images/suchfeld.png) no-repeat;
	}
	
	#search #go{
		float: right;
		width: 31px;
		height: 25px;
		margin: 1px;
		text-indent: -200px;
		border: 0px solid #fff;
		background: transparent url(../images/go.png) no-repeat;
	}
	
	/*============================
  	Navigation Links
	==============================*/
	#navigation_left{
		clear: both;
		width: 169px;
		margin: 10px 0;
		overflow: hidden;
	}
	
	#navigation_left span{
		margin: 0;
		background: url(../images/menue_left/bg1.png) repeat-y;
	}
	
	#navigation_left img{
		display: block;
	}

	#navigation_left a{
		display: block;
		width: 169px;
		height: 22px;
		overflow: hidden;
		text-decoration: none;
		font-weight: normal;
	}

	#navigation_left a.active{
		background-position: 0px -22px !important;
	}

	#navigation_left a span{
		position: relative;
		top: 22px;
		text-indent: -999%;
	}

	#navigation_left a:hover,
	#navigation_left a:focus{
		background-position: 0px -22px !important;
	}
	
	#navigation_left a#left_notebooks{
		background: url(../images/menue_left/notebooks.png) no-repeat ;
	}

	#navigation_left a#left_hardware{
		background: url(../images/menue_left/hardware.png) no-repeat ;
	}
	
	#navigation_left a#left_multimedia{
		background: url(../images/menue_left/multimedia.png) no-repeat ;
	}
	
	#navigation_left a#left_software{
		background: url(../images/menue_left/software.png) no-repeat ;
	}
	
	#navigation_left a#left_service{
		background: url(../images/menue_left/service.png) no-repeat ;
	}
	
	#navigation_left a#left_unser_fachmarkt{
		background: url(../images/menue_left/unser_fachmarkt.png) no-repeat ;
	}

	#navigation_left a#left_gefunden_in{
		background: url(../images/menue_left/gefunden_in.png) no-repeat ;
	}


	#navigation_left ul {
		background: url(../images/menue_left/bg1.png) repeat-y;
	}
	
	#navigation_left ul li{
		list-style-type: none;
		font-size: 13px;
		text-indent: 15px;
	}

	#navigation_left ul li a{
		height: auto;
		padding: 2px 0;
	}
	
	#navigation_left ul li a.active{
		color: #ca2322;
	}
	

	#navigation_left ul li img{
		display: block;
	}
	
	ul#productgroups li a.level0{
		text-indent: 12px;
		font-weight: bold;
	}
	ul#productgroups li a.level1{
		text-indent: 12px;
	}
	ul#productgroups li a.level2{
		font-size: 12px;
		text-indent: 22px;
	}
	ul#productgroups li a.level3{
		font-size: 12px;
		text-indent: 32px;
	}
	ul#productgroups li a.level4{
		font-size: 12px;
		text-indent: 42px;
	}
	ul#productgroups li a.selected1{
		color: #ca2322;
		text-indent: 12px;
	}
	ul#productgroups li a.selected2{
		color: #ca2322;
		font-size: 12px;
		text-indent: 22px;
	}
	ul#productgroups li a.selected3{
		color: #ca2322;
		font-size: 12px;
		text-indent: 32px;
	}
	ul#productgroups li a.selected4{
		color: #ca2322;
		font-size: 12px;
		text-indent: 42px;
	}
	
	/*============================
  	Bereich für Inhalt
	==============================*/
	#left .banner{
		margin: 10px 0;
	}
	
	#left .banner img{
		display: block;
		margin: 0 auto;
	}

/*============================
	Miitlere Spalte
==============================*/
#wrapper_content{
	float: left;
	margin-bottom: 10px;
	margin-left: 17px;
	width: 616px;
	border: 0px solid #fff;
	overflow: hidden;
}

	/*============================
  	Banner 
	==============================*/
	#wrapper_content .banner {
		display: block;
		margin-bottom: 10px;
		text-align: center;
	}
	
	/*============================
  	Inhalt
	==============================*/
	#wrapper_content h2{
		position: relative;
		height: 25px;
		line-height: 25px;
		padding: 0 10px;
		background: url(../images/box_header_big.png) no-repeat transparent;
		z-index: 1;
	}
	
	* html #wrapper_content #content_box{ height: 1%; }

	#wrapper_content #content_box{
		position: relative;	
		top: -5px;
		padding: 15px;
		background-color: #FFF;
		overflow: hidden;
	}
	#wrapper_content h3{
		padding-bottom: 0.3em;
	}
	#wrapper_content p{
		padding-bottom: 1em;
	}
	#wrapper_content ul,
	#wrapper_content ol{
		margin-left: 25px;
		padding-bottom: 1em;
	}

	/*============================
  	Herstellerauswahl
	==============================*/
	#wrapper_content #select_manufacturer{
		position: relative;
		margin: 10px 0;
		height: 40px;
	}

	#wrapper_content #select_manufacturer img#arrow_left{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#wrapper_content #select_manufacturer img#arrow_right{
		position: absolute;
		top: 0px;
		right: 0px;
	}

	#wrapper_content #select_manufacturer #scrollContainer{
		position: absolute;
		top: 0px;
		left: 25px;
		width: 566px;
		height: 40px;
		overflow: hidden;
		clip: rect( 0px, 566px, 40px, 0px );
	}

	#wrapper_content #select_manufacturer #scrollContainer #scrollBox{
		width: auto;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#wrapper_content #select_manufacturer #scrollContainer #scrollBox a{
		display: block;
		width: 90px;
		height: 38px;
		border: 1px solid #BBB;
		margin: 0 2px;
		text-decoration:none;
		overflow: hidden;
		background-color: #fff;
		background-position: 0px 0px;
	}
	#wrapper_content #select_manufacturer #scrollContainer #scrollBox a span{
		position: relative;
		top: 40px;
	}
	#wrapper_content #select_manufacturer #scrollContainer #scrollBox a:hover{
		background-position: 0px -38px;
	}
	#wrapper_content #select_manufacturer #scrollContainer #scrollBox a.no_logo div{
		padding: 3px 2px;
		text-align: center;
		vertical-align: middle;
	}

	/*============================
  	Anzeigeoptionen
	==============================*/
	div.breadcrumb{
		padding: 5px 0;
		margin-bottom: 5px;
	}
	
	/*============================
  	Anzeigeoptionen
	==============================*/
	#wrapper_content form#options{
		padding: 0 5px 5px 5px;
		color: #000;
		border: 0px;
		border-bottom: 1px solid #ccc;
	}
	#wrapper_content form#options input{
		padding: 1px 5px;
		border: 1px solid #ccc;
	}
	
	#wrapper_content form#options label{
		display: inline;
	}
	#wrapper_content form#options select#pagesize{
		width: 45px;
		margin: 0 5px;
	}
	#wrapper_content form#options select#orderby{
		width: 125px;
		margin: 0 5px;
	}
	

	/*============================
  	Produktübersicht
	==============================*/
	* html #wrapper_content div.product{ height: 1%; }

	#wrapper_content div.product{
		clear: both;
		position: relative;
		overflow: hidden;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
	}

	#wrapper_content h3{
		padding: 11px 0;
	}

	#wrapper_content hr{
		clear: both;
		height: 1px;
		border: 0px solid #fff;
		background-color: #fff;
		color: #fff;
	}

	#wrapper_content div.product img.productImg{
		float: left;
		width: 100px;
		border: 1px solid #BBB;
	}

	#wrapper_content div.product div.manufacturer{
		float: right;
	}
	
	#wrapper_content div.product div.description{
		margin: 0 135px 0 110px;
	}

	#wrapper_content div.product div.sales_information{
		float: right;
		width: 130px;
		padding: 0 5px 5px 0;
		text-align: right;
	}

	#wrapper_content div.product div.sales_information a.button{
		display: block;
		width: 100px;
		margin: 1px 0 1px auto;
	}
	
	/*============================
		Anzeige Preis
	==============================*/
	div.price{
		color: #ca2322;
		font-size: 26px;
		font-weight: bold;
		text-align: right;
		padding-bottom: 5px;
	}
	
	div.price small{
		padding-right: 5px;
	}
	
	span.tax{
		display: block;
		font-size: 10px;
		font-weight: normal;
		color: #000;
		margin-top: -2px;
	}

	span.financing{
		margin-top:2px;
	}
	span.financing,
	span.financing a{
		display: block;
		font-size: 12px;
		font-weight: bold;
		white-space: nowrap;
		color: #162983;
	}
	
	
	div.sum div.price{
		float: right;
		width: 150px;
	}
	
	div.sum{
		padding: 5px;
		text-align: right;
		font-size: 28px;
		font-weight: bold;
	}
	
	/*============================
		Anzeige Verfügbarkeit
	==============================*/
	div.availability{
		float: right;
/*		text-align: right;*/
	}

	img.availability{
		display: block;
		border: 0px;
		padding-top: 3px;
	}

	/*============================
		Anzeige Hersteller Logo
	==============================*/
	div.manufacturer{
		width: 90px;
		height: 38px;
		margin: 0 10px 0 0;
		overflow: hidden;
	}
	div.manufacturer img{
		position: relative;
		right: 0px;
		top: -38px;
	}
	div.manufacturer span{
		text-indent: -999%;
	}

	/*============================
		Startseite
	==============================*/

div.offer{
	overflow: hidden;
	padding: 0 0 20px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
div.offer h3{
	font-size: 16px;
	margin-bottom:10px;
}

div.offer del{
	font-size: 20px;
}

div.offer ins{
	font-size: 40px;
}

div.offer div.amount{
	font-size: 10px;
	margin-top: -20px;
	padding-left: 5px;
}

div.offer p{
	line-height: 1.4em;
	padding: 5px;
}


div.topproduct{
	float: left;
	width: 135px;
	padding: 0 5px;
}

#wrapper_content div.topproduct h3{
	padding: 3px;
	margin: 0;
	margin-bottom: 1em;
	text-align: center;
	background-color: #82ba74;
}
div.topproduct h4{
	height: 2em;
	text-align: center;
}

div.topproduct img{
	width: 135px;
}

div.topproduct div.price{
	text-align: center;
}
div.topproduct p{
	line-height: 1.4em;
	/*background-image: url(../images/home-p.png);*/
	padding: 5px;
}


	/*============================
		Seitenzahlen
	==============================*/
	#wrapper_content div.pages{
		text-align: center;
	}
	#wrapper_content div.pages a,
	#wrapper_content div.pages span{
		margin: 2px 5px;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
	}
	#wrapper_content div.pages span{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#wrapper_content div.pages span.disabled{
		border: 0px;
		color: #888;
	}
	 
	/*============================
		Produktdetails
	==============================*/
	div.productdetails_head{
		padding: 0;
		margin: 0;
	}
	
	div.productdetails_head div.manufacturer{
		float: left;
	}
	
	div.productdetails_head h3{
		padding: 10px;
	}
	
	div.productdetails_head hr{
		clear: both;
	}
	
	* html #wrapper_content div.productdetails_body{ height: 1%; }	

	div.productdetails_body{
		padding: 0;
		margin: 0;
	}

	div.productdetails_body img{
		float: left;
		padding: 5px 0;
	}

	div.productdetails_body div.sales_information{
		margin-left: 205px;
		margin-right: 150px;
		padding: 5px;
	}
	
	div.productdetails_body div.functions{
		float: right;
		padding: 5px 5px;
	}

	div.productdetails_body div.functions a{
		float: none;
		background-color: #efefef;		
		width: 100px;
		border: 1px solid #ccc;
		margin: 3px 0;
	}
	
	div.productdetails_body div.functions a:hover{
		background-color: #666;
	}
	
	div.productdetails_body p{
		padding: 5px 0;
		clear: both;
	}

	#wrapper_content table.specifications{
		width: 586px;
	}

	
	/*============================
		Produktdetails(AJAX)
	==============================*/
	#ProduktdetailsBox{
		position: fixed; 
		top: 60px;
		left: 50%;
		width: 700px;
		border: 1px outset #888;
		margin-left: -350px;
		overflow: hidden;
		background-color: #fff;
		z-index: 998;
	}

	#ProduktdetailsScrollBox{
		padding: 5px 20px;
	}
	
	#ProduktdetailsBox h2{
		padding: 5px;
		background: url( ../images/title.png );
	}

	#ProduktdetailsBox img.close{
		position: absolute;
		top: 4px;
		right: 5px;
		cursor: pointer;
	}

	#ProduktdetailsBox table.specifications{
		width: 96%;
	}

	/*============================
		Produktspezifikationen
	==============================*/
	table.specifications{
		border-collapse: collapse;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	table.specifications th{
		vertical-align: top;
		text-align: right;
		color: #000;
		background-color: #e5e5e5;
		padding: 3px;
		border: 1px solid #fff;
	}
	
	table.specifications td{
		vertical-align: top;
		text-align: left;
		color: #000;
		/*background-color: #fff;*/
		padding: 3px;
		border: 1px solid #e5e5e5;
	}

	/*============================
		
	==============================*/
	div.buttons_left {
		float: left;		
		width: 290px;
		padding: 5px 0;
		overflow: hidden;
	}
	div.buttons_right{
		float: right;
		padding: 5px 0;
		width: 290px;
		overflow: hidden;
		text-align: right;
	}
	div.buttons_left a,
	div.buttons_right a{
		width: auto;
		padding: 4px 5px;
		border: 1px solid #ccc;
		margin: 0 5px;
		background-color: #efefef;
		vertical-align: bottom;
	}
	div.buttons_left a:hover,
	div.buttons_right a:hover{
		background-color: #666;
		color: #fff;
	}
	div.buttons_left a{
		float: left;
	}
	div.buttons_right a{
		float: right;
	}

	
	/*============================
		Team
	==============================*/
	/* nur für IE6 */
	* html #wrapper_content div.department{ height: 1%; }

	#wrapper_content .department{
		margin-bottom: 10px;
		overflow: hidden;
	}
	#wrapper_content .department h3{
		border-bottom: 1px solid black;
		margin-bottom: 5px;
	}
	
	#wrapper_content .colleague{
		padding: 5px 15px;
		overflow: hidden;
	}
	#wrapper_content .colleague img{
		float: left;
		margin-right: 15px;
	}
	#wrapper_content .colleague strong{
		margin: 5px 0; 
		display: block; 
	}

	
	/*============================
		Werbung
	==============================*/
	/* nur für IE6 */
	* html #wrapper_content div.advert{ height: 1%; }

	#wrapper_content div.advert{
		margin-bottom: 10px;
		overflow: hidden;
	}

	#wrapper_content div.advert div.ad{
		float: left;
		width: 185px;
		height: 200px;
		padding: 0 5px;
		overflow: hidden;
	}
	#wrapper_content div.advert div.current_ad{
		text-align: center;
		padding: 0 5px;
	}
	#wrapper_content div.advert div.ad img,
	#wrapper_content div.advert div.ad strong{
		margin: 5px 0; 
		display: block;
		text-align: center;
	}	
	
/*============================
	Kontaktformular
==============================*/
	/* nur für IE6 */
	* html #wrapper_content form#kontakt{ height: 1%; }

	#wrapper_content form#kontakt{
		padding: 10px;
		border: 1px solid #BBB;
	}
	#wrapper_content form#kontakt div.message{
		float: left;
		width: 300px;
		height: 320px;
		border-right: 1px solid #BBB;
	}

	#wrapper_content form#kontakt div.address{
		margin-left: 320px;
		height: 320px;
	}
	
	#wrapper_content form#kontakt div.address img{
		float: right;
	}
	
	#wrapper_content form#kontakt fieldset{
		clear: right;
		border:0px;
		margin-top: 15px;
	}	
	
	#wrapper_content form#kontakt textarea{
		display: block;
		width: 290px;
		height: 295px;
		border: 0px;
	}

	#wrapper_content form#kontakt input.submit{
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 92px;
		height: 60px;
		padding-top: 45px;
		border: 0px solid #fff;
		margin: 5px 10px;
		background: #fff url(../images/kontakt/send.png) no-repeat;
		cursor: pointer;
	}

	#wrapper_content form#kontakt div#sendMail{
		background-color:#fff;
		position: absolute; 
		left:0px; 
		top:0px;
		width: 585px; 
		height:340px;
	}
	#wrapper_content form#kontakt div#sendMail img{
		position: absolute;
		top: 150px;
		left: 120px;
	}
	#wrapper_content form#kontakt div#sendMail div{
		position: absolute;
		top: 160px;
		left: 220px;
		width: 350px;
		text-align: center;
	}
	
/*============================
	Newsletter
==============================*/

	#wrapper_content form#unsubscribe,
	#wrapper_content form#subscribe{
		padding: 5px;
		border: 0px;
	}

	#wrapper_content form#unsubscribe	div,
	#wrapper_content form#subscribe div{
		clear: both;
		overflow: hidden;
		margin-top: 10px;
	}
	
	#wrapper_content form#unsubscribe	label,
	#wrapper_content form#subscribe label{
		display: block;
		width: 70px;
		padding: 3px 0;
		float:left;
	}
	
	#wrapper_content form#unsubscribe	input.text,
	#wrapper_content form#subscribe input.text{
		display: inline;
		margin: 0;
	}
	
/*============================
	Support Informationen
==============================*/

	#wrapper_content form#support{
		padding: 0;
		border: 0px;
	}

	#wrapper_content form#support hr{
		clear: both;
		height: 1px;
		border: 0px solid #fff;
		margin: 10px 0;
		background-color: #888;
		color: #888;
	}

	#wrapper_content form#support div{
		overflow: hidden;
		margin-top: 10px;
	}
	
	#wrapper_content form#support label{
		display: block;
		width: 100px;
		padding: 3px 0;
		float: left;
	}

/*============================
	Bilder vom Fachmarkt
==============================*/
	img.preview{
		border: 1px solid #9e9e9e;
		margin: 10px 15px;
	}

	
/*============================
	DCI
==============================*/
	p#dci{
		font-size: 9px;
	}
	
	
/*============================
	Bereich für rechte Spalte
==============================*/
#promotion{
	float: left;
	width: 154px;
	margin-left: 17px;
	border: 0px solid #fff;
}

	#promotion h2{
		height: 25px;
		line-height: 25px;
		padding: 0 10px;
		background: url(../images/box_header_small.png) no-repeat transparent;
	}

	#promotion .banner{
		margin: 0 0 10px 0;
	}
	
	#promotion .banner img{
		display: block;
		margin: 0 auto;
	}

/*============================
	Bereich für Fußzeile
==============================*/
#footer{
	clear: both;
	padding: 10px;
	text-align: center;
	background: url(../images/footer_bg.png) no-repeat bottom center;
}

	#footer ul{
	}

	#footer ul li{
		padding: 0 5px;
		border-right: 1px solid black;
		display: inline;
		list-style-type: none;
		vertical-align: top;
	}
	
	#footer ul li.last{
		border-right: 0;
	}

/*============================
	Merkzettel
==============================*/
div#notepad{
	position: relative;
	height: 165px;
	margin-top: -28px;
	background: url(../images/notepad.png) no-repeat;
}
div#notepad div#notepad_body{
	padding: 83px 30px 0px 17px;
	text-align: left;
}
div#notepad a{
	position: absolute;
	bottom: 20px;
	left: 17px; 
}


/*============================
	Overlay 
==============================*/
div#pd_overlay{
		background-color:#000;
		position: fixed; 
		left:0px; 
		top:0px;
		width: 100%; 
		height:100%;
		z-index: 997;
}

div#msgBox{
	width: 200px;
	padding: 5px;
	border: 1px solid #ccc;
	margin-top: 25px;
	margin-left: -99px;
	z-index:999;
	font-size: 10px;
	background-color: #666;
	color: #fff;
}
div#msgBox img{
	float: left;
	margin-right:10px;
}

div#msgBox div.close{
	float: right;
	padding: 0 3px;
	border: 1px solid #fff;
	margin-left:5px;
	cursor: pointer;
	font-weight: bold;
}

form#order_item label{
	margin-bottom: 10px;
}
form#order_item input{
	width: 99%;
}