* {
	margin: 0;
	padding: 0;
}

body {
	background: url('../img/bodybg.gif') repeat-x #e0e0e0;
	font: 62.5% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#wrapper {
	width: 1024px;
	margin: 0 auto;
	background: url('../img/wrapperbg.gif') no-repeat;
}

.wrap {background:#fff; width:815px; margin:14px auto 0;}
#interactive {width:837px; height:280px; margin:14px auto 0; background:url(../img/interactive.jpg);}
.block-1 {width:259px; float:left; margin:34px 0 0 11px;}
.block-2 {width:259px; float:left; margin:34px 0 0 18px;}
.block-3 {width:259px; float:left; margin:34px 0 0 18px;}
#interactive h2 {color:#fff; font-size:14px; letter-spacing:-1px; font-weight:normal; padding:10px 12px 60px;}
#interactive p {padding:12px 12px 9px; font-size:12px; color:#686868; line-height:18px;}
a.triangle {padding:0 0 3px 9px; background:url(../img/triangle.gif) no-repeat left center; margin:0 15px; font-size:12px;}
a.triangle:hover {text-decoration:none;}


#branding {
	width: 815px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

h1.h1 {font-size:22px; color:#000; letter-spacing:-1px; font-weight:bold; margin:25px 0 0;}

h1 a {
	display: block;
	width: 250px;
	height: 75px;
	background: url('../img/logo.png') no-repeat;
	float: left;
	margin-top: 25px;
	text-indent: -9999px;
}

/* @group afspraak */

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#afspraak {
	background:#ececec;
	float:right;
	padding: 10px;
    margin:13px 0 0 0;
    border:1px solid #ababab;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

	#afspraak p {
	color: #fe7013;
	font-size: 12px;
    text-transform:uppercase;
    font-weight:bold;
	}
    #afspraak .green {color:#7fc31b;}

	#afspraak p strong {
	display: block;
	color: #7fc31b;
	text-transform: uppercase;
	font-size: 1.4em;
	}

	#afspraak p a,
	#afspraak p a:visited {
	color: #fe7013;
	}

/* @end */

/* @group navigation */

#navigation {
	width: 795px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	height: 34px;
	clear: both;
	background: url('../img/navigationbg.gif');
	margin: 0 auto;
	position: relative;
	top: 14px;
	padding-left: 20px;
}

#navigation li {
	float: left;
	list-style-type: none;
	line-height: 26px;
}

#navigation li a:hover {
	background: url('../img/navigationhover.gif') center;
}

#navigation li a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

#navigation li.current a {
	background: url('../img/navigationcurrent.gif') center;
}

#subnavigation {
	margin-bottom: 20px;
	margin-top: 0;
}

/* @end */

/* @group subnavigation */

#subnavigation {
	margin-bottom: 5px;
}

#subnavigation li {
	display: inline;
	color: #fe7013;
	font-size:1.2em;
	}

#subnavigation li a {
	color: #7fc31b;
	text-decoration: none;
}

/* @end */

/* @group content */

#content {
	width: 795px;
	padding:0 20px 0 0;
	margin: 0 auto;
	background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content img {
	margin: 10px 0;
}

/* @group maincolumn */

#content #maincolumn {
	width: 575px;
	float: left;
	clear: left;
}

		#content #maincolumn .featured {
		background: #4c4c4c url('../img/pfeaturedbg.jpg') bottom repeat-x;
		color: #fff;
		padding: 30px 20px 30px 200px;
		margin-bottom: 20px;
		font-size: 1.5em;
		}

		#content #maincolumn .featured h2 {
		background: #fe7013 url('../img/h2featuredbg.gif') bottom repeat-x;
		padding: 16px 0 16px 20px;
		margin: -30px -20px 20px -200px;
		font-size: 1.6em;
	text-transform: uppercase;
	}

		#content #maincolumn .featured p,
		#content #maincolumn .featured li {
		font-size: 0.85em;
		line-height: 1.4em;
		}

		#content #maincolumn .featured ul {
		margin-top:15px;
		}

/* @group mainsub */

#left-nav {width:189px; position:relative; z-index:20; background:url(../img/left-y.png) repeat-y; margin:-7px 0 0 -7px;}
#left-top {width:189px; min-height:171px; background:url(../img/left-top.png) no-repeat;}
#left-wrap {width:160px; margin:6px 0 0 13px; float:left;}
#left-top ul {margin:10px 0 0 6px; width:150px; list-style:none; float:left;}
#left-top li {font-size:13px; line-height:30px; border-bottom:1px solid #e5e5e5; letter-spacing:-1px;}
#left-top a {text-decoration:none;}
#left-top a:hover {text-decoration:underline;}
#left-bottom {width:189px; height:21px; background:url(../img/left-bottom.png); margin:0 0 0 -7px;}
#left-bg {background:url(../img/left-bg.gif) no-repeat; min-height:294px; padding:10px 7px;}
#left-bg p {font-size:11px; color:#656565; padding-top:0;}




#content #mainsubcolumn {
		width: 177px;
		float: left;
		}

			#content #mainsubcolumn h3 {
			padding:5px 6px;
			font-size: 14px;
            letter-spacing:-1px;
            font-weight:normal;
			color: #fff;
			}
			#content #mainsubcolumn p {
				padding-left:6px;
				font-size:1.1em;
				padding-top: 6px;
			}
			#content #mainsubcolumn img {
			margin-top: 15px;
			margin-bottom: 15px;
}

			#content #mainsubcolumn ul.subnav {
			background: url('../img/subnavigation.gif') repeat-x;
			padding: 10px 10px 0;
}

			#content #mainsubcolumn ul.subnav li {
			list-style:none;
			color: #7fc31b;
			font-size: 1.3em;
			line-height: 22px;
			}

			#content #mainsubcolumn ul.subnav li a {
				color: #7fc31b;
				text-decoration: none;
			}

			#content #mainsubcolumn ul.linklist {
			border-top: #fe7013 4px solid;
			padding-top: 10px;
			}

			#content #mainsubcolumn ul.linklist li,
			#content #mainsubcolumn ul.linklist li a,
			#content #mainsubcolumn ul.linklist li a:visited {
			list-style:none;
			color: #fe7013;
			font-size: 1.2em;
			}

/* @end */

/* @group mainmain */

#content #mainmaincolumn {
		width: 364px;
		float: right;
		}

        #content #mainmaincolumn img {text-align:center; background:#eee; padding:5px;}
        #content #maincolumn img.border {border:1px solid #bbb; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

		#content #mainmaincolumn #wistudat {
		background: #fe7013;
		padding: 15px 20px;
		margin-bottom: 20px;
		}

			#content #mainmaincolumn #wistudat h3 {
			text-transform: uppercase;
			color: #fff;
			}

			#content #mainmaincolumn #wistudat p {
			color: #333;
			}


			#content #mainmaincolumn #wistudat a,
			#content #mainmaincolumn #wistudat a:visited {
			color: #fff;
			text-decoration: none;
			}

		#content #mainmaincolumn #news {
		background: url('../img/newsshade.gif') repeat-x;
		padding: 15px
		}

    #content #mainmaincolumn p {
    font-size: 13px;
    line-height: 20px;
    margin: 7px 0 20px;
    padding:0;
    }

	#content #mainmaincolumn .intro {
	font-size: 1.4em;
	color: #390;
	font-weight: bold;
	}

	#content #mainmaincolumn ul li 	{
	font-size: 1.3em;
	margin-left: 0px;
	list-style: none;
	line-height: 1.8em;
	margin-top: 25px;
	font-weight: bold;
	}

	.category {
	background: url('../img/dot.gif') repeat-x 0 20px;
	}

	#content #mainmaincolumn ul li a {
	text-decoration: none;
}

	#content #mainmaincolumn ul ul li {
	margin-left: 20px;
	list-style-type: disc;
	border-bottom: 0;
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 13px;
}

	#content #mainmaincolumn ul ul li a {
	color: #000;
	}

	#content #mainmaincolumn ul ul ul li {
	margin-left: 45px;
	list-style-type: square;
	font-style: italic;
	margin-top: 0;
	font-size: 12px;
}

	#content #mainmaincolumn ul ul ul li a {
	border-bottom: 1px solid #000;
	color: #000;
	}

	#content #mainmaincolumn h4 {
	color: #fe7013;
	font-size: 1.4em;
	}

	#content #mainmaincolumn a,
	#content #mainmaincolumn a:visited {
	color: #36c;
	}

	#content #mainmaincolumn fieldset {
	border: 0;
	}

	#content #mainmaincolumn legend {
	display: none;
	}

	#content #mainmaincolumn .formrow {
	width: 364px;
	overflow: hidden;
	margin: 10px 0;
	background-color: #e6e6e6;
	padding: 5px;
	}

	#content #mainmaincolumn .formrow.error 	{
	background-color: #c00;
	color: #fff;
	}

	#content #mainmaincolumn .formrow.submit 	{
	width: 350px;
	overflow: hidden;
	margin: 10px 0;
	background-color: #fff;
	padding: 3px;
	}

	#content #mainmaincolumn label {
	float: left;
	font-size: 1.2em;
	padding: 3px;
	}

	#content #mainmaincolumn input,
	#content #mainmaincolumn textarea {
	float: right;
	width: 200px;
	font-size: 1.1em;
	border: 1px solid gray;
	padding: 3px;
	}


/* @end */

/* @end */

/* @group subcolumn */


.right-block {width:175px; background:url(../img/r-block.png) no-repeat #e8e8e8; margin:20px 0 0; position:relative;}
.right-block h3 {
            font-size: 12px;
            font-weight:normal;
            color: #fff;
            line-height:29px;
            height:28px;
            padding:0 10px;
}
.right-block p {font-size:11px; color:#484848; padding:14px 10px 12px; margin:0;}
.actie {position:absolute; top:-5px; right:-3px; width:70px; height:69px; background:url(../img/actie.png);}
.boxy {border:1px solid #b0b0b0; text-align:center; padding:10px; display:inline-block; margin:7px 10px 10px 17px; font-size:11px; line-height:12px; color:#656565;}
.btn {width:138px; height:29px; background:url(../img/btn.png); text-align:center; margin:5px auto 13px; display:block; color:#fff; font-size:12px; font-weight:bold; line-height:28px; text-decoration:none;}
.btn2 {width:175px; height:29px; background:url(../img/btn2.png); text-align:center; margin:20px auto 13px; display:block; color:#fff; font-size:12px; font-weight:bold; line-height:28px; text-decoration:none;}
.right-black {background:url(../img/r-black.png); height:232px;}
.right-black p {color:#fff;}
.prices {margin:10px 13px; width:149px;}
.prices td {border-bottom:1px solid #767676; height:23px; color:#fff;}
td.grey {font-weight:bold; color:#b2b2b2;}
p.sm {text-align:center; color:#646464; margin:0;}



#content #subcolumn {
	width: 175px;
	float: right;
	margin-top: 0px;
    padding-bottom:20px;
}

	#content #subcolumn #helpdesk {
	margin-bottom: 20px;
	}

	#content #subcolumn #helpdesk img {
	margin: 0;
	}

	#content #subcolumn #helpdesk h3,
	#content #subcolumn #helpdesk p {
	background: #fe7013 url('../img/h2featuredbg.gif') bottom repeat-x;
	padding: 15px;
	color: #fff;
	font-size: 1.2em;
	}

	#content #subcolumn #actiegroen {
	background: url('../img/actiegroen.gif') no-repeat right top #609700;
	margin-bottom: 20px;
	padding: 20px;
}

	#content #subcolumn #actiezwart {
	background: url('../img/actiezwart.gif') no-repeat right top #000;
	color: #fff;
	margin-bottom: 20px;
	padding: 20px;
	}

/* @end */

/* @end */

/* @group photos */

#photos {
	width: 815px;
	padding-top: 20px;
	clear: both;
	margin: 0 auto;
	background: url('../img/dot.gif') top repeat-x #eee;
}

#photos ul {
	overflow: hidden;
	margin: 0 auto;
	width: 781px;
}

#photos ul li {
	float: left;
	list-style: none;
	margin-right: 11px;
}

#photos ul li.last {
	margin-right: 0px;
}

#photos p {
	font-size: 1.1em;
	padding: 15px 0;
	text-align: center;
}
#photos p a {
	color: #666666;
}

.footer {
	font-size: 10px;
}

/* @end */

a {color:#71af12; text-decoration:underline;}

/*body#body-contact div#branding{ background-image: url("../img/team.gif"); padding-top:100px; height: 97px;}*/
/*body#body-contact div#branding h1 a { background-color: #ECECEC; border: 1px solid #ABABAB; margin-top: 20px;}*/
/*body#body-contact ul#navigation{top:0;}*/
form#contact{ width: 398px; margin:0px;}

#team {width:815px; margin:3px auto 0; height:230px; background:url(../img/bg.png) left bottom repeat-x; position:relative;}
#team-img {position:absolute; bottom:0; left:-18px; z-index:0; background:url(../img/team.png); width:903px; height:215px;}

#map {width:815px; height:280px; margin:auto;}
.map-wrap {background:url(../img/bg.png) #eee; padding-top:25px; margin:8px auto 0; width:815px;}

#cameras {margin:14px auto 0; width:815px; height:205px; background:url(../img/img-cameras.jpg);}
#cables {margin:14px auto 0; width:815px; height:207px; background:url(../img/cables.jpg);}