/*************************************************************************************************************** 
 * Basic Screen Layout
 ***************************************************************************************************************/

	html, body{
		padding:0;
		margin:0;
		height:100%;}
	
	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		background: #eed;
	}
		
	#gradient{
	}
		
	#shadow{
		background:url(/AbfallScout/media/body_shadow.png) no-repeat center 0;}
		
	#center{
		width:1000px;
		padding:0;
		margin:0 auto 0 auto;
		text-align:left;}
		
	#contentArea{
		background:url(/AbfallScout/media/content_background.gif) repeat-y 0 0;
		width:1000px;
		box-shadow: 0 0 5px #000;
	}
		
	#contentArea.orderArea{
		background:#fff;}
		
	#center .oneCol{
		background:url(/AbfallScout/media/content_background_1col.gif) repeat-y 0 0;}

	.no-padding {
		padding-left: 0;
		padding-right: 0;
	}

	.img-center {
		margin: 0 auto;
	}

	.thumbnail {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+75,ededed+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #fff 50%, #fafafa 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#fff 50%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#fff 50%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
	}

	.thumbnail .caption a.headline h4 {
		clear: both;
		padding-top: 15px;
		padding-bottom: 5px;
		border-bottom: 1px solid #aaa;
	}

	.thumbnail .caption a.headline:hover,
	.thumbnail .caption a.headline:focus,
	.thumbnail .caption a.headline:focus {
		text-decoration: none;
	}

	.thumbnail .btn {
		margin-top: 15px;
	}

	.modal-dialog {
		width: 90%;
		margin: 80px auto;
	}

	.modal-dialog .modal-header .close {
		font-size: 3em;
		right: 0;
	}

	h1{
		font-size:24px;
		margin:0 0 24px 0;
		font-weight:bold;
		color:#57ab26;
		letter-spacing:-0.05em;
		line-height:1.25em;}
		
	h2{
		font-size:22px;
		margin:15px 0 15px 0;
		font-weight:bold;
		color:#054794;
		letter-spacing:-.03em;
		line-height:1.25em;}
		
	h3{
		font-size:16px;
		color:#054794;
		margin:15px 0 15px 0;
		line-height:1.25em;}
		
	h4{
		font-size:1.25em;
		font-weight: bold;
		margin:0 0 20px 0;
		line-height:1.25em;
	}

	h5 {
		font-weight:bold;
	}
	
	ul{
		margin:0 0 10px 0;}
	
	ul li{
		margin-left:15px;
		margin-bottom:3px;
		list-style-type:disc;}
		
	ol li{
		margin-left:15px;
		margin-bottom:3px;
		list-style-type:decimal;}
		
	ol ul li{
		list-style-type:disc;}
		
	p{
		font-size:12px;
		line-height:1.4em;
		margin:4px 0 8px 0;}
		
	a{
		color:#054794;
		text-decoration:none}
		
	a:hover{
		text-decoration:underline;}
		
	.table{
		border-top:1px solid #d5d5d5;
		border-left:1px solid #d5d5d5;}
		
	.table th, .table  td{
		padding:3px 10px 3px 10px;
		border-bottom:1px solid #d5d5d5;
		border-right:1px solid #d5d5d5;}
		
		
		
/*************************************************************************************************************** 
 * Header
 ***************************************************************************************************************/
 	
	#header{
		height:150px;
		padding-top:1px;
		overflow:hidden;}
		
	#logo{
		position:absolute;
		margin:30px 0 0 0;}
		
	#welcome{
		position:absolute;
		margin:90px 0 0 260px;
		font-size:11px;}
			
		
/*************************************************************************************************************** 
 * Header > Menu
 ***************************************************************************************************************/
	
	#menu{
		position:absolute;
		width:1000px;
		height:36px;
		background:url(/AbfallScout/media/menu_rounded_corners.gif) no-repeat left top #054794;
		text-align:left;
		top:115px;
		overflow:hidden;
		border-top-left-radius: 6px; 
		border-top-right-radius: 6px; 
	}
		
	#menu h2{
		background:url(/AbfallScout/media/quick_start.png) no-repeat left top;
		height:23px;
		margin:0;
		padding:13px 0 0 10px;
		color:#FFF;
		font-size:12px;
		float:left;
		width:180px;}
		
/*
	#search{
		margin:6px 0 0 30px;
		width:345px;
		height:29px;
		float:left;}
		
	#search label{
		color:#b9d7f5;
		padding-right:10px;
		padding-top:5px;
		font-weight:bold;
		vertical-align:middle;
		float:left;}
		
	#inputSearch{
		width:240px;
		height:24px;
		padding:0;
		border:0;
		float:left;}
	
	#search a{
		color:#FFF;
		height:19px;
		width:41px;
		display:block;
		background:url(/AbfallScout/media/green_button.gif) no-repeat 0 0 #4da618;
		float:left;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		margin-left:2px;
		padding-top:5px;}
		
	#search a:hover{
		background:url(/AbfallScout/media/green_button.gif) no-repeat 0 -24px #4da618;
		text-decoration:none;}
*/
	
	#navi{
		width:auto;
		height:36px;
		margin-left:20px;
		margin-top:5px;
		float:right;
		margin-right:4px;}
	
	#navi li{
		list-style-type:none;
		float:left;
		margin:0 0 0 5px;}
		
	#navi li a{
		color:#FFF;
		display:-moz-inline-stack;
		display:inline-block;
		background:url(/AbfallScout/media/blue_button.gif) no-repeat 0 0;
		font-weight:bold;}
		
	#navi li a span{
		display:block;
		background:url(/AbfallScout/media/blue_button_corner.gif) no-repeat right top;
		padding:7px 15px 10px 15px;
		box-shadow: 0 0 15px #333;}
		
	#navi li a:hover{
		background-position:0 -31px;
		text-decoration:none;}
		
	#navi li a:hover span{
		background-position:right -31px;}



/***************************************************************************************************************
* Sidebar Menu
***************************************************************************************************************/
    #quickStart #main-menu{
        position: relative;
        z-index: 5000;
    }
    #quickStart #main-menu li{
        display:block;
        background: url("/AbfallScout/media/green_arrow.gif") no-repeat scroll 155px 6px transparent;
    }

    #quickStart #main-menu .no-menu{
        background:#fff;
    }
	#quickStart #main-menu .headline {
    	color: #054094;
    	display: block;
    	font-weight: bold;
    	padding: 5px;
	}
    #quickStart #main-menu li .sub-nav {
        display:none;
        visibility:hidden;
        background:#fff;
        left:176px;
        top:0px;
        width: 320px;
        min-height: 211px;
        z-index: 5000;
        position: absolute;
        border-left:4px solid #D6D7D9;
        border-right:4px solid #054094;
        border-bottom:4px solid #054094;
    }
    #quickStart #main-menu li .sub-nav li {
        width:100%;
        vertical-align: middle;
        background: #fff;
    }

			
/*************************************************************************************************************** 
 * Left and Right Col
 ***************************************************************************************************************/
		
	#rightCol{
		width:180px;
		overflow:hidden;
		float:left;}
    #leftCol{
        width:180px;
        float:left;}
		
	.box{
		background:url(/AbfallScout/media/box_background.png) no-repeat 0 0 #fff;
		padding:10px 0 0 0;
		text-align:center;
		font-size:11px;
		border-top: 1px solid #aaa;}
		
	#quickStart.box, #boxShoppingCart.box{
		border-top: none;}
		
	.shoppingCartBoxBestellmenge {
		border-top: 1px dotted #ccc; 
		margin: 5px 5px 5px 0; 
		padding: 5px 0;
	}
	
	.shoppingCartSummeBestellmenge {
		border-top: 1px solid #ccc; 
		margin: 5px 0; 
		padding: 5px 0;
	}

.shoppingCartSummeBestellmenge dt {
	clear: left;
	float: left;
}

.shoppingCartSummeBestellmenge dd {
	text-align: right;
}

	.shoppingCartSummeBestellmenge dd.summe,
	.shoppingCartSummeBestellmenge dd.versandkosten {
		text-align: right;
	}
		
	.boxClose{
		border-bottom:1px solid #d6d7d9;}
		
	.box h3, .box h4{
		color:#054794;
		padding-left:5px;
		text-align:left;
		font-size:12px;
		margin:0 5px 10px 0;}
		
	.box h4{
		text-transform:uppercase;}
		
	.box p{
		font-size:11px;
		margin:5px 5px 10px 5px;}
		
	.box p a{
		margin-top:10px;
		display:-moz-inline-stack;
		display:inline-block;}
		
	.box p a.mt0{
		margin-top:0;}
		
	.box ul{
		margin:0;}
		
	.box li{
		text-align:left;
		list-style-type:none;
		border-bottom:1px solid #d5d5d5;
		margin:0;
		padding:0;
		background:url(/AbfallScout/media/grey_arrow.gif) no-repeat 160px 6px;}
		
	.box li a{
		color:#000;
		display:block;
		margin:0;
		padding:5px;}
		
	.box li.active a{
		font-weight:bold;}
		
	.boxCart li{
		background:none;
		padding:5px 5px 5px 5px;}
		


/*************************************************************************************************************** 
 * Special box styles
 ***************************************************************************************************************/
 
	#quickStart{
		border-bottom: 4px solid #054794;
		border-left: 4px solid #054794;
		border-bottom-left-radius: 7px;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
	}
		
	#quickStart ul{
		margin:0;
	}
		
	#quickStart li{
		border:0;
		border-top:1px solid #d5d5d5;
		background:url(/AbfallScout/media/green_arrow.gif) no-repeat 155px 6px;
		height:22px;}
		
	#quickStart li.b0{
		border:0;}
		
	#quickStart li.liquid0{
		border-top:5px solid #d6d7d9;
	}
		
	#quickStart li a{
		width:165px;}
	
	#boxSupport{
		height:150px;}
		
	#boxSupportLady{
		background:url(/AbfallScout/media/support_lady_02.jpg) no-repeat -15px bottom;
		height:150px;}
		
	#boxSupportLady p{
		padding-left:85px;}
		
	#boxSupportLady p.zeiten{
    color: #666666;
    left: -100px;
    margin-bottom: -21px;
    position: relative;
    top: -10px;
    width: 150px;}
		
	#boxSupportLady p a{
		display:block;
		background:url(/AbfallScout/media/email.jpg) no-repeat 0 0;
		height:35px;
		padding-top:50px;}
		
	.box .ad{
		border:1px solid #d9dadc;
		display:-moz-inline-stack;
		display:inline-block;}
		
	.box .ad img{
		border:1px solid #fff;}
	
/*************************************************************************************************************** 
 * Shopping Cart
 ***************************************************************************************************************/
	
	#boxShoppingCart{
		border-right: 4px solid #054794;
		border-bottom: 4px solid #054794;
		border-bottom-right-radius: 7px;
		padding-bottom:5px;
		margin-bottom:0;
	}
		
	.boxShoppingCartItem{
		text-align:left;
		margin:5px 0;
		padding:0 0 5px 5px;
		border-bottom:1px solid #d5d5d5;
		line-height:1.4;}
		
	#boxShoppingCart .trash{
		color:#054794;
		font-size:14px;
		font-weight:bold;}
		
	#boxShoppingCart .size{
		font-weight:bold;
		color:#000;}
		
	.boxShoppingCartItem dt{
		display:block;}
		
	.boxShoppingCartItem dd{
		display:block;}
		
	#buttonShoppingCart{
		width:177px;
		text-align:center;}

	#boxShoppingCart .wrap_zipcity{
		margin-bottom: 5px;
	}
		
	#boxShoppingCart .zipcity{
		display: inline;
		color: green;
	}

	.deleteItem {
		margin-top: 12px;
		display: block;
	}
		
		
/*************************************************************************************************************** 
 * add2cart
 ***************************************************************************************************************/

	.listItemDesc.product .wrap_add2cart {
		 float: right;
	}
		
	.listItemDesc.product .wrap_add2cart_quantity {
		float: right; 
		margin-top: 2px;
	}
	
	.listItemDesc.product .wrap_add2cart_quantity form {
		float: right; 
		width: 100px;
 	}
	
	.listItemDesc.product .wrap_add2cart_quantity form label {
		margin-right: 5px;
	}

	.listItemDesc .wrap_zipcity{
		margin-bottom: 5px;
	}
		
	.listItemDesc .zipcity{
		display: inline;
		color: green;
		font-weight: bold;
	}
			

/*************************************************************************************************************** 
 * Checkout
 ***************************************************************************************************************/
 
	.checkout_step_back {
		font-size: 12px; 
		margin-bottom: 20px;
		display: inline-block;
	}
 
/*************************************************************************************************************** 
 * Content
 ***************************************************************************************************************/
 
	#content{
		width:600px;
		float:left;
		margin:0 5px 0 5px;
		padding:30px 0 30px 30px;
		overflow:hidden;
		min-height:400px;}
		
	#content ul{
		margin-right:30px;}
		
	#content ul li {
		line-height:1.4em;
	}
		
	#content ol li {
		line-height:1.4em;
	}
		
	#content div ul{
		margin-right:0;}
		
	#content.extended{
		width:780px;}
		
	#content p{
		margin-right:30px;}
		
	.green{
		color:#4da618;}
		
	.price{
		color:#990000;
		font-size:1.166em;
		letter-spacing:0.025em;
		font-weight:bold;}
		
	.button{
		display:-moz-inline-stack;
		display:inline-block;
		color:#FFF;
		background:url(/AbfallScout/media/green_button_uni.gif) no-repeat right 0;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		cursor:pointer;}
		
	.button span{
		display:-moz-inline-stack;
		display:inline-block;
		height:18px;
		padding:6px 10px 0 10px;
		background:url(/AbfallScout/media/green_button_uni_left.gif) no-repeat left 0;}
		
	.button span i{
		font-style:normal;
		color:#054794;}
		
	.button:hover{
		background-position:right -24px;
		text-decoration:none;}
		
	.button:hover span{
		background-position:left -24px;}
		
	.button_gray{
		display:-moz-inline-stack;
		display:inline-block;
		color:#FFF;
		background:url(/AbfallScout/media/green_button_uni.gif) no-repeat right 0;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;
		cursor:pointer;}

	.button_gray span{
		display:-moz-inline-stack;
		display:inline-block;
		height:18px;
		padding:6px 10px 0 10px;
		background:url(/AbfallScout/media/green_button_uni_left_gray.gif) no-repeat left 0;}

	.button_gray span i{
		font-style:normal;
		color:#054794;}

	.button_gray:hover{
		background-position:right -24px;
		text-decoration:none;}

	.button_gray:hover span{
		background-position:left -24px;}
		
	ul.allowed_waste_items li {
		line-height: 1.4em;
	}
		

/*************************************************************************************************************** 
 * Produkte
 ***************************************************************************************************************/
 
/**
 * Kategorie 
 */
	.wrap_product_category { 
		width: 100%; 
		height: 200px; 
		border: 1px solid #ccc; 
		box-shadow: 0 0 5px #ddd; 
		float: left; 
		margin: 0 25px 25px 0; 
		border-radius: 3px; 
		background-position: bottom right; 
		background-repeat: no-repeat; 
		position: relative; 
	}

	.wrap_product_category a { 
		text-decoration: none; 
	}

	.wrap_product_category_inner { 
		padding: 10px; 
	}
	
	.wrap_subcategory { 
		position: absolute; 
		bottom: 10px; 
		left: 10px; 
	}
	
	a.link_product_category { 
		color: #333; 
		font-size: 11px; 
		display: block; 
		padding-top: 5px; 
	}
	
	a.link_product_category:hover { 
		text-decoration: underline; 
	}
					

/*************************************************************************************************************** 
 * Layer
 ***************************************************************************************************************/
	
	.layer{
		position:absolute;
		z-index:1001;
		background-color:#FFF;
		overflow:hidden;
		max-width: 800px;
		}
		
	.layer h3 {
		background:#f6f6f6;
		margin-top:0;
		padding:20px;
	}
		
	.layer h3.failure {
		color:#b00;
	}
	
	.layer p {
		padding:20px;
	}
		
	.overlay{
		z-index:1000;
		position:absolute;
		background-color:#000000;
		height:2150px;
		width:100%;
		top:0;
		left:0;
		opacity:.8;}
		
	.close{
		z-index:1002;
		position:absolute;
		width:45px;
		height:45px;
		background:url(/AbfallScout/media/close.png) no-repeat 0 0;
		cursor:pointer;}
		
	.layerContent{
		visibility:hidden;}
		
		
/*************************************************************************************************************** 
 * Layer PLZ Change
 ***************************************************************************************************************/

.layerPlzChangeOverlay {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #000; 
	opacity: 0; 
	display: none;
}

.layerPlzChangeInfo {
	position: absolute;
	top: 150px;
	left: 35%;
	width: 30%;
	padding: 50px 0;
	text-align: center;
	background: #fff;
	opacity: 1;
	border-radius: 10px;
	box-shadow: 0 0 50px #999;
	display: none;
	z-index: 150;
}

.layerPlzChangeInfo p {
	color: #054094;
	font-size: 20px;
}



/*************************************************************************************************************** 
 * animation
 ***************************************************************************************************************/

.ani { margin-left: 60px; margin-bottom: 80px; position: relative; }
.ani .bx-wrapper { height: 200px; }
.ani .bxslider { width: 450px; margin: 0; padding: 0; z-index: 10; }
.ani .bxslider_trigger { width: 450px; margin: 0; padding: 0; z-index: 25; position: absolute; top: 0; left: 0; cursor: pointer; border: none; top: 1px; left: 1px; }
.ani .bx-wrapper .bx-controls-auto { bottom: -60px; left: 150px; z-index: 20; display: none; }
.ani img { width: 450px; /* border: 1px solid #ddd; border-radius: 20px; */ }


/*************************************************************************************************************** 
 * Footer
 ***************************************************************************************************************/
 
	#footer{
		font-size:11px;
		text-align:center;
		padding:15px 0 45px 0;
		background: #054794; 
		position: absolute; 
		left: 0; 
		width: 100%; 
		height: 200px; 
		margin-top: 75px; 
		border-top: 5px solid #4DA618; 
		box-shadow: 0 15px 20px -20px #000000 inset;
		background: #054794; /* Old browsers */
		background: -moz-linear-gradient(top,  #054794 0%, #054794 22%, #fff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#054794), color-stop(22%,#054794), color-stop(100%,#fff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #054794 0%,#054794 22%,#fff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #054794 0%,#054794 22%,#fff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #054794 0%,#054794 22%,#fff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #054794 0%,#054794 22%,#fff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054794', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
		/* #064ba0 */
	}
		
	#footer a, #footer span{
		margin-left:7px;
		margin-right:8px;
		text-decoration: none; 
		color: #ccc; 
		text-shadow: 0 1px #111;
	}
		
	#footer a{
		text-decoration:underline;}
		
	#footer a:hover{
		color: #fff;
	}
	
	#footer_wrap_content {
		width: 990px; 
		margin: 0px auto;
	}
	
	#footer_wrap_toplink {
		 width: 180px; 
		 height: 70px; 
		 padding-top: 5px; 
		 background: #fff; 
		 position: relative; 
		 left: -5px; 
		 margin-top: -15px; 
		 box-shadow: 0 10px 10px -10px #000; 
		 border-top: 1px solid #4DA618;
		 border-bottom-left-radius: 10px; 
		 border-bottom-right-radius: 10px; 
		 float: left; 
		 display: none;
	}
	
	#footer_toplink {
		width: 150px;
	}
	
	#footer_navigation {
		width: 990px;
		padding-top: 20px; 
		float: left; 
		text-align: center;
	}