html{ background : url('../img/bg.gif') repeat-y; }
body{ font-family : 'Arial'; font-size : 12px; margin : 0; letter-spacing : 0; color : #666; }
hr{ height : 1px; background : url('../img/dot.jpg') repeat-x; border : 0; }
h1{ display : none; }
h3{ font-size : 12px; color : #305683; }
h2{ color : #c00b3c; font-size : 14px; font-style : italic; }
.clearer{ clear : both; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#container{ width : 1000px; }
#left{ width : 166px; float : left; }
#center{ float : left; margin : 110px 0 0 12px; width : 487px; padding : 20px 40px 0 40px; }
#right{ float : left; height : 200px; margin : 20px 0 0 12px; width : 202px; padding : 0 0 0 10px; }
#right form{ margin : 0 0 0 10px; padding : 0; }
#right form label{ font-weight : bold; padding : 5px 0; display : block; }
form input,form textarea{ font-family : 'Arial'; margin : 5px 0 5px 10px; font-size : 12px; color : #666; border : 1px solid #ccc; padding : 3px; }
input.button{ color : #666; font-family : 'Arial'; padding : 5px; font-size : 11px; }
#right form a{ color : #305683; font-size : 11px; display : block; padding : 0 0 5px 0; }

#left #menu{ list-style : none; margin : 35px 0 0 0; padding : 0 0 0 0; text-align : right; width : 166px; }
#left #menu li#active{ background : #c00b3c; }
#left #menu li#active a{ font-weight : bold; }
#left #menu li a{ display : block; color : #fff; text-decoration : none; padding : 10px 10px 10px 0; }
#left #menu li a:hover{ text-decoration : underline; }

#left #open{ margin : 0; padding : 0; list-style : none; }
#left #open li a{ font-weight : normal !important; background : #d30e44; }
#left #open li a#active{ font-weight : bold !important; font-style : italic; }

#text{ letter-spacing : 0; line-height : normal; }
#tekst a{ color : #d30e44; }
#tekst a:hover{ text-decoration : none; }

#right p{ width : 182px; padding : 10px; margin : 0; line-height : 1.4; }
#right a{ color : #d30e44; }
#right a:hover{ text-decoration : none; }

#logo{ padding : 10px 58px 10px 59px; position : absolute; background : #1C436A; top : 0; left : 178px; border : 0; border-bottom : 12px solid #C00B3C; }
.title{ padding : 10px 0 10px 10px; }

#breadcrumb{ padding : 10px 0; }
#breadcrumb a{ color : #305683; text-decoration: none; font-size : 14px; }
#breadcrumb a#lastactive{ color : #d30e44; }
.bull{ font-size : 20px; color : #305683; line-height : 0.4; }

#links{ list-style : none; margin : 0 0 0 15px; padding : 0; }
#links li{ padding : 0 0 10px 0; }
#links a{ color : #c00b3c; font-weight : bold; text-decoration : underline; display : block; padding : 0 0 10px 0; }
#links a:hover{ color : #305683; }

.activities,#news{ list-style : none; background : url('../img/sticker.jpg') no-repeat center top #F3F3F3; padding : 50px 20px 20px 20px; }
.activities li,#news li{ background : #eeeded; padding : 5px 10px; }
#news li.none{ background : none !important; }
.activities li span{ float : left; }
.activities li a{ float : right; color : #c00b3c; }
#news li a{ color : #c00b3c; }
.activities li a:hover,#news li a:hover{ text-decoration : none; }

#archive{ list-style : none; margin : 0; padding : 0; }
#archive a{ color : #666; }
#archive a:hover{ text-decoration : none; }

#pageNav{ background : #efefef; border-left : 5px solid #305683; margin : 10px 0 0 0; }
#pageNav a{ color : #305683; font-weight : bold; }
#pageNav a:hover{ text-decoration : none; }

.docs{ list-style : none; margin : 10px 0; padding : 0; }
.docs a{ color : #666; }
.docs a:hover{ text-decoration : none; }

fieldset{ border : 0; margin : 0; padding : 0; }
fieldset form{ margin : 0; padding : 0; }
fieldset label{ font-weight : bold; float : left; width : 175px; padding : 5px 0; }
fieldset input,fieldset textarea{ border : 1px solid #ccc; padding : 3px; }
fieldset textarea{ margin : 0 0 0 10px; width : 250px; }
fieldset div{ margin : 0 0 5px 0; }

#formulier .button{ margin : 0; }
.formerror{ font-size : 11px; margin : 0 0 0 5px; color : #c00b3c; display : block; }

#members{ margin : 0 0 10px 0; list-style : none; padding : 0; }
.details{ background : #efefef; padding : 10px; margin : 10px 0; border-left : 5px solid #305683; }

.pageNavInschrijven{ float : right; }

#copyright{ color : #ccc; font-size : 11px;  border-top : 1px solid #efefef; padding : 5px 0 0 0; margin : 10px 0 0 0; }
#copyright a{ color : #999; }

.floater{ width : 130px; float : left; text-align : center; height : 130px; font-size : 11px; font-weight : bold; margin : 0 30px 10px 0; color : #735d4c; }
.image{ position : relative; width : 130px; height : 130px; background : #EFEFEF; text-align : center; margin : 0 0 5px 0; }
.image img{ position : absolute; top : 50%; left : 50%; border : 0; }

/* MILKBOX */

#mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; z-index:100; cursor: pointer; }
#mbCenter { position: absolute; z-index:101; overflow:hidden; left: 50%; top:10%; background-color: #fff; border: 5px solid #fff;	margin:0; padding:5px; }
.mbLoading{ background: #fff url(loading.gif) no-repeat center; }
#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
#mbBottom { font-family: 'Arial'; font-size: 12px; color: #666; line-height: 1.4em; text-align: left; padding-top:8px; margin:0; }
#mbNavigation{ float:right; width:27px;	padding-top:3px; border-left:1px solid #9c9c9c; }
#mbCount{ width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:11px; }
#mbCloseLink, #mbPrevLink, #mbNextLink{ outline:none; display:block; float:right; height:20px; cursor: pointer; }
#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url('../img/prev.gif') no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url('../img/next.gif') no-repeat; }/* IMAGE: next */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }
#mbCloseLink { width:20px; background: transparent url('../img/close.gif') no-repeat; }
#mbDescription{	margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:justify; }