* {
margin:0;
padding:0;
}

html,body,#wrap {
height:100%;
}

#wrap {
background:#fff url(../images/middle.png) repeat-y center top!important;
min-width:980px;
}

body > #wrap {
height:auto;
min-height:100%;
}

#main {
padding-bottom:171px;
}

#footer {
position:relative;
margin-top:-171px;
height:171px;
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

body {
background-color:#77b800;
color:#324b8a;
font:14px/20px Arial, serif;
}

#top {
background:transparent url(../images/top-bottom.png) no-repeat center top;
height:216px;
min-width:980px;
}

#top-wrapper,#content-wrapper,#bottom-wrapper {
width:980px;
margin-left:auto;
margin-right:auto;
}

#logo {
background:transparent url(../images/beveiligings-adviesbureau.png) no-repeat 0 0;
height:49px;
width:640px;
float:left;
display:inline;
margin:55px 0 25px 25px;
}

h1,h2 {
font-size:20px;
color:#324B8A;
margin:19px 0 0 5px;
}

h1 span.green {
color:#77b800;
}

p.contact {
color:#fff;
margin:18px 0 0 25px;
}

#cycle-box p.strong,#cycle-box p.strong-intro {
font-size:18px;
font-weight:bold;
background-color:#324b8a;
color:#acbbde;
margin:30px 0 10px 34px;
}

#cycle-box p.strong {
margin:30px 0 10px 34px;
}

#cycle-box p.strong-intro {
margin:30px 0 10px 3px;
}

span.ns1,span.ns2,span.ns3,span.ns4,span.ns5,span.ns6,span.ns7 {
width:25px;
height:25px;
display:block;
float:left;
margin:-3px 5px 0 0;
}

span.ns1 {
background:url(../images/01.png) no-repeat 0 0;
}

span.ns2 {
background:url(../images/02.png) no-repeat 0 0;
}

span.ns3 {
background:url(../images/03.png) no-repeat 0 0;
}

span.ns4 {
background:url(../images/04.png) no-repeat 0 0;
}

span.ns5 {
background:url(../images/05.png) no-repeat 0 0;
}

span.ns6 {
background:url(../images/06.png) no-repeat 0 0;
}

span.ns7 {
background:url(../images/07.png) no-repeat 0 0;
}

#prev-next {
width:70px;
height:30px;
float:right;
}

span.prev {
background:url(../images/prev.png) no-repeat 0 0;
}

span.next {
background:url(../images/next.png) no-repeat 0 0;
}

span.prev,span.next {
cursor:pointer;
width:25px;
height:25px;
display:block;
float:left;
padding:0 0 0 5px;
}

.prev-next-slides {
margin:10px 0 0;
}

p {
margin:15px 0 0 5px;
}

p.margin-bottom {
margin:15px 0 25px 5px;
}

p.small-intro {
font-size:13px;
margin:5px 0 0 5px;
padding:0 0 0 3px;
}

span.small {
font-size:12px;
font-style:italic;
}

#cycle-box p.sub {
font-weight:bold;
color:#acbbde;
font-size:17px;
margin:30px 0 0;
}

#content-box a {
color:#77b800;
text-decoration:none;
}

ul#list {
color:#fff;
padding:0 0 10px;
}

#cycle-box a {
color:#87D001;
text-decoration:none;
padding:0 0 2px;
}

li {
list-style:none;
padding:7px 0 5px;
}

ul#nav li a {
color:#324b8a;
}

ul#nav {
float:left;
white-space:nowrap;
padding:0 0 0 22px;
}

ul#nav li {
display:inline;
list-style-type:none;
white-space:nowrap;
margin:0;
padding:0;
}

#nav a {
cursor:pointer;
width:20px;
height:20px;
display:block;
float:left;
margin:0 5px 0 0;
}

#nav a#n1 {
background:url(../images/numbers.png) no-repeat -23px 0;
}

#nav a#n1.activeSlide {
background:url(../images/numbers.png) no-repeat -23px -22px;
}

#nav a#n2 {
background:url(../images/numbers.png) no-repeat -46px 0;
}

#nav a#n2.activeSlide {
background:url(../images/numbers.png) no-repeat -46px -22px;
}

#nav a#n3 {
background:url(../images/numbers.png) no-repeat -69px 0;
}

#nav a#n3.activeSlide {
background:url(../images/numbers.png) no-repeat -69px -22px;
}

#nav a#n4 {
background:url(../images/numbers.png) no-repeat -92px 0;
}

#nav a#n4.activeSlide {
background:url(../images/numbers.png) no-repeat -92px -22px;
}

#nav a#n5 {
background:url(../images/numbers.png) no-repeat -115px 0;
}

#nav a#n5.activeSlide {
background:url(../images/numbers.png) no-repeat -115px -22px;
}

#nav a#n6 {
background:url(../images/numbers.png) no-repeat -138px 0;
}

#nav a#n6.activeSlide {
background:url(../images/numbers.png) no-repeat -138px -22px;
}

#nav a#n7 {
background:url(../images/numbers.png) no-repeat -161px 0;
}

#nav a#n7.activeSlide {
background:url(../images/numbers.png) no-repeat -161px -22px;
}

a#stap1,a#stap2,a#stap3,a#stap4,a#stap5,a#stap6,a#stap7 {
cursor:pointer;
width:25px;
height:25px;
display:block;
float:left;
margin:-3px 10px 0 0;
padding:0;
}

a#stap2 {
background:url(../images/numbers-big.png) no-repeat 0 0;
}

a#stap3 {
background:url(../images/numbers-big.png) no-repeat 0 -25px;
}

a#stap4 {
background:url(../images/numbers-big.png) no-repeat 0 -50px;
}

a#stap5 {
background:url(../images/numbers-big.png) no-repeat 0 -75px;
}

a#stap6 {
background:url(../images/numbers-big.png) no-repeat 0 -100px;
}

a#stap7 {
background:url(../images/numbers-big.png) no-repeat 0 -125px;
}

#content {
min-width:980px;
}

#title-box-left {
width:650px;
height:50px;
float:left;
display:inline;
margin:0 0 0 25px;
}

#title-box-right {
width:250px;
height:50px;
float:left;
display:inline;
margin:20px 0 0 30px;
}

#brochure {
position:relative;
top:-96px;
left:705px;
z-index:10;
height:42px;
width:250px;
}

#vkbcheck-box-right {
width:260px;
height:25px;
float:left;
display:inline;
margin:50px 0 0 30px;
}

#name-box-middle {
background:transparent url(../images/antoine-theunissen.png) no-repeat 0 0;
width:285px;
height:40px;
float:right;
margin:8px 25px 0 0;
padding:0;
}

#cycle-box {
width:615px;
height:325px;
float:left;
display:inline;
margin:0 0 5px 20px;
}

#cycle-box div {
width:615px;
height:375px;
background-color:transparent!important;
}

#cycle-box div.rechts {
width:300px;
height:125px;
display:inline;
float:right;
}

#cycle-box div.links {
width:300px;
height:125px;
display:inline;
float:left;
}

div.links p,div.rechts p {
margin:20px 0 0 5px;
}

.uline {
border-bottom:1px solid #fff;
padding:0 0 1px;
}

p span.next {
margin:-2px 0 0;
}

#cycle-holder {
background:transparent url(../images/boxes.png) no-repeat 0 0;
width:650px;
height:375px;
float:left;
display:inline;
margin:0 0 5px 25px;
}

#content-box {
width:650px;
float:left;
display:inline;
margin:0 0 0 25px;
}

#contact-box {
background:transparent url(../images/boxes.png) no-repeat -680px 0;
width:250px;
height:375px;
float:left;
display:inline;
margin:0 0 0 30px;
}

#logo-box {
background:transparent url(../images/beveiligingsscan-senternovem.png) no-repeat 0 0;
width:275px;
height:261px;
float:left;
display:inline;
margin:20px 0 0 30px;
}

#beveiligingsscan {
background:transparent url(../images/beveiligingsscan-senternovem-hbo.png) no-repeat 0 0;
width:275px;
height:175px;
float:left;
display:inline;
margin:10px 0 0 30px;
}

#senternovem {
background:transparent url(../images/beveiligingsscan-senternovem-hbo.png) no-repeat 0 -197px;
width:275px;
height:60px;
float:left;
display:inline;
margin:10px 0 0 30px;
}

#hbo {
background:transparent url(../images/beveiligingsscan-senternovem-hbo.png) no-repeat 0 -285px;
width:275px;
height:100px;
float:left;
display:inline;
margin:10px 0 0 30px;
}

#bottom {
background:transparent url(../images/top-bottom.png) no-repeat center -216px;
min-width:980px;
height:171px;
}

.clearer {
clear:both;
display:block;
height:1px;
margin-bottom:-1px;
font-size:1px;
line-height:1px;
}

.copy {
font:10px/13px Verdana, serif;
color:#fff;
margin:0;
padding:110px 0 0 10px;
}

.copy a {
color:#fff;
text-decoration:none;
}

#cboxContent strong.green {
color:#77b800;
font-size:18px;
}

#cboxContent strong.title {
color:#fff;
font-size:20px;
}

#cboxContent p a {
color:#77b800;
text-decoration:none;
border-bottom:1px dotted #fff;
padding:0 0 1px;
}

.box1,.box2,.box3,.box4 {
float:left;
width:155px;
margin:15px 0 0;
}

.box2,.box3,.box4 {
margin:15px 0 0 18px;
}

img.left {
float:right;
border:none;
margin:7px 0 0;
}

.formholder {
width:665px;
}

.brochureholder {
width:250px;
}

.box-form-left,.box-form-right,.box-form-middle {
display:inline;
float:left;
margin-top:20px;
width:206px;
}

.widemessage {
margin-left:10px;
margin-top:10px;
width:432px;
}

strong.big {
font-size:16px;
}

.formmessage {
width:400px;
height:50px;
float:left;
margin:10px 0 0;
padding:0 0 0 10px;
}

#form-error {
height:20px;
font-size:12px;
color:#fff;
float:left;
display:inline;
margin:25px 0 0 5px;
padding:0;
}

#form-error .error {
margin:0 10px 0 0;
}

body#aanvragen p.title {
margin:0 0 0 5px;
}

#loginz .wlpeMessage p {
float:left;
margin:0;
padding:0 15px 15px 10px;
}

#loginz h3,#loginz h2 {
font-size:13px;
font-weight:bold;
margin:0;
padding:10px 15px 5px 0;
}

#aanvragen h1 {
color:#fff;
font-size:20px;
font-weight:bold;
}

.textfield {
border:solid 0 #fff;
font:normal 12px/15px Verdana, serif;
color:#fff;
background-color:transparent;
width:200px;
}

#aanvragen p {
	font:normal 12px/15px Verdana, serif;
	color:#fff;
}

.areafield {
border:solid 0 #fff;
background-color:transparent;
width:652px;
height:90px;
}

textarea {
font:normal 12px/15px Verdana, serif;
color:#fff;
margin:3px 0 0;
padding:0;
}

#button-holder {
height:27px;
float:left;
display:inline;
padding:20px 0 0 5px;
}

button {
outline:none;
border:0;
cursor:pointer;
text-align:center;
float:left;
width:auto;
padding:0 6px 0 0;
}

button span {
position:relative;
display:block;
white-space:nowrap;
padding:0 0 0 6px;
}

#BottomBackground button.submitBtn {
background:url(/images/newsletterbutton.png) right no-repeat;
font-size:12px;
}

#BottomBackground button.submitBtn span {
height:27px;
line-height:27px;
background:url(/images/newsletterbutton.png) left no-repeat;
color:#292655;
}

button.submitBtnText {
font-size:12px;
background:transparent;
}

button.submitBtnText span {
height:27px;
line-height:27px;
background:transparent;
color:#fff;
}

button.submitBtn {
font-size:14px;
background:transparent;
}

button.submitBtn span {
height:27px;
line-height:25px;
background:transparent;
color:#fff;
}

.button {
float:left;
background:url(../images/btn-left.png) no-repeat left top;
height:27px;
margin:0 10px 0 0;
}

.button span {
float:left;
display:block;
background:url(../images/btn-right.png) no-repeat right top;
height:27px;
}

a.button {
float:left;
text-decoration:none;
background:url(../images/aYellowButton.png) no-repeat 0 0;
margin:5px 15px 0 0;
padding:0 0 0 5px;
}

a.button span {
float:left;
display:block;
color:#fff;
cursor:pointer;
background:url(../images/aYellowButton.png) no-repeat 100% 0;
padding:4px 10px 5px 5px;
}

.test {
float:left;
background:url(../images/input-left.png) no-repeat left top;
height:23px;
padding:0 0 10px 3px;
}

.test span {
float:left;
display:block;
background:url(../images/input-right.png) no-repeat right top;
height:23px;
padding:2px 3px 0 0;
}

.test2 {
float:left;
background:url(../images/form-left-area.png) no-repeat left top;
height:100px;
margin:0;
padding:0 0 10px 3px;
}

.test2 span {
float:left;
display:block;
background:url(../images/form-right-area.png) no-repeat right top;
height:100px;
color:#000;
padding:2px 3px 0 0;
}

label.push {
display:block;
line-height:15px;
cursor:pointer;
color:#87D001;
padding:0 0 2px 3px;
}

.cust_radio_on {
background:url(../images/radiobox_on.png) no-repeat 0 0;
cursor:pointer;
}

.cust_radio_hvr {
background:url(../images/radiobox_hvr.png) no-repeat 0 0!important;
cursor:pointer;
}

.cust_radio_off {
background:url(../images/checkbox_off.png) no-repeat 0 0;
cursor:pointer;
}

.cust_radio_disabled_on {
background:url(../images/radiobox_disabled_on.png) no-repeat 0 0;
cursor:pointer;
}

.cust_radio_disabled_off {
background:url(../images/disabled_off.png) no-repeat 0 0;
cursor:pointer;
}

.group {
color:#87D001;
}

.group label {
cursor:pointer;
padding:0 0 2px 3px;
}

.textarea-box p {
color:#fff;
margin:10px 0;
}

.right-input {
margin:15px 0 0;
}

strong.title {
color:#FFFFFF;
font-size:20px;
font-weight:bold;
margin:0 0 6px 0;
}

body#thanks #center {
width:400px;
margin:175px auto 0;
}

.at {
display:inline;
height:225px;
}

.at.middle {
float:left;
width:60%;
text-align:center;
position:absolute;
}

.at.middle span {
float:right;
margin:0 auto;
}

.at.left {
float:left;
width: 150px;
background:url(/images/beveiligingsscan.png) no-repeat left 45px;
}

.at.right {
float:right;
width: 150px;
background:url(/images/beveiligingsscan.png) no-repeat left 45px;
}

.dont-show {
color:#fff;
font-size:11px;
cursor:pointer;
float:right;
clear:both;
padding:0 5px 5px 0;
}

.close-meerkat {
float:right;
margin-bottom:175px;
padding:5px;
}

span.email a {
text-decoration:none;
color:#fff;
}

#nav a#n0,#nav a#n0-intro {
background:url(../images/numbers.png) no-repeat 0 0;
}

#nav a#n0.activeSlide,#nav a#n0-intro.activeSlide {
background:url(../images/numbers.png) no-repeat 0 -22px;
}

#cycle-box p,#cboxContent p,.yellow,.white,label.push:hover,.group label:hover,body#thanks p {
color:#fff;
}

img,form,fieldset {
border:none;
}

.box-form-left,.textarea-box {
margin-left:5px;
}

.box-form-middle,.box-form-right {
margin-left:20px;
}

body#aanvragen,body#thanks {
background:#324B8A;
height:0;
}
