* { margin:0; padding:0; }
body { background: #fff url(../images/main-bg.png) repeat-x; font-family: Arial; font-size: 12px;}
img { border: none; }
a { color: #000; text-decoration: none; }
.rowOver{ border:2px solid #F1F1F1; border-radius:5px; text-align:left !important; }
.rowOver a.clickbox { display:block; width:182px; height:268px; }
.rowOver:hover{ border:2px solid #5c8bcc; box-shadow:0 3px 1px #CCC;}
.rowOver a:hover{ text-decoration:none !important; }



#logo{ margin: 0 0 0 0; height:150px; width:1000px;}
/***** wrapper *****/
#wrap { width: 982px; background: url(../images/header-bg.jpg) no-repeat; padding: 0px 6px 0 0; margin: 0 auto; }



/***** breadcrumbs *****/
#breadcrumbs { height: 18px; line-height: 18px; font-size: 11px; padding: 0 0 34px 13px; }

/***** De tekstboxxen op het grote formulier *****/
.textboxForm { width:220px; padding-left:20px; }

/***** left column *****/
#left { float: left; width: 176px; padding: 0 0 35px 0; }

#left .block { margin: 0 0 9px 0; }
#left .block h3 { line-height: 14px; font-size: 12px; font-weight: bold; padding: 7px 12px 3px 12px; }
#left .block ul { list-style: none; padding: 0 10px 4px 10px; }
#left .block li {  }
#left .block a { display: block; height: 15px; line-height: 15px; padding: 1px 2px 3px 2px; }

#left .blue { background: #5c8bcc url(../images/left-blue-top.png) no-repeat; }
#left .blue h3 { color: #fff; background: url(../images/left-blue-divider-head.png) no-repeat bottom; }
#left .blue ul { background: url(../images/left-blue-bottom.png) no-repeat bottom; }
#left .blue li { background: url(../images/left-blue-divider.png) no-repeat bottom; }
#left .blue a { color: #fff; }
#left .blue a:hover { background: url(../images/left-blue-active.png) no-repeat 0 1px; }

#left .grey { background: #dedddd url(../images/left-grey-top.png) no-repeat; }
#left .grey h3 { color: #000; background: url(../images/left-grey-divider-head.png) no-repeat bottom; }
#left .grey ul { background: url(../images/left-grey-bottom.png) no-repeat bottom; }
#left .grey li { background: url(../images/left-grey-divider.png) no-repeat bottom; }
#left .grey a { color: #000; }
#left .grey a:hover { background: url(../images/left-grey-active.png) no-repeat 0 1px; }



/***** middle column *****/
#mid { float: left; width: 560px; min-height:300px; padding: 0 0 35px 23px; }


#mid .block { margin: 0 0 9px 0; width:700px; border-radius: 15px; }
#mid .block h3 { line-height: 14px; font-size: 12px; font-weight: bold; padding: 7px 12px 3px 12px; }
#mid .block ul { list-style: none; padding: 0 10px 4px 10px; }
#mid .block li {  }
#mid .block a { display: block; height: 15px; line-height: 15px; padding: 1px 2px 3px 2px; }

#mid .grey { background: #dedddd no-repeat; }
#mid .grey h3 { color: #000; }
#mid .grey ul {  }
#mid .grey li { }
#mid .grey a { color: #000; }
#mid .grey a:hover {  }
#mid .grey a:hover { }




#mid h1 { line-height: 34px; font-size: 18px; font-weight: normal; background: url(../images/mid-head-line.png) repeat-x bottom left; }
#mid h2 { line-height: 34px; font-size: 18px; font-weight: normal; bottom left; }
#mid p { line-height: 18px; padding: 18px 0 0 0; }

#mid a:hover { text-decoration:underline; }

#mid .image { width: 556px; padding: 10px 0; }
#mid .image img { width: 554px; border: 1px solid #3068b6; }

#mid .image-right { float: right; padding: 18px 0 0 18px; }
#mid ul { margin: 6px 0pt 6px 10px; padding: 0pt; list-style-image: none; list-style-position: outside; list-style-type: none; }
#mid li { padding: 2px 0pt 2px 16px; background: transparent url(../images/pbull.gif) no-repeat scroll left top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }



/***** right column *****/
#right { float: right; width: 215px; padding: 0 0 35px 0; }

#right h2 { line-height: 34px; font-size: 18px; }
#right h3 { line-height: 18px; font-size: 12px; font-weight: bold; padding: 18px 0 0 0; }
#right p, #right address { line-height: 18px; font-style: normal; padding: 18px 0 0 0; }
#right a { text-decoration: underline; }
#right .image { float: right; padding: 18px 0 0 10px; }
#SocialMedia { float:right; display:block; width:200px;}
#SocialMedia a { width:64px; height:64px; display:block; float:left; }
#SocialMedia img { width:64px; height:64px; display:block; float:left; }
#SocialMedia img:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter:alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}



/***** footer background: url(../images/footer-bg.png) no-repeat;*****/
#footer { clear: both; height: 175px;  }
#footer ul { float: left; list-style: none; padding: 16px 0 0 0; }
#footer .list1 { width: 100px; padding-left: 32px; }
#footer .list2 { width: 180px; }
#footer .list3 { width: 170px; }
#footer .list4 { width: 150px; }
#footer .list5 { width: 170px; }
#footer .list6 { width: 170px; }
#footer li { line-height: 18px; }
#footer h3 { font-size: 12px; font-weight: bold; color: #9e9e9e; }
#footer a { color: #9e9e9e; }
#footer a:hover { text-decoration: underline; }

/****** Facebook feed ******/

ul#facebook {
	padding: 10px 0 10px 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
 
ul#facebook img { margin-right: 5px; }
 
ul#facebook li {
	padding: 10px 0 10px 0;
	margin: 0;
	overflow: hidden;
	border-bottom: solid 1px #AFAFAF;
	background:none;
}
ul#facebook li span {
color: #AFAFAF;
}
ul#facebook li p {
	padding: 3px 0 3px 0;
	margin: 0;
	line-height: 18px;
} 
ul#facebook a {
}
ul#facebook li a { color: #3B5998 !important; text-decoration: none; }
ul#facebook li a:hover { text-decoration: underline; }

.myButton {
                -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
                -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
                box-shadow:inset 0px 1px 0px 0px #54a3f7;
                background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
                background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
                background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
                background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
                background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
                background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
                background-color:#007dc1;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                border-radius:3px;
                border:1px solid #124d77;
                display:inline-block;
                cursor:pointer;
                color:#ffffff;
                font-family:arial;
                font-size:13px;
                padding:6px 24px;
                text-decoration:none;
                text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
                background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
                background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
                background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
                background-color:#0061a7;
}
.myButton:active {
                position:relative;
                top:1px;
}