/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#093b93;}
img{border:0px;}
body{background:#6f9ecb url(../images/background.png) repeat-x;}
div.clear{clear:both; font-size:0px;}
form {display: inline;}
a {outline:0;}
/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{background:#fff url(../images/shadow.png) repeat-y; margin:46px auto 145px auto; padding:0px 18px 0px 18px; width:800px; position:relative;}
#container .top{background:url(../images/top.png) no-repeat; width:912px; height:551px; position:absolute; top:-47px; right:-73px; z-index:1;}
#container .bottom{background:url(../images/bottom.png) no-repeat; width:976px; height:220px; position:absolute; bottom:-145px; left:-67px; z-index:1;}
#container .content{background:#fff; padding:5px; position:relative; z-index:2;}

/************************************************************************************************/
/*top*/
/************************************************************************************************/
#top{background:url(../images/header.png) no-repeat; height:143px; position:relative;}
#top h1 a{display:block; background:url(../images/logo.png) no-repeat; width:197px; height:80px; text-indent:-6000px; position:absolute; top:-21px; left:20px;}
#top ul.links{list-style:none;position:absolute; top:-25px; right:6px;}
#top ul.links li{float:left;}
#top ul.links li span{color:#fff;}
#top ul.links li a{color:#fff; text-decoration:none; text-transform:uppercase;}
#top ul.links li a:hover{text-decoration:underline;}
#top ul.links li span{padding:0px 6px;}
#top .header ul{list-style:none; position:absolute; top:68px; left:0;}
#top .header ul li{float:left;}
#top .header ul li a{display:block; height:34px; text-indent:-6000px;}
#top .header ul li.m1 a{background:url(../images/b_bedrijfsinformatie.png) no-repeat; width:142px;}
#top .header ul li.m2 a{background:url(../images/b_hosting.png) no-repeat; width:71px;}
#top .header ul li.m3 a{background:url(../images/b_webdesign.png) no-repeat; width:88px;}
#top .header ul li.m4 a{background:url(../images/b_development.png) no-repeat; width:105px;}
#top .header ul li.m5 a{background:url(../images/b_portfolio.png) no-repeat; width:93px;}
#top .header ul li.m6 a{background:url(../images/b_support.png) no-repeat; width:81px;}

/*fields*/
#top .fields{background:url(../images/header_shadow.png) no-repeat bottom; height:29px; padding:114px 0px 0px 30px;}
#top .fields h3{display:inline; padding:12px 16px 0px 16px; text-transform:uppercase;}
#top .fields span{padding:0px 6px 0px 6px; text-transform:uppercase;}
#top .fields input{vertical-align:middle;}


/************************************************************************************************/
/*middle*/
/************************************************************************************************/
#middle{padding-top:4px; position:relative;}
#middle.standard{background:url(../images/gradient.png) no-repeat 0px 4px; height:100%;}
#middle.standard ul{list-style:none;}
#middle.standard ul li{display:inline;}
#middle.main{height:100%;}

/*left*/
#middle.main #left{float:left; padding:18px 14px 18px 14px; width:48%; position:relative;}
#middle.main #left h3{padding-bottom:13px; font-size:18px; font-weight:bold;}
#middle.main #left p{padding-bottom:13px;}
#middle.main #left .head{font-weight:bold;}
#middle.standard #left{float:left; padding:18px 14px 18px 14px; width:108px; position:relative;}
#middle.standard #left ul li a{display:block; background:url(../images/arrow.png) no-repeat; padding:1px 0px 6px 23px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#middle.standard #left ul li a:hover{background:url(../images/arrow_over.png) no-repeat;}

/*center*/
#middle.standard #center{float:left; padding:19px 16px 19px 16px; width:430px; position:relative; min-height:371px; height:auto !important; height:371px;}
#middle.standard #center h3{padding-bottom:13px; font-size:18px; font-weight:bold;}
#middle.standard #center p, #center img{padding-bottom:13px;}
#middle.standard #center img{float:left;}
#middle.standard #center img.small{float:right; padding-bottom:3px;}
#middle.standard #center .head{font-weight:bold;}
#middle.standard #center ul{float:right; width:100px;}
#middle.standard #center ul li a{display:block; background:url(../images/arrow.png) no-repeat 0px 1px; padding:1px 0px 6px 23px; text-decoration:none;}
#middle.standard #center ul li a:hover{background:url(../images/arrow_over.png) no-repeat 0px 1px;}

/*right*/
#middle.main #right{padding-top:23px;}
#middle.standard #right{float:right; padding:18px 14px 18px 14px; margin-left:-3px; width:160px; position:relative;}
#middle.standard #right h3{padding-bottom:14px; text-transform:uppercase;}
#middle.standard #right a.more{display:block; padding:17px 0px 0px 23px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#middle.standard #right ul li a span{display:block;}
#middle.standard #right ul li a{display:block; background:url(../images/arrow.png) no-repeat 0px 1px; padding:1px 0px 6px 23px; text-decoration:none;}
#middle.standard #right ul li a:hover{background:url(../images/arrow_over.png) no-repeat 0px 1px;}
#middle.standard #right ul.bold li a{font-weight:bold; position:relative;}

/*item*/
.item{float:left; background:url(../images/gradient_small.png) no-repeat; width:124px;}
.item h4{padding:5px 0px 13px 9px; font-size:9px; text-transform:uppercase;}
.item ul{padding:0px 0px 10px 20px;}
.item ul li{padding-bottom:3px;}
.item ul li a{font-weight:bold; text-decoration:none;}

/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{background:#dfeaf9; padding:5px 9px 5px 9px; font-size:9px; font-weight:bold; width:772px; position:relative;}
#footer span{color:#01247a;}
#footer .right{position:absolute; top:5px; right:9px;}

/************************************************************************************************/
/*sitemap*/
/************************************************************************************************/
#sitemap ul{
	float: none!important;
}

#sitemap li{
	margin-left: 10px;
	display: block!important;
}