*{ /* deze waardes zorgen automatisch voor gŽŽn tussenruimte bij alle div's */
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html,body {
	background-color: #F3F3F3; 
	height: 100%; /* zorgt ervoor dat een div in het HTML-bestand 100% height aan kan */
	background-image: url(../images/bg_site.jpg);
	background-repeat: repeat-x;
	font-family: Arial;
	color:#666666;
	font-size: 11.5px;
	line-height: 18px;
}





#siteWrapper {
    min-height: 100%;
    width: 960px;
    margin: 0 auto; /* deze div centreren */
    padding-top: 35px;
}

#logo{
	width: 960px;
	height: 100px;
}

#menu{
	width: 960px;
	height: 30px;
	background-image: url(../images/bg_menu.jpg);
	background-repeat: repeat-x;
	margin-bottom: 1px;
}

#header{
width: 960px;
height: 175px;
	background-image: url(../images/bg_header.jpg);
	background-repeat:no-repeat;
}


#contentWrap{
	width: 900px;
	padding: 30px 30px 0 30px;
	background-image: url(../images/bg_contentWrap.jpg);
	background-repeat:repeat-y;
}

div.columnIndex{
	float: left;
	width: 420px;
	_width: 400px;
	font-size: 14px;
	line-height: 22px;
	color: #5B4841;
	margin: 30px;
}




#recentProjects{
	width: 590px;
	height: 275px;
	float: left;
	margin-right: 30px;


}


#news{
	width: 285px;
	height: 250px;
	float: right;
	

}

#webhosting{
margin-top: 30px;

}
#hostingContent{
	width: 290px;
	float: left;
}

#hostingPakketten{
	width: 600px;
	float: left;
	margin-left: 10px;
	text-align: right;
}


#footer{
background-color: #504541;
height: 20px;
font-size: 10px;
color: #DCEB5B;


}

div.actie{
background-image: url(../images/bg_aktie.jpg);
background-repeat: no-repeat;
width: 280px;
height: 90px;
margin: 15px 0 36px 0;
text-align: center;
color: #FFF;

}

ul#services{
margin-top: 15px;
}

ul#services li{
background-image: url(../images/li_services.jpg);
background-repeat: no-repeat;
list-style-image: none;
list-style: none;
padding-left: 30px;
height: 25px;
}

img.foto_sub{
margin: 15px 0 27px 0;
}

.f_left{
float: left;
margin-left: 30px;
}


.f_rigth{
float: right;
margin-right: 30px;
}
.clear{
	clear: left;
}


.ervaring_naam{
	margin-left: 130px;
	margin-top: 5px;
	color: #893966;
}

.ervaring_naam2{

margin-top: 10px;
	color: #893966;
}

img.strange{
margin-top: 19px;
}

img.strange2{
margin-top: 1px;
}
/*

MENU

*/
ul#menu2 {
	float:left;
	list-style: none;
	padding: 0;
	width:900px;
}

#menu2 li{
	display:block;
	float:left;
	height: 25px;
	margin-left:15px;
}
#menu2 li a{
	display:block;
	line-height: 25px;
	text-indent: -99999em;
}

#menu22 li a:hover, #menu2 li a.active {
	background-position: 0 -30px;
}

#menu_1 {
	background: url('../images/menu_1.jpg') no-repeat;
	width: 80px;
}






#heading {
			display: block;
			text-align: right;
			margin-bottom: 30px;
			margin-top: -30px;
		}
		#heading * {
			display: inline;
			padding: 4px;
			height: 77px 
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li{
		background-color: #EEEDEC;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
			margin: 0 1px ;
		}
		
		
		#heading li.active {
			background-color: #893966;
			color: #FFFFFF;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		#panes {
			text-align: justify;
			border-style: none;
			width: 560px;
			height: 250x;
			margin-top: 10px;
		}
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }




div.interesseBlok{
width: 590px;
height: 130px;
background-color: #DCEB5B;
margin: 40px 0;


}

h4.interesse{
font-size: 20px;
color: #853D6F;
font-style: italic;
font-weight: 300;
padding: 15px 0 0 15px;

}


p.interesseLinks{
float: left;
width: 260px;
margin: 10px 25px 0 15px;
}

p.interesseRechts{
float: left;
width: 260px;
margin: 10px 0px 0 0;
}

/* TABLE*/

tr{


}

tr.bottom{
height: 40px;
vertical-align: middle;
margin-top:10px;
padding: 20px 0 0 0;
}

tr.background-color{
background-color:#EEEDEC;
}

tr.prijs{
font-weight: 700;
color:#883866;


}

td.prijs{
font-weight: 700;
color:#883866;


}

tr.prijs2{
font-weight: 700;
color:#883866;
background-color:#EEEDEC;

}


td{
padding-left: 0px;
}

td.no_pad{
padding: 0 0 10px 0;
}

td.no_pad2{
padding: 0 0 10px 0;
font-weight: 700;
color:#883866;
}

td.no_pada{
padding: 0 0 0 12px;
}


td.no_padb{
padding: 10px 0 10px 0;
}

td.omschrijving{
padding-left: 12px;
height: 22px;
}

#content_left td{

}

/* ACCORDION */
#accordion {
	margin:19px 0px 0 620px;
	width: 280px;
	background-color: #EEEDEC;
	
}

#contentShowcase{
margin-top: 30px;

}

div.projectWrap{
height: 200px;
border: 1px solid #F6F0F4;
margin-bottom: 50px;
padding: 15px 0 0 15px;

background-image: url(../images/bg_showcase.jpg);
background-repeat: repeat-x;
}


/* ACCORDION */
#accordion2 {
	margin:19px 0px 0 0px;
	width: 280px;
	background-color: #EEEDEC;
	min-height: 240px;
	
}

#accordion {
	width: 280px;
	_width: 270px;
	background-color: #EEEDEC;
	min-height: 240px;
	
}

h3.toggler {
	cursor: pointer;
	font-size: 12px;	
	height: 25px;
	margin: 0 0 0px 0;
	padding: 3px 0px 0 10px;
	border-top: 1px dotted #893966;

}

div.element p {
	margin:0px;
	padding:5px 0 10px 15px;
}

.element{
	
}



.p_img{
float: left;
height: 200px;
width: 280px;
}

.p_content{
float: left;
margin-left: 20px;
height: 200px;
width: 260px;
}


#content_left{
float: left;
width: 590px;

margin-right: 30px;

}

#content_right{
float: left;
width: 280px;

}




/* HEADINGS */

h1{
font-size: 14px;
color: #893966;
display: inline;
}


h2{
display: inline-table;
text-indent: -99999em;
}

h2.projecten{
background-image: url(../images/t_recente_projecten.jpg);
background-repeat: no-repeat;
width: 150px;
height: 20px;
}

h2.pakketten{
background-image: url(../images/t_pakketten.jpg);
background-repeat: no-repeat;
width: 160px;
height: 25px;
}

h2.domein{
background-image: url(../images/t_domein.jpg);
background-repeat: no-repeat;
width: 230px;
height: 20px;
}


h2.contact{
background-image: url(../images/t_contact.jpg);
background-repeat: no-repeat;
width: 230px;
height: 20px;
}


h2.cms{
background-image: url(../images/t_cms.jpg);
background-repeat: no-repeat;
width: 218px;
height: 20px;
}


h2.contactgeg{
background-image: url(../images/t_contactgeg.jpg);
background-repeat: no-repeat;
width: 135px;
height: 20px;
}


h2.webdesign{
background-image: url(../images/t_webdesign.jpg);
background-repeat: no-repeat;
width: 85px;
height: 20px;
}

h2.showcase{
background-image: url(../images/t_showcase.jpg);
background-repeat: no-repeat;
width: 75px;
height: 20px;
}


h2.laatsteNieuws{
width: 120px;
height: 20px;
background-image: url(../images/t_laatste_nieuws.jpg);
background-repeat: no-repeat;

}
h2.webstandaarden{
width: 130px;
height: 20px;
background-image: url(../images/t_webstandaarden.jpg);
background-repeat: no-repeat;

}


h2.erush{
width: 85px;
height: 20px;
background-image: url(../images/t_erush.jpg);
background-repeat: no-repeat;

}

h2.erush2{
width: 140px;
height: 20px;
background-image: url(../images/t_erush2.jpg);
background-repeat: no-repeat;

}

h2.webhosting{
width: 190px;
height: 20px;
background-image: url(../images/t_webhosting.jpg);
background-repeat: no-repeat;

}


h2.hosting{
width: 190px;
height: 20px;
background-image: url(../images/t_hosting.jpg);
background-repeat: no-repeat;

}

h2.ervaring{
width: 150px;
height: 20px;
background-image: url(../images/t_ervaring.jpg);
background-repeat: no-repeat;

}

h2.akties{
width: 150px;
height: 20px;
background-image: url(../images/t_aktie.jpg);
background-repeat: no-repeat;

}

h2.d_check{
width: 150px;
height: 20px;
background-image: url(../images/t_domeincheck.jpg);
background-repeat: no-repeat;

}

h2.services{
width: 150px;
height: 20px;
background-image: url(../images/t_services.jpg);
background-repeat: no-repeat;

}


h2.grafisch{
width: 250px;
height: 20px;
background-image: url(../images/t_grafisch.jpg);
background-repeat: no-repeat;

}

h2.gratis{

padding: 10px;
color: #DCE047;
font-size: 18px;
text-indent: 0;
font-weight: 100;
display: block;

}


h3{
color: #893966;
font-size: 12px;
}

h4{
color: #893966;
font-size: 12px;
}


p.subtitel{
font-size: 11px;
color: #928E8C;

}

span.subtitel{

font-size: 11px;
color: #928E8C;
margin-left: 15px;
}

p.hosting{
margin-top: 10px;
width: 275px;

}
p.webhosting_left{
float: left;
margin-top: 30px;
width: 285px;
margin-right: 15px;

}

p.webhosting_right{
float: left;
margin-top: 30px;
width: 285px;


}



/* MENU */


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: 15px;
	height: 29px;	
	font-size: 14px;
	
	}

#nav a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
#nav a:hover{
	color: #DCE047;
}

#nav .over{
	color: #000;
}

#nav li {
	float: left;
	width: auto;
	margin-right: 60px;
	padding: 8px 5px 4px 15px;
}




#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	margin: 4px 0 0 -15px;
	font-size: 12px;
	
}

#nav li ul li {
	background-color: #873F72;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	width: 130px;


}

#nav li ul li:hover{
	background-color: #EEEDEC;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	
}

#nav li ul li:hover a{
color: #873F72;
}

#nav li:hover ul {
	left: auto;
	

}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	
}


img.btn_meerinfo{
float: right;margin-top: 5px;
}

img.btn_detail{
float: right;margin-top: 10px;
}


/* CONTACT FORM */
input{background: #EEEDEC; border: 1px solid #CCC; height: 20px; padding: 5px 0 0 5px; margin-bottom: 10px; color: #666;}
form{margin: 20px 0;}

.message {background:#FFBFBF; color:#000;display:none;width:530px;padding:30px;}
.contact {text-align:left;}
.contact ul {list-style-type:none;width:590px;}
.contact li {list-style-type:none;float: left; width: 250px;}
.contact li.naam {list-style-type:none;float: left; width: 250px; margin-right: 85px;}
.contact li.special2 {list-style-type:none;float: left; width: 575px; }
.contact li.special {display:none; }
.contact input {width:250px; }
.contact textarea {font-family: Arial; font-size: 12px; background: #EEEDEC; border: 1px solid #CCC; height: 22px; padding: 4px 0 0 4px; margin-bottom: 10px; width: 585px; height: 90px;color: #666;}
.contact input.onderwerp{background: #EEEDEC; border: 1px solid #CCC; height: 22px; padding: 2px; margin-bottom: 10px; width: 585px;}
input.btn_verstuur{background-color: none; background-image:url(../images/btn_verstuur.jpg); width: 183px; height: 32px; background-repeat: no-repeat; border: none; float: right; text-indent: -99999em;}
.contact li.submitbutton{width: 593px;}

/* CONTACT FORM */

a.paars{color:#873F72; text-decoration: none; font-weight: 700;}
a.paars:hover{text-decoration: underline;}
a.h1{text-decoration: none;font-size: 14px;
color: #893966;}



span.paars{color:#873F72;  font-weight: 700;}