/*
margin-top
margin-right
margin-bottom
margin-left
*/


/* PAGE STYLES
----------------------------------------------------------------*/
*

pix { border: 0; }
table, td, tr, p, form, h1, h2, h3, ul, li { margin: 0px; padding: 0px; }
select { font-size: 10px !important; }

/* BODY STYLES
----------------------------------------------------------------*/
body { height:100%; margin:0; padding:0; background: url(../pix/body_bg.png) repeat-x; background-color:#b5d3ea; }

/* PAGE STYLES
----------------------------------------------------------------*/
#page { width:960px; margin: 0 auto 0; position:relative; }

/* GENERAL STYLES
----------------------------------------------------------------*/
#mainarea { width:960px; clear:both; padding-left:0; margin: 0px 0px 20px 0px;}
#mainarea .titel { clear:both; width:600px; height:20px; margin: -20px 0 0 15px;}

/* HEADER STYLES
----------------------------------------------------------------*/
#header { clear:both; width:960px;  background: url(../pix/header_bg.gif) repeat-x; background-position:top center; }
#header .logo { height: 129px; margin: 20px 0 0 10px; }
#header .logos { height: 129px; margin: -115px 0 0 460px; }


/* MENU STYLES
----------------------------------------------------------------*/
#nav-main { height: 44px; background: url(../pix/menu-bg.png); margin: -14px 0 0 10px;}
#nav-main li { display: inline; list-style: none; }
#nav-main li a { display: block; float: left; width: 960px; height: 44px; }
#nav-main li a span { display: none; }
#nav-main li a.home { width: 79px; background:url(../pix/btn-home.png) top; }
#nav-main li a.team { width: 117px; background:url(../pix/btn-team.png) top; }
#nav-main li a.agenda { width: 93px; background:url(../pix/btn-agenda.png) top; }
#nav-main li a.wedstrijd { width: 173px; background:url(../pix/btn-wedstrijd.png) top; }
#nav-main li a.foto { width: 90px; background:url(../pix/btn-foto.png) top; }
#nav-main li a.video { width: 90px; background:url(../pix/btn-video.png) top; }
#nav-main li a.contact { width: 102px; background:url(../pix/btn-contact.png) top; }
#nav-main li a:hover, #nav-main li a.selected { background-position: bottom; }
	
#nav-sub { list-style: none;  display:inline-block; text-align : right; margin: 15px 0 0 54px; }
#nav-sub li a { text-decoration: none; color: #99b2cb; line-height: 18px; font-size:9pt; text-align:right;}
#nav-sub li a:hover { color: #FFF; }
	
#nav-sub2 { list-style: none; padding: 10px 25px 3px 25px;}
#nav-sub2 li a { text-decoration: none; color: #5f6164; line-height: 18px;}
#nav-sub2 li a:hover { color: #c5a587; }

/* MAINPHOTO STYLES
----------------------------------------------------------------*/
#mainfoto { clear:both; width:960px; height:320px; background-position:top center; }
#mainfoto .pic { height: 380px; margin: 7px 0 0 0; }


/* CONTENT STYLES
----------------------------------------------------------------*/
#contentarea { font-family: Arial, Helvetica, sans-serif;  font-size:10pt; width:620px; margin: 0 0 0 0 ; float:left; line-height:14pt;}
#contentarea .text { font-family: Arial, Helvetica, sans-serif;  font-size:9pt; color:#0a253a; width:590px; margin: 90px 0 15px 15px;}
#contentarea .links { font-family: Arial, Helvetica, sans-serif;  font-size:9pt; color:#0a253a; margin: 0 0 0 0;}
#contentarea .links a { font-family: Arial, Helvetica, sans-serif;  font-size:9pt; color:#0a253a; margin: 0 0 0 0;}
#contentarea .links a:hover { font-family: Arial, Helvetica, sans-serif;  font-size:9pt; color:#FFF; margin: 0 0 0 0;}
#contentarea .list {font-family: Arial, Helvetica, sans-serif; color:#FFF;}
#contentarea .list ul { margin: 0; padding: 0;}
#contentarea .list ul li { list-style:none; display:block; margin: 0 0 0 0; }
#contentarea .right { position: absolute; top: 650px; width:330px; margin: 0px 0px 0px 630px;}


/* RIJDER STYLES
----------------------------------------------------------------*/
#rijder { width:163px; margin: 0 0 0 0 ;}
#rijder .picture { margin: 20px 0 0 0 ; }

#rijder2 { width:163px; margin: 0 0 0 0 ;}
#rijder2 .picture { margin: -215px 0 0 149px ; }

#rijder3 { width:163px; margin: 0 0 0 0 ;}
#rijder3 .picture { margin: -215px 0 0 298px ; }

#rijder4 { width:163px; margin: 0 0 0 0 ;}
#rijder4 .picture { margin: -215px 0 0 447px ; }

#rijder5 { width:163px; margin: 0 0 0 0 ;}
#rijder5 .picture { margin: 20px 0 0 0 ; }

#rijder6 { width:163px; margin: 0 0 0 0 ;}
#rijder6 .picture { margin: -215px 0 0 149px ; }

#rijder7 { width:163px; margin: 0 0 0 0 ;}
#rijder7 .picture { margin: -215px 0 0 298px ; }

#rijder8 { width:163px; margin: 0 0 0 0 ;}
#rijder8 .picture { margin: -215px 0 0 447px ; }

#rijder9 { width:163px; margin: 0 0 0 0 ;}
#rijder9 .picture { margin: 20px 0 0 0 ; }

#rijder10 { width:163px; margin: 0 0 0 0 ;}
#rijder10 .picture { margin: -215px 0 0 149px ; }

#rijder11 { width:163px; margin: 0 0 0 0 ;}
#rijder11 .picture { margin: -215px 0 0 298px ; }

#rijder12 { width:163px; margin: 0 0 0 0 ;}
#rijder12 .picture { margin: -215px 0 0 447px ; }

#rijder13 { width:163px; margin: 0 0 0 0 ;}
#rijder13 .picture { margin: 20px 0 0 0 ; }

#rijder14 { width:163px; margin: 0 0 0 0 ;}
#rijder14 .picture { margin: -215px 0 0 149px ; }

#rijder15 { width:163px; margin: 0 0 0 0 ;}
#rijder15 .picture { margin: -215px 0 0 298px ; }

#rijder16 { width:163px; margin: 0 0 0 0 ;}
#rijder16 .picture { margin: -215px 0 0 447px ; }

#rijder17 { width:163px; margin: 0 0 0 0 ;}
#rijder17 .picture { margin: 20px 0 0 0 ; }

#rijder18 { width:163px; margin: 0 0 0 0 ;}
#rijder18 .picture { margin: -215px 0 0 149px ; }

#rijder19 { width:163px; margin: 0 0 0 0 ;}
#rijder19 .picture { margin: -215px 0 0 298px ; }


/* FOTO STYLES
----------------------------------------------------------------*/
#foto { width:150px; margin: 0 0 0 0 ;}
#foto .picture { margin: 20px 0 0 0 ; }

#foto2 { width:150px; margin: 0 0 0 0 ;}
#foto2 .picture { margin: -155px 0 0 155px ; }

#foto3 { width:1550px; margin: 0 0 0 0 ;}
#foto3 .picture { margin: -155px 0 0 310px ; }

#foto4 { width:150px; margin: 0 0 0 0 ;}
#foto4 .picture { margin: -155px 0 0 465px ; }

#foto5 { width:150px; margin: 0 0 0 0 ;}
#foto5 .picture { margin: 20px 0 0 0 ; }

#foto6 { width:150px; margin: 0 0 0 0 ;}
#foto6 .picture { margin: -155px 0 0 155px ; }

#foto7 { width:150px; margin: 0 0 0 0 ;}
#foto7 .picture { margin: -155px 0 0 310px ; }

#foto8 { width:150px; margin: 0 0 0 0 ;}
#foto8 .picture { margin: -155px 0 0 465px ; }

#foto9 { width:150px; margin: 0 0 0 0 ;}
#foto9 .picture { margin: 20px 0 0 0 ; }

#foto10 { width:150px; margin: 0 0 0 0 ;}
#foto10 .picture { margin: -155px 0 0 155px ; }

#foto11 { width:150px; margin: 0 0 0 0 ;}
#foto11 .picture { margin: -155px 0 0 310px ; }

#foto12 { width:150px; margin: 0 0 0 0 ;}
#foto12 .picture { margin: -155px 0 0 465px ; }

#foto13 { width:150px; margin: 0 0 0 0 ;}
#foto13 .picture { margin: 20px 0 0 0 ; }

#foto14 { width:150px; margin: 0 0 0 0 ;}
#foto14 .picture { margin: -155px 0 0 155px ; }

#foto15 { width:150px; margin: 0 0 0 0 ;}
#foto15 .picture { margin: -155px 0 0 310px ; }

#foto16 { width:150px; margin: 0 0 0 0 ;}
#foto16 .picture { margin: -155px 0 0 465px ; }

#foto17 { width:150px; margin: 0 0 0 0 ;}
#foto17 .picture { margin: 20px 0 0 0 ; }

#foto18 { width:150px; margin: 0 0 0 0 ;}
#foto18 .picture { margin: -155px 0 0 155px ; }

#foto19 { width:150px; margin: 0 0 0 0 ;}
#foto19 .picture { margin: -155px 0 0 310px ; }

#foto20 { width:150px; margin: 0 0 0 0 ;}
#foto20 .picture { margin: -155px 0 0 465px ; }

#foto21 { width:150px; margin: 0 0 0 0 ;}
#foto21 .picture { margin: 20px 0 0 0 ; }

#foto22 { width:150px; margin: 0 0 0 0 ;}
#foto22 .picture { margin: -155px 0 0 155px ; }

#foto23 { width:1550px; margin: 0 0 0 0 ;}
#foto23 .picture { margin: -155px 0 0 310px ; }

#foto24 { width:150px; margin: 0 0 0 0 ;}
#foto24 .picture { margin: -155px 0 0 465px ; }

#foto25 { width:150px; margin: 0 0 0 0 ;}
#foto25 .picture { margin: 20px 0 0 0 ; }

#foto26 { width:150px; margin: 0 0 0 0 ;}
#foto26 .picture { margin: -155px 0 0 155px ; }

#foto27 { width:150px; margin: 0 0 0 0 ;}
#foto27 .picture { margin: -155px 0 0 310px ; }

#foto28 { width:150px; margin: 0 0 0 0 ;}
#foto28 .picture { margin: -155px 0 0 465px ; }

#foto29 { width:150px; margin: 0 0 0 0 ;}
#foto29 .picture { margin: 20px 0 0 0 ; }

#foto30 { width:150px; margin: 0 0 0 0 ;}
#foto30 .picture { margin: -155px 0 0 155px ; }

#foto31 { width:150px; margin: 0 0 0 0 ;}
#foto31 .picture { margin: -155px 0 0 310px ; }

#foto32 { width:150px; margin: 0 0 0 0 ;}
#foto32 .picture { margin: -155px 0 0 465px ; }

#foto33 { width:150px; margin: 0 0 0 0 ;}
#foto33 .picture { margin: 20px 0 0 0 ; }

#foto34 { width:150px; margin: 0 0 0 0 ;}
#foto34 .picture { margin: -155px 0 0 155px ; }

#foto35 { width:150px; margin: 0 0 0 0 ;}
#foto35 .picture { margin: -155px 0 0 310px ; }

#foto36 { width:150px; margin: 0 0 0 0 ;}
#foto36 .picture { margin: -155px 0 0 465px ; }

#foto37 { width:150px; margin: 0 0 0 0 ;}
#foto37 .picture { margin: 20px 0 0 0 ; }

#foto38 { width:150px; margin: 0 0 0 0 ;}
#foto38 .picture { margin: -155px 0 0 155px ; }

#foto39 { width:150px; margin: 0 0 0 0 ;}
#foto39 .picture { margin: -155px 0 0 310px ; }

#foto40 { width:150px; margin: 0 0 0 0 ;}
#foto40 .picture { margin: -155px 0 0 465px ; }

#foto41 { width:150px; margin: 0 0 0 0 ;}
#foto41 .picture { margin: 20px 0 0 0 ; }

#foto42 { width:150px; margin: 0 0 0 0 ;}
#foto42 .picture { margin: -155px 0 0 155px ; }

#foto43 { width:150px; margin: 0 0 0 0 ;}
#foto43 .picture { margin: -155px 0 0 310px ; }

#foto44 { width:150px; margin: 0 0 0 0 ;}
#foto44 .picture { margin: -155px 0 0 465px ; }

#foto45 { width:150px; margin: 0 0 0 0 ;}
#foto45 .picture { margin: -155px 0 0 310px ; }

/* VIDEO STYLES
----------------------------------------------------------------*/
#video { width:150px; margin: 0 0 0 0 ;}
#video .picture { margin: 20px 0 0 0 ; }

#video2 { width:150px; margin: 0 0 0 0 ;}
#video2 .picture { margin: -155px 0 0 155px ; }

#video3 { width:1550px; margin: 0 0 0 0 ;}
#video3 .picture { margin: -155px 0 0 310px ; }

#video4 { width:150px; margin: 0 0 0 0 ;}
#video4 .picture { margin: -155px 0 0 465px ; }

#video5 { width:150px; margin: 0 0 0 0 ;}
#video5 .picture { margin: 20px 0 0 0 ; }

#video6 { width:150px; margin: 0 0 0 0 ;}
#video6 .picture { margin: -155px 0 0 155px ; }

#video7 { width:150px; margin: 0 0 0 0 ;}
#video7 .picture { margin: -155px 0 0 310px ; }

#video8 { width:150px; margin: 0 0 0 0 ;}
#video8 .picture { margin: -155px 0 0 465px ; }

/* FOOTER STYLES
----------------------------------------------------------------*/
#footer {  bottom:0; z-index: 999; top:100%; text-align:left; color:#939498; background-image:url(../pix/footer-bg.png); clear:both; height:193px; }
#footer .divider { width:960px; margin:auto;  }
#footer .titel { width:250px; margin: 0px 0px 0px 15px;}
#footer .text { width:350px; font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:10pt; margin: 15px 0px 0px 15px;}
#footer .sponsor { width:300px; height:20px; margin: -146px 0px 0px 350px; }
#footer .partner { width:280px; height:20px; margin: -19px 0px 0px 600px; float: right;}


/* GENERAL STYLES
----------------------------------------------------------------*/
h1 { font-family: Arial, Helvetica, sans-serif; font-size:24pt; color:#105297; margin: 30px 0 10px 0; }

h2 { font-family: Arial, Helvetica, sans-serif;font-size:16pt; color:#105297; margin: 5px 0 10px 0; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size:10pt;  text-transform: uppercase; color:#FFF; }

.description { font-size:14pt; color:#FFFFCC; margin:0 }

a { color:#FFF; text-decoration:none; }

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

a img { text-decoration: none; border: 0 none;}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}