@charset "utf-8";

/* General */
html, body {margin:0; padding:0; width:100%;}
body {background:#fff url(../images/bg.jpg) 0 385px repeat-x;}
* {font-family:Arial, Helvetica, sans-serif;}
img, a {outline:none;}
a img{border:none;}
/* STRUCTURE */
#horizon {width:100%; height:383px; background:url(../images/horizon.jpg) center top no-repeat;}
#container {width:940px; margin:-383px auto 0;}
#language {width:940px; height:91px;}
#header {width:940px;}
#header_img {width:930px; height:272px; margin-top:60px; background:#6b9abb url(../images/header_bg.jpg) repeat-x; border:#c6c6c6 1px solid; padding:4px;}
#header_img_wrapper {width:930px; height:272px; overflow:hidden;}
#header_text {width:940px; height:295px; margin-top:-342px; position:relative; float:left; z-index:10;}
#logo {width:231px; height:78px; float:left; margin-left:20px;}
#menu {width:648px; height:32px; float:right; margin-top:7px;}
#baseline {width:318px; height:161px; clear:both; margin:0 0 0 617px; padding-top:55px;}
#content {width:940px; margin-top:12px;}
#activiteiten {width:940px; margin-top:12px;}/* mijn id -------------------------------------*/
#content_left {width:570px; float:left; margin:0 0 0 20px !important; margin-left:10px;}
#content_right {width:323px; float:right;}
#widget_contact {width:277px; background:#472f08 url(../images/widget_contact_bg.jpg) right top no-repeat; padding:23px 23px 10px 23px; margin-bottom:10px;}
#widget_submenu {width:277px; background:#472f08 url(../images/widget_contact_bg.jpg) right top no-repeat; padding:23px 23px 10px 23px; margin-bottom:10px;}
#widget_volonteer {width:277px; height:54px; background:url(../images/widget_volonteer_bg.jpg) no-repeat; padding:23px; margin-bottom:10px; overflow:hidden;}
#widget_newsletter {width:277px; background-color:#f4f4f4; padding:23px 23px 18px 23px; margin-bottom:10px;}
#widget_info {width:277px; background-color:#f4f4f4; padding:23px 23px 18px 23px; margin-bottom:10px;}
#widget_photos {width:300px; padding:23px 0 0 23px; margin-bottom:10px;}
#photo_container {width:300px; height:250px; overflow:hidden;}
#footer {width:100%; height:325px; background:url(../images/footer_bg.jpg) center top no-repeat; padding:0;}
#footer_wrapper {width:940px; height:215px; margin:0 auto; padding-top:85px;}
#footer_left {width:595px; float:left; margin:0 0 0 20px !important; margin-left:10px; border-right:#716756 1px dotted; height:215px;}
#footer_menu {width:595px; height:28px;}
#footer_logo {width:146px; height:145px; float:left; margin:18px 0 0 45px !important; margin-left:22px;}
#footer_text {width:355px; float:right; margin:43px 0 0 0;}
#footer_right {width:300px; float:right; height:215px;}

.news_item {width:570px; padding:15px 0 15px 0; border-bottom:#bdbbbc 1px dotted;}
.staff_item {width:190px; height:240px; overflow:hidden; float:left;}
.content_block {width:285px; height:285px; overflow:hidden; float:left;}

/* Titles */
#footer_right h2 {font-size:16px; color:#e8e8e8; font-weight:200; margin:3px 0 20px 0; padding:0 0 10px 0; border-bottom:#716756 1px dotted;}
#widget_contact h2 {font-size:21px; height:22px; color:#f99800; font-weight:200; margin:0 0 24px 0; padding:0 0 7px 0; border-bottom:#8e816c 1px dotted;}
#content_left h1 {font-size:26px; color:#f99800; display:block; width:570px; border-bottom:#231f20 1px dotted; margin:20px 0 15px 0; padding:0 0 6px 0; line-height:26px; font-weight:200;}
#content_left h1 span {font-size:14px; color:#4f4e4f; display:block; margin:-4px 0 -4px 0;}
#content_left .news_item h2 {font-size:16px; color:#231f20; font-weight:bold; margin:0; padding:0; border:none;}
#content_left .news_item h4 {font-size:11px; color:#231f20; font-weight:200; font-style:italic; margin:0;}
#widget_volonteer h2 {font-size:17px; color:#d5d5d5; line-height:25px; margin:0; font-weight:200;}
#widget_newsletter h2, #widget_info h2 {font-size:16px; color:#2a5680; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:#9ba9b2 1px dotted;}
#widget_newsletter h2 span {font-size:21px;}
#content_left .staff_item h2 {font-size:14px; color:#f99800; font-weight:bold; margin:10px 0 4px 0; padding:0; border:none;}
#content_left .staff_item h3 {font-size:12px; color:#5e5e5e; margin:0 0 4px 0;}
#content_left h2 {font-size:18px; color:#216aa4; margin:20px 0 10px 0; padding-bottom:3px; border-bottom:#9ba9b2 1px dotted; font-weight:200;}
#content_left .content_block h2 {font-size:16px; color:#216aa4; font-weight:bold; margin:0 0 3px 0; border:none; line-height:16px;}
#content_left .content_block h3 {font-size:12px; color:#231f20; font-weight:200; margin:-3px 0 8px 0; border:none; font-style:italic; line-height:12px;}

/* Paragraphs */
#language p {font-size:14px; color:#fff; line-height:24px; text-align:right; margin:7px 16px 0 0;}
#baseline p {width:318px; height:161px; display:block; background:url(../images/baseline.png) no-repeat; font-size:21px; color:#18415b; line-height:26px;}
#footer_text p {font-size:12px; color:#e8e8e8; line-height:18px; margin:0 0 20px 0;}
#widget_contact p {font-size:14px; color:#fff; line-height:21px; margin:0 0 20px 0;}
.news_item p {font-size:12px; color:#231f20; line-height:20px; margin:10px 0 12px 0;}
#content_left p {font-size:12px; color:#231f20; line-height:20px; margin:10px 0 16px 0;}
#content_left inhoud {font-size:12px; color:#231f20; line-height:20px; margin:10px 0 16px 0;}
#widget_newsletter p, #widget_info p {font-size:14px; color:#484747; margin:0 0 10px 0; line-height:26px;}
#content_left p.intro {font-size:16px; color:#777777; line-height:22px; margin:0 0 18px 0;}
#content_left .content_block p {width:270px; height:60px; overflow:hidden;}
#content_left .content_block p.btnMore2 {display:block; margin:-35px 15px 0 154px; position:absolute; z-index:8; overflow:visible;}

/* Lists */
#menu ul {list-style:none; margin:0; padding:0;}
#menu li {margin:0 6px 0 0; padding:0; display:block; float:left; font-size:11px;}
#footer_menu ul {list-style:none; margin:0; padding:0;}
#footer_menu li {margin:0 6px 0 0; padding:0; display:block; float:left; font-size:8px;}
#widget_submenu ul {list-style:none; margin:29px 0 20px 0; padding:0; border-top:#91826b 1px dotted;}
#widget_submenu li {margin:0; padding:0; display:block; font-size:16px; border-bottom:#91826b 1px dotted;}
#widget_submenu li ul {list-style:none; margin:5px 0 15px 0; padding:0; border:none;}
#widget_submenu li ul li {margin:0 0 5px 0; padding:0; display:block; font-size:14px; border:none;}
#widget_info ul {list-style:none; margin:0; padding:0;}
#widget_info li {margin:0; padding:0 0 0 30px; display:block; font-size:14px; color:#2b2b2b; line-height:24px;}

#widget_submenu li ul {display:none;}
#widget_submenu li.active ul {display:block;}

/* Links */
#language p a {color:#fff; text-decoration:none; width:24px; height:24px; line-height:24px; padding:4px 8px;}
#language p a:hover {text-decoration:underline;}
.nl #language p a.nl {color:#583a0a; background:url(../images/language_active.jpg) 2px 0 no-repeat;}
.fr #language p a.fr {color:#583a0a; background:url(../images/language_active.jpg) no-repeat;}

#menu li a {font-size:16px; color:#fff; font-weight:bold; line-height:32px; height:32px; text-decoration:none; display:block;}
#menu li.home a { width:60px; background:url(../images/btnHome.gif) left top no-repeat;}
#menu li.over-ons a { width:81px; background:url(../images/btnOver.gif) left top no-repeat;}
#menu li.buurtsportanimator a { width:153px; background:url(../images/btnAnimator.gif) left top no-repeat;}
#menu li.activiteiten a { width:96px; background:url(../images/btnActiviteiten.gif) left top no-repeat;}
#menu li.projecten a { width:87px; background:url(../images/btnProjecten.gif) left top no-repeat;}
#menu li.nieuws a { width:66px; background:url(../images/btnNieuws.gif) left top no-repeat;}
#menu li.clubs a { width:59px; background:url(../images/btnClubs.gif) left top no-repeat;}
#menu li.home a:hover, .home #menu li.home a {background:url(../images/btnHome.gif) left bottom no-repeat;}
#menu li.over-ons a:hover, .over-ons #menu li.over-ons a {background:url(../images/btnOver.gif) left bottom no-repeat;}
#menu li.buurtsportanimator a:hover, .buurtsportanimator #menu li.buurtsportanimator a {background:url(../images/btnAnimator.gif) left bottom no-repeat;}
#menu li.activiteiten a:hover, .activiteiten #menu li.activiteiten a {background:url(../images/btnActiviteiten.gif) left bottom no-repeat;}
#menu li.projecten a:hover, .projecten #menu li.projecten a {background:url(../images/btnProjecten.gif) left bottom no-repeat;}
#menu li.nieuws a:hover, .nieuws #menu li.nieuws a {background:url(../images/btnNieuws.gif) left bottom no-repeat;}
#menu li.clubs a:hover, .clubs #menu li.clubs a {background:url(../images/btnClubs.gif) left bottom no-repeat;}

#footer_menu li a {font-size:16px; color:#e8e8e8; font-weight:bold; line-height:28px; height:28px; text-decoration:none; display:block;}
#footer_menu li.home a { width:54px; background:url(../images/btnHome2.gif) left top no-repeat;}
#footer_menu li.over-ons a { width:72px; background:url(../images/btnOver2.gif) left top no-repeat;}
#footer_menu li.buurtsportanimator a { width:135px; background:url(../images/btnAnimator2.gif) left top no-repeat;}
#footer_menu li.activiteiten a { width:86px; background:url(../images/btnActiviteiten2.gif) left top no-repeat;}
#footer_menu li.projecten a { width:77px; background:url(../images/btnProjecten2.gif) left top no-repeat;}
#footer_menu li.nieuws a { width:61px; background:url(../images/btnNieuws2.gif) left top no-repeat;}
#footer_menu li.clubs a { width:53px; background:url(../images/btnClubs2.gif) left top no-repeat;}
#footer_menu li.home a:hover, .home #footer_menu li.home a {background:url(../images/btnHome2.gif) left bottom no-repeat;}
#footer_menu li.over-ons a:hover, .over-ons #footer_menu li.over-ons a {background:url(../images/btnOver2.gif) left bottom no-repeat;}
#footer_menu li.buurtsportanimator a:hover, .buurtsportanimator #footer_menu li.buurtsportanimator a {background:url(../images/btnAnimator2.gif) left bottom no-repeat;}
#footer_menu li.activiteiten a:hover, .activiteiten #footer_menu li.activiteiten a {background:url(../images/btnActiviteiten2.gif) left bottom no-repeat;}
#footer_menu li.projecten a:hover, .projecten #footer_menu li.projecten a {background:url(../images/btnProjecten2.gif) left bottom no-repeat;}
#footer_menu li.nieuws a:hover, .nieuws #footer_menu li.nieuws a {background:url(../images/btnNieuws2.gif) left bottom no-repeat;}
#footer_menu li.clubs a:hover, .clubs #footer_menu li.clubs a {background:url(../images/btnClubs2.gif) left bottom no-repeat;}

#widget_submenu li a {color:#fff; display:block; text-decoration:none; background:url(../images/bullet_submenu.gif) left 9px no-repeat; padding:12px 0 12px 35px;}
#widget_submenu li a:hover, #widget_submenu li.active a {color:#f99800; background:url(../images/bullet_submenu.gif) left -31px no-repeat;}
#widget_submenu li ul li a, #widget_submenu li.active ul li a {color:#fff; display:block; text-decoration:none; background:url(../images/bullet_newsitems.gif) 15px 50% no-repeat !important; padding:2px 0 2px 35px;}
#widget_submenu li ul li a:hover, #widget_submenu li ul li.active a {color:#fbaf37;}

#footer_text p a {color:#2796e7; text-decoration:none; border-bottom:#4c6365 1px dotted;}
#footer_text p a:hover {border-bottom:#5db6ef 1px dotted;}
#widget_contact p a {color:#5db6ef; text-decoration:none; border-bottom:#4c6365 1px dotted;}
#widget_contact p a:hover {border-bottom:#5db6ef 1px dotted;}
#widget_contact p a.btnQuestion {display:block; width:132px; height:31px; background:url(../images/btnQuestion.gif) no-repeat; font-size:16px; color:#1a5278; font-weight:bold; text-decoration:none; padding:12px 0 0 50px; border-bottom:none;}
#widget_contact p a:hover.btnQuestion  {border:none;}
#content_left .news_item a.btnMore {font-size:14px; color:#1d4c79; text-decoration:none; padding:5px 10px 5px 27px; background:#e6e5e6 url(../images/btnMore.gif) 10px 50% no-repeat; border:none;}
#content_left .news_item a.btnMore:hover {background:#f99800 url(../images/btnMore_hover.gif) 10px 50% no-repeat; color:#472f08; border:none;}
#content_left a.btnViewAll, #content_right a.btnViewAll {font-size:14px; color:#472f08; text-decoration:none; display:block; float:right; height:25px; line-height:25px; padding-right:34px; background:url(../images/btnViewAll.gif) right top no-repeat; border:none;}
#content_left a.btnViewAll:hover, #content_right a.btnViewAll:hover {background:url(../images/btnViewAll.gif) right bottom no-repeat; color:#e08900; border:none;}
#widget_volonteer h2 a {color:#d5d5d5; text-decoration:none; background:url(../images/btnVolonteer.gif) right 27px no-repeat; display:block; width:270px; border-bottom:#7a848f 1px dotted; padding-bottom:10px;}
#widget_volonteer h2 a:hover {background:url(../images/btnVolonteer.gif) right -31px no-repeat;}
#widget_volonteer h2 a span {color:#f99800; font-size:28px;}
#content_left p a, #content_left .news_item p a, .staff_item p a, #widget_info li a {color:#216aa4; text-decoration:none; border-bottom:#c7d2da 1px dotted;}
#content_left p a:hover, #content_left .news_item p a:hover, .staff_item p a:hover, #widget_info li a:hover {border-bottom:#216aa4 1px dotted;}
#content_left .content_block p.btnMore2 a {font-size:14px; color:#1d4c79; text-decoration:none; padding:5px 10px 5px 27px; background:#e6e5e6 url(../images/btnMore.gif) 10px 50% no-repeat; border:none;}
#content_left .content_block p.btnMore2 a:hover {background:#f99800 url(../images/btnMore_hover.gif) 10px 50% no-repeat; color:#472f08; border:none;}
#widget_info p a.btnQuestion {display:block; width:182px; height:34px; background:url(../images/btnSubscribe.gif) no-repeat; font-size:16px; color:#1a5278; font-weight:bold; padding:9px 0 0 50px; margin:20px 0 0 0; text-decoration:none; border:none;}

/* Classes */
.clear {clear:both;}
.footer_address {width:150px; display:block; float:left;}
.footer_contact {width:170px; display:block; float:left;}
.vgc {display:block;}
.bhg {margin-top:-20px; display:block;}
.phone {background:url(../images/bullet_phone.gif) left 50% no-repeat;}
.mail {background:url(../images/bullet_mail.gif) left 50% no-repeat;}
.website {background:url(../images/bullet_website.gif) left 50% no-repeat;}
.inhoud {font-size:12px; color:#231f20; line-height:20px; margin:10px 0 16px 0;}
/* Misc */
#baseline em, #menu em, #footer_menu em, #content_left h1 em {visibility:hidden; font-style:normal;}
.news_item .img {width:145px; height:105px; float:left; margin:10px 25px 8px 0; padding:3px; border:#c9c9c9 1px solid;}
.news_item .img a.img_link {display:block; width:145px; height:105px; overflow:hidden; text-decoration:none; border: 0px; color: white;}
#widget_newsletter #newsletter_form {margin:0; padding:0;}
#widget_newsletter input {width:260px; height:22px; background:url(../images/textbox_newsletter.jpg) no-repeat; border:none; font-size:14px; padding:8px 5px 0 5px;}
#widget_newsletter input.btnSubscribe {display:block; width:182px; height:43px; background:url(../images/btnSubscribe.gif) no-repeat; font-size:16px; color:#1a5278; font-weight:bold; padding:0 0 0 12px; cursor:pointer; margin:10px 0 0 0;}
#widget_newsletter p a.btnSubscribe {display:block; width:132px; height:31px; background:url(../images/btnSubscribe.gif) no-repeat; font-size:16px; color:#1a5278; font-weight:bold; text-decoration:none; padding:12px 0 0 50px; border-bottom:none;}
.staff_item .staff_img {width:124px; height:106px; margin:0; padding:3px; border:#c9c9c9 1px solid;}
.staff_item .staff_img span {width:124px; height:106px; display:block; overflow:hidden;}
.content_block_img {width:262px; height:146px; margin:0; padding:3px; border:#c9c9c9 1px solid;}
.content_block_img a.img_link {display:block; width:262px; height:146px; overflow:hidden;}
.img_big {width:562px; height:248px; margin:0 0 15px 0; padding:3px; border:#c9c9c9 1px solid; background-color:#fff;}
.img_big span {display:block; width:562px; height:248px; overflow:hidden;}
.photo_holder {width:122px; height:105px; margin:0 15px 15px 0; padding:3px; border:#c9c9c9 1px solid; float:left;}
.photo_holder a.img_link {display:block; width:122px; height:105px; overflow:hidden;}