@charset "utf-8";
@import url("reset.css");

/*********************************
	General
*********************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 0 30px 0;
	overflow-y:scroll;
}

.clearer {clear:both; font-size:1px;}
p {margin:0 0 13px 0; line-height:15px;}

.linkbutton {background:url(/images/link_button_background.jpg) repeat-x; height:25px; width:80px; font-size:10px; color:#fff !important; padding:3px 13px 10px 13px; text-decoration:none;}

a:hover {text-decoration:none}


/*********************************
	Page structure
*********************************/
#container {
	width:940px;
	margin:35px auto;
	overflow:hidden;
}

#header {
	overflow:hidden;
}

#menu {
	height:44px;
	border:1px solid #888;
	border-bottom:0px;
	margin:5px 0 0 0;
	background:url(/images/background_menu.jpg) repeat-x;
	clear:both;
}
#subHeader {
	border-right:1px solid #888;
	border-left:1px solid #888;
	background-color:#E7E7E7;
	height:274px;
	overflow:hidden;
}
#subHeaderSubpage {
	border-right:1px solid #888;
	border-left:1px solid #888;
	background-color:#E7E7E7;
	height:203px;
	overflow:hidden;
} 


/*********************************
	Header
*********************************/
#header h4 {display:block; background:url(/images/logo.gif) no-repeat; width:249px; height:32px; margin:0 0 0 21px; float:left}
#header h4 a {display:block; height:100%}
#header h4 a span {display:none}
			
#header ul {list-style-type:none; float:right; margin:10px 5px 0 0;}
#header ul li {float:left; border-right:1px solid #666; margin:0 6px 0 0; padding:0 6px 0 0;}
#header ul li.last {border:0px; margin:0px;}
#header ul li a {color:#666;}


/*********************************
	Menu
*********************************/
#menu ul {list-style-type:none; padding:0 0 0 9px;}
#menu ul li {float:left; padding:0px; height:32px; background:url(/images/border_menu_top.gif) right no-repeat;}
#menu ul li.last {border:0;}
#menu ul li a {display:block; float:left; }
#menu ul li a#home {background:url(/images/button_home.jpg) no-repeat; width:66px; height:32px;}
#menu ul li a#home:hover {background:url(/images/button_home_active.jpg) no-repeat;}
#menu ul li a#webdesign {background:url(/images/button_webdesign.jpg) no-repeat; width:87px; height:32px;}
#menu ul li a#webdesign:hover {background:url(/images/button_webdesign_active.jpg) no-repeat;}
#menu ul li a#webhosting {background:url(/images/button_webhosting.jpg) no-repeat; width:94px; height:32px;}
#menu ul li a#webhosting:hover {background:url(/images/button_webhosting_active.jpg) no-repeat;}
#menu ul li a#domeinregistratie {background:url(/images/button_domeinregistratie.jpg) no-repeat; width:132px; height:32px;}
#menu ul li a#domeinregistratie:hover {background:url(/images/button_domeinregistratie_active.jpg) no-repeat; }
#menu ul li a#portfolio {background:url(/images/button_portfolio.jpg) no-repeat; width:82px; height:32px;}
#menu ul li a#portfolio:hover {background:url(/images/button_portfolio_active.jpg) no-repeat; }
#menu ul li a#bedrijfsinfo {background:url(/images/button_bedrijfsinfo.jpg) no-repeat; width:98px; height:32px;}
#menu ul li a#bedrijfsinfo:hover {background:url(/images/button_bedrijfsinfo_active.jpg) no-repeat; }
#menu ul li a#contact {background:url(/images/button_contact.jpg) no-repeat; width:72px; height:32px;}
#menu ul li a#contact:hover {background:url(/images/button_contact_active.jpg) no-repeat; }
#menu ul li a span {display:none}


/*********************************
	Subheader
*********************************/
#imageHolder {
	background:url(/images/subheaderimage.jpg) no-repeat;
	float:left;
	height:274px;
	overflow:hidden;
	width:518px;
}
#imageHolderSubpage {
	background:url(/images/subheaderimageSubpage.jpg) no-repeat;
	float:left;
	height:203px;
	overflow:hidden;
	width:518px;
}

#blankBox {
	background:url(/images/blankbox.jpg) no-repeat;
	height:274px;
	width:417px;
	overflow:hidden;
	float:left
}
.infoBox {
	width:446px;
	height:236px;
	margin:16px 0 0 -66px;
	padding:30px 0 0 35px;
	background:url(/images/background_infobox.jpg) no-repeat;
	position:absolute;
}
.subbox {
	height:168px !important;
	background:url(/images/background_infobox_subpage.jpg) no-repeat !important;
}	
	.subbox  p {width:370px !important}
	.infoBox h1 {color:#fff; font-weight:bold; display:block; margin:0 0 10px 0}
	.infoBox h2 {color:#fff; font-weight:bold; display:block; margin:0 0 10px 0}
	.infoBox p {color:#fff}
	.infoBox p.introtxt {width:370px;}
	.infoBox a {color:#fff;}
	
#breadcrumb {
	height:38px;
	color:#fff;
	margin:245px 0 0 19px;
}
#breadcrumbSubpage {
	height:38px;
	color:#fff;
	margin:174px 0 0 19px;
}
#breadcrumbtxt a {color:#fff}
#breadcrumbtxt a:hover {text-decoration:none}


/*********************************
	Contentwrap
*********************************/
#contentWrap {
	border:1px solid #888;
	border-bottom:1px solid #fff;
	padding:20px 0 20px 0;
	background:#E3E1DA url(/images/background_contentwrap.gif) repeat-y;
	overflow:hidden;
}
#leftContent {
	width:178px;
	float:left;
	padding:0 2px 30px 9px;
}
	#leftContent h3 {font-weight:bold; color:#494949; margin:0 0 0 6px;}
	#leftContent p {font-weight:normal; color:#494949; margin:8px 0 0 10px;}
	#leftContent ul {list-style-type:none; margin:4px 0 0 0;}
	#leftContent ul li {background:url(/images/border_menu.gif) bottom repeat-x; padding:6px 0 6px 6px;}
	#leftContent ul li a {color:#C9351B; text-decoration:none}
	#leftContent ul li a:hover {text-decoration:underline}
	
#rightContent {
	width:669px;
	margin:0 0 0 8px;
	padding:0 35px 10px 35px;
	float:left;
	color:#494949;
	position:relative
}
	#rightContent h1 {font-weight:bold; color:#494949; margin:0 0 8px 0;}
	#rightContent h4 {font-weight:bold;}
	#rightContent ol, #rightContent ul {margin:-10px 0 0 24px; padding:0;}
	#rightContent li {margin:6px 0 0 0; padding:0;}
	#rightContent a {color:#C9351B}
	#rightContent #small {padding-left:5px; font-size:10px; font-style:italic;}
	#rightContent input.txtfield {margin:0 0 5px 0; border:1px solid #A0A0A0; width:195px; height:18px; color:#666; padding:2px 0 0 2px;}
	#rightContent select.txtfield {margin:0 0 5px 0; border:1px solid #A0A0A0; width:155px; height:22px; color:#666; padding:2px 0 0 2px;}
	#rightContent textarea {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #A0A0A0; width:375px; height:200px; color:#666; padding:2px 0 0 2px;}
	.backlink {color:#02618F !important}
	#rightContent ul#Steps {list-style:none; margin:0; padding:0; width:650px; height:25px; border-top:1px dotted #494949; border-bottom:1px dotted #494949; font-size:9px;}
	#rightContent ul#Steps li {width:130px; font-weight:bold; float:left;}
	#rightContent ul#Steps li span {width:130px; font-weight:normal;}

#screenWrap {
	border:1px solid #D5D1C8;
	background:#fff;
	padding:5px 5px 3px 5px;
	width:564px;
	height:162px;
	margin:0 10px 15px 10px;
	float:left
}

.screenNav {margin:70px 0 0 0; width:34px; border:1px solid #aaa; background:#D5D1C8; float:left; font-weight:bold; font-size:19px; color:#6C6C6C !important; text-decoration:none; padding:0 7px 0 6px; display:block; height:100%; height:30px;}
.screenNavDisabled {margin:70px 0 0 0; width:34px; border:1px solid #aaa; background:#D5D1C8; float:left; font-weight:bold; font-size:19px; color:#6C6C6C !important; text-decoration:none; padding:0 7px 0 6px; display:block; height:100%; height:30px; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20;}
.screenNav:hover {background:#F7F7F4;}


/*********************************
	Bottom Content
*********************************/
#bottemContent {
	width:938px;
	background:url(/images/background_contentbottom.jpg) repeat-y;
	border:1px solid #888;
	border-top:0;
	overflow:hidden;
}
.titleWrap {
	background:url(/images/background_subtitlemenu.jpg) repeat-x;
	height:21px;
	padding:8px 0 0 0;
}
	.titleWrap h3 {margin:0 0 0 20px;}
	
#latestNews {
	float:left;
	width:316px;
	background:url(/images/background_bc_1.jpg) 0px 29px repeat-x;
	overflow:hidden;
	height:200px;
	color:#494949;
}
	#latestNews h3 {background:url(/images/bottemtitle_1.jpg) no-repeat; width:99px; height:13px;}
	#latestNews h3 span {display:none}
	#newsWrap {padding:20px}
	#newsWrap h4 {font-weight:bold; display:block; margin:0 0 3px 0;}
	#newsWrap h4 a {text-decoration:none; color:#494949;}
	#newsWrap h4 a:hover {text-decoration:underline}
	#newsWrap span {font-style:italic; display:block; margin:0 0 3px 0;}
	#newsWrap a {color:#C9351B;}
	#newsWrap a:hover {text-decoration:none}
	
#controlPanel {
	float:left;
	width:199px;
	background:url(/images/background_bc_2.jpg) 0px 29px repeat-x;
}
	#controlPanel h3 {background:url(/images/bottemtitle_2.jpg) no-repeat; width:96px; height:13px;}
	#controlPanel h3 span {display:none}
	#controlPanel fieldset {padding:20px}
	#controlPanel legend {display:none}
	#controlPanel label {display:block; margin:0 0 3px 0;}
	#controlPanel input.txtfield {display:block; margin:0 0 5px 0; border:1px solid #A0A0A0; width:155px; height:18px; color:#666; padding:2px 0 0 2px;}
	
#recentWork {
	float:left;
	width:423px;
	background:url(/images/background_bc_3.jpg) 0px 29px repeat-x;
	color:#494949;
}
	#recentWork h3 {background:url(/images/bottemtitle_3.jpg) no-repeat; width:83px; height:13px;}
	#recentWork h3 span {display:none}
	
	#thumb_project img {border:1px solid #8D8686; width:130px; height:auto; margin:17px 0 0 20px; float:left}
	#info_project {float:left; width:230px; margin:17px 0 0 10px; }
	#info_project h4 {font-weight:bold; display:block; margin:0 0 5px 0; color:#494949;}
	#info_project ul {list-style-type:none;}
	#info_project ul li {float:left; border-right:1px solid #494949; padding:0 10px 0 0; margin:0 10px 0 0;}
	#info_project ul li.last {border:0;}
	#info_project ul li a {color:#C9351B}
	#info_project ul li a:hover {text-decoration:none}

	
/*********************************
	Hosting pakketten
*********************************/
#pakketTable {margin:0 0 20px 0; border:1px solid #fff; border-bottom:0px;}
#pakketTable td {border-bottom:1px solid #B0B0B0; background-color:#fff; padding:4px 2px 4px 15px;}
#pakketTable td img { text-align:center}
#pakketTable td span {font-size:9px;}
.pakketTitles th {height:28px; border-bottom:1px solid #fff; background:url(/images/titleBg.jpg) repeat-x; padding:0 0 0 15px; color:#fff; font-weight:bold;}
.pakketTitles span{font-size:9px;}
.pakketSubtitle th {color:#fff; font-weight:bold; background-color:#676767; height:28px; padding:0 0 0 15px; border-bottom:1px solid #E3E1DA;}


/*********************************
	Footer
*********************************/
#footer {
	background:url(/images/background_footer.jpg) repeat-x;
	border-top:1px solid #fff;
	padding:15px 0 0 20px;
	height:43px;
	font-size:10px;
	color:#666;
}
	#footer a {font-size:10px; color:#666; text-decoration:none;)