@charset "utf-8";
/* stylesheet for ACN, by Michiel Bijl for Media Solutions */

* {
	margin:0;
	padding:0;
}

body {
	padding-top:45px;
	font-family:verdana, geneva, sans-serif;
	font-size:100%;
	background:#ec732c;
}

a {
	color:#ec732c;
	text-decoration:none;
}

a:hover {
	color:#484e42;
}

a img {
	border:0;
}

h1 {
	margin:0 0 15px;
	color:#ec732c;
	font-size:1.5em;
}

h2 {
	margin:0 0 15px;
	color:#484e42;
	font-size:1.2em;
}

ul {
	list-style:none;
}

#site {
	margin:0 auto;
	width:890px;
	background:#ec732c;
}

/* Header */
	#header {
		width:890px;
		height:107px;
		text-align:right;
	}
	
		#logo {
			margin-right:10px;
		}
	
	#image-header {
		float:right;
		background:#fff;
	}

/* Menu */
	#menu {
		padding:12px 20px 20px;
		/*height:210px;*/
		background:#484e42;
	}
	
		#menu ul{
			color:#fff;
			font-size:0.75em;
			font-weight:bold;
			line-height:1.9em;
			margin: 0 0 10px;
		}
		
		#menu a {
			color:#fff;
		}
		
		#menu a:hover {
			color:#ec732c;
		}
		
		#menu .active {
			color:#ec732c;
		}
		
		#menu .active:hover {
			color:#fff;
		}
		
		#menu hr {
			width: 200px;
			height: 1px;
		}
		#menu a img {
			margin: 0 0 9px;
		}
		
/* Content */
	#sidebar {
		float:left;
		width:240px;
		background:#adb6a8;
	}
	
		#sidebar a {
			color:#fff;
			cursor: pointer;
		}
	
		#sidebar p {
			padding:20px;
			color:#fff;
			font-size:0.6875em;
		}
		
		#sidebar .orange {
			background:#ec732c;
			font-family:"Trebuchet MS", Helvetica, sans-serif;
			font-size:1.4em;
		}
		
		#sidebar .text {
			margin:0 20px;
			padding:4px;
			width:188px;
		}
		
		#sidebar .submit {
			display:block;
			margin:10px 20px 20px;
			text-align:right;
			font-size:0.75em;
			font-weight:bold;
			color:#fff;
			border:0;
			background:#adb6a8;
		}
		
		#sidebar img {
			margin:0 0 -3px;
		}
	
	#content {
		clear:right;
		overflow:hidden;
		float:right;
		padding:40px 20px;
		width:610px;
		min-height:300px;
		background:#fff;
	}
	
		#content blockquote {
			margin:0 0 20px;
			color:#ec732c;
			font-size:0.875em;
			font-weight:bold;
			line-height:1.714em;
			text-align:right;
		}
	
		#content p {
			margin:0 0 20px;
			font-size:0.75em;
			line-height:1.5em;
			text-align:justify;
		}
		
		#content img.image {
			float: right;
			margin: 5px 0 10px 10px;
		}
		
		#content #images {
			overflow:hidden;
			width:610px;
			text-align: justify;
			padding: 0 0 10px;
		}
		
		#content #images img {
			float: left;
			margin: 0 5px 0;
		}
		
		#content dl.info {
			padding:10px 0;
			border-bottom:1px dotted #ec732c;
		}
		
			#content dl.info a {
				color:#484e42;
			}
			
			#content dl.info a:hover {
				color:#ec732c;
				text-decoration:underline;
			}
			
			#content dl.info dt {
				float:right;
			}
			
			#content dl.info dl {
				font-size:0.75em;
			}
		
				#content dl.info dl dt {
					float:left;
					width:100px;
				}
			
				#content dl.info dl dd {
					padding:0 0 0 110px;
				}
			
			#content dl.info h2 {
				font-size:1em;
			}
		
		#content ul.referenties {
		}
		
			#content ul.referenties li {
				position:relative;
				padding:0;
				height:120px;
			}
			
				#content ul.referenties h1 {
					position:absolute;
					top:10px;
					left:160px;
				}
				
				#content ul.referenties img {
					position:absolute;
					top:10px;
					left:0;
					bottom:10px;
				}
			
		#content a.offerte {
			
			
		}
		
			
			
					
		#content ul {
			font-size:0.75em;
			border-top:1px dotted #ec732c;
		}
		
			#content li {
				padding:3px 0;
				border-bottom:1px dotted #ec732c;
			}
			
				#content li a {
					color:#484e42;
				}
				
				#content li a:hover {
					color:#ec732c;
				}
			
				#content li span {
					color:#ec732c;
				}
		
		#content .left {
			width:290px;
			float:left;
		}
		
		#content .right {
			width:290px;
			float:right;
		}

/* Content > Contact */
#contact-form {
	font-size:0.75em;
}

	#contact-form dd {
		border-bottom:1px dashed #ec732c;
	}
	
	#contact-form .last {
		border-bottom:0;
	}

	#contact-form #submit {
		padding:3px;
		height:auto;
		color:#fff;
		border:1px solid #000;
		background:#ec732c;
	}

/* Content > Stappen */
#stappen {
	position:relative;
	margin:0 0 20px;
	width:600px;
	height:60px;
	background:url(../images/stappen.png) left top repeat-x;
}

	#stappen div {
		position:absolute;
		top:0;
		width:60px;
		height:60px;
		background:#ec732c;
		color:#b3b3b3;
		font-size:0.75em;
		line-height:60px;
		text-align:center;
		text-transform:uppercase;
	}
	
	#stappen #stap_1 {
		left:30px;
	}
	
	.positie-1 #stap_1,
	.positie-2 #stap_2,
	.positie-3 #stap_3 {
		color:#fff;
	}
	
	#stappen #stap_2 {
		left:270px;
	}
	
	#stappen #stap_3 {
		left:510px;
	}
	
	#content .submit:nth-child(odd) { /* Because WebKit is the only one who does this right */
		padding:1px 3px;
	}
	
	#content .submit {
		height:auto;
		color:#fff;
		border:1px solid #000;
		background:#ec732c;
	}
	
	#offerte {
		line-height:1.6em;
	}
	
		#offerte dt {
			clear:left;
			float:left;
			width:410px;
			font-size:0.75em;
		}
		
		#offerte dd {
			padding-left:420px;
			border-bottom:1px dashed #ec732c;
		}
		
		#offerte dd a {
			display:block;
			padding-top:4px;
		}
		
		#offerte a {
			color:#000;
		}
		
		#offerte a:hover {
			text-decoration:underline;
		}
		
		#offerte .last {
			border:0;
		}
	
	#offerte_stap3 {
		line-height:1.6em;
	}
	
		#offerte_stap3 dt {
			clear:left;
			float:left;
			padding:3px;
			width:110px;
			font-size:0.75em;
		}
		
		#offerte_stap3 dt label:after {
			content: ":";
		}
		
		#offerte_stap3 dt.hidden {
			visibility:hidden;
		}
		
		#offerte_stap3 dd {
			padding:3px 3px 3px 120px;
			border-bottom:1px dashed #ec732c;
		}
		
		#offerte_stap3 .last {
			border:0;
		}
		
		#offerte_stap3 textarea {
			width:300px;
			height:100px;
		}

/* Footer */
	#footer {
		position:relative;
		clear:both;
		height:70px;
		background:#ec732c;
		color:#fff;
		font-size:0.625em;
		font-weight:bold;
		line-height:1.6em;
	}
	
	#footer .left {
		position:absolute;
		top:10px;
		right:200px;
	}
	
	#footer .right {
		position:absolute;
		top:10px;
		right:0px;
	}
	
	#footer span {
		position:absolute;
		top:10px;
		left:240px;
		color:#ff9c63;
	}
	
	#footer span.color {
		top:25px;
	}
	
		#footer span a {
			color:#ff9c63;
		}
		
		#footer span a:hover {
			color:#fff;
		}

/* Misc */
.clear {
	clear:both;
	border:0px inset;
	visibility:hidden;
	width:1px;
}

.grey-url {
	display:block;
	margin:0 -20px 10px -20px;
	padding:20px;
	background:#adb6a8;
}