@charset "utf-8";

body {margin:0; padding:0; background-color:#ececec;}
body * {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
h1 {margin:0; padding:0 0 5px 5px; text-transform:uppercase; color:#e41569; font-size:16px;}
h2 {margin:0; padding:0 0 0 5px; color:#e41569; font-size:14px;}
h3 {margin:0; padding:5px 0; color:#e41569;}
p {margin:0; padding:0 5px 10px 5px; line-height:16px;}
a {text-decoration:none; color:#e41569;}
.phone {color:#959595; font-style:italic;}
#quickContact { margin:0; padding:0}

.breaker {clear:both;}

#mainContainer {position:relative; width:964px; margin:0 auto;}

/* informatie bovenin */
#header {position:relative; width:960px; height:67px;}
#logo {position:absolute; top:20px; left:2px; width:204px; height:27px;}
#phoneNumber {position:absolute; top:28px; right:0; width:208px; height:19px;}

/* menu */
#menu {position:relative; left:1px; width:960px; height:34px; margin:0 0 10px; background:url(../images/menuBackground.png) no-repeat top left; font-size:11px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; float:left; height:34px; background:url(../images/vr.png) no-repeat top right; line-height:34px;}
#menu a {text-decoration:none; color:#000; padding:0 15px; height:26px; display:block;}

/* banner */
#banner {position:relative; width:694px; height:194px; padding:4px 6px 6px 4px; background:url(../images/bannerBackground.png) no-repeat top left; float:left;}
#initiatief {position:relative; width:259px; height:204px; background:url(../images/initiatief.png) no-repeat top right; float:left;}

#contentContainer {position:relative; width:964px; padding:5px 0 0;}

/* content links */
#contentLeft {position:relative; float:left; width:772px;}
.image01 {background:url(../images/smallBlock01.png) no-repeat top left; width:180px; height:139px; padding:5px 0 10px 8px; color:#333; position:relative;}
.image02 {background:url(../images/smallBlock02.png) no-repeat top left; width:180px; height:139px; padding:5px 0 10px 8px; color:#333; position:relative;}
.image03 {background:url(../images/smallBlock03.png) no-repeat top left; width:180px; height:139px; padding:5px 0 10px 8px; color:#333; position:relative;}
.image04 {background:url(../images/smallBlock04.png) no-repeat top left; width:180px; height:139px; padding:5px 0 10px 8px; color:#333; position:relative;}
.smallBlockText {position:absolute; bottom:0; left:0; width:179px; height:59px; padding:0 0 0 5px;}
/* bollen */
.bolPink {position:absolute; top:1px; right:-2px; background:url(../images/bolPink.png) no-repeat top left; width:107px; height:84px; padding:5px 10px 0 0; font-size:16px; text-align:right; color:#FFF;}
.bolGreen {position:absolute; top:1px; right:-2px; background:url(../images/bolGreen.png) no-repeat top left; width:107px; height:84px; padding:5px 10px 0 0; font-size:16px; text-align:right; color:#FFF;}
.bolBlue {position:absolute; top:1px; right:-2px; background:url(../images/bolBlue.png) no-repeat top left; width:107px; height:84px; padding:5px 10px 0 0; font-size:16px; text-align:right; color:#FFF;}
.bolOrange {position:absolute; top:1px; right:-2px; background:url(../images/bolOrange.png) no-repeat top left; width:107px; height:84px; padding:5px 10px 0 0; font-size:16px; text-align:right; color:#FFF;}

/* landing page */
#contentLeft div {float:left; margin:0 5px 5px 0;}

.kantoor {background:url(../images/blackberry.png) no-repeat top left; width:175px; height:29px; padding:226px 0 0 5px;}
.internet {background:url(../images/internet.png) no-repeat top left; width:175px; height:29px; padding:226px 0 0 5px;}
.e-mail {background:url(../images/e-mail.png) no-repeat top left; width:175px; height:29px; padding:226px 0 0 5px;}
.info {background:url(../images/pinkArrow.png) no-repeat bottom right; font-weight:bold; color:#e41569; height:11px; width:100px; display:block;}
.hrefBig {width:188px; height:300px; position:absolute; top:0; left:0;}
.hrefBig a {width:188px; height:300px; display:block;}
.hrefSmall {position:absolute; top:0; left:0; width:188px; height:164px; z-index:2;}
.hrefSmall a {width:188px; height:164px; display:block;}

/* content page */
#contentLeft #content {margin:0 3px 5px 0; float:left;}
#contentLeft #footer {margin:0;}
#contentHalf {position:relative; width:381px;}
#contentHalf #contentTop {position:relative; width:382px; height:10px; background:url(../images/contentHalfTop.png) no-repeat top left; margin:0;}
#contentHalf #contentFill {position:relative; width:382px; background:url(../images/contentHalfFill.png) repeat-y top left; margin:0;}
#contentHalf #contentBottom {position:relative; width:382px; height:10px; background:url(../images/contentHalfBottom.png) no-repeat top left; margin:0;}

#content {position:relative; width:772px;}
#content #contentTop {position:relative; width:772px; height:10px; background:url(../images/contentTop.png) no-repeat top left; margin:0;}
#content #contentFill {position:relative; width:772px; background:url(../images/contentFill.png) repeat-y top left; margin:0;}
#content #contentBottom {position:relative; width:772px; height:10px; background:url(../images/contentBottom.png) no-repeat top left; margin:0;}

/* content rechts */
#contentRight {position:relative; float:left; width:188px; padding:0 0 0 4px;}
.bigBlock {position:relative; margin:0 0 5px 0; background:url(../images/blockBackground.png) no-repeat top left; width:178px; height:294px; padding:10px 5px 0;}
.smallBlock {position:relative; background:url(../images/blockBackgroundSmall.png) no-repeat top left; width:180px; height:139px; padding:5px 0 10px 8px; color:#333;}
.boldText {font-weight:bold;}
.marge {height:20px; display:block;}
.smallBlock td {font-size:10px; padding:0 5px 0 0;}
.hr {position:relative; width:164px; height:1px; margin:0 auto; background-color:#d6d6d6;}
.alignCenter {text-align:center;}

div.errors ul 					{ display:none; }
div.errors						{ float:left; margin:0 4px 0 0;padding:0; border:none}
div.errors input,
div.errors textarea				{ border: 1px solid #FBC2C4; color:#8A1F11;background-color:#FBE3E4;}

.banner						{ position: absolute; top:4px;left;6px; z-index:3 }