@import url("reset.css");

/* General Setting --------------------------------------------------------------------------------------------------------------- */
	html, body{
		height:100%;}
	
	body{
		font-family:Arial, Helvetica, sans-serif;
		background:url(/images/body_background.gif) #eeefeb;
		font-size:12px;
		text-align:center;}
		
	#top{
		background-color:#FFFFFF;
		height:200px;}
		
		
		
/* Header ---------------------------------------------------------------------------------------------------------------------------- */
	#header{
		width:900px;
		height:200px;
		margin:0 auto;
		background-color:#fff;
		text-align:left;}
		
	#logo{
		position:absolute;
		margin:45px 0 0 15px;}
		
	#visual{
		width:500px;
		height:120px;
		position:absolute;
		margin:45px 0 0 370px;
		background:url(/images/header_visual.jpg) no-repeat;}
		
	#visual span{
		padding:73px 0 0 235px;
		font-size:12px;
		font-weight:bold;
		display:block;
		/*text-transform:uppercase;*/
		color:#575757;}
		
	#shadow_left, #shadow_right{
		width:45px;
		height:500px;
		float:left;
		background:url(/images/shadow_left.png) top left no-repeat;
		position:absolute;
		margin:165px 0 0 -45px;}
		
	#shadow_right{
		background:url(/images/shadow_right.png) top left no-repeat;
		margin:165px 0 0 900px;}
		
		
		
/* Navigation ---------------------------------------------------------------------------------------------------------------------------- */
	#navi{
		background:url(/images/navi_background.gif) 0 0;
		height:35px;
		width:900px;
		margin:165px 0 0 0;
		position:absolute;}
		
	#navi ul{
		margin-top:0;}
		
	#navi li{
		float:left;
		list-style-type:none;
		margin:0;}
		
	#navi li a{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		font-size:14px;
		background:url(/images/navi_button.png) repeat-x 0 0;
		display: -moz-inline-stack;
		display:inline-block;
		height:34px;
		border:1px solid #4e9822;
		border-left:1px solid #9fcf83;
		border-bottom:0;}
		
	#navi li a:hover{
		background-position:0 -34px;}
		
	#navi li a span{
		padding:9px 13px 0 13px;
		display:block;}
		
	#navi li.active a, #navi li.active a:hover{
		background:url(/images/navi_button_active.gif) repeat-x 0 0;
		border:1px solid #054794;
		border-left:1px solid #99b4d3;
		border-bottom:0;}
		
		
		
/* Content ---------------------------------------------------------------------------------------------------------------------------- */
	#center{
		width:900px;
		margin:0 auto;
		background-color:#FFFFFF;
		padding-top:50px;
		padding-bottom:20px;
		min-height:400px;
		text-align:left;}
	
	#content{	
		padding:0 0 30px 30px;
		width:640px;
		float:left;}
		
	#content_spacer{ /* Spaces for old templates*/
		margin:0 0 0 78px;}	
		
	#content.fullsize{
		width:840px;}
	
	h1{
		font-size:24px;
		margin:0 0 24px 0;
		font-weight:bold;
		color:#57ab26;
		letter-spacing:-0.05em;}
		
	h2{
		font-size:13px;
		margin:0 0 20px 0;
		font-weight:bold;}
		
	h3{
		font-size:14px;
		margin:0 0 20px 15px;}
		
	h4{
		font-size:12px;
		margin:0 0 20px 0;}
	
	ul{
		margin:0 0 10px 0;}
	
	li{
		margin-left:15px;
		margin-bottom:3px;
		list-style-type:disc;}
		
	p{
		font-size:12px;
		line-height:1.4em;
		margin:4px 0 8px 0;}
		
	p.max{
		width:550px;}
		
	p.large{
		font-size:18px;
		font-weight:bold;
	}
	
	p.small, span.small{
		font-size:11px;
		color:#666666;}
		
	a{
		color:#000;
		text-decoration:none}
		
	a:hover{
		color:#000000;
		text-decoration:underline;}
		
	p a{
		color:#054794;}
		
	button.naked{
		border:0;
		background-color:#ffffff;}
		
	.button_blue, .button_green, .button_grey, .back, .button_blue_big{
		border:0;
		background:url(/images/button_blue_hover.gif) repeat-x;
		display:inline-block;
		display: -moz-inline-stack;
		//display:inline-block;
		text-align:center;
		color:#FFFFFF;
		font-size:12px;
		height:20px;
		padding:5px 15px 0 15px;
		overflow:hidden;}
		
	.button_green.button_narrow{
		padding:5px 10px 0 10px;
	}
		
	.button_green{
		background:url(/images/button_green_hover.gif) repeat-x;}
	
	.button_grey{
		background:url(/images/button_grey_hover.gif) repeat-x;}
		
	.back{
		background:url(/images/button_grey_back.png) no-repeat 0 0;
		color:#054794;
		border:1px solid #dddddd;
		border-width:0 1px 0 1px;
		padding:5px 15px 0 30px;}
		
	.button_blue_big{
		background:url(/images/button_blue_big.png) repeat-x right top;
		font-size:24px;
		height:20px;
		padding:7px 60px 10px 30px;}
		
	.button_blue:hover, .button_green:hover{
		background-position:0 -31px;}
		
	.back:hover{
		background-position:0 -26px;
		border-bottom-color:#c6c5c5;
		text-decoration:none;}
		
	.button_blue_big:hover{
		background-position:right -39px;
		text-decoration:none;
		color:#FFFFFF;}
		

		
	#center .button_blue:hover, .button_green:hover, .button_grey:hover{
		text-decoration:none;
		color:#FFFFFF;}
		
	.button_padding{
		padding:5px 15px 0 15px;}
		
	.buttons_area{
		width:673px;
		margin-left:40px;}
	
	.buttons_area .button_green, .buttons_area .button_blue{
		margin-left:5px;
		float:right;}
		
	.col, .col2{
		width:290px;
		float:left;
		margin-right:30px;
		margin-bottom:30px;}
		
	.col2{
		margin-top:30px;
		margin-right:0;}
		
	.boxSpace .col, .boxSpace .col2{
		width:280px;
		margin-top:0;}
		
	/* Pfad */
		.path{
			margin-bottom:24px;}
		
		.path a, .path a:hover{
			color:#b4b4b4;
			font-size:24px;
			font-weight:bold;
			letter-spacing:-0.05em;
			margin-right:15px;
			padding-right:30px;
			background:url(/images/arrows_grey.png) no-repeat right 10px;}
			
		.path a.active,.path a.active:hover{
			color:#57AB26;
			background:none;}
		
		.path a.active:hover{
			text-decoration:none;}
			
	
	/* Info Table */
		table.info{
			border:1px solid #ddd;
			margin-bottom:30px;}
		
		table.info td{
			border-bottom:1px solid #ddd;
			padding:5px 15px 5px 15px;}
				
		table.info th{
			border-bottom:1px solid #e9e9e9;
			padding:5px 15px 5px 15px;}
			
		.inlineform{
			display:inline;}

		
		
/* Startseite ---------------------------------------------------------------------------------------------------------------------- */
	#keyvisual{
		background:url(/images/startseite_visual_background.jpg) no-repeat 0 0;
		width:611px;
		height:313px;
		padding-top:30px;}
		
	#keyvisual h1{
		margin:-15px 0 0 30px;
		position:absolute;}
		
		
	#keyvisual_question{
		font-size:20px;
		font-weight:bold;
		color:#054794;
		position:absolute;
		margin:108px 0 0 47px;}
	
	#keyvisual_answer{
		position:absolute;
		margin:108px 0 0 325px;
		width:285px;}
	
	#keyvisual_answer strong{
		font-size:20px;
		font-weight:bold;
		color:#57ab26;
		padding-left:15px;}
		
	#keyvisual_answer ul{
		margin-top:10px;}
	
	#keyvisual_answer li{
		list-style-type:none;
		display:block;
		height:25px;
		/*border-top:1px solid #57ab26;*/
		margin:0;
		padding-left:70px;
		padding-top:15px;}
		
	#keyvisual_answer .icon_1{
		background:url(/images/startseite_visual_icon1.png) no-repeat 15px 0;}
	#keyvisual_answer .icon_2{
		background:url(/images/startseite_visual_icon2.png) no-repeat 15px 8px;}
	#keyvisual_answer .icon_3{
		background:url(/images/startseite_visual_icon3.png) no-repeat 15px 5px;}
		
	#keyvisual_follow{
		color:#fff;
		position:absolute;
		margin-top:264px;
		margin-left:30px;
		font-weight:bold;
		font-size:16px;}
		
		
	#key_claims {
		width:611px;
		margin-bottom:30px;}
		
	.key_claim {
		padding:10px 0px;}
	
	.key_claim.border {
		padding:20px 0px;
		margin:20px 0px;
		border-top:1px solid #57ab26;
		border-bottom:1px solid #57ab26;}
		
	.key_claim h1 {
		font-size:18px;
		margin-bottom:5px;}
		
	.key_claim img {
		float:left;
		margin-right:10px;}
		
	.green_list{
		margin-left:0;
		padding-left:0;}
			
	.box_rounded .green_list li, .green_list li{
		list-style-type:none;
		padding-left:20px;
		background:url(/images/green_arrow.gif) no-repeat 0 0;
		margin-left:12px;}
		
	.box_rounded #payment_logos {
		margin-left:30px;}
		
		
/* Page: Angebot anfordern */
	.area{
		margin-bottom:10px;
		width:610px;}
		
	h2.boxOpener{
		background:url(/images/unterleger_left.gif) #e1e1e1 no-repeat left top;
		font-size:14px;
		clear:both;}
		
	.size_33percent, .size_66percent{
		float:left;
		width:190px;
		overflow:hidden;
		margin-right:10px;}
		
	.size_66percent{
		width:400px;}
	
	h2.boxOpener span{
		background:url(/images/unterleger_right.gif) no-repeat right top;
		padding:7px 0 7px 15px;
		display:block;}
	
	.boxContent{
		margin-left:15px;}
		
	.boxOptions{
		margin:0 0 20px 8px;}
		
	ul.boxOptions li{
		display:block;
		width:140px;
		float:left;
		background:url(/images/box_body.png) no-repeat;
		margin:0 10px 10px 0;}
		
	ul.boxOptions span.option{
		display:block;
		background:url(/images/box_bottom.gif) no-repeat left bottom;
		padding-bottom:3px;}
		
	ul.boxOptions span.option .a{
		display:block;
		margin-right:2px;
		color:#999999;
		border:1px solid #999999;
		padding:3px;
		cursor:pointer;}
		
	ul.boxOptions span.option .a:hover{
		text-decoration:none;
		border:1px solid #000;
		color:#000;}
		
	ul.boxOptions span.option .a .o{
		display:block;
		background-color:#FFFFFF;
		color:#000000;
		padding-bottom:3px;}
		
	ul.boxOptions span.option .a .o .more_info{
		line-height:1.2em;
		color:#999;
		display:block;
		padding:5px 0 0 5px;}
		
	ul.boxOptions li.active span.option .a{
		background-color:#57ab26;
		border:1px solid #000;
		color:#FFFFFF;}

	ul.boxOptions span.option img{
		margin:4px 0 0 0;
		border:3px solid #FFFFFF;}
		
	ul.boxOptions span.info{
		display:block;
		background-color:#FFFFFF;
		padding-top:3px;}
		
	ul.boxOptions span.info a{
		font-size:10px;
		color:#999999;
		padding:2px 0 5px 25px;
		background:url(/images/icon_help.gif) no-repeat 3px top;
		display:block;}
		
	ul.boxOptions span.info a:hover{
		color:#000;
		background-position:3px bottom;}
		
	.h25, .h70, .h85{
		height:25px;
		display:block;
		background-color:#FFFFFF;
		margin-top:-3px;}
		
	.h70{	height:70px;}
	.h85{	height:85px;}

	#zip_city{
		margin-top:10px;}
		
	#zip_city_float{
		width:230px;
		float:left;}
		
	.calendar, .date_output, .boxSpace{
		margin-left:8px;}
		
	.box_pad{
		padding:0 15px 15px 15px;}		
		
	.boxSpace{
		margin-bottom:30px;}
		
	.date_output{
		clear:both;
		margin-top:10px;
		margin-bottom:10px;}
	
	.calendar_floater{
		float:left;
		margin:0;
		width:205px;
		overflow:hidden;}

	#offer_notice {
		line-height:1.2em;}
		
	.calc_notice {
		line-height:1.2em;}
		
	/* large Boxes */
		ul.boxOptions li.large{
			width:178px;
			margin-right:20px;
			background:url(/images/box_body.png) no-repeat right top;}
			
		ul.boxOptions li.large span.option{
			background:url(/images/box_bottom_large.gif) no-repeat left bottom;}
	
	/* Pickup Date */
		#pickup_date_div .boxOptions{
			float:left;
			clear:none;
			overflow:hidden;
			width:180px;
			margin:0;}
			
		#pickup_date_div .boxOptions .o{
			line-height:1.2em;
			height:57px;
			padding:5px;
			margin-top:-3px;
			overflow:hidden;}
		

		
/* Konfigurator : Decker */
	.decker{
		width:630px;
		background-color:#fff;
		opacity:0.8;
		filter:alpha(opacity=80);
		position:absolute;
		z-index:999;
		}
	
	.d1{ height:110px; width:140px; }
	#d2{ height:270px; }
	.d2{ height:225px; width:140px;}
	#d3{ height:100px; }
	.d4{ height:230px; width:178px;}
	#d5{ height:235px; width:400px; }
	#d5_interval{ height:290px; width:400px; }
	#d6{ height:235px; width:400px; }
	#d7{ height:530px; width:620px; }


/* Breadcrumbs */
	#breadcrumbs{
		height:60px;
		overflow:visible;}
	
	#breadcrumbs .crumb{
		color:#054794;
		float:left;
		padding:10px 20px 0 0;
		font-size:10px;
		text-transform:uppercase;
		border-top:1px solid #054794;}
		
	#breadcrumbs .crumb a{
		color:#054794;
		font-weight:bold;
		text-decoration:none;}
		
	#breadcrumbs .crumb.future{
		color:#ccc;
		border-top:1px solid #CCCCCC;}	
		
	#breadcrumbs .crumb.future a{	
		color:#ccc;}
		
	#icon_transporter{
		height:23px;
		width:0px;
		float:left;
		margin:0;
		display:inline;}
		
	#icon_transporter div{
		background:url(/images/icon_transporter.gif) no-repeat right top;
		height:23px;
		width:60px;
		margin-top:-21px;
		margin-left:-60px;
		display:block;
		position:absolute;}
		
	.breadcrumb_space{
		margin-top:60px;}
		
		
/* Right Col ----------------------------------------------------------------------------------------------------------------------- */
	#rightCol{
		width:220px;
		float:left;}
		
	.box_rounded{
		background:url(/images/box_rounded_bottom.png) no-repeat left bottom;
		padding-bottom: 10px;
		margin-bottom:15px;
		border-right:1px solid #fff;}
		
	.box_rounded.calc_helper{
		background:url(/images/configurator_box_rounded_helper2.png) no-repeat left bottom;}
		
	#offer_inactive_submit, #offer_active_submit{
		margin:120px 0 0 10px;}
		
	.box_rounded_top{
		background:url(/images/box_rounded_top.png) no-repeat left top;
		min-height:20px;}
		
	.box_rounded a{
		margin-left:10px;}
		
	.box_rounded h3{
		font-size:14px;
		padding:15px 0 3px 10px;
		font-weight:bold;
		margin:0 0 10px 0;}
		
	.box_rounded h4{
		margin:0 0 5px 10px;}
		
	.box_rounded p{
		padding:0 25px 10px 10px;}
		
	.box_rounded ul{
		margin-bottom:10px;}
		
	.box_rounded ul li{
		padding:0 25px 3px 0px;
		margin-left:25px;
		list-style-type:disc;}
		
	.box_rounded .button_blue, .box_rounded .button_green, .box_rounded .button_grey{
		width:150px;
		display:block;}
		
	.box_rounded input.text{
		width:110px;
		margin-bottom:3px;}
		
	.box_rounded label{
		font-size:11px;
		display:inline-block;
		display: -moz-inline-stack;
		width:60px;
		margin-left:15px;}
		
	.box_rounded .option{
		display:block;
		font-size:11px;
		padding:0 0 10px 75px}
		
	.box_rounded.map{
		background:url(/images/map_germany.png) no-repeat left bottom;
		height:280px;}
		
	.box_rounded a.small{
		font-size:11px;
		color:#666666;}
		
	#rightCol .formfix{
		height:130px;}
		
		
/* box_rounded green version */
	.special{
		background:url(/images/box_rounded_green_bottom_helper.png) no-repeat left bottom;}
		
	.special h3{
		background:url(/images/box_rounded_green_top.png) no-repeat left top;
		color:#FFFFFF;}
		

	.margintop60  {
		margin-top:60px; }

	
/* Angebot anfordern */
	#offer_inactive, #offer_active{
		}
		
	#slider_weight, #slider_time{
		margin-left:10px;}
		
	#offer_active_price_rental_info{
		display:block;
		padding-top:7px;}

		
/* Form ------------------------------------------------------------------------------------------------------------------------------ */
	.form{}
	
	.form .input{
		clear:both;
		margin-bottom:3px;}
		
	.no_label{
		padding-left:95px;
		padding-bottom:10px;}
	
	.form .input label, .form .input .label{
		display:-moz-inline-stack;
		display:inline-block;
		width:100px;
		font-size:12px;
		vertical-align:middle;}
		
	.form .buttons{
		padding:20px 20px 0 0;}
	
	.form .buttons a{
		float:right;}
		
	.form .input .text, .inputfield{
		font-size:12px;
		height:18px;
		border:1px solid #CCCCCC;
		width:135px;
		vertical-align:middle;
		margin-right:15px;}
		
	#d3plz:focus{
		border:1px solid #000;
		background:url(/images/input_text_background_focus.gif) #EAFFD5 repeat-x 0 0;}
		
	.form .input .submit{
		border:1px solid #CCCCCC;
		background-color:#FFF;
		text-align:center;
		margin-top:10px;
		margin-left:70px;
		padding:2px 5px 2px 5px;}
		
	.event{
		color:#FFFFFF;
		background-color:#006600;
		margin:0 -20px 10px -20px;
		padding:3px 0 3px 20px;}
		
	.event.error{
		background-color:#9e1019;}
		
	.textevent{
		color:#57AB26;}
		
	.texterror{
		color:#9e1019;}
		
	.form .input .xsmall{	width:22px;}
	.form .input .small{	width:40px;}
	.form .input .medium{	width:270px;}
	.form .input .large{	width:300px;}
	.form .input .xlarge{	width:480px;}
	.form .input .normal{	width:180px;}
	.form .input .fh100{		height:100px;}
	
	
	
	input.text{
		background:url(/images/input_text_background.gif) repeat-x 0 0;
		height:20px;
			font-size:12px;
			height:18px;
			border:1px solid #CCCCCC;
			width:135px;
			vertical-align:middle;
			margin-right:15px;}
		
	.textarea{
		background:url(/images/input_text_background.gif) repeat-x 0 0;
		height:50px;
		border:1px solid #CCCCCC;}
		
	#content .input_info{
		color:#999;
		font-size:11px;
		width:310px;
		margin-left:100px;
		margin-bottom:20px;}
		
	.form .optional{
		margin-top:20px;}
	
	.form .optional label{
		color:#aaa;}
		
	.label_output{
		margin-bottom:5px;}
		
	.text_label{
		width:100px;
		float:left;
		color:#666;}
		
	.euro_col{
		width:48px;
		text-align:right;
		float:left;
		padding-right:3px;}
		
	/* Special: Login Form */
		.login_form{}
		
		.login_form .input label{
			width:60px;}
		
		.login_form .input .text{
			width:110px;}
			
	/* floats all elements in the input field */
		.floater label, .floater span, .floater a, .floater input{
			float:left;}
		
		
/* Layer -------------------------------------------------------------------------------------------------------------------------------- */
	.layer, .layer_content, .layer_content2, .layer_content_order, .layer_decker, .flex_content{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:1000;}
	
	.layer_content, .layer_content2, .flex_content{
		width:800px;
		height:630px;
		z-index:1002;
		left:50%;
		margin-top:120px;
		margin-left:-400px;
		background:#57ab26 url(/images/navi_background.gif);
		text-align:left;
		border:1px solid #fff}
		
	.layer_content2{
		height:300px;
		margin-top:500px;}
		
	.flex_content{
		border:1px solid #4e9822;
		height:auto;
		margin-top:500px;
		padding:15px 15px 15px 0;
		width:770px;
		background:#fff;
		line-height:1.4;}
		
	.flex_content h3, .flex_content p{
		margin-left:15px;
	}
		
	.layer_decker{
		background:#fff;
		opacity:0.8;
		filter:alpha(opacity=80);
		z-index:1001;
		cursor:default;
		cursor:pointer;}
		
	.layer_close{
		position:absolute;
		z-index:1003;
		width:37px;
		height:40px;
		display:block;
		margin:-20px 0 0 776px;}
		
	.layer_close span{
		display:block;
		width:37px;
		height:40px;
		background:url(/images/layer_close.png);
		cursor:pointer;}
		
	.layer_close:hover span{
		background-position:0 -40px;}
		
	.layer_header{
		height:100px;
		color:#FFFFFF;}
		
	.layer_header h3{
		padding:10px 0 9px 10px;
		margin:0 0 0 0;
		font-size:16px;
		color:#FFFFFF;
		font-weight:bold;}
				
	.layer_header p{
		margin:0 0 8px 0;
		line-height:1.2em;}
	
	.layer_header p.layer_subline{
		color:#000000;}
			
	.layer_img{
		float:left;
		margin:6px 20px 0px 6px;
		background-color:#fff;
		padding:3px;
		display:inline;
		height:83px;
		overflow:hidden;
		width:124px;}
		
	.layer_body{
		padding:15px 0 15px 15px;
		text-align:left;
		background-color:#FFFFFF;
		margin:1px;
		height:498px;}
		
	.layer_iframe{
		padding:0;
		height:628px;}
		
	.layer_content2 .layer_body{
		height:168px;}
		
	.layer_body li{
		list-style-type:disc;
		margin-left:25px;
		margin-bottom:4px;}
	
	.layer_box_30{
		width:245px;
		float:left;
		margin-right:15px;
		padding-bottom:10px;}
	
	.layer_box_50{
		width:375px;
		float:left;
		margin-right:15px;
		padding-bottom:30px;}
		
	.container_allowed{
		background:url(/images/layer_trash_allowed.png) no-repeat 230px 90px;}
		
	.container_not_allowed{
		background:url(/images/layer_trash_not_allowed.png) no-repeat 230px 90px;}
		
	.layer_box_100{
		clear:both;
		padding-top:0px;
		margin-right:15px;}
		
	.layer_box_100 .box{
		width:150px;
		float:left;
		margin-left:15px;
		margin-right:27px;}
		
	.layer_box_100 .box h5{
		margin:0 0 10px 0;}

	.layer_notice {
		clear:both;	
		float:left;
		margin-left:15px;
		margin-right:27px;
		margin-top:10px;
		margin-bottom:10px;}
		
	.layer_body h4{
		background:#e1e1e1 url(/images/unterleger_left.gif) left top no-repeat;
		height:28px;
		overflow:hidden;
		padding-left:15px;}
		
	.layer_body h4 span{
		background:#e1e1e1 url(/images/unterleger_right.gif) right top no-repeat;
		display:block;
		padding:7px 0 10px 0;
		font-size:14px;}
		
		
/* Mein Abfallscout --------------------------------------------------------------------------------------------------------------------- */
	#logout{
		width:250px;
		float:right;
		text-align:right;}
		
	#logout a{
		color:#054794;}
	
	.order_container{
		background:#e1e1e1 url(/images/box_opener_top_left.png) left top no-repeat;
		margin-bottom:15px;}
		
	.order_container h2{
		background:#e1e1e1 url(/images/box_opener_top_right.png) right top no-repeat;
		padding:10px 10px 0 0;
		margin-left:15px;
		margin-bottom:10px;
		font-size:14px;}
		
	.order{
		display:block;
		background:#e1e1e1 url(/images/order_background.png) right top repeat-x;
		padding:8px 15px 2px 15px;
		border:1px solid #e1e1e1;
		border-width:0 1px 1px 1px;
		font-size:11px;
		clear:both;
		height:inherit;
		/*height:30px;*/
		}
		
	.overview_partner .order{
		height:auto;}
		
	a.order{
		cursor:pointer;}
		
	a.order:hover{
		color:#054794;
		text-decoration:none;}
			
	a.order:hover .order_link{
		text-decoration:underline;}
		
	.order_row1, .order_row2, .order_row3, .order_link, .order_link_close{
		display:block;
		float:left;
		padding:5px 0 10px 0;}
		
	.order_row1{
		width:200px;
		padding:5px 0 10px 30px;}
	
	.finish{
		background:url(/images/order_icon_finish.gif) left top no-repeat;}
		
	.working{
		background:url(/images/order_icon_container.gif) left 4px no-repeat;}
		
	.order_row2{
		width:150px;}
		
	.order_row3{
		width:270px;}
		
	.oc1,.oc2,.oc3,.oc4,.oc5,.oc6,.oc7,.oc8,.oc9,.oc10,.oc11,.oc12{
		display:block;
		float:left;
		margin:5px 5px 0 0;
		padding-bottom:10px;}
		
	.oc1{ width:75px;}
	.oc2{ width:150px;}
	.oc3{ width:125px;}
	.oc4{ width:110px;}
	.oc5{ width:50px;}
	.oc6{ width:60px;}
	.oc7{ width:70px;}
	.oc8{ width:70px;
		position:relative;}
	.oc9{ width:210px;}
	.oc10{ width:280px; margin-right:0; line-height:1.2}
	.oc11{ width:500px; margin-right:0; line-height:1.2}
	.oc12{ width:140px;
		position:relative;}
			
	.oc7 select{
		font-size:11px;
		margin:10px 0 0 0;
		width:78px;}
		
	.order_links{
		float:right;
		width:90px;}
		
	.order_link, .order_link_close, .order_link_add, .order_link_remove{
		float:right;
		width:55px;
		color:#054794;
		text-align:right;
		background:url(/images/order_icon_show.gif) right top no-repeat;
		padding-right:30px;
		cursor_pointer;}
		
	.order_link_close{
		background:url(/images/order_icon_hide.gif) right top no-repeat;
		}
		
	.order_link_add{
		background:url(/images/button_plus.gif) right top no-repeat;
		margin-bottom:10px;
		padding:3px 30px 3px 0;}
		
	.order_link_remove{
		background:url(/images/button_minus.gif) right top no-repeat;
		padding:3px 30px 3px 0;}
		
	.order_head_labels{
		background:url(/images/gradient_grey.gif) right bottom repeat-x #dadada;
		text-transform:uppercase;
		color:#747474;
		padding:4px 0 0 15px;
		clear:left;
		height:20px;
		font-size:11px;}
		
	.order_details{
		height:150px;}
		
	.order_details .calendar{
		position:absolute;
		margin:0;
		z-index:1002;
	}
		
	.order_details .order_row1{
		font-weight:bold;}
	
	.order_details dl{
		width:300px;
		float:left;
		position:relative;}
		
	.order_details dt{
		width:85px;
		clear:left;
		white-space:nowrap;
		color:#777777;
		float:left;
		overflow:hidden;
		padding:5px 0;}
		
	.order_details dd{
		margin:0;
		overflow:hidden;
		padding:5px 0;
		line-height:1.1em;
		width:200px;}
		
	.order_options{
		clear:left;
		text-align:right;
		border:1px solid #e1e1e1;}
		
	.order_options span{
		margin-top:-19px;
		display:block;}
		
	.order_options a{
		color:#054794;
		margin-left:5px;}
		
	.warning:hover{
		color:#C00;}
		
	/* order layer ---------------------------------------- */
		.layer_content_order{
			width:500px;
			height:275px;
			z-index:1002;
			margin-top:-100px;
			margin-left:-250px;
			background:#57ab26 url(/images/navi_background.gif);
			border:1px solid #fff;
			left:50%;
			top:50%;}
			
		.layer_content_order .layer_close{
			margin:-20px 0 0 475px;}
			
		.layer_content_order .layer_header{
			height:40px;}
			
		.layer_content_order .layer_header h4{
			font-weight:normal;
			margin:10px 0 0 10px;}
			
		.layer_content_order .layer_header h3{
			margin-top:-5px;}
			
		.layer_content_order .layer_body{
			height:193px;
			padding-right:15px;}
			
		.layer_content_order .calendar{
			float:left;
			margin:0 15px 10px 0;}
			
		.layer_content_order .textarea{
			width:250px;
			height:80px;}
			
	/* Entsorger Konto */
		.suborder{
			margin:0 -15px 15px 0px;}
			
		.suborder .oc1{
			width:534px;}
			
		.suborder .order{
			height:30px;
			margin:0;
			overflow:hidden;}
			
		.order.details, .suborder .order.details{
			border:2px solid #054794;
			height:auto;
			margin-bottom:1px;}
			
		.order.details .oc1, .order.details .oc7, .order.details .oc8{
			font-weight:bold;}
			
		.note{
			display:block;
			clear:left;
			margin-left:80px;
			width:350px;}
			
		.note b{
			color:#777777;
			font-weight:normal;}
			
		.order_table{
			margin:20px 0 10px 80px;}
						
		.order_table th{
			color:#777777;
			text-transform:uppercase;
			padding:5px 10px 5px 10px;
			font-weight:normal;}
		
		.order_table td{
			background-color:#d8d8d8;
			border-top:1px solid #e8e8e8;
			padding:5px 10px 5px 10px;}
			
			
		.order_table a{
			color:#054794;}
			
		.order .options{
			margin-left:80px;
			height:35px;}
			
		.suborder .order_table, .suborder .order .options{
			margin-left:65px;}
			
		.suborder .note{
			margin:0 0 0 75px;}
			
		.extra_cost select{
			font-size:11px;
			width:250px;}
			
		.extra_cost input{
			font-size:11px;
			width:50px;}
			
		.extra_cost span{
			padding-left:15px;}
			
		.button_plus{
			position:absolute;
			margin:0 0 0 380px;}
			
		.button_minus{
			position:absolute;
			margin:-3px 0 0 380px;}
			
	/* Konfigurator allgemein */
		.p_hint{
			margin:0px 10px 10px 10px;
			padding:5px 10px 0px 10px;}
	
	/* Konfigurator Step 1 */
		.list_item{
			height:20px;
			overflow:hidden;}
			
		.border_active{
			border:2px solid #57AB26;
			background:#FFF;
			background-image:none;}
			
		.border_warning{
			border:2px solid #F90;
			background:#FFF;
			background-image:none}
			
		.link_info{
			float:right;
			color:#054794;
			background:url(/images/info_icon.png) no-repeat right top;
			padding:3px 25px 5px 0;
			margin-top:-3px;}
	
		.link_info2{
			float:right;
			color:#054794;
			background:url(/images/info_icon.png) no-repeat right top;
			padding:15px 25px 5px 0;
			margin-top:-3px;}
			
		.link_action{
			float:right;
			color:#054794;
			padding:3px 0 5px 0;
			margin-top:-3px
		}
			
		.order:hover .link_info{
			text-decoration:underline;}
			
		.configurator_container_allowed{
			background:url(/images/container_allowed.jpg) no-repeat 130px top;}
			
		.configurator_container_forbidden{
			background:url(/images/container_forbidden.jpg) no-repeat 130px top;}
			
		.info_icon_mouse{
			position:absolute;
			margin:-30px 0 0 170px;}
			
		.container_price_options{
			margin:-25px 0 0 250px;
			padding-bottom:10px;
			font-size:11px;}
		
		.container_price_options b{
			font-size:14px;}
			
		.container_price_options .selected{
			padding:0 26px 0 0px;
			margin-right:12px;
			background:url(/images/2arrows.png) no-repeat right 2px;
			font-weight:bold;
			font-size:14px;}
		
		.container_price_options .not_selected{
			font-weight:bold;
			font-size:14px;}
			
		.container_price_options a{
			color:#054794;}
			
		.inc{
			display:block;
			padding-left:70px;}
			
		.amount{
			display:block;
			width:50px;
			margin-right:20px;
			text-align:right;
			float:left;}
			
		.box_rounded dl{
			margin:0 10px 10px 10px;
			line-height:1.2;}
			
		.box_rounded dt{
			display:block;
			float:left;
			width:100px;
			color:#777;}
			
		#infobox_waste_type_innerdiv, #infobox_waste_type_innerdiv p{
			font-size:11px;
		}
		
		.infobox_container_image img{
			margin-left:40px;}
		
		.info_box_spacer{
			height:100px;
			text-align:left;}
		
		.info_box_special{
			background:url(/images/info_box_special.png) no-repeat top left;
			width:350px;
			height:68px;
			text-align:center;
			position:absolute;
			margin:37px 0 0 250px;}
			
		.info_box_special p{
			padding:10px 0 0 0;
			line-height:1.2;}
		

			
	/* Konfigurator - Bestellung prüfen */
		#credit_card_input .text, #credit_card_input .select{
			width:250px;}
			
		#credit_card_input .small{
			width:50px;}
			
		a.link{
			color:#054794;}
		
		#layer_test_number .flex_content{
			width:270px;
			margin-left:-140px;}
			
		#layer_test_number h3{
			margin-left:0;}
			
		#layer_test_number .layer_close{
			margin-left:260px;
			margin-top:-35px;}
			
		#layer_sofortueberweisung .flex_content{
			width:620px;
			margin-left:-310px;}
			
		#layer_sofortueberweisung .layer_close{
			margin-left:613px;
			margin-top:-35px;}
			
		#layer_creditcard .flex_content, #layer_no_payment .flex_content{
			width:400px;}
			
		.error_layer{
			border:1px solid #cc0000;}
			
		#layer_creditcard .layer_close, #layer_no_payment .layer_close{
			margin-left:390px;
			margin-top:-35px;
}
			
		.error_layer .layer_close span{
			background:transparent url(/images/layer_close_red.png) repeat scroll 0 0;}
			
		.error_layer .layer_close:hover span{
			background-position:0 -40px;}
			
		.flex_content h3, .flex_content p{
			margin-left:15px;}
		
		.loading_title{
			background:url(/images/loading.gif) no-repeat left top;
			padding:5px 0 10px 40px;}
			
			
/* Empty Loading Screen ------------------------------------------------------------------------------------------------------------- */
	.loading{
		background:url(/images/loading.gif.gif) no-repeat left top;
		padding:5px 0 0 50px;}
			
			
/* Static ------------------------------------------------------------------------------------------------------------------------------ */
	#content.terms h3{
		margin:30px 0 15px 0;}
		
	#content.terms h4{
		margin:0 0 5px 0;}
	
	#content.terms p{
		text-align: justify;
		padding:0;
		line-height:1.3em;}
		
	#content.terms ul{
		margin-top:0px;}
	
	#content.terms li{
		text-align:justify;
		line-height:1.3em;}
		
		
/* Waste Infosite ----------------------------------------------------------------------------------------------------------------------- */
	.waste_infosite{
		height:650px;}
		
	.waste_infosite .layer_content{
		margin-top:250px;}
	
		
		
/* Extras ------------------------------------------------------------------------------------------------------------------------------ */
	/* Clearfix */
		.clean, .cln, .clearfix:after, #center:after, .box_info:after, .area:after, .col:after, .col2:after, .order:after, .float_all:after, .order_head_labels:after, .floater:after{
			content:".";
			display:block;
			height:1px;
			overflow:hidden;
			visibility:hidden;
			clear:both;}
		
	.floatRight, .float_right, .fr{
		float:right;}
		
	.floatLeft, .float_left, .fl{
		float:left;}
		
	.black, p.black{
		color:#000;}
		
	.hidden{
		display:none;}
				
	.invisible{
		visibility:hidden;}

	.mt5{
			margin-top:5px;}

	.mt15, .space-top{
			margin-top:15px;}
	.mt25{	margin-top:25px;}
	.mb15, .space-bottom{
			margin-bottom:15px;}
	.mr30{	margin-right:30px;}

	.ml15{
			margin-left:15px;}

	.pt15{	padding-top:15px;}

	.pb15, .padding-bottom{
		padding-bottom:15px;}

	.pl15{ padding-left:15px}

	.continuous-text{
		font-size:12px;
		line-height:1.2em;}
		
	.no_margin{
		margin:0;}
		
	.clear, .clr{
		clear:both;}
		
	.tar{
		text-align:right;}
		
	.mr10{margin-right:10px;}
	
	.float_all span, .float_all input, .float_all a{
		float:left;
		margin-right:3px;}
		
	.h30{
		height:30px;}
		
	.big{
		font-size:16px;
		font-weight:bold;}
		
	.debug{
		background-color:#9F9;
		border:1px solid red;
		background-image:none;
	}
	
	.b{
		font-weight:bold;}
		
	.fs11{
		font-size:11px;}

	
		
/* Footer ------------------------------------------------------------------------------------------------------------------------------ */
	#footer{
		clear:both;
		padding:10px 0 10px 0;
		font-size:11px;
		border-top:1px solid #e8ebe0;
		width:840px;
		margin:0 auto;
		color:#87888A;
		text-align:left;}
		
	#footer a{
		font-size:11px;
		color:#87888A;
		float:right;
		margin-left:15px;}
		
	#footer a:hover{
		color:#000000;
		text-decoration:underline;}

/* Wordpress ----------------------------------------------------------------------------------------------------------------------------- */
	
	#storytitle ,#storytitle a{
		font-size:24px;
		margin:0 0 24px 0;
		font-weight:bold;
		color:#57ab26;
		letter-spacing:-0.05em;}	
	
	#storydate{
		font-size:11px;		
		color:#87888A;
		text-align:left;}
	
	.post {
		margin-bottom:40px;
	}