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

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #603A18;
	background-color: #603A18;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

#container {
	margin: 0px auto;
	width: 900px;
}

#header_links {
	height: 262px;
	width: 252px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	background-image: url(/images/header_links_bg.gif);
	background-repeat: no-repeat;
	background-position: 0% 90%;
}

#header_rechts {
	height: 262px;
	width: 638px;
	float: right;
}

/* ------------------------------------------------------------
Navigatie
*/

.nav_seperator {
	color: #F4DBA6;
 }

#navigatie {
	height: 47px;
	width: 638px;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align:right;
}

ul#navlist {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	display: block;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

#navlist a { 
	padding: 10px 8px 10px 8px;
	display: inline-block;
}

#navlist a:link, #navlist a:visited {
	color: #F4DBA6;
	text-decoration: none;
}

#navlist a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#navlist a#current {
	color: #FFFFFF;
	text-decoration: none;
}

#navlist a.darts {
	background-color: #8A0403;
}

ul#navlistdarten {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	display: block;
}

#navlistdarten li {
	display: inline;
	list-style-type: none;
}

#navlistdarten a { 
	padding: 10px 9px 10px 9px;
	display: inline-block;
}

#navlistdarten a:link, #navlistdarten a:visited {
	color: #F4DBA6;
	text-decoration: none;
}

#navlistdarten a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#navlistdarten a#current {
	color: #FFFFFF;
	text-decoration: none;
}

#navlistdarten a.cafe {
	background-color: #004D13;
}

/* ------------------------------------------------------------
Einde navigatie
*/

#foto_slideshow {
	width: 638px;
	height: 194px;
	background-color: #FFF;
	position: absolute;
	top: 57px;
}

#imageSlideshowHolder{

/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

*/
/* CSS HACK */
	width: 644px;	/* IE 5.x */
	width/* */:/**/638px;	/* Other browsers */
	width: /**/638px;
		
/* CSS HACK */
	height: 200px;	/* IE 5.x */
	height/* */:/**/194px;	/* Other browsers */
	height: /**/194px;
	background-color: #000000;
	position:relative;	/* Never change this value */
		
}
.imageInGallery{		
	width:638px;
	height:194px;
	background-color:#000;
		
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}
	
#imageSlideshowHolder img{
	position:absolute;
}

/* ------------------------------------------------------------
Content
*/

#content {
	width: 900px;
}

#content_left {
	width: 252px;
	margin: 0px 10px 0px 0px;
	float: left;
}

#agenda_home {
	height: 253px;
	width: 192px;
	background-image: url(/images/paper_01.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -24px;
	padding: 40px 30px 40px 30px;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

#dartsblok {
	width: 202px;
	height: 127px;
	background-image: url(/images/dartblok.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -24px;
	padding: 25px 25px 0px 25px;
	color: #F4DBA6;
}

#nieuwsbrief_home {
	width: 192px;
	height: 276px;
	background-image: url(/images/paper_02.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -24px;
	padding: 50px 30px 0px 30px;
}

#content_right {
	width: 638px;
	float: right;
	background-image: url(/images/bg_content.gif);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}

#content_center {
	width: 900px;
	background-image: url(/images/bg_content_center.gif);
	background-repeat: repeat-y;
	clear:both;
	margin-bottom: 20px;
}

.padding {
	padding: 0px 45px 0px 45px;
}

#kruimel {
	height: 29px;
	border-left: 1px solid #D6C19D;
	border-bottom: 1px solid #D6C19D;
	border-right: 1px solid #D6C19D;
	line-height: 29px;
	padding: 0px 10px 0px 10px;
	background-image: url(/images/bg_kruimel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #B16827;
}

#kruimel a {
	color: #8A0403;
	background-image: url(/images/arrow_kruimel.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px 20px 0px 10px;
	display: block;
	float: left;
	text-decoration: none;
}

fieldset {
	border: 1px solid #D6C19D;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-image: url(/images/witverloop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

legend {
	padding: 0px 10px 0px 10px;
	margin-bottom: 5px;
	font-size: 24px;
	font-style: italic;
	color: #024812;
}

.header_left {
	background-color: #B16827;
	padding: 10px 10px 10px 30px;
	color: #FFFFFF;
	text-align: left;
}

/* ------------------------------------------------------------
Nieuws
*/

.schild {
	width: 61px;
	height: 53px;
	float: left;
	margin: 0px 10px 10px 0px;
}

.schild_maand{
	width: 61px;
	height: 16px;
	background-image:url(/images/schild_boven.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 12px;
}

.schild_dag {
	width: 61px;
	height: 25px;
	background-image: url(/images/schild_onder.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.nieuws_titel {
	float: left;
	font-size: 20px;
	color: #024812;
	display: block;
	padding: 10px 0px 0px 0px;
	width: 477px;
}

.nieuws_subtitel {
	float: left;
	color: #B16827;
	font-size: 11px;
	padding-bottom: 10px;
}

.nieuws_bericht {
	clear: both;
	line-height:17px;
	border-bottom: 1px solid #E5DAC8;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.paginas {
	clear: both;
	height: 40px;
	text-align:center;
	margin-left:200px;
}

a.blok:link, a.blok:visited, a.blok:active {
	float: left;
	background-color: #F4DBA6;
	padding: 3px 7px 3px 7px;
	border: 1px solid #B16827;
	margin: 0px 5px 0px 0px;
}

a.blok:hover {
	float: left;
	background-color: #B16827;
	padding: 3px 7px 3px 7px;
	border: 1px solid #B16827;
	margin: 0px 5px 0px 0px;
	color: #FFFFFF;
}

.blok_gl {
	float: left;
	background-color: #B16827;
	padding: 3px 7px 3px 7px;
	border: 1px solid #B16827;
	margin: 0px 5px 0px 0px;
	color: #FFFFFF;
}

/* ------------------------------------------------------------
Tabellen
*/

.prijs {
	font-size: 16px;
	color: #8B0330;
}

/* ------------------------------------------------------------
Vertikaal listmenu
*/

.vertical_lisr{ 
	margin: 0px 10px 0px 10px;
}

.vertical_list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.vertical_list a {
	display: block;
	padding: 7px 7px 7px 30px;
	background-color: #B16827;
	border-bottom: 1px solid #BF8653;
	font-size: 14px;
}

.vertical_list a:link, .vertlist a:visited {
	color: #F4DBA6;
	text-decoration: none;
	background-image: url(/images/bg_vertlist_hov.gif);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}

.vertical_list a:hover {
	color: #FFFFFF;
	background-image: url(/images/bg_vertlist.gif);
	background-repeat: no-repeat;
	background-position: 2% 50%;
}

/* ------------------------------------------------------------
Pyramide
*/

#pyramide {
	text-align: center;
}

a.pyr_blok:link, a.pyr_blok:visited, a.pyr_blok:active {
	display: inline-block;
	padding: 7px 2px 7px 2px;
	border: 1px solid  #D6C19D;
	background: #F4DBA6;
	background-image: url(/images/bg_kruimel.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	color: #603A18;
	font-size: 11px;
    width: 80px;
	font-family: Arial, Helvetica, sans-serif;
}

a.pyr_blok:hover {
	background: #FFFFFF;
	background-image: url(/images/witverloop.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #C2222F;
}

.rij { clear: both; text-align: center; }

/* ------------------------------------------------------------
Tekst
*/

h1 {
	font-weight: normal;
	color: #8B0304;
	border-bottom: 1px solid #D6C19D;
	font-size: 30px;
	background-image: url(/images/bg_h1.gif);
	background-repeat: no-repeat;
	background-position: 0% 20%;
	padding: 0px 0px 15px 50px;
	margin: 15px 0px 10px 0px;
}

h2 {
	font-weight: normal;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
	color: #024812;
}

h3 {
	font-weight: normal;
	font-style: italic;
	margin: 0px 0px 10px 0px;
	font-size: 20px;
}

h4 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
}

a:link, a:visited, a:active {
	color: #8B0304;
	text-decoration: none;
}

a:hover {
	color: #8B0304;
	text-decoration: underline;
}

a.agendapunt:link, a.agendapunt:visited, a.agendapunt:active, a.agendapunt:hover {
	border-bottom: 1px solid #BE9868;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	line-height: 18px;
	text-decoration: none;
	display: block;
	color: #603A18;
}

.vetrood {
	color: #8A0403;
	font-weight: bold;
}

p {
	line-height: 17px;
	margin: 0px 0px 10px 0px;
}

/* ------------------------------------------------------------
Tabellen
*/

.koptd {
	font-weight: bold;
	border-bottom: 1px solid #D6C19D;
}

td.lbl {
	width:100px;
	font-weight: bold;
}

/* ------------------------------------------------------------
Buttons
*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.roodbutton:link, a.roodbutton:visited, a.roodbutton:active, a.roodbutton:hover  {
    background: transparent url(/images/bg_btnrood_a.gif) no-repeat scroll top right;
    color: #FFF;
    display: block;
	float: left;
    height: 35px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.roodbutton span {
    background: transparent url(/images/bg_btnrood_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 11px 0 10px 18px;
} 

a.groenbutton:link, a.groenbutton:visited, a.groenbutton:active, a.groenbutton:hover  {
    background: transparent url(/images/bg_btngroen_a.gif) no-repeat scroll top right;
    color: #FFF;
    display: block;
	float: left;
    height: 35px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.groenbutton span {
    background: transparent url(/images/bg_btngroen_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 11px 0 10px 18px;
}

/* ------------------------------------------------------------
Einde Buttons
*/

#footer {
	height: 80px;
	width: 548px;
	background-image: url(/images/bg_footer.jpg);
	background-repeat: no-repeat;
	padding: 40px 45px 0px 45px;
	text-align: center;
	color: #B16827;
}

#footer_groot {
	height: 80px;
	width: 810px;
	background-image: url(/images/bg_footer_groot.jpg);
	background-repeat: no-repeat;
	padding: 40px 45px 0px 45px;
	text-align: center;
	color: #B16827;
}

#onderlist {
	border-bottom: 1px solid #D6C19D;
	border-top: 1px solid #D6C19D;
	padding: 10px 0px 10px 0px;
	text-align: center;
	margin: 0px 0px 12px 0px;
}

#onderlist li {
	display: inline;
	list-style-type: none;
	padding-right: 25px;
}

#onderlist a:link, a:visited, a:active {
	color: #8A0403;
	text-decoration: none;
}

#onderlist a:hover {
	text-decoration: underline;
}


#onderlist_dart {
	border-bottom: 1px solid #D6C19D;
	border-top: 1px solid #D6C19D;
	padding: 10px 0px 10px 0px;
	text-align: center;
	margin: 0px 0px 12px 0px;
}

#onderlist_dart li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#onderlist_dart a:link, a:visited, a:active {
	color: #8A0403;
	text-decoration: none;
}

#onderlist_dart a:hover {
	text-decoration: underline;
}

#vac_link a {
	font-weight: normal;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
	color: #024812;
}

/* 
------------------------------------------------------------------------------------------------------------------------------
Wijzigingen 24 juli 2008
------------------------------------------------------------------------------------------------------------------------------
*/

.grootrood {
	color: #8A0403;
	font-size: 26px;
	line-height: 30px;
}

.bg_paper {
	width: 252px;
	margin-top: 10px;
	position: relative;
	top: -20px;
}

.bg_paper_top {
	width: 252px;
	height: 20px;
	background-image: url(/images/bg_paper_top.gif);
	background-repeat: no-repeat;
}

.bg_paper_mid {
	width: 192px;
	background-image: url(/images/bg_paper_mid.jpg);
	background-repeat: repeat-y;
	padding: 10px 30px 10px 30px;
}

.bg_paper_bot {
	width: 252px;
	height: 20px;
	background-image: url(/images/bg_paper_bot.jpg);
	background-repeat: no-repeat;
}

.msg_error {
	color: #CC3300;
	padding: 10px;
	border: 1px dashed #CC3300;
	text-align: left;
}

.msg_error a {
	text-decoration: underline;
}

.msg_success {
	color: #024812;
	padding: 10px;
	border: 1px dashed #024812;
	text-align: left;
}

.msg_success a {
	text-decoration: underline;
}

label,input.frm {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

input.frm {
	background-color: #F5E2BB;
	border: 1px solid #D6C19D;
	padding: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #603A18;
	font-size: 12px;
}

input.frm_btn {
	background-color: #850502;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border: 1px solid #5E0000;
	display: block;
	padding: 4px 8px 4px 8px;
	float: left;
	margin: 0px 0px 10px 95px;
}

label.frm {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

label.vac {
	width: 125px;
}

textarea.frm {
	display: block;
	width: 400px;
	height: 150px;
	float: left;
	margin-bottom: 10px;
	background-color: #F5E2BB;
	border: 1px solid #D6C19D;
	padding: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #603A18;
	font-size: 12px;
}

/* ------------------------------------------------------------
Verticaal menu
*/

#vertcontainer { width: 190px; }

#vertcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#vertcontainer a {
	display: block;
	padding: 5px 5px 5px 15px;
	width: 170px;
	border-bottom: 1px dashed #E1C3A1;
}

#vertcontainer a:link, #vertlist a:visited {
	color: #603A18;
	text-decoration: none;
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#vertcontainer a:hover {
	background-color: #024812; 
	color: #FFFFFF;
}

div.overaldiv {
	background:#000;
	cursor:pointer;
	width:1px;
	height:1px;
	position:absolute;
	left:0px;
	top:0px;
}

iframe.popup {
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:450px;
	background:#fff;
	border:5px solid #fff;
}

/* 
------------------------------------------------------------------------------------------------------------------------------
Wijzigingen 30 juli 2008
------------------------------------------------------------------------------------------------------------------------------
*/

.teamfoto {
	width: 320px;
	height: 240px;
	border: 3px solid #D6C19D;
	margin: 0px 10px 10px 0px;
	float: left;
}

.teamnamen {
	float:left;
	width: 210px;
	height: 260px;
}

.teamnamen_zf {
	margin-bottom:10px;
}

.teamnamen ul, .teamnamen_zf ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-size: 14px;
}

.teamnamen ul li, .teamnamen_zf ul li {
	background-image:url(/images/bullet.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 15px;

}

a.playerlink:link, a.playerlink:active, a.playerlink:visited {
	color: #603A18;
	text-decoration: none;
}

a.playerlink:hover {
	color: #603A18;
	text-decoration: underline;
}


ul#tourdates {
	margin-left: 25px;
}

#tourdates li {
	list-style-type: disc;
	padding:5px;
}