body {font-size:62.5%;background-color: #4B4B4B;font-family:Verdana, Arial, Helvetica, sans-serif;color:#767779;}
h1 {font-size:2em; color:#0084a9;}
h2 {font-size:1.0em}
h3 {font-size:0.99em}
#main {background: url(../images/mainback.gif) repeat-y;width: 921px;margin: 0 auto;}
.nv {display:none;}
.noborder {border:0px}
.blackback{background-color: #000000}
/* top */
#top {background: url(../images/top.gif) no-repeat;position:relative;height:100px;}

#logo {position:absolute;top:34px;left:38px;border:0px;}

#top ul {position:absolute;top:14px;right:34px;list-style-type: none;padding: 0px;margin:0px;}
#top li {float:left;border-left: 1px solid #767779;	padding: 0px 10px;}
#top ul .first {border:0;}
#top ul a {color: #767779; text-decoration:none;}
#top ul a:hover {color: #767779;text-decoration: underline;}


#top #searchform {top:36px;right:37px;width: 213px;height: 40px;position: absolute;}
#top #searchform label {display:none;}
#top #searchform input {background-image:url(../images/searchbar.gif); border:0px;width:110px;padding:0px;height:16px;line-height:16px;margin: 0px;background-repeat:no-repeat; font-size:9px;color:#666666; padding-left: 5px;}
#top #searchform .submitbutton {background-image:url(../images/searchbutton.gif);width:90px;height:16px;border:0px;color:#FFFFFF; text-indent:0px;}

/* menu */
#menu {height:31px;padding:0px; margin:0px;}
#menu ul{list-style-type: none; padding:0px; margin:0 auto; width:844px;}
#menu a {color:#dedddc;text-decoration:none;width:168px;height:31px;line-height:31px;text-align:center;	display:block;font-size: 11px;}
#menu a:hover {color:#fff;}
#menu li {background-image:url(../images/menuback.gif);float:left;border-left: 1px solid #FFFFFF;}
#menu .first{border-left: 0px;background-image:url(../images/menuleft.gif);}
#menu .last{background-image:url(../images/menuright.gif);}

/* enrichment */
#enrichment {padding: 20px 0px; margin:0 auto; width:844px;}

#homeenrichment {
	background:url(../images/home-zomer.jpg) no-repeat;
	height:263px;
	position:relative;
}
#homeenrichment a{
	display:block;
	background-image:url(../images/buttonhome.gif);
	height:21px;
	width:170px;
	line-height:21px;
	background-repeat:no-repeat;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	bottom:1px;
	position:absolute;
}
#webdesignslide {
	left:280px;	
}
#webdesignslider {
	left:280px;
	bottom:22px;
}
#webhostingslide {
	left:465px;	
}
#webhostingslider {
	left:465px;
	bottom:22px;
}
#webdevelopmentslide {
	left:650px;	
}
#webdevelopmentslider {
	left:650px;
	bottom:22px;
}
.slider {
	position:absolute;
	height:157px;
	width:169px;
	background-image:url(../images/homevlakback.png);
	background-repeat:no-repeat;
}
.slider h2{
	color:#FFF;
	font-size:1.4em;
	padding:0px 10px 10px 10px;
}
.slider p{
	color:#FFF;
	font-size: 1.1em;
	padding:0px 10px 10px 10px;
}

/* middle */
#middle {width: 844px;margin: 0 auto; position:relative; padding-top: 25px;}
#submenu {width: 210px;margin: 0px;padding: 0px;list-style: none;text-decoration: none;border-left: solid 1px #e8e8e8;border-right: solid 1px #e8e8e8;float:left;}
#submenu li a {text-indent: 30px;line-height: 30px;display: block;color: #b2b2b2;font-weight: bold;width: 210px;padding: 0px;margin: 0px;text-decoration: none;border-bottom: 1px solid #e8e8e8;}
#submenu li a:hover {background-color:#F5F5F5;color: #0084A9;text-decoration: underline;}
#submenu li a.activelink {background-color: #eaeaea;color: #0084A9;text-decoration: underline;}
#submenu li a.sublink {text-indent: 60px;color: #b2b2b2;text-decoration: none;}

#content {float: right;width: 600px; padding:10px;}
#content a {color: #0084a9;}
#content a:hover {color: #0084a9;text-decoration: underline;}
#content p { line-height:15px;}
#content ul, ol { line-height:15px; }
#content .pdf li { list-style-image: url(../images/pdf.gif); }
#contactform td { text-align: left;}
.portfoliovervolg p{margin:3px 0px 10px 0px;}
.portfoliovervolg h2{margin:10px 0px 0px 0px;}
.portfolioindex h2{font-size:1.2em}
.portfoliovervolgitem{margin:5px;padding:12px;border: solid 1px #d6d6d6; width:510px;}
#portfoliovervolgimage { border: solid 1px #d6d6d6; }
#pagenation {text-align: center;}
#breadcrumb {background: #2bbed8 url(../images/pinkright.gif) right no-repeat;display:block;height:25px;position:absolute;top:0px;left:0px;width: 844px;margin:0px;	padding:0px;}
#breadcrumb p { background: #0084a9 url(../images/redleft.gif) no-repeat; font-size:11px; display:inline; padding:6px 10px; color:#FFFFFF; height:25px; margin:0px; line-height: 25px; border-right: 1px solid #fff;}
#breadcrumb p a {color: #ffffff;text-decoration: none; font-weight:bold;}
#breadcrumb p a:hover {color: #ffffff;text-decoration: underline;}
.tableName { height:20px; line-height:20px; color:#B2B2B2; }
.titleColumn { color:#B2B2B2; font-size:1.2em; font-weight:bold; text-align:center; }
table {	border-bottom:1px solid #E8E8E8; }
thead tr { background-color:#F1F1F1; height:37px; line-height:37px; border-top:1px solid #B2B2B2; border-left:1px solid #E8E8E8; border-right:1px solid #B2B2B2; }
thead td { text-align: center; padding: 0px 5px; font-weight:bold; }
tbody td { border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; line-height:29px; text-align: center; padding: 0px 5px; }
tbody tr { border-right:1px solid #E8E8E8; }
tbody .oddRow { background-color:#F1F1F1; }
.lastColumn { border-right:1px solid #E8E8E8; }
.ok {color:#009900;}
.error {color:#FF0000;}


/* home mods */
#middlehome {width: 844px;margin: 0 auto; position:relative;}
#homecontent {width:565px;height:242px;background-image:url(../images/homecontentback.gif);position:relative;float:left;}
#homecontent p {width:515px;padding-left:25px;line-height:15px;}
#homecontent a {color: #767779;text-decoration: underline;font-weight:normal;}
#homecontent h1 {padding-left:25px;padding-top: 5px; font-size: 16px;}
#homecontent strong{font-weight:normal;}
.leftborder {width:3px;height:242px;background-image:url(../images/homecontent-left.gif);left:0px;top:0px;position:absolute;}
.rightborder {width:3px;height:242px;background-image:url(../images/homecontent-right.gif);right:0px;top:0px;position:absolute;}
#homenews {width:265px;height:242px;background-image:url(../images/homecontentback.gif);position:relative;float:right;}
#homenews h2 {padding-left:25px;padding-top: 5px; color:#0084a9;font-size: 16px;}
#homenews strong {display:block;}
#homenews ul {padding:0px 0px 0px 25px;margin:0px;}
#homenews li { background:url(../images/newsitem.png) no-repeat center left; list-style:none; padding-left:25px; margin-bottom:20px;}
#homenews li a:link {text-decoration:none; color:#767779;}
#homenews li a:visited {text-decoration:none; color:#767779;}
#homenews li a:hover {text-decoration:underline; color:#767779;}
#latestprojects {padding: 0px;margin:0px;position:relative;clear:both; border-top: solid #fff 25px;}
#latestprojects ul {list-style-type: none;float: left;padding: 40px 0px 0px 0px;margin:0px;}
#latestprojects li {background-image: url(../images/lastprojecttop.gif);background-repeat: no-repeat;width: 193px;height: 135px;float:left;margin-right: 24px;position:relative; border-bottom:solid #fff 25px;}
#latestprojects .latest {margin-right: 0px;}
#latestprojects p{margin: 0 auto;width: 174px;overflow:hidden;padding-top: 5px;height:76px;}
#latestprojects p a {font-size:12px;clear:both;text-decoration:none;display:block;font-weight: bold;letter-spacing: 1px;color:#4f4f4f;}
.readmorelink {background:url(../images/readmore.gif) no-repeat;display:block;width:110px;height:22px;line-height:22px;color:#FFFFFF;text-decoration:none;text-align:center;position:absolute;bottom:16px;right:22px;}
#latestprojects img {border: 0px;}
#latestprojectshead {background: #2bbed8 url(../images/pinkright.gif) right no-repeat;display:block;height:25px;position:absolute;top:0px;left:0px;width: 844px;margin:0px;	padding:0px;}
#latestprojectshead p { background: #0084a9 url(../images/redleft.gif) no-repeat; font-size:11px; display:inline; padding:6px 10px; color:#FFFFFF; height:25px; margin:0px; line-height: 25px; border-right: 1px solid #fff;}
#latestprojectshead p a {color: #ffffff;text-decoration: none; font-weight:bold;}
#latestprojectshead p a:hover {color: #ffffff;text-decoration: underline;}

/* footer */
#footer {background: #4B4B4B url(../images/bottomback.gif) no-repeat;height: 50px;line-height: 50px;font-size: 0.9em;text-align: center; clear:both;}
body.mceContentBody {background: #ffffff}