/*Stylesheet for the "Autodemontageverwijst.nl" Copyright 2007-2008 Expanism Webdesign - www.expanism.nl */

body{
background:url("images/bg.png") no-repeat top center #000;
color:#222;
line-height:17px;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight: normal;
text-align:center;
margin:0;
padding:0;
}

body#introned {
background:#ff7d1d;
text-align:left;
font-size:12px;
color:#222;
margin:0;
padding:0 0 0 10px;}

body#introned h1, body#introned h2, body#introned h3 { font-size:13px; color: #fff; padding: 0; margin: 15px 0 5px 0; font-weight: bold;}

body#introned p {padding:0;margin:7px 0 5px 0;}

body#introned ol {
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
}
body#introned ol li {
/*font: bold 14px arial,helvetica,sans-serif;*/
background: no-repeat;
margin: 0;
padding: 0 5px 5px 20px;
}
body#introned ol li.step1 {
background-image: url(images/step1.gif);
}
body#introned ol li.step2 {
background-image: url(images/step2.gif);
}

body#introned ol li.step3 {
background-image: url(images/step3.gif);
}

body#introned ol li.step4 {
background-image: url(images/step4.gif);
}

#page{width:840px;margin:0 auto; text-align:left;}


/* HeAdEr 
//////////////////////////////////////////////////////////////////////*/

#header{
background:url("images/top.png") no-repeat top left #fff;
margin:0;
padding:0;
height:246px;
width:840px;}

/***fancy menu***/
#fancymenu{
display:inline;
clear:both;
margin:172px 0 0 15px;
position:absolute;
height:32px;
width:820px;
/*border: 1px solid #000;*/
overflow:hidden;
float:left;}

#fancymenu ul{padding:0;margin:0;}
  
#fancymenu ul li{float:left;list-style:none;}

#fancymenu ul li a{
z-index:10;
float:left;
height:32px;
font-size:11px;
font-weight:bold;
text-decoration:none;
position:relative;
overflow:hidden;
color:#fff;
padding:8px 13px 0 33px;}

#menuust a{width:auto;}

#fancymenu li.background {
background:url('images/bg_menu_right.jpg') no-repeat top right;
z-index:8;
position:absolute;
visibility:hidden;}
  
#fancymenu .background .left {
background:url('images/bg_menu.jpg') no-repeat top left;height:32px;}

/* CoNtEnT 
//////////////////////////////////////////////////////////////////////*/

h1, h2, h3 {font-size: 11px; font-weight: bold;}

#content{background:url("images/middle.png") repeat-y #fff;}

#content p {padding:0 0 0 10px;margin:7px 0 5px 0;}

#contentMain{
display:inline;
clear:both;
float:left;
margin:0 0 0 25px;
width:492px;}

/*titles*/
.title-acordion h1, .title-acordion h2, .title-acordion h3,
/*accordion arrow*/
.title-acordion.open h1, .title-acordion.open h1 
{margin:0 0 0 40px;padding:0;position:relative;height:16px;overflow:hidden;}
.title-acordion.sub h1, .title-acordion.sub h2, .title-acordion.sub h3, .sub-subtitle-acordion h3 {margin:0 0 0 30px;padding:0;position:relative;height:8px;overflow:hidden;}

h1 span {display:block;position:absolute;left:0;top:0;z-index:1;height:16px;margin:0;padding:0;}
h2 span, h3 span{display:block;position:absolute;left:723px;top:308px;z-index:1;height:8px;margin:0;padding:0;}

h1#t-home, h1#t-home span {width:39px; font-size:16px; color:#FFFFFF; font-weight:bold; }
h1#t-overons, h1#t-overons span{background:url("images/titles.gif") no-repeat 0 -16px;width:67px;}
h1#t-bedrijfsproces, h1#t-bedrijfsproces span{background:url("images/titles.gif") no-repeat 0 -32px;width:114px;}
h1#t-contact, h1#t-contact span{background:url("images/titles.gif") no-repeat 0 -48px;width:62px;}
h1#t-actueel, h1#t-actueel span{background:url("images/titles.gif") no-repeat 0 -64px;width:61px;}
h1#t-extra, h1#t-extra span{background:url("images/titles.gif") no-repeat 0 -80px;width:44px;}
h1#t-links, h1#t-links span{background:url("images/titles.gif") no-repeat 0 -96px;width:40px;}
h1#t-onderdelen, h1#t-onderdelen span{background:url("images/titles.gif") no-repeat 0 -112px;width:125px;}
h3#t-nieuws, h3#t-nieuws span{background:url("images/subtitles.gif") no-repeat 0 -144px;width:48px;}
h3#t-fotogalerij, h3#t-fotogalerij span{background:url("images/subtitles.gif") no-repeat 0 -136px;width:83px;}
/*START overons subtitles*/
h2#t-milieu, h2#t-milieu span{background:url("images/subtitles.gif") no-repeat 0 0;width:99px;}
h3#t-vergunningen, h3#t-vergunningen span{background:url("images/subtitles.gif") no-repeat 0 -8px;width:188px;}
h3#t-voorraad, h3#t-vooraad span{background:url("images/subtitles.gif") no-repeat 0 -16px;width:68px;}
/*START bedrijfsproces subtitles*/
h2#t-demontage, h2#t-demontage span{background:url("images/subtitles.gif") no-repeat 0 -24px;width:74px;}
h3#t-recycling, h3#t-recycling span{background:url("images/subtitles.gif") no-repeat 0 -32px;width:68px;}
h3#t-magazijn, h3#t-magazijn span{background:url("images/subtitles.gif") no-repeat 0 -40px;width:61px;}
h3#t-verkoop, h3#t-verkoop span{background:url("images/subtitles.gif") no-repeat 0 -48px;width:59px;}
/*START contact subtitles*/
h2#t-contactformulier, h2#t-contactformulier span{background:url("images/subtitles.gif") no-repeat 0 -56px;width:123px;}
h3#t-route, h3#t-route span{background:url("images/subtitles.gif") no-repeat 0 -64px;width:42px;}
/*START actueel subtitles*/
h2#t-vacatures, h2#t-vacatures span{background:url("images/subtitles.gif") no-repeat 0 -72px;width:71px;}
h3#t-tekoop, h3#t-tekoop span{background:url("images/subtitles.gif") no-repeat 0 -128px;width:121px;}
h3#t-winnaars, h3#t-winnaars span{background:url("images/subtitles.gif") no-repeat 0 -152px;width:121px;}


/*START extra subtitles*/
h2#t-klachtenformulier, h2#t-klachtenformulier span{background:url("images/subtitles.gif") no-repeat 0 -80px;width:130px;}
h3#t-leveringsvoorwaarden, h3#t-leveringsvoorwaarden span{background:url("images/subtitles.gif") no-repeat 0 -88px;width:156px;}
/*START links subtitles*/
h2#t-arn, h2#t-arn span{background:url("images/subtitles.gif") no-repeat 0 -96px;width:28px;}
h3#t-stiba, h3#t-stiba span{background:url("images/subtitles.gif") no-repeat 0 -104px;width:37px;}
h3#t-kzd, h3#t-kzd span{background:url("images/subtitles.gif") no-repeat 0 -112px;width:27px;}
h3#t-stek, h3#t-stek span{background:url("images/subtitles.gif") no-repeat 0 -120px;width:34px;}

/*END*/



/*Accordion*/

.accordion {
background-color: #fff;
width:492px;
float:right;
padding:0;
margin:0;}

.title-acordion {
width:452px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding:7px 0 10px 40px;
background: url("images/title.png") no-repeat 0;}
	
.title-acordion.open {
width:492px;
padding:12px 0 10px 0;
background:#fff url("images/title-arrow-down.gif") no-repeat 0;
cursor:pointer;}

.title-acordion.sub{
width:492px;
float:right;
padding:11px 0 12px 0;
background:#fff url("images/title-sub.png") no-repeat 0;
cursor:pointer;}

.title-acordion.subopen{
width:492px;
float:right;
padding:11px 0 12px 0;
background:#fff url("images/orange-title.gif") no-repeat 0;
cursor:pointer;}

/* SUBCONTENT */

#contentSub{display:inline;float:right;width:258px;margin:0 25px 0 0;}

/*Accordion*/

.sub-accordion {
width:258px;
float:right;
padding:0;
margin:0;
overflow:hidden;}

.sub-subtitle-acordion {
width:223px;
color:#FFFFFF;
float:right;
font-weight:bold;
font-size:11px;
padding:7px 0 10px 35px;
background:#fff url("images/sub-subtitle.gif") no-repeat 0;}

/*FoOtER 
//////////////////////////////////////////////////////////////////////*/

#footer{width:840px;height:99px;text-align:center;background:url("images/bottom.png") no-repeat top left #000;}
	
/*fade rdw*/
#rdw1-holder{margin:43px 23px 0 0;padding:0 0 0 20px;float:left;}
#rdw2-holder{margin:43px 23px 0 0;padding:0;float:left;}
#rdw3-holder{margin:43px 10px 0 0;padding:0;float:left;}

#rdw1, #rdw1 a{
background-image:url("images/rdw.jpg");
background-repeat:no-repeat;
background-position: 0 0;
width:108px;
height:42px;
display:block;}
	
#rdw1 a{background-position:0 -42px;visibility:hidden;}
	
#rdw2, #rdw2 a{
background-image:url("images/rdw.jpg");
background-repeat:no-repeat;
background-position:0 -84px;
width:98px;
height:42px;
display:block;}
	
#rdw2 a{background-position: 0 -126px;visibility:hidden;}

#rdw3, #rdw3 a{
background-image: url("images/rdw.jpg");
background-repeat:no-repeat;
background-position:0 -168px;
width:98px;
height:42px;
display:block;}
	
#rdw3 a{background-position:0 -210px;visibility:hidden;}

/*fade kzd arn stiba*/
#kzd-holder{margin:43px 5px 0 0;padding:0 0 0 135px;float:left;}
#arn-holder{margin:43px 5px 0 0;padding:0;float:left;}
#stiba-holder{margin:43px 5px 0 0;padding:0;float:left;}

#kzd, #kzd a{
background-image: url("images/kzd-arn-stiba.jpg");
background-repeat:no-repeat;
background-position: 0 0;
width:98px;
height:42px;
display:block;}
	
#kzd a{background-position:0 -42px;visibility:hidden;}
	
#arn, #arn a{
background-image: url("images/kzd-arn-stiba.jpg");
background-repeat:no-repeat;
background-position:0 -84px;
width:98px;
height:42px;
display:block;}
	
#arn a{background-position: 0 -126px;visibility:hidden;}

#stiba, #stiba a{
background-image: url("images/kzd-arn-stiba.jpg");
background-repeat:no-repeat;
background-position:0 -168px;
width:98px;
height:42px;
display:block;}
	
#stiba a{background-position:0 -210px;visibility:hidden;}

/*fade phototogalery numbers*/

.one, .one a, .two, .two a, .three, .three a, .four, .four a {
background-image: url("images/list-nr.gif");
background-repeat:no-repeat;
width:15px;
height:15px;
display:block;
float: left;
margin: 0 3px 0 0;}

.one, .one a {background-position: 0 0;}
.two, .two a {background-position: -15px 0;}
.three, .three a {background-position: -30px 0;}
.four, .four a {background-position: -45px 0;}

.one a {background-position:0 -15px;visibility:hidden;margin: 0;}
.two a {background-position:-15px -15px;visibility:hidden;margin: 0;}
.three a {background-position:-30px -15px;visibility:hidden;margin: 0;}
.four a {background-position:-45px -15px;visibility:hidden;margin: 0;}

ul.foto li { padding: 0 0 1px 0; border-bottom:1px solid #e1e1e1;}
ul.foto { margin: 0 0 0 10px; padding: 0; width: 240px;}
.foto2{ padding: 0 0 1px 12px; border-bottom:1px solid #e1e1e1; width:103px; color:#000000;}
.foto2 a{ color:#000000; text-decoration:none;}
.foto2 a:hover{ text-decoration:underline;}

.gallery-holder { float: right; padding: 2px 0 0 0;}
.left-holder {float: left; padding: 2px 0 0 0;}

/*copyright*/	
.stripe{color:#DD781A;}
p.copy{font-size:10px;color:#ccc;margin:0;padding:23px 0 0 0;}
p.copy a{color:#ff7d1b;text-decoration:none;}
p.copy a:hover{border-bottom:1px solid #ccc;padding:0 0 1px 0;}
/*FORMS
//////////////////////////////////////////////////////////////////////*/

#form-top {  width: 480px; height: 5px; background:#fff url("images/form-top.png") no-repeat; margin: 0;padding: 0;
/*stupid IE6 margin bug*/ font-size:0px;}
#form-bottom { width: 480px; height: 5px; background:#fff url("images/form-bottom.png") no-repeat; margin: 0;padding: 0;
/*stupid IE6 margin bug*/ font-size:0px;}
#form-middle { width: 480px; background:#fff url("images/form-middle.png") repeat-y;margin:0 auto 4px auto; padding: 0;}
.formcontainer { padding: 0 0 0 10px; margin:0;}
#form-middle p{ color: #fff; padding: 0 0 0 5px; margin: 15px 0 5px 0; font-weight: bold; font-style: italic;}

fieldset {
	border: 0;
	line-height: 25px;}


.left-input {
	width: 225px;
	float: left;
	padding: 0;
	margin: 0;}
	
	.right-input {
		width: 225px;
		float: left;
		padding: 0 13px 0 0;
		margin: 0;}
	
	label { color:#333;cursor: pointer;}
	label:hover { color: #fff;}
		
	.required {font-size: 14px; color:#fff;}
	
.textfield { border:solid 0 #fff; background-color: transparent; width: 200px;}
.areafield { border:solid 0 #fff; background-color: transparent; width: 437px; height: 90px;}

textarea { font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px; margin: 3px 0 0 0; padding: 0;}

.test {
    float:left;
    background:url("images/left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 11px;
	height:27px;
    }
.test span {
    float:left;
    display:block;
    background:url("images/right.gif") no-repeat right top;
    padding:2px 11px 0 0;
	height:27px;
    color:#000;}
	
	
	.test2 {
	    float:left;
	    background:url("images/form-left-area.gif") no-repeat left top;
	    margin:0;
	    padding:0 0 0 11px;
		height:105px;
	    }
	.test2 span {
	    float:left;
	    display:block;
	    background:url("images/form-right-area.png") no-repeat right top;
	    padding:2px 11px 0 0;
		height:105px;
	    color:#000;}
		
		.test3 {
		    float:left;
		    background:url("images/form-left-area.gif") no-repeat left top;
		    margin:0;
		    padding:0 0 0 11px;
			height:105px;
		    }
		.test3 span {
		    float:left;
		    display:block;
		    background:url("images/form-right-area.gif") no-repeat right top;
		    padding:2px 11px 0 0;
			height:105px;
		    color:#000;}

label.push { display:block; clear: both;  padding:0 0 2px 6px; line-height:15px;}

/*FORMS Ajax Call
//////////////////////////////////////////////////////////////////////*/
 
 
#log {float: left; height: auto;}
 
#log_res {overflow: auto;}
 
#log_res.ajax-loading {background: url(images/spinner.gif) no-repeat center;}


/*CRUMBS
//////////////////////////////////////////////////////////////////////*/
#map {
	width: 400px;
	height: 150px;
	/*margin: 0 auto;*/
	overflow:hidden;
}
img{border:none;margin:0;padding:0;/*cursor:pointer;*/}
.clear{clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}
a {outline:none;cursor:pointer;}
a.link {color:#f46c05; cursor:pointer; text-decoration: none; border-bottom:1px dotted #999;}
a.link-orange {color:#f46c05; cursor:pointer; text-decoration: none;}
a:hover.link-orange {color:#222; cursor:pointer; text-decoration: none;}

a.link-black {color:#222; cursor:pointer; text-decoration: none;}
a:hover.link-black {color:#f46c05; cursor:pointer; text-decoration: none;}


a.link-index {color:#333; cursor:pointer; text-decoration: none; border-bottom:1px dotted #999;}


#content p.orange {color:#f46c05; font-weight: bold; font-style: italic; padding:0 0 0 10px;margin:7px 0 5px 0;}
.orange a{color:#f46c05; font-weight: bold; text-decoration:none;}
.orange a:hover{color:#222222; font-weight: bold;}
p.email a {color:#222; cursor:pointer; text-decoration: none; border-bottom:1px dotted #999;}
#Layer1 {
	position:absolute;
	font-size:12px;
	z-index:52;
	left: 157px;
	top: 75px;
}
#Layer2 {
	position:absolute;
	font-size:13px;
	font-weight:bold;
	z-index:53;
	left: 137px;
	top: 112px;
}
#Layer3 {
	position:absolute;
	font-size:19px;
	font-weight:bold;
	z-index:54;
	left: 137px;
	top: 92px;
}
#Layer4 {
	position:absolute;
	font-size:11px;
	font-weight:bold;
	z-index:55;
	left: 205px;
	top: 95px;
}