body { background: url(../images/bg_scm_7.jpg) top center no-repeat; margin: 0 auto; }
html { overflow: -moz-scrollbars-vertical;}
#container { position: relative; width:995px; height: 700px; text-align: left; margin: 0 auto; background: url(../images/bg_scm_7.jpg) top center no-repeat;}
#header { width: 995px; position:relative;}
.logo { width: 254px; height: 114px;}
.logo_ie6 { display:none; }
h1 { margin:0 0 0 20px; padding:0; width:600px; text-transform: uppercase; font-weight:normal; color: #2f2f2f; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; }
h2 { padding: 0 20px 5px 30px; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight:normal; color: #DF032E; }
h3 { padding: 30px 20px 0 30px; font-family: Georgia, Times New Roman, Times, serif; font-size: 20px; font-weight:normal; color: #2f2f2f; }

#util {position: absolute; top: 15px; right: 320px; overflow:hidden;}
#util li {list-style:none; width:30px; float:left;}
#util li img {border:none; text-decoration:none;}

#nav { width: 670px; list-style: none; font-size:10px; font-family:Verdana, Arial, Tahoma;}
#nav ul { padding: 0; margin: 0; list-style: none;  }
#nav a { font-size: 10px; color: #fff; display: block;  border-left:1px solid transparent; padding:5px 8px 8px 8px;  margin: 10px 0 0 10px;  text-transform: uppercase; text-decoration:none;}
#nav li { font-size: 10px; color: #fff; float: left; }
#nav li a:hover { background-color:#fff; color:#db1637;  border-left:1px solid #c5092c;}
#nav li a.active{ background-color:#fff; color:#db1637;  border-left:1px solid #c5092c;}
#nav li ul { position: absolute; left: -999em; background-color: #fff; width:240px; border-left:1px solid #c5092c; border-right:1px solid #c5092c; border-bottom:1px solid #c5092c; padding:10px 0 15px 10px; margin:0 0 0 10px; z-index:10000;}
#nav li ul li a { width:210px; color:#db1637; border-bottom:1px solid #d1d1d1;border-left:1px solid #fff; text-transform:none; padding:0;}
#nav li ul li a:hover { border-left:1px solid #fff; text-decoration:underline;}
#nav li ul li a:active { border-left:1px solid #fff; text-decoration:underline;}
#nav li ul li a.active { border-left:1px solid #fff; text-decoration:underline;}

#nav li:hover ul { left: auto; }
#nav li.sfhover ul { left: auto;}
#nav li:hover, #nav li.hover {position: static;  }

#content { clear:both; width:675px; float:left; margin:20px 0 0 10px;}
#content .leftcol { width: 255px; float:left; margin:0 12px 0 0 ; background: url(../images/bg_leftcol.png) no-repeat; overflow:hidden; min-height:510px; height:auto !important; height:510px;}
#content .leftcol ul { width:202px; margin:60px 0px 10px 30px; padding:0;}
#content .leftcol ul li { margin:0 0 20px 0; padding:0; list-style-type:none; font-family: verdana, Arial, Tahoma; font-size:11px; line-height:18px; color:#2f2f2f;}
#content .leftcol ul li h2 { font-size:14px; margin:0; padding:0; font-family:Georgia, Verdana, Arial;}
#content .leftcol ul li em { font-style:normal;  float:left;  }
#content .leftcol ul li p { margin:0; padding:0; height:55px; overflow:hidden; }

#content a { color: #e41c3c;}

#content .leftcol ul li a { clear:both; font-style:italic; color:#000; text-decoration:underline;  }
#content .midcol { width: 399px; float:left; margin:-8px 0px 0 0; background: url(../images/bg_midcol.png) no-repeat; overflow:hidden; min-height:510px; height:auto !important; height:510px; }
#content .midcol ul { margin:70px 0px 10px 30px; padding:0; width:202px; }
#content .midcol ul li.event { margin:0 0 10px 0; padding:0; float:left; width:340px; font-family: verdana, Arial, Tahoma; font-size:11px; line-height:18px; color:#2f2f2f; }
#content .midcol ul li h2 {  margin:0 0 10px 0px; padding:0; float:left; width:200px;}
#content .midcol ul li em { height: 30px; width:29px; text-align:center; line-height:12px;  font-size: 11px; color: #fff; float: left;  background: url(../images/bg_date.png) top left no-repeat;  padding:2px 0px 2px 2px; font-style:normal;}
#content .midcol ul li img { height: 95px; width:95px; float:left; margin:0; }
#content .midcol ul li span.bg { height: 95px; width:95px; display:block; overflow:hidden; float:left; background-image:url(../images/afbeelding_niet_beschikbaar.jpg); }
#content .midcol ul li p {  float:left; width:200px; margin:0; padding:0; line-height:18px; height:55px; overflow:hidden;  }
#content .midcol ul li a { clear:both;  font-style:italic; margin:0 10px 0 122px; color:#000; text-decoration:underline;  }
#content .midcol ul li .tekstueel {float:left; overflow:hidden; width:199px; margin:0 0 0 10px;}
#content .nieuwsoverzicht {  width:610px; overflow:hidden; }
#content .nieuwsoverzicht ul { margin:20px 0 0 0; padding:0;}
#content .nieuwsoverzicht ul li {width:560px;  float:left; margin:0 0 15px 0; font-family: Verdana, Arial, Tahoma; font-size:11px; color:#2f2f2f; }
#content .nieuwsoverzicht ul li h2 { margin:0 0 5px 0; padding:0;  }
#content .nieuwsoverzicht ul li em { font-style:normal;  float:left;  }
#content .nieuwsoverzicht ul li a.more { clear:both; font-style:italic; color:#2f2f2f; text-decoration:underline;  }
#content .nieuwsoverzicht ul li p { margin:0; padding:0; line-height:18px; }
#paginanummering { width:600px; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; height:28px; overflow:hidden; }
#content .paging {  float:left; text-align:left;  margin:0px 0 0 0; }
#content .paging ul { margin:0; padding:3px 10px 3px 10px;     font-size:11px; font-family: Verdana, Arial, Tahoma; }
#content .paging ul li { margin:0; padding:0; float:left!important; width:20px;   }
#content .paging ul li a { margin:0; padding:0px 5px 3px 5px; float:left; display:block; float:left; text-decoration:none; font-style:normal; color:#000; }
#content .paging ul li a.previous { margin:0; padding:0;  overflow:hidden; float:left; }
#content .paging ul li a.next { margin:0; padding:0; float:left; color:#df032e;}
#content .paging ul li a.active { margin:0; float:left; background-color:#df032e; display:block; color:#fff; padding:0px 5px 3px 5px; }
#content .paging ul li.previous { width:65px; margin:0; }
#content .paging ul li.next { width:70px; margin:0px 0 0 10px; }
#content .paging ul li.previous a{ color:#df032e; }
#content .sitemap { margin:20px 20px 0 0; width:600px; }
#content .sitemap ul { margin:0 20px 0 0; overflow:hidden; }
#content .sitemap ul ul{}
#content .sitemap ul li { margin:0 0 20px 20px; border-bottom:1px solid #eaeaea; padding-bottom:20px; }
#content .sitemap ul li li { margin:0 0 0 20px; border:none; padding:0;}
#content .sitemap ul li a { color:#e41c3c; font-family: Verdana, Arial, Tahoma; font-size:11px; }
#content .sitemap ul li a:hover {text-decoration:underline;}
#content .sitemap ul li li a { color:#2f2f2f; }

#content .nieuwsoverzichtdetail {  width:610px; overflow:hidden; margin:20px 0 0 0; font-family: Verdana, Arial, Tahoma; font-size:11px;}
#content .nieuwsoverzichtdetail h2 {  width:550px; float:left;  margin:5px 0 0px 10px; padding:0;  }
#content .nieuwsoverzichtdetail em { height: 30px; width:29px; text-align:center; line-height:12px; color: #fff; float: left;  background: url(../images/bg_date.png) top left no-repeat;  padding:2px 0px 2px 2px; font-style:normal; }
#content .nieuwsoverzichtdetail img { width:195px; float:right; margin:0 0 0 30px;}
#content .nieuwsoverzichtdetail p { margin: 20px 0 10px 10px;  color:#2f2f2f; line-height:18px;  font-family: Verdana, Arial, Tahoma; font-size:11px;}
#content .nieuwsoverzichtdetail .details {overflow:hidden; width:600px;}
#content .nieuwsoverzichtdetail embed { float:left; margin:0 20px 0px 33px; }
#content .nieuwsoverzichtdetail a.nieuwsoverzicht { padding:3px 10px 3px 10px; margin: 10px 0 0 10px; float:left; width:150px; background-color:#e41c3c; color:#fff;}

.welkoms h2 { margin:10px 0 20px 0; padding:0; font-size:25px; color:#2f2f2f;}
.welkoms .paragraph { margin:0; padding:0; width:240px; font-size:11px; font-family:Arial, Verdana, tahoma; color:#2f2f2f; line-height:18px; }
.welkoms .paragraph p { margin:0 0 10px 0; padding:0; height:180px; overflow:hidden;   }
.welkoms .leesverder { color:#fff; text-align:center; position:absolute; right:9px; bottom:7px;}
.welkoms .leesverder a {background-color: #e41c3c; color:#fff; display:block; padding:3px 15px 3px 15px;}
.welkoms .leesverder a:hover { text-decoration:underline; }
#rightcol { float:left; width:320px; position:absolute; top:10px; right:0px; }
#rightcol .welkoms { width:236px; height:263px; padding:25px 40px 0 40px; background :url(../images/welkomst_bg.png) no-repeat; position:relative; }
#rightcol .nieuwsblok { padding:25px 40px 0 30px; background :url(../images/bg_nieuws.png) no-repeat; position:relative; height:340px; overflow:hidden; }
#rightcol .nieuwsblok ul {float:left; margin:30px 0 0 0; padding:0; }
#rightcol .nieuwsblok h2{ margin:0 0 2px 0; padding:0; }
#rightcol .nieuwsblok ul li { margin:0 0 20px 0; font-family: Verdana, Arial, Tahoma; font-size:11px;}
#rightcol .nieuwsblok ul li em { font-style:normal; }
#rightcol .nieuwsblok ul li a { color:#2f2f2f; font-style:italic; text-decoration:underline; }
#rightcol .nieuwsblok ul li p { color:#2f2f2f; height:35px; overflow:hidden; margin:0; padding:0;  }
#rightcol .nieuwsblok a.overige { position:absolute; padding:3px 15px 3px 15px; background-color:#e41c3c; color:#fff; bottom:7px; right:17px; text-decoration:none; font-style:normal; }
#rightcol .nieuwsblok a.overige:hover { text-decoration:underline;}
body.homepage #content .leftcol ul li a.overige  { display:none;}

#rightcol .adresblok {padding:25px 40px 0 30px; background :url(../images/bg_adresgegevens.png) no-repeat; position:relative; height:350px; overflow:hidden; }
#rightcol .adresblok h2 { margin:40px 0 20px 0; padding:0; font-size:14px; float:left; }
#rightcol .adresblok a { color:#e41c3c; }
#rightcol .adresblok p { color:#2f2f2f; clear:both; font-family: Verdana, Arial, Tahoma; font-size:11px;}
#rightcol .evenementenblok { padding:25px 30px 0 30px; background :url(../images/bg_evenementen.png) no-repeat; position:relative; height:356px; overflow:hidden; margin:0 0 0 -3px; }
#rightcol .evenementenblok .details { margin:30px 0 0 0;overflow:hidden; position:relative; height:95px; }
#rightcol .evenementenblok ul li.event{  margin:0; padding:0; float:left; width:260px; font-family:verdana, Arial, Tahoma; font-size:11px; line-height:18px; color:#2f2f2f;  }
#rightcol .evenementenblok ul li h2{  font-size:14px; margin:0; padding:0; font-family:Georgia, Verdana, Arial; position:absolute; bottom:0; left:105px;}
#rightcol .evenementenblok ul li em { height: 30px; width:29px; text-align:center; line-height:12px;  font-size: 11px; color: #fff; float: left;  background: url(../images/bg_date_left.png) top left no-repeat;  padding:2px 0px 2px 2px; font-style:normal;}
#rightcol .evenementenblok ul li img { height: 95px; width:95px; float:left; margin:0; }
#rightcol .evenementenblok ul li span.bg { height: 95px; width:95px; display:block; overflow:hidden; float:left; background-image:url(../images/afbeelding_niet_beschikbaar.jpg); }
#rightcol .evenementenblok ul li p {  float:left; width:240px; margin:0; padding:0; line-height:18px;   }
#rightcol .evenementenblok ul li a.more { position:absolute; padding:5px; background-color:#e41c3c; color:#fff; bottom:-33px; right:0px;}
#rightcol .evenementenblok ul li .tekstueel {clear:both; float:left; width:276px; margin:10px 0 0 0px; position:relative;}
#rightcol .evenementenblok ul li .tekstueel p {height:165px; overflow:hidden;}
#rightcol .banner1 { width: 312px; height: 160px; background: url(../images/banner1_paul.png) no-repeat; margin:0 0 0 5px; position:relative;}
#rightcol .banner1 .leesverder { color:#fff; text-align:center; position:absolute; right:9px; bottom:8px;}
#rightcol .banner1 .leesverder a {background-color: #e41c3c; color:#fff; display:block; padding:3px 15px 3px 15px;}
#rightcol .banner1 .leesverder a:hover { text-decoration:underline; }
#rightcol .banner2 { width: 311px; height: 133px; background: url(../images/banner2_nieuwsbrief.png) no-repeat; margin:0 0 0 5px;}
#rightcol .banner2 .leesverder { color:#fff; text-align:center; position:absolute;  right:13px; bottom:9px;}
#rightcol .banner2 .leesverder a {background-color: #ffffff; color:#e41c3c; display:block; padding:5px 8px 5px 8px;}
#rightcol .banner2 .leesverder a:hover { text-decoration:underline; }
#rightcol .banner2 p { color:#fff; margin: 0 30px 10px 30px}

body.content #content { background:url(../images/bg_content.png) no-repeat; width:635px; padding:25px 0px 0px 30px; min-height:510px; height:auto !important; height:510px;}
body.nieuws #content { background:url(../images/bg_content.png) no-repeat; width:635px; padding:25px 0px 0px 30px; min-height:510px; height:auto !important; height:510px;}

#content .paragraph { clear:both; width:600px; margin:20px 0 20px 0; color:#2f2f2f; font-family: Verdana, Arial, Tahoma; font-size:11px; overflow:hidden;}
#content .paragraph h2 {margin:0; padding:0; width:300px;}
#content .paragraph img { float:right; margin:15px 0 0 20px; padding:0;}
#content .paragraph p {  margin:10px 0 0 0; padding:0; line-height:18px;}
#content .paragraph a {  color:#e41c3c; text-decoration:underline;}
#content .paragraph ul { margin:0 0 0 20px; padding:0; }
#content .paragraph ul li { margin:0; padding:0; list-style-type: disc; }
#content .evenementen ul { margin:20px 0 0 0; padding:0;width:620px;  overflow:hidden; }
#content .evenementen ul li{ margin:0 0 20px 0; padding:0; float:left; width:600px; font-family:verdana, Arial, Tahoma; font-size:11px; line-height:18px; color:#2f2f2f; }
#content .evenementen ul li h2{  font-size:14px; margin:0 0 10px 0px; padding:0; font-family:Georgia, Verdana, Arial; float:left; width:430px; }
#content .evenementen ul li em { height: 30px; width:29px; text-align:center; line-height:12px;  font-size: 11px; color: #fff; float: left;  background: url(../images/bg_date.png) top left no-repeat;  padding:2px 0px 2px 2px; font-style:normal;}
#content .evenementen ul li img { height: 95px; width:95px; float:left; margin:0 20px 0 0; }
#content .evenementen ul li span.bg { height: 95px; width:95px; display:block; overflow:hidden; float:left; background-image:url(../images/afbeelding_niet_beschikbaar.jpg); }
#content .evenementen ul li p { float:left; width:450px; margin:0; padding:0; line-height:18px;  }
#content .evenementen ul li a.leesverder { font-style:italic; color:#000; text-decoration:underline; clear:both; float:left; margin:10px 0 0 0; width:100px;  }
#content .evenementen ul li .tekstueel {float:left; overflow:hidden; width:450px;  margin:0 0 0 10px;}

form.contact { width:620px;  margin:20px 0 20px 0; font-family: Verdana, Arial, Tahoma; font-size:11px;}
form.contact fieldset .frmrow { margin:0 0 10px 0; width:600px; position:relative;}
form.contact fieldset label {width:600px; float:left; color:#000;}
form.contact fieldset label.error {width:100px; position:absolute; right:0; top:15px; color:#e41c3c;}
form.contact fieldset label.small {width:500px; margin:4px 0 0 0; }
form.contact fieldset label.smalllast {width:100px; margin:4px 0 0 0; float:left; }
form.contact fieldset label.smallextra {width:100px; margin:4px 0 0 0; float:left; }
form.contact fieldset input {width:470px; clear:both; border:1px solid #c8c8c8; padding:5px 5px 5px 0px; color:#2f2f2f;}
form.contact fieldset textarea {width:470px; clear:both; border:1px solid #c8c8c8; padding:5px 5px 5px 0px; color:#2f2f2f;}
form.contact fieldset input.verzenden { padding:3px; background-color:#e41c3c; color:#fff; width:100px; float:right; border:none; margin:-15px 145px 0 0; cursor:pointer;}
form.contact fieldset input.radio { width:20px; border:none; float:left; margin:6px 10px 0 30px; }
form.contact fieldset input.extra { width:310px; }

#footer {clear:both; float:left; width: 649px; padding: 20px 0 0 10px; margin:0 0 0 10px;}
#footer li { color: #DF032E; font-size: 11px; float:left; margin:0 0px 0 0px;}
#footer li a { color: #DF032E; font-size: 11px; text-decoration: none; margin:0 0px 0 2px;}
#footer li a:hover { text-decoration: underline;}


body.contact { background: url(../images/bg_scm_8.jpg) top center no-repeat;}
body.contact #container { background: url(../images/bg_scm_8.jpg) top center no-repeat;}

body.nieuws { background: url(../images/bg_scm_6.jpg) top center no-repeat;}
body.nieuws #container { background: url(../images/bg_scm_6.jpg) top center no-repeat;}

body.events { background: url(../images/bg_scm_10.jpg) top center no-repeat !important;}
body.events #container { background: url(../images/bg_scm_10.jpg) top center no-repeat !important;}

body.contentpage { background: url(../images/bg_scm_4.jpg) top center no-repeat;}
body.contentpage #container { background: url(../images/bg_scm_4.jpg) top center no-repeat;}

body.activiteiten { background: url(../images/bg_scm_9.jpg) top center no-repeat;}
body.activiteiten #container { background: url(../images/bg_scm_9.jpg) top center no-repeat;}

body.doelstellingen { background: url(../images/bg_scm_5.jpg) top center no-repeat;}
body.doelstellingen #container { background: url(../images/bg_scm_5.jpg) top center no-repeat;}