html, body {height: 100%;}

body {
	margin: 0;
	color:#76777A;
	min-width:1002px;
	background: #65a3d5 url("../images/bg-body.gif") repeat-x;
	font:12px arial, helvetica, sans-serif;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:"trebuchet ms", helvetica, sans-serif;
}
input, select, textarea {
	vertical-align: middle;
	font: 11px arial, helvetica, sans-serif;
	color:#adafb0;
}
a {
	color: #71c2f2;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
/* page */
#page {
	width:1002px;
	padding:73px 0 0;
	margin: 0 auto;
}
/* main-nav */
.main-nav{
	width:925px;
	height:28px;
	margin:0 auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.main-nav li{
	width:101px;
	height:28px;
	margin:0 0 0 1px;
	float:left;
}
.main-nav a{
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	color:#0a5385;
	font:bold 12px/31px "trebuchet ms", helvetica, sans-serif;
	background:url("../images/mainnav.png");
	position:relative;
	cursor:pointer;
}
.main-nav a:hover, .main-nav a.active{
	background:url("../images/mainnav-hover.png");
	text-decoration:none;
}
/* wrapper */
#wrapper{
	width:1002px;
	height:100%;
	padding:1px 0;
	overflow:hidden;
	background:url("../images/wrapper-c.png") repeat-y;
}
.wrapper-t{
	width:1002px;
	height:24px;
	overflow:hidden;
	background:url("../images/wrapper-t.png") no-repeat;
}
.wrapper-b{
	width:1002px;
	height:24px;
	overflow:hidden;
	background:url("../images/wrapper-b.png") no-repeat 0 100%;
}
/* header */
#header{
	width:937px;
	height:74px;
	margin:4px auto 12px;
	overflow:hidden;
}
/* logo */
.logo{
	width:320px;
	height:71px;
	overflow:hidden;
	background:url(../images/logo.gif);
	float:left;
	margin:0;
}
.logo a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.contact{
	margin:26px 0 0 57px;
	padding:0;
	list-style:none;
	color:#477ea4;
	float:left;
	display:inline;
	font-size:10px;
}
.contact li{
	float:left;
	display:inline;
	width:88px;
	line-height:15px;
	margin:0 9px 0 0;
}
.contact a{color:#477ea4;}
.contact address{font-style:normal;}
#header form{
	float:right;
	width:195px;
	margin:16px 0 0;
	display:inline;
}
#header label{
	background:url(../images/head-label.gif) no-repeat 0 2px;
	padding:0 0 0 18px;
	color:#0A5385;
	font-size:14px;
	font-weight:bold;
}
#header input{
	height:16px;
	width:162px;
	margin:4px 0 0 17px;
	padding:2px 0 0 3px;
	border:1px solid #adafb0;

}
.butt{
	background:url(../images/head-go.gif) no-repeat 0 3px;
	padding:0 0 0 16px;
	color:#4D9CD3;
	display:block;
	width:100px;
	font-size:11px;
	margin:2px 0 0 2px;
	line-height:16px;
}

.box{
	width:917px;
	height:163px;
	margin:0 auto;
	background:url(../images/image.gif) no-repeat;
	text-indent:-9999px;
}
.box p{margin:0;}
/* block */
.block{
	width:915px;
	margin:15px auto;
	overflow:hidden;
	background: url(../images/bg-block-c.gif) repeat-y;
}
.block .holder {background: url(../images/bg-block-t.gif) no-repeat;}
.block .frame {
	background: url(../images/bg-block-b.gif) no-repeat 0 100%;
	overflow: hidden;
	height: 1%;
	padding: 0 0 56px;
	position: relative;
}
.block .visual{
	width:297px;
	margin:0 12px 0 0;
	overflow:hidden;
	font-size:12px;
	float:left;
	display:inline;
}
.block .linksboven .bg{background:url(../images/webdesign_160.gif) no-repeat 130px 20px;}
.block .middenboven .bg{background:url(../images/website.gif) no-repeat 94px 20px;}
.block .rechtsboven{margin:0;}
.block .linksonder .bg{background:url(../images/filter_160.gif) no-repeat 130px 34px;}
.block .middenonder .bg{background:url(../images/backup.gif) no-repeat 200px 35px;}
.block .rechtsonder {margin:0;} .bg{background:url(../images/webshop.gif) no-repeat 133px 35px;}

.block h2{
	margin:0 0 0 16px;
	padding:11px 0 0 22px;
	background:url(../images/bull.gif) no-repeat 0 16px;
	color:#0A5385;
	font-size:19px;
	line-height:24px;
}
.block h3{
	width:130px;
	margin:25px 0 30px 35px;
	font-size:12px;
	color:#0A5385;
}
.block p{
	margin:0 0 15px 38px;
	width:248px;
	line-height:15px;
	color:#000000;
	a{display:inline;}
}
p.note{
	line-height:14px;
	font-size:11px;}
.klik{
	display:block;
	width:297px;
	height:48px;
	overflow:hidden;
	position: absolute;
	bottom: 0;
}
.klik a{
	width:264px;
	display:block;
	background:url(../images/bull-klik-lichtblauw.gif) no-repeat 0 1px;
	color:#fff;
	font:12px/17px "trebuchet ms", helvetica, sans-serif;
	margin:14px 0 0 17px;
	padding:0 0 0 25px;
}
.linksboven .klik a{
	margin:14px 0 0 17px;
	padding:0 0 0 25px;
	background:url(../images/bull-klik-lichtblauw.gif) no-repeat 0 1px;
}
.linksonder .klik a{
	margin:14px 0 0 17px;
	padding:0 0 0 25px;
	background:url(../images/bull-klik-lichtblauw.gif) no-repeat 0 1px;
}
.middenboven .klik a{
	margin:14px 0 0 15px;
	padding:0 0 0 24px;
	background:url(../images/bull-klik-donkerblauw.gif) no-repeat 0 1px;
}
.middenonder .klik a{
	margin:14px 0 0 15px;
	padding:0 0 0 24px;
	background:url(../images/bull-klik-donkerblauw.gif) no-repeat 0 1px;
}
.rechtsboven .klik a{margin:14px 0 0 12px;}
.rechtsonder .klik a{margin:14px 0 0 12px;}
.rechtsboven ul{
	width:247px;
	margin:0 0 0 34px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.rechtsboven li{
	margin:2px 0 -2px 0;
	padding:6px 0 11px;
	background:url(../images/li-mededelingen.gif) repeat-x 0 100%;
}
.rechtsboven h3, .rechtsboven p{margin:0;}
.rechtsboven h3{
	line-height:18px;
	width:100%;
}
.rechtsboven p{
	line-height:13px;
	width:100%;
	font-size:10px;
}
/* main */
#main{
	width:960px;
	overflow:hidden;
	margin:22px auto 7px;
}
/* content */
#content{
	width:631px;
	float:left;
	overflow:hidden;
}
#content h2{
	margin:0;
	padding:0 0 0 21px;
	color:#0a5385;
	font-size:23px;
	background:url(../images/bull.gif) no-repeat 0 6px;
}
#content h3{
	margin:10px 0 5px;
	font-size:17px;
	padding:0 0 0 18px;
	background:url(../../images/bull.gif) no-repeat 0 3px;
	color:#477ea4;
	background:
}
#content p{
	margin:0;
	line-height:18px;}
.list{
	margin:20px 0 0 22px;
	padding:0;
	list-style:none;
}
.list li{
	margin:2px 0 -2px 0;
	padding:0 0 13px;
	background:url(../images/li-mededelingen.gif) repeat-x 0 100%;
}
/* sidebar */
#sidebar{
	width:296px;
	float:right;
	display:inline;
	margin:2px 23px 0 0;
	overflow:hidden;
}
#sidebar .visual{
	width:296px;
	margin:0 0 12px;
	overflow:hidden;
	background:url(../images/sidevisual-c.gif) repeat-y;
}
#sidebar .webmail .frame{background:url(../images/sidevisual-t.gif) no-repeat;}
#sidebar .webpaneel .frame{background:url(../images/sidevisual-t2.gif) no-repeat;}
#sidebar .bg{
	background:url(../images/sidevisual-b.gif) no-repeat 0 100%;
	overflow:hidden;}
#sidebar .visual.netwerk{background:url(../images/sidevisual-c3.gif) repeat-y;}
#sidebar .netwerk .frame{background:url(../images/sidevisual-t3.gif) no-repeat;}
#sidebar .netwerk .bg{background:url(../images/sidevisual-b3.gif) no-repeat 0 100%;}
#sidebar h3{
	font-size:17px;
	color:#477ea4;
	background:url(../images/bull.gif) no-repeat 0 14px;
	margin:0 0 0 10px;
	padding:11px 0 0 24px;
}
#sidebar form{
	width:254px;
	margin:5px 0 0 16px;

}
#sidebar label{
	background:url(../images/head-label.gif) no-repeat 0 2px;
	padding:0 0 0 18px;
	color:#0A5385;
	font-size:12px;
	font-weight:bold;
}
#sidebar input{
	height:16px;
	width:238px;
	margin:5px 0 0 17px;
	padding:2px 0 0 3px;
	border:1px solid #adafb0;

}
#sidebar .butt{
	background:url(../images/head-go.gif) no-repeat 0 4px;
	padding:0 0 0 12px;
	margin:8px 0 11px 6px;
	width:140px;
	height:15px;
}
#sidebar .netwerk h3{
	padding:15px 0 0 24px;
	background:url(../images/bull.gif) no-repeat 0 20px;
}
.netwerk ul{
	width:100%;
	margin:11px 0 0 20px;
	padding:0 0 54px;
	list-style:none;
	overflow:hidden;
}
.netwerk ul li{
	padding:0 0 13px 14px;
	overflow:hidden;
	background:url(../images/head-go.gif) no-repeat 0 3px;
	color:#0a5385;
	font:bold 12px "trebuchet ms", helvetica, sans-serif;
}
.netwerk ul a{display:block;}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
	padding:6px 0 30px;}
.copyright{
	width:520px;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	list-style:none;
	font-size:10px;
	color:#fff;
}
.copyright li{
	margin:0 1px 0 -1px;
	padding:0 4px;
	float:left;
	background:url(../images/separator.gif) no-repeat 0 2px;
}
.copyright a{color:#fff;}
.smalllogo{
	float:right;
	text-indent:-9999px;
	width:55px;
	height:50px;
	overflow:hidden;
	background:url(../images/smalllogo.gif);
	margin:-69px 17px 19px 0;
}
.leftborder {
border-left: 1px solid #000000;
border-bottom: 0px;
border-top: 0px;
border-right: 0px;
border-style: solid;
}
.bottomborder {
border-bottom: 1px solid #000000;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-style: solid;
}
.bottomleftborder {
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 0px;
border-right: 0px;
border-style: solid;
}
.allborder {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-style: solid;
}
.rightleftbottomborder {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 0px;
border-style: solid;
}