@charset "utf-8";
/* CSS Document */

@import url('reset.css');

@import url('global.css');

html {
     overflow-y:scroll;
}

.left45 {margin-left:45px;}
.top45 {margin-top:45px;}

.rot {color:#FF0000 !important;}

body,
html {
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:url('../images/body_bg.jpg') repeat-x #fff;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:960px;
	margin: 0 auto -24px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 24px; /* .push must be the same height as .footer */
}

.top_bar { height:16px; padding-top:4px; }
.top_bar ul { overflow:hidden; }
.top_bar ul li { float:left; padding-right:16px; }
.top_bar a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	color:#fff;
	text-decoration:none;
}
.top_bar p { color:#fff; font-size:12px; }


.menu { margin:40px 0 0px 0 ; background:url('../images/menu_bg.jpg') repeat-x; overflow:auto; }
* html .menu { height:40px; }
	.menu li { float:left; margin:0 8px; }
		.menu li a { 
			display:block;
			height:40px;
			line-height:24px;
			padding:0;
			font-size:16px;
			font-weight:bold;
			color:#fff;
			text-shadow:#000 0 1px;
			text-decoration:none;
			text-indent:-9999px;
			background:url('../images/menu.jpg');
		}
		
		.menu a.home { width:104px; background-position:-0px -0px; }
		.menu a.home:hover { background-position:-0px -40px; }
		.home .menu a.home {background-position:-0px -40px; }
		
		.menu a.shop { width:92px; background-position:-104px -0px; }
		.menu a.shop:hover { background-position:-104px -40px; }
		.start .menu a.shop {background-position:-104px -40px; }
		
		
		
		.menu a.service { width:124px; background-position:-196px -0px; }
		.menu a.service:hover { background-position:-196px -40px; }
		.service .menu a.service {background-position:-196px -40px; }
		
		.menu a.abholung { width:130px; background-position:-320px -0px; }
		.menu a.abholung:hover { background-position:-320px -40px; }
		.abholung .menu a.abholung {background-position:-320px -40px; }
		
		.menu a.agb { width:96px; background-position:-456px -0px; }
		.menu a.agb:hover { background-position:-456px -40px; }
		.agb .menu a.agb {background-position:-456px -40px; }
		
		.menu a.anfahrtsplan { width:154px; background-position:-554px -0px; }
		.menu a.anfahrtsplan:hover { background-position:-554px -40px; }
		.anfahrtsplan .menu a.anfahrtsplan {background-position:-554px -40px; }
		
		.menu a.kontakt { width:114px; background-position:-710px -0px; }
		.menu a.kontakt:hover { background-position:-710px -40px; }
		.kontakt .menu a.kontakt {background-position:-710px -40px; }

.banner {
	position:relative;
	width:952px; height:152px; 
	margin:0 0 40px;
	text-indent:-9999px;
	background:url('../images/banner_bg.jpg') no-repeat;
	border:4px solid #656565;
	border-top:0;
}
	a.branding { position:absolute; width:200px; height:60px; left:16px; top:44px; text-align:-9999px; }
	a.dvb { position:absolute; width:55px; height:50px; right:20px; top:12px; text-align:-9999px; }
	a.geizhals { position:absolute; width:112px; height:50px; right:20px; top:76px; text-align:-9999px; }
	a.feiertag { position:absolute; width:360px; height:22px; right:333px; top:125px; text-align:-9999px; }


.shop-menu {
	width:220px;
	margin-right:20px;
}

	.shop-menu h3 {
		font-size:16px;
		font-weight:bold;
		text-shadow:#000 0 1px;
		background:#555;
		padding:8px;
		color:#fff;
	}
	.shop-menu h3 a { color:#fff; text-decoration:none; }
	.shop-menu h3 a:hover { color:#ccc; }
	
	.shop-menu ul { list-style:none; background:#efefef; border-bottom:2px solid #555; margin-bottom:20px; padding:0; overflow:auto;  }
	.shop-menu ul li {
		height:30px;
		border-bottom:1px solid #555;
	}
	.shop-menu ul li a {
		display:block;
		padding:8px;
		font-size:13px;
		line-height:13px;
		font-weight:bold;
		text-decoration:none;
		text-shadow:#fff 0 1px;
		color:#666;
	}
	.shop-menu ul li.selected { background:#ddd; }

.content {
	float:right;
	width:700px;
	margin:0 0 40px 0;
}

.page .content {
	width:660px;
	padding:20px;
	background:#fff;
	border:4px solid #a0a0a0;	
}
	
	.content p {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.4em;
	}
	
	
	.content h1 {
		display:block;
		font-size:18px;
		color:#555;
	}
	.content h1 a { text-decoration:none; }

	.content h2 {
		font-size:16px;
		font-weight:bold;
		color:#555;	
	}
	.content h2.h2-news {
		font-size:16px;
		font-weight:bold;
		text-shadow:#000 0 1px;
		background:#555;
		padding:8px;
		color:#fff;
	}
	
	.content h3 {
		font-size:14px;
		font-weight:bold;
		color:#555;	
	}
	
	.content ul { list-style:circle; padding-left:24px; }
	.content li { margin:0.2em 0 0.4em; }
	
	.db ul { padding-left:24px; background-image:url(../images/pdf.jpg);}
	.db li { margin:0.2em 0 0.4em; }
	
	.content .ul-news { list-style:none; padding:0; margin-bottom:40px; }
	.content .ul-news li { float:left; width:200px; height:240px; margin-bottom:30px; padding:16px; list-style:none; border-left:1px solid #ccc;}
	.content .ul-news li.first { border:0; }
	.content .ul-news img {  }
	.content .ul-news h3 { margin-bottom:12px; padding:0 12px; font-size:13px;
		line-height:1.6em;
		font-weight:bold;
		text-decoration:none;
		color:#555; } 
	.content .ul-news h3 a {
		font-size:13px;
		line-height:1.6em;
		font-weight:bold;
		text-decoration:none;
		color:#555;
	}
	.content .ul-news p { font-size:0.9em; margin-bottom:12px; padding:0 12px; }
	.content a.mehr {
		display:block;
		width:60px; height:20px;
		text-indent:-9999px;
		background:url('../images/btn_mehr.jpg') no-repeat;
	}
	
	.content .ul-products {
		list-style:none;
		padding:0;
	}
	
	.content .ul-products li {
		background:#fff;
		border:1px solid #555;
		margin-bottom:20px;
		min-height:120px;
	}
	* html .ul-products li { height:140px; }
		
		.ul-products .header {
			background:#555;
			overflow:auto;
		}
		* html .ul-products .header { height:20px; }
		.ul-products h3, .ul-products .header p {
			font-size:12px;
			line-height:12px;
			font-weight:normal;
			text-shadow:#000 0 1px;
			padding:4px;
			color:#fff;
		}
		.ul-products h3 a { color:#fff; text-decoration:none; }
		
		
		p.price {
			font-family:Helvetica, Arial, sans-serif;
			padding:16px 8px 4px;
			margin:0;
			font-size:20px;
			font-weight:bold;
			letter-spacing:-0.05em;
			text-align:right;
			color:#555;
		}
		
		.ul-products p.mwst { text-align: right; color:#a0a0a0; padding-right:8px; }
		
		.ul-products .teaser {
			margin:8px 140px 8px 220px;
			width:320px;
			line-height:1.4em;
		}
			
			.ul-products .teaser ul { list-style:circle; padding-left:24px; border:0; margin:0; }
			.ul-products .teaser li { margin:0.2em 0 0.4em; border:0; min-height:0; padding:0; }
			* html .ul-products .teaser li { height:16px; }
			.ul-products .teaser p { margin-bottom:1em; }
	
	.content .ul-ordercrumb { list-style:none; marign:0; padding:0; overflow:visible; }
	.content .ul-ordercrumb li { float:left; background:#efefef; list-style:none; padding:0; margin:0; }
	.content .ul-ordercrumb li a { 
		display:block;
		padding:4px 16px;
		font-size:11px;
		line-height:14px;
		text-decoration:none;
	}
	.content .ul-ordercrumb li a.done { background:#ccc; }
	.content .ul-ordercrumb li a.active { background:url('../images/ordercrumb_bg.jpg') no-repeat right center; }
	.content .ul-ordercrumb + h1 { margin-top:40px;clear:left; }
	
	.content .ul-files li { margin:2em 0; }
	
	.div-cart, .div-product {
		padding:20px 0 20px 20px;
		background:#fff;
		border:4px solid #a0a0a0;
	}
	
	.div-product .teaser { font-weight:bold; }
	
	
	.tbl-cart {
		width:640px;
		padding:0; margin:0;
	}
		.tbl-cart th, .tbl-cart td { padding:2px; margin:0; border-collapse:collapse;border-spacing:0;}
		.tbl-cart thead th { font-size:14px; font-weight:bold; color:#555; border-bottom:1px solid #555; }
		.tbl-cart tfoot td { font-size:14px; font-weight:bold; color:#555; border-top:1px solid #555; }
		.tbl-cart tbody td { background:#efefef; border-bottom:1px solid #ccc; }
		.tbl-cart input { width:32px; text-align:right;}
	
	
	.content fieldset label {
		float:none;
		width:300px;
		display:block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: 0.2px;
		line-height: 1.5em;	
		color:#29384C;
		margin:0; padding:0;
		text-align:left;
	}
	
	.content fieldset input {
		width:300px; height:18px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: normal;
		background:url('../images/background_input.png') repeat-x;
		border:1px solid #8D9095;
		padding:5px 5px 3px;
		margin:0;
		color:#a0a0a0;
	}
	
	.content fieldset input[type="radio"],  .content fieldset input[type="checkbox"]{ width:12px; height:12px; padding:0; border:0; }

.footer {
	height:16px;
	background:url('../images/background_footer.png') repeat-x #4d4d4d;
	padding:8px 20px 0px;
	color:#ccc;
	font-size:10px;
}

	.footer p { width:960px; margin:0 auto; }
	
	.footer a { font-weight:bold; font-size:10px; color:#ccc; text-decoration:none; }
	.footer a:hover { color:#fff; }
	

.iconBtn {
	display:block;
	width:16px; height:16px;
	text-indent:-9999px;
}

	.delete { background:url('../images/icons/delete.png') no-repeat; }

.btn {
	display:block;
	height:48px;
	margin:0;
	padding:0px 16px 0px 16px;
	border:0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-shadow:#000 0px 1px;
	text-decoration:none;
	cursor:pointer;
	background:url('../images/btn_bg.jpg') no-repeat;
}
a.btn { display:block; height:32px; padding-top:14px; }
	
	.buy {
		width:120px; height:48px;
		padding:0;
		text-indent:-9999px;
		background:url('../images/btn_kaufen.jpg') no-repeat;
	}
	
	.update {
		display:inline;
		width:16px; height:16px;
		padding:0;
		text-indent:-9999px;
		background:url('../images/icons/arrow_refresh.png') no-repeat;
	}