@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
html{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
body{ background:url(../Images/body_bg.jpg) 0 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0;}

a{ color:#000; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}
p{ margin:0; padding:0 0 14px 0;}
ul{ margin:0; padding:0 0 14px 20px;}
img{ border:none;}

form{ margin:0; padding:0;}
label{ font-weight:bold;}

table{ border-spacing:0;}
table td, table th{ padding:0;}

h1{ font-size:18px;}
h2{ font-size:18px;}
h3{ font-size:17px;}
h4{ font-size:16px;}
h5{ font-size:15px;}
h6{ font-size:14px;}

h1, h2, h3, h4, h5, h6{ margin:0; padding:0 0 5px 0; color:#000;}

.clear{ clear:both; height:0;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width:900px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:10px 0;}

#header{ width:900px; height:152px; margin:0; padding:0;}
#header.blauw{ background:url(../Images/header_blauw.jpg) 0 0 no-repeat #000;}
#header.groen{ background:url(../Images/header_groen.jpg) 0 0 no-repeat #000;}
#header.oranje{ background:url(../Images/header_oranje.jpg) 0 0 no-repeat #000;}

#content{ position:relative; width:900px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 66px 0; float:left;}
#content.blauw{ background:url(../Images/content_bg_blauw.jpg) 0 0 repeat-y;}
#content.groen{ background:url(../Images/content_bg_groen.jpg) 0 0 repeat-y;}
#content.oranje{ background:url(../Images/content_bg_oranje.jpg) 0 0 repeat-y;}
#visual{ position:absolute; right:0; bottom:0; width:222px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; z-index:1;}
#visual img{ width:222px; display:block;}
#links{ background:url(../Images/shadow_top.png) 0 0 repeat-x; width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 6px 0 26px; float:left;}
#midden{ width:482px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#rechts{ position:relative; z-index:2; width:222px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

#footer{ width:900px; height:80px; margin:0; padding:0;}
#footer.blauw{ background:url(../Images/footer_blauw.jpg) 0 0 no-repeat #000;}
#footer.groen{ background:url(../Images/footer_groen.jpg) 0 0 no-repeat #000;}
#footer.oranje{ background:url(../Images/footer_oranje.jpg) 0 0 no-repeat #000;}

/**************************************************************
** Header Styles
***************************************************************/
#logo{ width:160px; height:122px; margin:0; padding:18px 2px 12px 34px; float:left;}
#pagina-titel{ width:510px; height:152px; line-height:152px; margin:0; padding:0; float:left; text-align:right; color:#fff; font-size:60px;}
#header-rechts{ background:url(../Images/header_rechts.jpg) 0 0 no-repeat; width:176px; height:134px; margin:0; padding:18px 18px 0 0; float:left; color:#fff; font-size:10px; text-align:right;}
#header-rechts a{ color:#fff; font-size:10px; text-transform:uppercase;}

/**************************************************************
** Links Styles
***************************************************************/
#menu{ background:url(../Images/shadow_top.png) 0 0 repeat-x #e4e4e4; width:152px; min-height:10px; height:auto !important; height:10px; margin:0 0 34px 0; padding:26px 6px 70px 6px; float:left;}
#menu ul{ width:128px; min-height:10px; height:auto !important; height:10px; margin:0 0 6px 0; padding:10px 12px; float:left; list-style:none;}
#menu ul.blauw{ background:url(../Images/menu_blauw.jpg) 0 0 repeat-y;}
#menu ul.groen{ background:url(../Images/menu_groen.jpg) 0 0 repeat-y;}
#menu ul.oranje{ background:url(../Images/menu_oranje.jpg) 0 0 repeat-y;}
#menu ul li{ position:relative; width:128px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#menu ul li a{ width:128px; min-height:10px; height:auto !important; height:10px; margin:0; padding:2px 0; float:left; font-size:11px; color:#fff;}
#menu ul li a:hover, #menu ul li a.aan{ color:#000; text-decoration:none;}

#menu ul li .submenu{ position:absolute; top:-6px; left:100px; width:128px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 12px; float:left; display:none;}
#menu .submenu ul{ background:#e4e4e4; width:128px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 12px; float:left; list-style:none;}
#menu .submenu ul.blauw{ border:1px solid #2c6c87;}
#menu .submenu ul.groen{ border:1px solid #1d3818;}
#menu .submenu ul.oranje{ border:1px solid #623300;}
#menu .submenu ul li{ height:18px; margin:0; padding:2px 0; float:left;}
#menu .submenu ul li a{ height:18px; line-height:18px; margin:0; padding:0; float:left; font-size:10px; color:#000;}

.content-links{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.content-links h2{ font-size:14px; padding:0 0 5px 18px; color:#fff;}

.nieuws{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.nieuws ul{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.nieuws ul li{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0 0 2px 0; padding:0; float:left;}
.nieuws ul li a{ background:#e4e4e4; width:128px; min-height:10px; height:auto !important; height:10px; margin:0; padding:4px 18px; float:left; font-size:10px;}
.nieuws ul li a:hover{ background:#c4c4c4; text-decoration:none;}

/**************************************************************
** Midden Styles
***************************************************************/
.submenu-midden{ width:482px; height:26px; margin:0; padding:0; float:left;}
.submenu-midden.blauw{ background:url(../Images/submenu_blauw.jpg) 0 0 no-repeat;}
.submenu-midden.groen{ background:url(../Images/submenu_groen.jpg) 0 0 no-repeat;}
.submenu-midden.oranje{ background:url(../Images/submenu_oranje.jpg) 0 0 no-repeat;}
.submenu-midden ul{ width:422px; height:26px; margin:0; padding:0 30px; float:left; list-style:none;}
.submenu-midden ul li{ height:26px; margin:0; padding:0; float:left;}
.submenu-midden ul li a{ height:26px; line-height:26px; margin:0; padding:0 40px 0 0; float:left; color:#fff; font-size:11px;}
.submenu-midden ul li a:hover, .submenu ul li a.aan{}

.pagina-afb{ width:482px; min-height:10px; height:auto !important; height:10px; margin:0 0 24px 0; padding:0; float:left;}
.pagina-afb img{ width:482px; float:left;}

.content-midden{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 24px; float:left;}

#nieuws-archief{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#nieuws-archief ul{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#nieuws-archief ul li{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 14px 0; float:left;}
#nieuws-archief ul li a{ background:#2c6c87; width:406px; min-height:14px; height:auto !important; height:14px; margin:0; padding:5px 14px; float:left; color:#fff;}
#nieuws-archief.trainingen ul li a{ background:#623300;}

#vereniging-lijst{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#vereniging-lijst ul{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#vereniging-lijst ul li{ width:212px; min-height:10px; height:auto !important; height:10px; margin:0 0 24px 0; padding:0; float:left;}
#vereniging-lijst ul li a{ width:212px; height:112px; margin:0; padding:0; float:left; overflow:hidden;}
#vereniging-lijst ul li a.rechts{ margin:0 0 0 10px;}
.vest-afb{ background:#000; width:80px; height:112px; margin:0; padding:0; float:left; overflow:hidden;}
.vest-afb img{ float:left;}
.vest-titel{ width:124px; height:40px; margin:0; padding:0 0 0 8px; float:left; overflow:hidden; font-size:14px; color:#6a6a6a; font-weight:bold;}
.vest-titel span{ font-size:10px; font-weight:normal;}
.vest-tekst{ width:124px; height:72px; margin:0; padding:0 0 0 8px; float:left; overflow:hidden; font-size:11px;}

#events{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#events ul{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#events ul li{ background:url(../Images/footer_groen.jpg) 0 0 repeat-x; width:386px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 24px; float:left; color:#fff;}
#events ul li.kop{ height:16px; line-height:16px; margin:0 0 14px 0; font-weight:bold;}
#events ul li a{ width:386px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; color:#fff;}
#events ul li a:hover{ color:#000;}
span.datum{ width:146px; min-height:10px; height:auto !important; height:10px; margin:0; padding:5px 0; float:left;}
span.event{ width:240px; min-height:10px; height:auto !important; height:10px; margin:0; padding:5px 0; float:left;}

#events.oranje ul li{ background:url(../Images/footer_oranje.jpg) 0 0 repeat-x;}

#quote-lijst{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#quote-lijst ul{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#quote-lijst ul li{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0 0 24px 0; padding:0 0 10px 0; float:left; border-bottom:1px solid #6a6a6a;}
.quote-titel{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 10px 0; float:left; font-size:14px; color:#6a6a6a; font-weight:bold;}
.quote-titel span{ font-size:10px; font-weight:normal;}
.quote-tekst{ width:434px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; font-size:11px;}

/**************************************************************
** Rechts Styles
***************************************************************/
.kop-rechts{ width:222px; height:26px; line-height:26px; margin:0 0 10px 0; padding:0; float:left; color:#fff; text-align:center;}
.kop-rechts.blauw{ background:url(../Images/kop_rechts_blauw.jpg) 0 0 no-repeat;}
.kop-rechts.groen{ background:url(../Images/kop_rechts_groen.jpg) 0 0 no-repeat;}
.kop-rechts.oranje{ background:url(../Images/kop_rechts_oranje.jpg) 0 0 no-repeat;}

.submenu-rechts{ width:222px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.submenu-rechts ul{ width:222px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.submenu-rechts ul li{ width:222px; min-height:10px; height:auto !important; height:10px; margin:0 0 14px 0; padding:0; float:left;}
.submenu-rechts ul li a{ width:194px; height:24px; line-height:24px; margin:0; padding:0 14px; float:left; color:#fff;}
.submenu-rechts.blauw ul li a{ background:#2c6c87;}
.submenu-rechts.groen ul li a{ background:#1d3818;}
.submenu-rechts.oranje ul li a{ background:#623300;}

.content-rechts{ width:222px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.content-rechts h2{ font-size:14px; padding:0 0 5px 29px; color:#fff;}

.content-rechts .nieuws{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 29px; float:left;}
.content-rechts .nieuws ul{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.content-rechts .nieuws ul li{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0 0 2px 0; padding:0; float:left;}
.content-rechts .nieuws ul li a{ background:#e4e4e4; width:128px; min-height:10px; height:auto !important; height:10px; margin:0; padding:4px 18px; float:left; font-size:10px;}
.content-rechts .nieuws ul li a:hover{ background:#c4c4c4; text-decoration:none;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer_logo{ width:852px; height:40px; margin:0; padding:10px 24px 0 24px; float:left;}
#footer_logo a{ background:url(../Images/wilson_logo.png) 100% 6px no-repeat; width:732px; height:40px; line-height:40px; margin:0; padding:0 120px 0 0; float:left; font-size:10px; color:#fff; text-align:right; line-height:50px;}
#footer_logo a:hover{ text-decoration:none;}
#footer_content_nieuw{ width:852px; height:30px; margin:0; padding:0 24px; float:left; font-size:10px; color:#fff; text-align:right;}
#footer_content{ width:852px; height:30px; margin:0; padding:50px 24px 0 24px; font-size:10px; color:#fff; text-align:right;}

/**************************************************************
** Form Styles
***************************************************************/
input[type="text"], input[type="password"], input[type="email"], input[type="url"]{ background:#fff; width:300px; height:14px;margin-bottom:2px; padding:4px; border:1px solid #c70b09; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
input[type="submit"]{ background:#fff; margin-bottom:2px; padding:4px; border:none; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
input[type="submit"].blauw{ background:#2c6c87;}
input[type="submit"].groen{ background:#1d3818;}
input[type="submit"].oranje{ background:#623300;}

select{ width:100px; margin-bottom:2px; padding:2px; border:1px solid #c70b09;}

textarea{ background:#fff; width:300px; height:118px; margin:0 0 2px 0; padding:4px; border:1px solid #c70b09; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000;}

.InputWrapper{ background:url(../Images/input.png) 0 0 no-repeat; margin-bottom:6px; float:left;}
.InputInner{ background:url(../Images/input.png) 100% 0 no-repeat #e4e4e4; padding:0 4px 0 0; margin:0 0 0 4px;}
.InputWrapper.text{ background:url(../Images/input.png) 0 100% no-repeat;}
.InputInner.text{ background:url(../Images/input.png) 100% 100% no-repeat #e4e4e4; padding:4px 4px 4px 0;}
.InputWrapper input, .InputInner input, .InputWrapper textarea, .InputInner textarea{ background:none; height:14px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#004321; vertical-align:middle; margin:0; padding:4px 0; border:none; outline:none;}
.InputWrapper textarea, .InputInner textarea{ height:102px;}