body {margin:5px 0px 5px 0px; padding: 0; font-family:"lucida grande", Arial, sans-serif; font-size: 10px; color: #000000; text-align: left; background-color:#48473d;}
html {overflow-x:hidden;}
a {color:#0072bc; text-decoration:underline;}
a:hover {background-color:#0072bc; color:#fff; text-decoration:none;}
* {margin:0; padding:0; border:none;}

div#headcontainer {background-color:#fff; margin:0 auto; width:954px; text-align:left;}
div#header-topnav {width:954px; height:23px; background-color:#000;}
.header-topnav  {margin-top:5px; margin-left:26px; float:left;}
.header-topnav-nav  {padding-top:4px; margin-right:20px; _margin-right:30px; float:right;  width:410px; height:19px; color:#ffffff; font-size:11px;}
.header-topnav-nav a {color:#ffffff; text-decoration:none; font-size:12px; height:19px; padding: 0px 5px 0px 5px;}
.header-topnav-nav a:hover {color:#ffffff; text-decoration:none; font-size:12px; background-color:#cccccc; height:19px; padding: 0px 5px 0px 5px;}
.header-topnav-nav a:active {color:#ffffff; text-decoration:none; font-size:12px;}
.header-topnav-nav a:visited {color:#ffffff; text-decoration:none; font-size:12px;}
div#header {width:954px; height:176px;}

/* ******************  navigation  *************** */
div#nav_declub {z-index:2; visibility: hidden; width:100px; position:absolute; margin:0 0 0 20px;}
div#nav_jeugd {z-index:4; visibility: hidden; width:100px; position:absolute;}
div#nav_senioren {z-index:3; visibility: hidden; width:83px; position:absolute;}
div#nav_bc {z-index:4; visibility: hidden; width:121px; position:absolute;}
div#nav_jdb {z-index:3; visibility: hidden; width:117px; position:absolute;}
div#nav_nieuwlid {z-index:2; visibility: hidden; width:130px; position:absolute;}

ul.nav {height: 100%; background-color: #ffffff; margin:0; _margin:2px 0px 0px 0px; padding:0;}
ul.nav li {list-style-type:none; padding: 0px; margin:0; font-weight: bold; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc; color: #fff; }
ul.nav li a {display: block; color: #555555; height: 18px; text-decoration: none; padding:10px 5px 3px 5px;}	
ul.nav li a:hover {background-color: #555555; display: block; height:18px; color: #ffffff; text-decoration: none;}


/* GENERAL SETTINGS #NAV */
ul#nav {width:954px; float:left; border-bottom:1px solid #ccc; padding:3px 0 1px 0; background-color: #ffffff;}
ul#nav , #nav li {list-style-type: none; margin:0; padding:0; float:left; border-right: dotted 1px #ccc;}
#nav li, #nav a {float: left; height: 27px; line-height: 27px; padding:0px; margin:0px 0 0 0;}
#nav li a {outline: 0; text-indent: -4000px; background: transparent url(../images/navigation.gif) no-repeat; }

/* BUTTONS #NAV */
#nav #declub a {width:91px; background-position:0 0;}
#nav #jeugd a {width:59px; background-position:-91px 0px;}
#nav #senioren a {width:83px; background-position:-149px 0px;}
#nav #bc a {width:121px; background-position:-231px 0px;}
#nav #fotoalbum a {width:103px; background-position:-351px 0px;}
#nav #agenda a {width:75px; background-position:-453px 0px;}
#nav #nieuwsbrief a {width:108px; background-position:-528px 0px;}
#nav #jdb a {width:117px; background-position:-636px 0px;}
#nav #nieuwlid a {width:94px; background-position:-752px 0px;}
#nav #contact a {width:80px; background-position:-845px 0px;}

/* OVER STATES #NAV */
#nav #declub a:hover {width:91px; background-position:0 -27px;}
#nav #jeugd a:hover {width:59px; background-position:-91px -27px;}
#nav #senioren a:hover {width:83px; background-position:-149px -27px;}
#nav #bc a:hover {width:121px; background-position:-231px -27px;}
#nav #fotoalbum a:hover {width:103px; background-position:-351px -27px;}
#nav #agenda a:hover {width:75px; background-position:-453px -27px;}
#nav #nieuwsbrief a:hover {width:108px; background-position:-528px -27px;}
#nav #jdb a:hover {width:117px; background-position:-636px -27px;}
#nav #nieuwlid a:hover {width:94px; background-position:-752px -27px;}
#nav #contact a:hover {width:80px; background-position:-845px -27px;}

/* ******************  containers  *************** */
div#content {float:left; padding:8px 7px 0px 9px; width:938px; background-color:#fff;}


/* titles */
h1 {font-family: "lucida grande", Arial, Helvetica, sans-serif; font-size: 24px; width:490px; float: left; padding: 4px 10px 10px 0px; margin: 0; color: #3e3e3c; text-transform:lowercase;}
h2 {font-family: "lucida grande", Arial, Helvetica, sans-serif; font-size: 14px;	width: 500px; float: left; padding: 4px 10px 10px 0px;}
h3 {font-family: "lucida grande", Arial, Helvetica, sans-serif; font-size: 24px;	width: 500px; float: left; padding: 4px 10px 5px 0px; color: #3e3e3c; margin: 10px 0px 10px 0px;}
h4 {font-family: "lucida grande", Arial, Helvetica, sans-serif; font-size: 16px;	width: 486px; float: left; padding: 4px 10px 0px 0px; margin: 20px 0px 0px 0px; color:#898989;}
h5 {font-family: "lucida grande", Arial, Helvetica, sans-serif; font-size: 14px; float: left; padding:0; margin: 0; color: #fff;}
h6 {background:url(../images/h1_bg.jpg) center left no-repeat; font-size:14px; color:#636363;  padding: 0px 0px 10px 30px; margin: 0px 0px 10px 0px;}
.clear {clear:both;}
h1.small {font-size:24px; width:475px;}

div#centercol p {margin:20px 10px 20px 3px; line-height:20px;}

/* niewsartikelen */

div#centercol {width:530px; float:left; margin:0px 30px 0px 10px; _margin-left:0px; background:url(../images/innerleft_bg.gif) repeat-y top right; }
div#centercol .news {width:500px; height:250px; float:left; margin:20px 10px 0px 10px; border-bottom:1px solid #cccccc; font-family:"lucida grande", Arial, sans-serif;}
div#centercol div#page {width:500px; float:left; margin:20px 10px 0px 10px; border-bottom:1px solid #cccccc; font-family:"lucida grande", Arial, sans-serif;}
div#centercol .news .info {font-size:10px; width:490px; float:left; color:#0072bc; margin:0px 0px 10px 8px;}
div#centercol .news p.sub {float:left; line-height:20px; margin:-2px 10px 10px 5px; font-size:11px;}
div#centercol .news h1 a {text-decoration:none; color: #3e3e3c; font-size: 24px; margin-left:4px;}
div#centercol .news h1 a:hover {background-color:#fff; text-decoration:none; color: #000; margin-left:4px;}
div#centercol .news a {color:#0072bc; text-decoration:none; padding:2px 0px 2px 0px; font-weight:bold;}
div#centercol .news a:hover{background-color:#0072bc; color:#fff; text-decoration:none; padding:2px 0px 2px 0px;}

/* niewsitems */
div#centercolnieuws {width:570px; float:left; margin:5px 0px 50px 5px;}
div#centercolnieuws div#newsitem {width:500px; float:left; margin:20px 10px 0px 20px; font-family:Trebuchet MS, Helvetica, Arial, sans-serif;}
div#centercolnieuws div#newsitem .info {font-size:10px; width:400px; float:left; color:#1f6179; margin-bottom:10px;}
div#centercolnieuws div#newsitem p.sub {float:left; width:200px; line-height:18px; margin:0px 10px 10px 5px; font-size:12px;}
div#centercolnieuws div#newsitem h1 a {text-decoration:none; text-transform:uppercase; color: #3e3e3c; font-size: 24px; margin-left:4px;}
div#centercolnieuws div#newsitem h1 a:hover {text-decoration:none; color: #000; margin-left:4px;}
div#centercolnieuws div#newsitem a {text-decoration:none; color:#1f6179; font-weight:normal;}
div#centercolnieuws div#newsitem a:hover{text-decoration:none; color:#fff;}
div#centercolnieuws div#newsitem .image {margin:20px 0px 0px 5px;}
.nieuwspics {padding:4px; border: 1px solid #ccc;}
.newstext {font-family:"lucida grande", Arial, sans-serif; font-size: 10px; float:left; width:200px; padding:0 0 0 20px;}

/* pagenav */
div#centercol ul#pagenav {margin:10px 0px 10px 0px;}
div#centercol ul#pagenav li {background-image:url(../images/pagenav_bg.gif); background-repeat:no-repeat; width: 10px; height: 19px; padding: 3px 3px 0px 4px; margin-right: 3px; color: #9c9b9b; font-size: 14px; font-weight: bold; float: left; list-style-type:none; display:block;}
div#centercol ul#pagenav li a {color:#858585; text-decoration:none; display:block;}
div#centercol ul#pagenav li a:hover {color:#fe6f00; text-decoration:none; display:block;}
div#centercol ul#pagenav .empty {background-image:none;}
div#centercol ul#pagenav .volgende {background-image:none; padding-top:0px; margin-bottom:10px;}

/* news information */
div#news-info {height: 16px; background-image:url(../images/bg_news-info.gif);  padding: 4px 0px 5px 7px; margin:30px 0px 25px 0px;}
div#news-info img.icon {padding:0px 2px 0px 0px;}
div#news-info .item {background: none; border: none; float: left; margin:0px 8px 0px 0px; padding-right:8px; background-image:url(../images/news_info-divider.gif); background-repeat:no-repeat; background-position:top right; height:16px;}
div#news-info .none {background-image:none;}
label {float:left; width:90px; margin:8px 10px 5px 0px; text-align:right;}
.form_text {background-image: url(../images/input_bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #b7b7b7; width: 198px; height: 14px; padding:3px 2px 2px 3px; margin:5px 0px 5px 0px;}
.form_textarea {background-image: url(../images/input_bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #b7b7b7;width: 460px; height: 83px; padding: 3px 0px 0px 0px; margin:5px 0px 5px 0px;}
div#news-reaction {background-color:#f3f3f3; border:1px solid #dcdcdc; margin:-2px 0px 0px 0px; padding:10px 0px 10px 0px;}

/* news reaction */
div#centercol .reactie {border-bottom:1px dashed #14a812; padding:0px 0px 15px 0px;}
div#centercol .reactie .name {height:30px; background-image:url(../images/li.gif); background-repeat:no-repeat; background-position:left center; margin:0px 0px 0px 5px; padding:10px 0px 0px 10px; height:20px;}
div#centercol .reactie P {margin:0px 0px 0px 15px; padding:0;}
div#centercol .reactie .date {font-size:10px; color:#666666; margin:0px 0px 0px 10px;}

/* ******************  side bar  *************** */
div#sidebar {width:330px; float:left; margin:30px 10px 0px 0px;}
}
div#sidebar div#login_button {width: 350px; height: 62px; float:right;}
div#sidebar div#login_button p {height:19px; color:#000; font-size:11px; margin:10px 0px 0px 0px; padding:5px 0px 0px 0px;}
div#sidebar div#login_button a {color:#1f6179; text-decoration:none; padding:2px 4px 2px 4px;}
div#sidebar div#login_button a:hover {background-color:#1f6179; color:#fff; text-decoration:none; padding:2px 4px 2px 4px;}
div#sidebar div#login_button .login {margin-left: 254px; width:80px;}
div#sidebar div#login_button .login a {color:#1f6179; font-size:14px; text-decoration:none; background-color:#fff; padding:15px;}
div#sidebar div#login_button .login a:hover {color:#fff; font-size:14px;text-decoration:none; background-color:#1f6179; padding:15px;}

/* other news */
div#sidebar div#title-othernews {width: 350px; height: 24px; background-image:url(../images/bg_ander-nieuws.gif);}
div#sidebar div#title-othernews img {padding: 8px 0px 0px 5px; float: left;}
div#sidebar ul#othernews {width:350px; margin:6px 0px 15px 0px;}
div#sidebar ul#othernews li {background-color: #ffffff; list-style-type:none;}
div#sidebar ul#othernews li a {color:#000000; font-weight:bold; text-decoration:none; background-color:#ffffff; display:block; line-height:19px; padding:2px 0px 2px 16px; background-image:url(../images/li.gif); background-repeat:no-repeat; background-position:6px 8px; height:20px;}
div#sidebar ul#othernews li a:hover {color:#000000; font-weight:bold; text-decoration:none; background-color:#cbe9cf; display:block; line-height:19px; padding:2px 0px 2px 16px;}
div#sidebar ul#othernews li a.odd { background-color:#e6f6e8;}
div#sidebar ul#othernews li a:hover.odd { background-color:#cbe9cf;}
div#sidebar ul#othernews li img {margin:0px 0px -3px 6px;}
div#sidebar ul#othernews li span.time {color: #737373;	float: right; font-weight: normal; margin:-20px 10px 0px 0px;}
div#sidebar ul#othernews span.title {float:left; width:330px; height:20px;}

div#sidebar .banner {margin:15px 0px 15px 0px;}
/* general box item */
div#sidebar div.title {width: 350px; height: 24px; background-image:url(../images/bg_sidebar-title.gif); margin-top: 20px;}
div#sidebar div.title img {padding: 8px 0px 0px 5px; float: left;}

/* headlines */
div#sidebar ul.headlines {width:350px; margin:6px 0px 15px 0px;}
div#sidebar ul.headlines li {background-color: #0072bc; list-style-type:none; font-size:11px;}
div#sidebar ul.headlines li a {color:#000000; font-size:11px; text-decoration:none; background-color:#ffffff; display:block; line-height:19px; padding:2px 0px 2px 4px; height:20px;}
div#sidebar ul.headlines li a:hover {color:#000000; font-size:11px; text-decoration:none; background-color:#0072bc; display:block; line-height:19px; padding:2px 0px 2px 4px;}
div#sidebar ul.headlines li a.odd {background-color:#0072bc;}
div#sidebar ul.headlines li a:hover.odd {background-color:#0072bc;}
div#sidebar ul.headlines li img {margin:0px 0px -3px 6px;}
div#sidebar ul.headlines li img.bullet {margin:0px 0px -3px 0px; padding:0;}
div#sidebar ul.headlines li span.time {color: #737373;	float:right; font-weight:normal; margin:-20px 10px 0px 0px;}
div#sidebar ul.headlines li a.more {background-color:#e5e5e5; padding-left:5px; font-size:11px;}
div#sidebar ul.headlines li a:hover.more {background-color:#0072bc; padding-left:5px; font-size:11px;}
div#sidebar ul.headlines li a.more img {margin:1px 0px 0px 5px;}
div#sidebar ul.headlines li .li-more {margin:0px 0px -1px 5px; padding:0;}
div#sidebar ul.headlines span.title {float:left; width:330px; height:20px;}


/* headlines */
div#sidebar .title-headlines {width: 345px; height: 24px; background-color:#fff; }
div#sidebar .title-headlines a {text-decoration:none; font-weight: normal; font-size:11px;}
div#sidebar .title-headlines a:hover {text-decoration:none; font-weight: normal; font-size:11px;}
div#sidebar .title-headlines a:active {text-decoration:none; font-weight: normal; font-size:11px;}
div#sidebar .title-headlines a:link {text-decoration:none; font-weight: normal; font-size:11px;}
div#sidebar .title-headlines a:visited {text-decoration:none; font-weight: normal; font-size:11px;}
div#sidebar ul.headlines {width:345px; margin:6px 0px 15px 0px;}
div#sidebar ul.headlines li {background-color: #f7f7f7; list-style-type:none; }
div#sidebar ul.headlines li.row1 {height: 20px; }
div#sidebar ul.headlines li a {color:#000000; font-weight:normal; text-decoration:none; background-color:#ffffff; display:block; line-height:19px; padding:2px 0px 2px 4px; height:20px;}
div#sidebar ul.headlines li a:hover {color:#fff; font-weight:normal; text-decoration:none; background-color:#0072bc; display:block; line-height:19px; padding:2px 0px 2px 4px;}
div#sidebar ul.headlines li a.odd { background-color:#e5e5e5; font-weight: normal;}
div#sidebar ul.headlines li a:hover.odd { background-color:#0072bc;}
div#sidebar ul.headlines li span.time {color: #737373;	float: right; font-weight: normal; margin:-20px 10px 0px 0px;}
div#sidebar ul.headlines li a.more {background-color:#fff; padding-right:5px; float: right;}
div#sidebar ul.headlines li a:hover.more {background-color:#0072bc; padding-right:5px;}
div#sidebar ul.headlines li .li-more {margin:0px 0px -1px 5px; padding:0;}
div#sidebar ul.headlines span.title {float:left; width:330px; height:20px;}

/* standings */
div#sidebar .title-standings {width: 345px; height: 24px; background-color:#fff;}
div#sidebar .standings {width: 340px; background-color:#ffffff; padding: 4px 0px 0px 5px; float: left; font-weight:normal; font-size:10px; margin:5px 0px 0px 0px;}
div#sidebar .standings table {width: 340px; float: left; font-weight:normal; font-size:11px;}

/* agenda */
div#sidebar .title-agenda {width: 345px; height: 24px; background-color:#fff;}
div#sidebar .sidebar_agenda {width: 345px; background-color:#ffffff; padding: 0px 0px 0px 5px; margin:10px 0 10px 0; float: left; font-weight:normal; font-size:10px;}
div#sidebar .sidebar_agenda table {width: 345px; float: left; font-weight:normal; font-size:11px;}
div#sidebar .sidebar_agenda a {color:#000000; font-weight:normal; text-decoration:none;}
div#sidebar .sidebar_agenda a:hover {background-color:#fff; color:#000000; font-weight:normal; text-decoration:underline;}
/* login */
div#sidebar .title-login {width: 345px; height: 24px;}
div#sidebar .sidebar_login {width: 345px; padding: 0px 0px 0px 5px; margin:10px 0 10px 0; float: left; font-weight:normal; font-size:11px;}
div#sidebar .login table {font-size:11px;}

div#sidebar .title-sponsoren {width: 345px; height: 24px; background-color:#fff;}
div#sidebar .sponsoren {width: 345px; height:150px; background-color:#ffffff; padding: 4px 0px 10px 5px; float: left; font-weight:normal; font-size:10px; margin:10px 0px 0px 0px;}

div#nieuwsbrief {width:500px;  float:left; margin:20px 10px 20px 22px;}
div#archief {width:250px;  float:left; padding:20px 0px 20px 90px; border-bottom:1px solid #cccccc;}
div#nieuwsbrief p {margin:0px 0px 10px 0px;}
div#nieuwsbrief a {color:#0072bc; text-decoration:none; padding:2px 4px 2px 4px;}
div#nieuwsbrief a:hover {background-color:#0072bc; color:#fff; text-decoration:none; padding:2px 4px 2px 4px;}

div#aanmelden {width:500px; height:400px; float:left; margin:20px 10px 20px 22px; border-bottom:1px solid #cccccc;}
div#aanmelden p {margin:0px 0px 10px 0px;}
div#aanmelden a {color:#0072bc; }
div#aanmelden a:hover {color:#0072bc; text-decoration:underline;}

.aanmelden {width:500px; height:400px; float:left; margin:20px 10px 20px 22px; border-bottom:1px solid #cccccc;}

div#sidebar div.sidebar_spacer{ height:40px; clear:both;}
div#guestbook {float:left; width:570px; background-color:#fff;}
div#guestbook-news {height:350px; width:250px; border:1px solid #cccccc; float:right; margin-right:30px; margin-top:60px; padding-left:10px; background-image: url(../images/bg.jpg);	background-repeat: repeat;}
div#guestbook-news .title {height:25px; width:220px; background-color:#fff; border-bottom:1px solid #cccccc; color:#1f6179; font-weight:bold; padding-left:10px; padding-top:4px;}
.guestbook-table {margin:10px 10px 10px 30px; padding:0px 0px 10px 0px; border-bottom: 1px solid #ccc; width:500px;}


.bold  {font-family:"lucida grande", Arial, sans-serif; font-size: 11px; line-height:20px; font-weight:bold;}
p {font-family:"lucida grande", Arial, sans-serif; font-size: 11px; line-height:20px;}
td {font-family:"lucida grande", Arial, sans-serif; font-size: 11px; line-height:18px;}

div#fotocontent {float:left; padding:8px 9px 0px 9px; width:938px; background-color:#fff; margin-left:-1px;}
div#recentfotoalbums {float:left; margin:0px 0px 0px 30px;} 

div#footer {float:left; padding:0px; width:954px; height:140px; background-color:#000;}

hr {color:#1f6179;}
form, fieldset {margin: 0; 	padding: 0;}
fieldset {border: 1px solid #ccc;}
legend {padding: 0;	color: #000;}
input, select {margin: 0;	padding: 1px; border: 1px solid #8a8b81; height:22px; font-family:"lucida grande", Arial, Helvetica, sans-serif; font-size:11px;}
textarea {margin: 0;	padding: 1px; border: 1px solid #8a8b81; height:150px; font-family:"lucida grande", Arial, Helvetica, sans-serif; font-size:11px;}
select { padding: 0; }

.radio {padding:0px 0px 0px 90px;}
.kaart {float:left; padding:0px 0px 0px 40px;}
.gender {border: 1px solid #fff;}
.send {border: 1px solid #8a8b81; background:#ccc; height:22px; float:right; margin:-20px 50px 0px 0px; width:80px;}

form.cmxform fieldset { margin-bottom: 10px; }
form.cmxform legend {padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */}
form.cmxform label {display: inline-block;	line-height: 1.8;	vertical-align: top; float:left;}
form.cmxform fieldset ol {margin: 0;	padding: 0;}
form.cmxform fieldset li {list-style: none;	padding: 5px; margin: 0;}
form.cmxform fieldset fieldset {border: none; margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px; font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;}
form.cmxform em {font-weight: bold;	font-style: normal;	color: #f00;}
form.cmxform label { width: 100px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 100px; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
form.cmxform {width: 340px;	color: #333;}
form.cmxform legend { padding-left: 0;}
form.cmxform legend,form.cmxform label {color: #333; text-align:left;}
form.cmxform fieldset {border: none; border: 1px solid #ccc;	background:#eee;}
form.cmxform fieldset fieldset {background: none;}
form.cmxform fieldset li {padding: 5px 10px 7px; background: url(../images/cmxform-divider.gif) left bottom repeat-x;}