html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CLEARFIX */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
* html .clearfix { height: 1%; }

/*IE7 */
.clearfix { min-height: 1px; }/* SCREEN CSS by Wes Oudshoorn  */

html, body {
	height:100%;
}
body {
	font:12px/25px Arial;
}
#wrap {
	margin:20px auto;
	width:960px;
}

/* GENERIC ELEMENTS */

a {
	color:#E51936;
	text-decoration:none;
}
a:hover {
text-decoration: underline;
}
#main ul, #main ol, p, dl, address {
	font-style:normal;
	margin-bottom:20px;
}
#main ul p, #main ol p {
	font-size:12px;
}
#main ul {
	list-style:square;
	margin-left:20px;
}
#main ol {
	list-style:decimal;
	margin-left:20px;
}
#main form ul, #main form ol {
	list-style:none;
	margin-left:0;
}
dd {
	margin-left:10px;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	font-family:Georgia, Garamond, Serif;
}
h1 {
	font-size:36px;
	margin-bottom:20px;
}
h2 {
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
h2 strong {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	background:#E51936;
	color:#fff;
	padding:2px 5px;
}

/* LOGO */
.logo {
	float:left;
	margin:20px 20px;
}

/* UTILITES */
#utilities {
	float:right;
	margin:20px 0;
}
#utilities li {
	float:left;
	font-family:Georgia, Garamond, Serif;
	font-size:20px;
	padding:15px 15px 15px 0;
}
#utilities li:last-child a {
	background:none;
	padding-right:0;
}
#utilities li a {
	background:url(/media/img/star.png) no-repeat right;
	padding:0 30px 0 0;
}
#utilities .current a {
	color:#000;
	font-weight:700;
}

/* NAV */
#nav {
	-moz-border-radius:12px;
	-webkit-border-radius: 12px;
	border:2px solid #000;
	border-bottom:4px solid #000;
	clear:both;
	height:90px;
	position:relative;
	width:960px;
}
#nav li {
	display:block;
	float:left;
	overflow:hidden;
	width:192px;
}
#nav #nav_cont a {
	background:none;
}
#nav a {
	background:url(/media/img/arrow.png) right no-repeat;
	color:#E51936;
	display:block;
	font-family:Georgia, Garamond, Serif;
	font-size:26px;
	height:60px;
	padding:15px 50px 15px 15px;
	text-decoration:none;
}
#nav span {
	color:#000;
	display:block;
	font: 14px/20px Arial, Helvetica, sans-serif;
	margin-top:10px;
	width:140px;
}

/* CONT */
#cont {
	margin:40px 0;
}
#cont:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* SPLIT*/
#main {
	float:right;
	padding:20px;
	position:relative;
	width:700px;
}

/*FP*/
#fp h1 {
height: 250px;
padding: 0 30px;
margin: 30px 0;
background: url(/media/img/fp.jpg)no-repeat center;
}


#fp .alt {
display: none;
}
/*ASIDE*/
#aside {
	border-right:2px solid #000;
	float:left;
	width:190px;
}
#aside h2 {
	border:0;
	margin:20px 20px 0 0;
}
#aside li a:hover {
text-decoration: none;
}
/*PORT_ASIDE*/
#port_aside, #diensten_aside {
	border-bottom:1px solid #000;
	font-size:12px;
	margin-top:20px;
	text-align:right;
}
#port_aside a, #diensten_aside a {
	background:#fff;
	border-top:1px solid #000;
	color:#000;
	display:block;
	padding:3px 10px;
}
#port_aside .active a, #port_aside a:hover, #diensten_aside .current a, #diensten_aside a:hover, #newsletter_aside .current a, #newsletter_aside a:hover {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:-1px;
	margin-right:-20px;
	padding:3px 29px 3px 10px;
	
}

/*PORT_ITEM*/
#port_item {
	border:1px solid #ccc;
}
#port_item img {
	border-bottom:1px solid #ccc;
}
#port_item h2, #port_item p {
	margin:20px;
}
#port_item .meer {
	font-size:15px;
	position:absolute;
	right:10px;
	top:10px;
}

/* DIENSTEN */
#main #diensten, #offerte {
	list-style:none;
	margin:20px 0 0;
	width:720px;
}
#diensten img {
padding: 10px;
}
#diensten li, #diensten div, .col {
	float:left;
	margin-right:20px;
	width:220px;
}

#diensten-examples{
	float:left;
	margin-top:6px;
}

#diensten-examples ul{
	float:left;
	width:220px;
}

#diensten-examples ul.last{
	width:180px;
}

#diensten li li,
#diensten div li {
float: none;
width: auto; 
margin: 0;}

.third, #diensten div:last-child, .col:last-child {
	margin-right:0;	
}

#diensten_aside a {
	color:#E51936;
	font-family:Georgia, Garamond, Serif, Georgia, Garamond, Serif;
	font-size:20px;
}
#diensten_aside a span {
	color:#000;
	display:block;
	font-size:14px;
	font-weight:400;
}

#smwrap {
	width:600px;
	overflow:hidden;
}

#smbox {
	position:relative;
	left:-20px;
	width:600px;
}

sm {
	list-style:none; 
	width:600px; 
	height:250px; 
	display:block; 
	overflow:hidden; 
	padding:0; 
	margin:0;
}

.sm li { 
	list-style:none;
	float:left; 
	overflow:hidden; 
	width:350px; height:250px; 
	cursor:pointer; 
}
	.sm li.functioneel {
		background: url(/media/img/content/1_functioneel_ontwerp.png) left no-repeat scroll;
	}
	.sm li.grafisch {
		background: url(/media/img/content/2_grafisch_ontwerp.png) left no-repeat scroll;
	}
	.sm li.content {
		background: url(/media/img/content/3_content.png) left no-repeat scroll;
	}
	.sm li.bouw {
		background: url(/media/img/content/4_bouw.png) left no-repeat scroll;
	}
	.sm li.testen {
		background: url(/media/img/content/5_testen.png) left no-repeat scroll;
	}
	.sm li.klaar {
		background: url(/media/img/content/6_klaar.png) left no-repeat scroll;
	}

.sm li p {
	float:left;
	width:260px;
	height:200px;
	font-family: Arial;
	font-size:12px;
	line-height:20px;
	position:relative;
	left:70px;
	top:30px;
	clear:both;
}

.sm li p img {
	margin:0;
	clear:both;
}

.sm li p span {
	display:block;
	font-family:Georgia;
	font-size:20px;
	padding-top:8px;
	color:#E51936;
	background:none;
	clear:both;
}

.sm li img {
	margin-left:90px;
	clear:both;
}

/* OFFERTE */
#offerte {
	margin-top:40px;
}
#offerte .submit {
text-align: right;
padding-right: 20px;
}
.two {
	clear:both;
	padding-top:20px;
}

/* TEXTAREA */
.text {
	clear:left;
	float:left;
	width:340px;
}
.text textarea {
	border:1px solid #999;
	height:105px;
	padding:5px;
	width:97%;
}
/* PLAIN */
form.plain ul li {
width:340px !important;
}

/* DATA */
.data {
	float:left;
	margin-left:20px;
	width:340px;
}
.data label,
.plain label {
	float:left;
	width:120px;
}
.data input,
.plain input {
	border:1px solid #999;
	padding:5px;
	width:208px;
}

.data textarea,
.plain textarea {
	border:1px solid #999;
	padding:5px;
	width:328px;
}

.data li {
	margin-bottom:6px;
}
#two {
	clear:both;
}
input:focus, textarea:focus {
	background:#efefef;
}
.submit {
	clear:both;
}
.submit.form {
	width:340px !important;
}
.submit input,
.button {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	background:#E51936!important;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:20px;
	padding:10px 15px;
	width:auto;
}

.button {
padding: 5px 7px;
font-size: 15px;
display: block;
float: left;
margin-bottom: 10px;
}

.knop{
	color:#fff;
}

.knop.form {
float:right !important;
}
.submit input.secundair {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	background:#999999;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:20px;
	padding:10px 15px;
}

#close_bestel,#close_pdf{
	padding:11px 15px;
	margin-left:15px;
}

.secundair {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	background:#999999;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:13px;
	float:left;
}

.secundair:hover {
	text-decoration:none;
}

/*NEWSLETTER_ASIDE*/
#newsletter_aside {
	border-bottom:1px solid #000;
	font-size:12px;
	margin-top:20px;
	text-align:right;
}
#newsletter_aside a {
	background:#fff;
	border-top:1px solid #000;
	color:#000;
	display:block;
	padding:3px 10px;
}
#newsletter_aside .active a, #newsletter_aside a:hover{
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:-1px;
	margin-right:-20px;
	padding:3px 29px 3px 10px;
	
}

.nieuwsbrief .submit input {
font-size: 14px;
padding: 8px 8px;
width: auto;
margin-right: 8px;
}

.nieuwsbrief .submit {
padding-left: 120px;
}
.plain li {
padding: 5px 0;
}
.plain ul li {
width:340px;
}
.plain .radio {
padding: 0 0 0 120px;
}
.radio input {
width: auto;
}
/* FOOT */
#foot, #foottwo {
border:2px solid #000;
	border-bottom:4px solid #000;
	background-color:#fff;
	height:180px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;

}
#foottwo {
	clear:both;
	height:auto;
	padding:20px;
}
#foot div {
	/* background:url(/media/img/ijsje.png) no-repeat 250px; */
	border-right:2px solid #000;
	float:left;
	height:140px;
	padding:20px;
	width:277px;
}

#foottwo p {
margin: 0;


}

#foot p {
margin: 0;
width:170px;
}

.boekje{
    background:url(/media/img/puzzel.jpg) no-repeat 205px;
	/*background:url(/media/images/taart.jpg) no-repeat 205px;*/
	border-right:2px solid #000;
	float:left;
	height:110px;
	padding:20px;
	width:277px;	
}

.quickscan{
        background:url(/media/img/vogel.jpg) no-repeat 205px;
	border-right:2px solid #000;
	float:left;
	height:110px;
	padding:10px;
	width:277px;
}

.contact{
        background:url(/media/img/phone2.jpg) no-repeat 215px;
	border-right:2px solid #000;
	float:left;
	height:110px;
	padding:20px;
	width:277px;
}

.contact dt {
float: left;
width: 60px;
}

#foot div.contact {
	border:none;
}
#foot h2 {
	padding:0;
	margin: 0;
	border: 0;
}
#foot p,
#foot dl {
	margin:10px 70px 0 0;
}

/*PORFTOLIO SLIDER */
.scrollable {
	background:url(/img/global/gradient/h300.png) repeat-x;
	border:1px solid #ccc;
	height:350px;
	margin-bottom:40px;
	overflow:hidden;
	position:relative;
	width:698px;
}
.scrollable .items {
	clear:both;
	position:absolute;
	width:20000em;
}
.scrollable img {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
	width:698px;
}
.scrollable .active {
	border:2px solid #000;
	position:relative;
	z-index:9999;
}
.scrollable a {
position: relative;
}

.scrollable a:hover span {
display: block;
}

.scrollable a span {
color: #555;
position: absolute;
bottom: 20px;
left: 20px;
z-index: 200;
display: none;
width: 120px;
text-align: center;
padding: 10px 10px;
font-size: 14px;
background: #E51936;
color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;


}

.scrollable a span:hover {text-decoration: underline;}



/* NAVI */
.navi a {
	-moz-border-radius:10px;
	-webkit-border-radius:4px;
	border:1px solid #000;
	cursor:pointer;
	display:block;
	float:left;
	font-size:1px;
	height:10px;
	margin:0 10px 10px 0;
	width:10px;
}

/* GEZICHTEN */
#main #gezichten {
	list-style:none;
	margin-left:0;
	margin-top:40px;
}
#gezichten li {
	float:left;
	height:290px;
	margin-right:5%;
	width:45%;
}

#gezichten li ul {
	list-style:none;
	margin:0;
	padding:0;
}

#gezichten li.hoverme {
	margin:0;
	padding:0;
	height:auto;
	width:auto;	
}

#gezichten img {
	float:left;
	margin:0 20px 20px 0;
}
#gezichten h2, #gezichten p {
	border:0;
	margin-bottom:0;
	margin-left:120px;
	padding-bottom:0;
}

/*MISSION STATEMENT*/
#main .mission {
font-size:15px;
margin-top:30px;
}

.missionimg {
float: right;
margin-top: -20px;
}

/* SHARED */
.meer a, dt {
font-weight:700;
}

.navi a:hover, .navi a.active {
background:#000;
}

/* MAP */
#map_canvas {
-moz-box-shadow:0 2px 6px #666;
margin-bottom:20px;
margin-top:40px;
}

#msg{
color: #E51936;
font-weight: 600;
}

.boek {
float: left;
width: 340px;
}

.boektxt {
margin-left: 360px;
min-height: 480px;
_height: 480px;
}

.boektxt p strong {
font-size: 20px;
}

.boektxt dt {
float: left;
width: 150px;
}

.boektxt dd {
margin-left: 150px;
}

.imgline {
float: left;
margin-right: 20px;
width: 170px;
}

#msg {
-moz-border-radius:10px;
-webkit-border-radius:4px;
padding: 10px;
background: #E51936!important;
color: #fff;
text-align: center;
font-size: 1.2em;
position:relative;
}

.hidden{
visibility:hidden;
display: none;
}


/*Zoekportfolio*/

.port-container a.preview{
border: 1px solid #ccc;
padding:0px;
width:200px;
float:left
}

.port-container a:hover.preview{
border: 1px solid #000;
padding:0px;
width:200px;
float:left
}

.port-container a.preview img{
padding:0px;
width:200px;
float:left
}

.port-container{
border-bottom: 1px solid #ccc;
margin-top:10px;
padding:6px;
padding-bottom:20px;
width:100%;
float:left
}

.port-container .column1{
width: 240px;
float:left;
}

.port-container .column2{
width: 420px;
float:left;
padding:6px;
}

#preview{
position:absolute;
/*border:0px solid #ccc;*/
background:#111;
padding:5px;
display:none;
color:#fff;
}

.port-container h3{
color:#333;
font-size:20px;
margin-bottom:0px;
padding-bottom:10px;
}

.porttext{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px 0 10px 0;}

.porttext h2{
border-bottom:0px solid #ccc;
float:left
}

#filter #dropdown{
margin-left:20px;
padding:3px;
height:25px;
}

select#dropdown option{
border-top:1px solid #ccc;
padding-top:5px;
padding-bottom:5px;
line-height:20px;
font:14px Arial;
}


#map_canvas{
width: 700px; 
height: 450px;
}


#submit{

float:left;
with:300px;
}
/* buttons */

.btn			{
				position:absolute;
				height:20px;
				font:bold 1.4em Arial, Helvetica, sans-serif;
				color:#ffffff;
				bottom:20px;
				right:20px;
				padding:10px 12px;
				background:url(/media/images/btnred_left.gif) 0 0 no-repeat #E51936;
				}
				
a:hover.btn		{
				color:#ffffff;
				text-decoration:underline;
				}
				
.btn b			{
				width:5px;
				height:40px;
				display:block;
				overflow:hidden;
				position:absolute;
				top:0;
				right:-1px;
				background:url(/media/images/btnred_right.gif) 0 0 no-repeat;
				}

.btng			{
				position:absolute;
				height:20px;
				font:bold 1.4em Arial, Helvetica, sans-serif;
				color:#ffffff;
				bottom:20px;
				right:20px;
				padding:10px 12px;
				background:url(/media/images/btng_left.gif) 0 0 no-repeat #8f8f8f;
				}
				
a:hover.btng		{
				color:#ffffff;
				text-decoration:underline;
				}
				
.btng b			{
				width:5px;
				height:40px;
				display:block;
				overflow:hidden;
				position:absolute;
				top:0;
				right:-1px;
				background:url(/media/images/btng_right.gif) 0 0 no-repeat;
				}

form.nieuwsbrief input#submit{
	width:100px; 
}

/* lightbox formulier boekbestellen */
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.black_overlay.show {
	display:block;
}

.white_content {
	display: none;
	position: absolute;
	top: 40px;
	left: 100px;
	width:auto;
	height:auto;
	padding: 16px;
	z-index:1002;
	overflow: hidden;
}

.topimage {
	height:38px;
	width:429px;
	background:url(/media/img/topimage.png) no-repeat;
}
.mainimage {
	height:auto;
	width:429px;
	background:url(/media/img/mainimage.png) repeat-y;
}
.bottomimage {
	height:38px;
	width:429px;
	background:url(/media/img/bottomimage.png) no-repeat;
}

.formbox {
	width:340px;
	height:auto;
	margin-left:44px;
	padding-bottom:30px;
}
.white_content.show{
	display:block;
}

/* tooltip */
 div.tipy {
	position:absolute;
	width:auto;
	padding:24px;
	text-align:left;
	margin-left:60px;
	margin-top:60px;
	background:#fff;
	display:none;
	z-index:1002;
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-top:2px solid #000;
	border-bottom:4px solid #000;
	-moz-border-radius:0px 12px 12px 12px;
	-webkit-border-radius:0px 12px 12px 12px;
}

#fone{
border-bottom:0px;
border-none;
background: url(/media/img/footah.jpg) no-repeat;
padding:22px 20px;
}

ul li input{
	border:1px solid #999;
	padding:5px;	
}