/* CSS RESET */
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,dd, dl, dt, li, ol, ul,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: 1;font-family: inherit;text-align: left;vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table  {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
/* CSS RESET */

p,a,td,th,div,strong,h1,h2,h3,li {line-height: 20px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

body {
	background:url('../_images/bg_body.png') repeat-x #e5dfcc;
	color:#2e2820;
}

h1 {
	margin:0px;
	font-size:14px;
}

h2 {
	margin:0px;
	font-size:13px;
	color:#8a3e15;
	font-weight:bold;
}

input {
	background:#FFFFFF;
	border:1px solid #cec8b5;
	font-size:10px;
	color:#8a3e15;
	padding:3px;
}

input:hover {
	background:#FFFFFF;
	border:1px solid #8a3e15;
}

select {
	background:#FFFFFF;
	border:1px solid #cec8b5;
	font-size:10px;
	color:#8a3e15;
	padding:3px;
}

select:hover {
	background:#FFFFFF;
	border:1px solid #8a3e15;
}


a {
	color:#8a3e15;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.topLink {
	text-decoration:none;
	color:#ecd6c7;
	font-size:10px;
}

a:hover.topLink {
	text-decoration:none;
	color:#923805;
}

a.footerLink {
	text-decoration:none;
	color:#554e4e;
	font-size:10px;
}

a:hover.footerLink {
	text-decoration:none;
	color:#923805;
}

a.button1 {
	display:block;
	width:278px;
	height:75px;
	background:url("../_images/button_website.jpg") no-repeat;
	text-decoration:none;
}

a:hover.button1 {
	background-position:-277px 0;
}

a.button2 {
	display: block;
	width:278px;
	height:75px;
	background:url("../_images/button_webhosting.jpg") no-repeat;
	text-decoration:none;
}

a:hover.button2 {
	background-position:-277px 0;
}

a.button3 {
	display:block;
	width:278px;
	height:75px;
	background:url("../_images/button_cms.jpg") no-repeat;
	text-decoration:none;
}

a:hover.button3 {
	background-position:-277px 0;
}

a.button4 {
	display: block;
	width:278px;
	height:75px;
	background:url("../_images/button_prijsaanvragen.jpg") no-repeat;
	text-decoration:none;
}

a:hover.button4 {
	background-position:-277px 0;
}

#wrapper {
	width:100%;
	background:url('../_images/bg_header.png') no-repeat center top;
}

#container {
	margin-right:auto;
	margin-left:auto;
	width:800px;
}

#header {
	height:193px;
	cursor:default;
}

#topMail {
	position:relative;
	float:left;
	top:9px;
	font-size:10px;
	color:#ecd6c7;
}

#topSlogan {
	position:relative;
	top:9px;
	float:right;
	font-size:10px;
	color:#ecd6c7;
}

#menu {
	height:41px;
}

#menuSpace {
	height:12px;
}

#navMenu {
	display:inline;
}

.listMenu {
	padding:0px;
	margin:0px;
	float:left;
	display:inline;
	width:100px;
	text-align:center;
}

#navMenu a{
	color:#000000;
	display:block;
	height:25px;
	width:100px;
	font-size:14px;
	text-align:center;
}

#navMenu a:hover{
	color:#e5dfcc;
	display:block;
	height:25px;
	width:100px;
	text-decoration:none;
	background:url('../_images/menu_hover.jpg') no-repeat center;
}

#buttonsLeft {
	position:relative;
	float:left;
	top:14px;
	height:277px;
}

#showcaseRight {
	position:relative;
	top:25px;
	float:right;
	height:241px;
	width:410px;
	color:#f4f1e9;
	font-size:12px;
}

#showcaseRight h2 {
	color:#f4f1e9;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */

/* SLIDER */
#showcaseRight ul, #showcaseRight li{
	margin:0;
	padding:0;
	list-style:none;
}
#showcaseRight li{ 
	width:410px;
	height:241px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:36px;
	height:150px;
	position:relative;
	left:77px;
	top:54px;
}	
#nextBtn{ 
	left:462px;
	top:-100px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:36px;
	height:150px;
	background:url(../_images/btn_prev.png) no-repeat 0 0;	
}	
#nextBtn a{ 
	background:url(../_images/btn_next.png) no-repeat 0 0;	
}		
/* // SLIDER */

#content {
	height:auto;
	position:relative;
	top:-30px;
}

#contentLeft {
	float:left;
	width:309px;
}

#contentRight {
	float:right;
	width:474px;
}

.textCenter {
	text-align:center;	
}

.tekstBlok {
	position:relative;
	float:left;
	width:288px;
	top:6px;
	padding:8px;
	background:#f4f1e9;
	border:1px solid #cec8b5;
}

.height6 {
	clear:both;
	height:6px;
}

.height12 {
	clear:both;
	height:12px;
}

.height25 {
	clear:both;
	height:25px;
}

.tekstBlokRight {
	float:right;
	position:relative;
	top:6px;
	width:456px;
	padding:8px;
	background:#f4f1e9;
	border:1px solid #cec8b5;
}

.tekstBlokSmall1 {
	float:left;
	position:relative;
	top:6px;
	width:215px;
	padding:8px;
	background:#f4f1e9;
	border:1px solid #cec8b5;
}

.tekstBlokSmall2 {
	float:right;
	position:relative;
	top:6px;
	width:215px;
	padding:8px;
	background:#f4f1e9;
	border:1px solid #cec8b5;
}

.hostingPakket {
	float:left;
	height:105px;
	width:120px;
	border-bottom:1px dashed #cec8b5;
}
.hostingInhoud {
	float:left;
	height:105px;
	width:168px;
	border-bottom:1px dashed #cec8b5;
}

.contactBlokje1 {
	float:left;
	width:180px;
}

.contactBlokje2 {
	float:left;
}

.kopLeft {
	float:left;
	width:7px;
	height:25px;
	background:url('../_images/koplinks.png') no-repeat;
}
.kopRight {
	float:left;
	width:17px;
	height:25px;
	background:url('../_images/koprechts.png') no-repeat;
}

.kopTekst {
	float:left;
	padding:2px;
	height:21px;
	font-size:14px;
	font-weight:bold;
	color:#f4f1e9;
	background:#8a3e15;
}

ul#diensten {
	position:relative;
	left:40px;
	list-style-image:url(../_images/list.jpg);
}
ul.ulhostingInhoud {
	position:relative;
	left:10px;
	list-style-image:url(../_images/list.jpg);
}

#footer {
	position:relative;
	top:12px;
	height:82px;
	background:url('../_images/bg_footer.png') no-repeat;
}

#footerMenu {
	position:relative;
	top:12px;
	height:46px;
	font-size:10px;
}

#footerCopyright {
	color:#554e4e;
	font-size:10px;
}

#footernavMenu {
	display:inline;
}

.footerlistMenu {
	float:left;
	display:inline;
	width:100px;
	height:25px;
	text-align:center;
}

#footernavMenu a{
	color:#000000;
	display:block;
	height:25px;
	width:100px;
	text-align:center;
	font-size:10px;
}

#footernavMenu a:hover{
	color:#c0430a;
	display:block;
	height:25px;
	width:100px;
	text-decoration:none;
}

.clear {
	clear:both;
}