﻿body{
    text-align: center;
    background-color: #4d4d4d;
    min-width: 980px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: White;
    font-size: 12px;    
}

img{
    border: 0px;
}

a{    
    color: Gray;
    font-weight: bold;
}

a:link, a:visited{
    text-decoration: underline;
}

a:hover, a:active{
    color: #e95d0f;
}

.hide
{
	display:none;
}

/* Masterpages layout */
/* Master master */
#wrapper
{
    margin: 0 auto;
    width: 980px;
    text-align: left;
}

#content
{
    overflow: hidden;
    vertical-align: top;
}
#footer
{
    background-image: url( '../Images/footer_bg.gif' );
    margin: 10px 0px 0px 5px;
    background-repeat: no-repeat;
    height: 90px;
    padding-left: 30px;
}
#footerCopy
{
    float: left;
    margin: 32px 0 0 0;   
}
#footerCopy p
{
    margin: 0px;
    font-size: 11px;
    color: Gray;    
}
#footerLink
{
   float: right;
   width: 670px;
   margin: 36px 30px 0px 0px;
   
}
#footerLink ul
{
    list-style-type: none; 
    float: right;
    margin: 0px;
}
#footerLink li
{
    display: inline;

}
#footerLink li a
{
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}
#footerLink ul p
{
    display: inline;
    font-weight: 700;
    margin: 0px 15px 0px 15px;
    padding: 0px;
}
/* Left columned masters */
#leftColumn
{
    float: left;
    width: 319px;   
}

#leftColumnTop
{
	margin-bottom: 10px;
}

#leftColumMiddle
{  
	margin-bottom: 10px;
}

#leftColumnBottom
{ 	 
}

#rightContent
{
    float:left;
    margin-left: 10px;
    width: 646px;
    background-color: #4d4d4d;
}

/* Right columned masters */
#rightColumn
{
    float: right;
    width: 319px;
}

#rightColumnTop
{
	margin-bottom: 10px;
}

#rightColumnMiddle
{  
	margin-bottom: 10px;
}

#rightColumnBottom
{ 	 
}

#leftContent
{
    float:right;
    margin-right: 15px;
    width: 646px;
    background-color: #4d4d4d;

}

/* Menu */
#menu{
    background: url('../Images/menu_bg.gif') no-repeat;
    width: 308px;
    height: 161px; 
    /* position: absolute; */
    margin: 150px 0px 0px 50px;
    padding: 8px 20px 8px 20px;                
}        

#menu ul{
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
}

#menu ul li{
    background: url('../Images/menu_item_line.gif') no-repeat center bottom;            
    width: 260px;
    text-align:right;
    padding: 5px 0px 5px 0px;
}

#menu ul li span{
    padding-right: 10px;
}          

#menu ul li span img{
    border: 0px;
}
#menu img
{
    float: left;
    margin-top: 4px;
}
#menu a
{
    font-size: 14px;
    color: #E95C0F;
    text-decoration: none;
}
/* fonts */
h1
{
    text-align: right;
    font-size: 14px;
    color: #6c6c6c;
    font-family: verdana;
    font-weight: bold;
    text-transform: uppercase;    
}
h2
{
    color: #e95d0f;
    font-size: 12px;
    font-weight: normal;
}
h2.underline
{
	font-size: 14px;
    background: url('../Images/dibu_line_h.gif') repeat-x bottom; 
    margin-top: 40px; 
    padding: 0px 0px 8px 0px;
}
h3
{
    color: #929292;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}
h5
{
    color: #e95d0f;
    font-size: 14px;
    font-weight: bold;
}
h6
{
    color: gray;
    font-size: 12px;
    font-weight: normal;
}
h7
{
    color: #929292;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}
p
{
    font-size: 12px;
}

/* News overview usercontrol */
/* Table lay-out */

table.newsOverview
{
	width: 646px;
	height: 809px;
	background-color: #000000;
}

table.newsOverview .content
{		
	height: 794px;
	width: 629px;
	vertical-align: top;
}

/* News items */
div#test{
	height: 400px;
	background-color: White;
}

div#newsItemsHeader{
    margin:5px 10px 15px 10px;
    width:613px;
    height:40px;
    background: url(../Images/kopje_laatste_nieuws.gif) no-repeat;
}
div#newsItemsHeader h1{
    margin: 0px;
    padding: 9px 24px 0px 0px;
    color: #929292;
}

div#newsItemsContainer{
    overflow: hidden; /* if no height is set, this can be used instead of the float left */
    margin:10px;
    background: url(../Images/witte_lijn_newsitem.gif) no-repeat bottom left;
    width:603px; 
    margin-bottom:0px;
}

div#newsItemsContainer div.newsItem{
    float:left; 
    padding-bottom:10px; 
    background: url('../Images/witte_lijn_newsitem.gif') no-repeat top left;
    overflow: visible;
}

div#newsItemsContainer div.newsItem h2{
	margin: 0px;
    padding:0px; 
    float:left; 
}

div#newsItemsContainer div.newsItem span.addedVidz
{
	float:left; 
	margin: 4px 0px 0px 5px; 
	font-size:10px; 
	color: #929292;
}

div#newsItemsContainer div.newsItem h2 a{
    font-size: 14px;
}

div#newsItemsContainer div.newsItem img.newsPhoto{
    margin: 4px 0px 0px 5px; 
    float:left; 
    width:116px;
    height:87px;
}

div#newsItemsContainer div.newsItem div.newsPreface{
    float:left; 
    width: 440px;
    font-size:12px; 
    margin:0px;    
}

div#newsItemsContainer div.newsItem div.newsTextNoPic
{
    margin-left: 5px;
}

div#meerNieuws
{
    text-align:right; 
    clear:both; 
    width:597px;
    padding: 5px 0px 0px 0px;
}

div#meerNieuws a
{
    font-size: 14px; 
    color: #e95d0f;
}

/* Program overview usercontrol */
/* Table lay-out */

table.programOverview
{
	width: 319px;
	height: 379px;
	border: 0px;
	background-color: #191919;
}

table.programOverview .top
{	
	background: url('../Images/program_overview_top_border.gif') no-repeat;
	height: 7px;
}

table.programOverview .left
{
	background: url('../Images/program_overview_left_bor.gif') repeat-y;
	width: 16px;
	
}

table.programOverview .content
{	
    height: 355px;
	width: 292px;
	vertical-align: top;
	text-align: left;
}

table.programOverview .right
{
	background: url('../Images/program_overview_right_bor.gif') repeat-y;
	width: 11px;
}

table.programOverview .bottom
{
	background: url('../Images/program_overview_bottom_bo2.gif') no-repeat;
	height: 17px;
}

/* Activity item */

div#contentWrapper
{
    width: 275px; 
    margin: 8px;
}

div#contentWrapper div#programOverviewHeader
{
    margin-bottom:20px; 
    width: 275px; 
    height:35px;
    background: url('../Images/program_overview_header.gif') no-repeat;
}
div#programOverviewHeader h1{
    margin: 0px;
    padding: 9px 19px 0px 0px;
    color: #191920;
}

div#contentWrapper div.activitiesContainer
{
    text-align:left; 
    overflow: auto; 
    height:270px; 
    position:relative; /* Needed for correct scroll behavior */
}

div#contentWrapper div.activitiesContainer #activitiesWrapper
{
    background: url('../Images/program_overview_line_ver.gif') repeat-y; 
    margin-right: 15px;
}

div#contentWrapper div.activitiesContainer #activitiesWrapper pre
{
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* IE 5.5+ */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: auto;
    width: 230px;
}

div#contentWrapper div.activitiesContainer div#activitiesWrapper div.heading
{
    position: relative; 
    height:35px; 
    vertical-align:bottom;
    background: url('../Images/program_overview_line.gif') repeat-x bottom;
}

div#contentWrapper div.activitiesContainer div#activitiesWrapper div.heading h2
{
    position: absolute; 
    left:7px; 
    bottom:7px;
    margin:0px; 
    font-size:12px; 
    color:#e95d0f; 
    font-weight:bold;
}

div#contentWrapper div.activitiesContainer div#activitiesWrapper div.heading span
{
    font-size: 10px; 
    color:#929292; 
    position: absolute; 
    right: 0px; 
    bottom:7px;
}

div#contentWrapper div.activitiesContainer div#activitiesWrapper p
{
    margin: 10px 0px 10px 10px; 
    font-size: 12px; 
    color: #5c5c5c;
}

/* Modalpopup style inschrijven nieuwsbrief */
.newsletterButton
{
    display: block;
    background: url('../Images/newsletter_button.gif') no-repeat;
    width: 24px;
    height: 17px;
    margin-top: 2px;
    margin-left: 3px;
    float: left;
}
.newsletterAlertBackground, .inschrijfFormAlertBackground {
    background-color: #4d4d4d;
    filter: alpha(opacity=70);
    opacity:0.7;
}

.newsletterAlert {    
    border: 6px solid #2d2d2d;
    background-color: #000000;
    padding: 10px;
    width: 410px;  
}

/* inschrijven nieuwsbrief banner stijl */
div#newsletterSignup
{
	background: url('../Images/newsletter_banner2.gif') no-repeat;
	width: 319px;
	height: 210px;
	overflow: hidden;
}
div#newsletterSignup div#signup
{
    margin: 130px 0px 0px 30px;
    overflow: hidden;
}

div#newsletterSignup div#signup span
{
    font-weight: bold;
}	

.blackBG
{
    background-color: #000000;
}


/* scholen pagina */
table#schoolsBannerT
{
    background-color: #000000;
}
td#schoolsBanner
{
    height: 184px;
    width:634px;
    vertical-align:top;
}
div#schoolsBannerBlockL
{
    width:619px;
    height: 174px;
    overflow:hidden;
    margin: 5px 5px 5px 10px;
}
div#schoolsBannerD
{
    margin-bottom: 16px;
    background-color: #4d4d4d;
}
div#schoolsBannerLeft
{
     float:left;
     width: 395px;
}
div#schoolsBannerHeaderL
{
     width: 399px;
     height:38px;
     background: url('../Images/schools_head.gif') no-repeat;
     text-align:right;
}
#schoolsBannerHeaderL h3
{
    margin: 0px;
    padding: 7px 10px 0px 0px;
    font-weight: bolder;
}
div#schoolsBannerSubHead
{
    width: 380px;
    height:26px;
    margin-top:5px;
    margin-bottom: 3px;
}
div.schoolsBannerLFoto
{
     float:left;
     width: 24px;
     height: 80px;
     margin-left:10px;
}
div.schoolsBannerFoto
{
    float:left;
    width:137px;
    height:104px;
    background: url('../Images/schools_banner_team.gif');
}
span.schoolsBannerFotoTeam span
{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	display: block;
	margin: 30px 0px 0px 30px;
}
.schoolsBannerFotoTeam
{
    float:left;
    margin: 6px;
}
div#schoolsBannerBG
{
   float:right;
   height:169px;
   width:210px;
   background: url('../Images/schools_banner_adres.gif'); 
}
div#schoolsBannerBlockR
{
   margin:10px;
   width:179px;
   height: 160px;
   position: relative;
}
div#schoolsBannerHeaderR
{
    background: url('../Images/school_gegevens_head.gif') no-repeat;
    width:181px;
    height: 21px;
}
div#schoolsBannerAdress
{
    margin-left: 3px;
}
#schoolsBannerAdress P
{
    margin: 8px 0px 0px 0px;
    font-size:11px;
}
span.schoolsBannerLabel
{
    font-weight:bold;
    margin-right: 5px;
}
span.schoolsBannerData
{
    color:#6c6c6c;
}
.schoolsBannerHyperlink
{
    background: url('../Images/schools_banner_website.gif');
    width:177px;
    height:22px;
    display:block;
    margin-top:8px;
    position:absolute;
    bottom: 5px;
}
table.schoolBannerLeft
{
    width: 422px;
}
table.schoolBannerRight
{
    width: 224px;
}
table.schoolBannerRight .tekst
{
    font-size: 11px;
    color: #6c6c6c;
}
/* Einde scholen pagina */

/* Light grey Submenu */

.greyMenuHead select
{
    background-color: white;
    width: 150px;
    margin-left: 72px;
}
table.lightGreySubMenu /* generiekere naam aangezien we hem ook gaan gebruiken bij de scholen pagina */
{
	width: 319px;
	height: 192px;	
	border: 0px solid orange;
	background-color: #b8b8b8;
}

table.lightGreySubMenu .content
{
    height: 161px;
    width: 309px;
}

/* Custom Borders */

/* 4 images */
/* Black */
td.topBlackBorder
{	
	background: url('../Images/news_overviews_top_border.gif') no-repeat;
	height: 10px;
}

td.leftBlackBorder
{
	background: url('../Images/news_overview_left_border.gif') repeat-y;
	width: 7px;
	
}

td.rightBlackBorder
{
	background: url('../Images/news_overview_right_border.gif') repeat-y;
	width: 5px;
}

td.bottomBlackBorder
{
	background: url('../Images/news_overview_bottom_border.gif') no-repeat;
	height: 5px;
}

/* Light Grey */

.topLightGreyBorder /* in plaats van de geneste table.schoolsMenu .top, dit zorgt ervoor dat deze border ook gebruikt kan worden in een andere table */
{	
	background: url('../Images/schools_menu_top_border.gif') no-repeat;
	height: 6px;
}

.leftLightGreyBorder /* zie beschrijven .topLightGreyBorder */
{
	background: url('../Images/schools_menu_left_border.gif') repeat-y;
	width: 7px;
	
}

.rightLightGreyBorder /* zie beschrijven .topLightGreyBorder */
{
	background: url('../Images/schools_menu_right_border.gif') repeat-y;
	width: 5px;
}

.bottomLightGreyBorder /* zie beschrijven .topLightGreyBorder */
{
	background: url('../Images/schools_menu_bottom_border.gif') no-repeat;
	height: 4px;
}

/* 8 images */
td.top
{	
	background: url('../Images/border_top.gif') repeat-x;
	height: 10px;
}

td.top_left
{
    background: url('../Images/border_left_top.gif') repeat-y;
    width: 7px;
}

td.left
{
	background: url('../Images/news_overview_left_border.gif') repeat-y;
	width: 7px;
	
}

td.bottom_left
{    
    background: url('../Images/border_left_bottom.gif') repeat-y;
	width: 7px;
}

td.top_right
{    
    background: url('../Images/border_right_top.gif') repeat-y;
	width: 5px;
}

td.right
{
	background: url('../Images/news_overview_right_border.gif') repeat-y;
	width: 5px;
}

td.bottom_right
{    
	background: url('../Images/border_right_bottom.gif') repeat-y;
	width: 5px;    
}

td.bottom
{
	background: url('../Images/border_bottom.gif') repeat-x;
	height: 7px;
}

/* zwart menu */
.blackMenuHead
{
    
}
.blackMenuHeadImage
{
    background-image: url('../Images/black_border_header.gif');
    width: 611px;
    height:38px;
    margin: 5px 0px 10px 0px;
}
.blackMenuHeadImage h3
{
    margin: 0px; 
    padding: 7px 10px 0px 0px;
}

/* menu rechtsboven bij scholen */
.greyMenuHead p
{
    margin: 20px 10px 20px 15px;
    color:#222222;
    background-image: url('../Images/schools_menu_line.gif');
    background-position:bottom;
    background-repeat:no-repeat;
    padding-bottom:20px;
}
.greyMenuHeadImage
{
    background-image: url('../Images/schools_menu.gif');
    width: 294px;
    height:35px;
    margin: 0px 8px 10px 7px;
}
.greyMenuHeadImage h3
{
    margin: 0px; 
    padding: 7px 10px 0px 0px;
}


div#schoolsContent
{
    background-color: #4d4d4d;
}
#dibu
{
    width: 980px;    
    background-color: #000000;
    font-size: 12px;
}
div#dibuWrap
{
    width: 900px;
    margin-left: 35px;
    margin-bottom: 40px;
}
div#dibuHead
{
    height: 31px;
    width: 937px;
    padding-top: 9px;
    padding-right: 10px;
    margin: 6px 10px 25px 10px;
    background-image: url( '../Images/over_BUU_head.gif' );
}
div#dibuHead h1
{
    margin: 0px;
}
div#dibuScroll
{
    overflow:auto;
    height:800px;
    width: 614px;
}
div#dibuScrollMargin
{
    margin-right: 15px;
}
#dibuWrap h2
{
    font-size: 14px;
    background: url('../Images/dibu_line_h.gif') repeat-x bottom; 
    margin-top: 40px; 
    padding: 0px 0px 8px 0px;
    
}
#dibuClub
{
    margin: 0px;
    width: 582px;
    height: 200px;
    background: url('../Images/dibu_line_h.gif') repeat-x top;
}

#dibuClubList
{
    float:left;
    border: 0px solid white;
}
div.dibuClubListBorder
{
    background: url( '../Images/dibu_line_h.gif' ) repeat-x bottom;  
}
#dibuClubList h2
{
    margin: 15px 5px 0px 5px;
    font-size: 12px;
    font-weight: bold;
    height: 45px;
    width: 160px;
}
#dibuClubList a
{
    color: #e95d0f;
}
#dibuClubInfo
{
    float:right;
    margin-left: 0px;
    background: url('../Images/dibu_line_v.gif') repeat-y left;
}
#dibuClubInfo p
{
    margin-left: 10px;
}
#dibuClubInfoMargin
{
    margin-top:8px;
}
#dibuClubClear
{
    clear:both;
}
#nieuwsarchief
{
    margin: 10px;
}
#nieuwsarchiefType
{
    background-position: bottom;
    height: 80px;
}
#nieuwsarchiefItemHead
{
    background-position: bottom;
    height: 50px;
    background-image: url(  '../Images/dibu_line_h.gif' );
    background-repeat: repeat-x;
}
#nieuwsarchiefItemHead
{
    height: 50px;
    background-position: bottom;
    background-image: url( '../Images/dibu_line_h.gif' );
    background-repeat: repeat-x;
}
#nieuwsarchiefItemHead h5
{
    margin: 15px 0px 0px 5px;
}
#nieuwsarchiefType p
{
    margin: 5px;
    padding: 15px;
}
#nieuwsarchiefType p label.desc
{
    font-weight: bold;
    margin-right: 20px;
}
.nieuwsarchiefItems
{
    width: 100%;
    background-position: top;
    background-image: url(   '../Images/dibu_line_h.gif' );
    background-repeat: repeat-x;
}
.nieuwsarchiefItems tr
{
    background-image: url(   '../Images/dibu_line_h.gif' );
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 12px;
}
.nieuwsarchiefItemsRowBG
{
    background-position: right;
    background-image: url(  '../Images/newsarchive_line_v.gif' );
    background-repeat: repeat-y;
    padding: 10px;
    height: 20px;
    color: #858585;
    font-weight: bold;
}
.nieuwsarchiefItemsRowBGT
{
    background-position: right;
    background-image: url(  '../Images/newsarchive_line_v.gif' );
    background-repeat: repeat-y;
    padding: 10px;
    height: 20px;
}
.nieuwsarchiefItemsRow
{
    padding: 10px;
    height: 20px;
    color: #858585;
    font-size: 10px;
}
.nieuwsarchiefItemsRowT
{
    padding: 10px;
    height: 20px;
}
#nieuwsarchiefItemsHeader
{
    color: #e95d0f;
    font-size: 14px;
    font-weight: bold;
}
div#nieuwsarchief div.pager
{
    height: 35px;
    margin-left: 90px;
    overflow: hidden;
}

div#nieuwsarchief .firstNav
{
	display: block;
	background: #000 url('../Images/navigator_begin.gif') no-repeat;
	width: 11px;
	height: 11px;
	float: left;
	margin-right: 20px;
}
div#nieuwsarchief .prevNav
{
	display: block;
	background: #000 url('../Images/navigator_vorige.gif') no-repeat;
	width: 6px;
	height: 11px;
	float: left;
	margin-right: 20px;
}
div#nieuwsarchief .lastNav
{
	display: block;
	background: #000 url('../Images/navigator_laatste.gif') no-repeat;
	width: 11px;
	height: 11px;
	float: left;
	margin-right: 20px;
}
div#nieuwsarchief .nextNav
{
	display: block;
	background: #000 url('../Images/navigator_volgende.gif') no-repeat;
	width: 6px;
	height: 11px;
	float: left;
	margin-right: 20px;
}
.nieuwsarchiefNavigatorButton
{
    float:left;
    width: 20px;
    margin: 9px 12px 12px 12px;
}
#nieuwsarchiefTable
{
    width: 646px;
    background-color: #000000;
}
div#nieuwsarchief span.gotoPage
{
    font-size: 10px;
    font-weight: bold;
    display: block;
    height: 11px;
    float: left;   
	margin-right: 20px;
}

div#nieuwsarchief input.gotoPage
{
	width: 50px;
    height:15px;
    border: 1px solid #7a7a7a;
    background: #4D4D4D;
    color: #FFFFFF; 
    margin-right: 5px;
    float: left;
}

div#nieuwsarchief .gotoPageBtn
{
    background: #000 url('../Images/navigator_button.gif') no-repeat;
    width: 19px;
    height: 19px;
    margin-right: 20px;
    display: block;
    float: left;
}
#nieuwsarchiefNavigatorFont
{
    font-size: 10px;
    font-weight: bold;
    float:left;
    margin-top: 4px;
    border: 0px solid white;
    vertical-align:bottom;
}
#nieuwsarchiefItemsWidth
{
    width:350px;
    height: 50px;
}
#nieuwsarchiefBG
{
    background-color: #4d4d4d;
}
#nieuwsarchiefHeight
{
    height: 611px;
    margin: 0px 18px 0px 18px;
}
#contact
{
    margin: 10px;
}
#inschrijfDiv
{
     background-color:#4d4d4d;
}
#inschrijfDivTable
{
    background-color:#000000;
}
#contactForm
{
     height:538px;
     margin:25px;
     color: #858585;
}
div#inschrijfForm
{     
     margin:15px;
     color: #858585;     
}

div#inschrijfForm p
{
    margin: 0px 0px 25px 0px;
    padding: 0px;
}

div#inschrijfForm h2
{
    font-size: 14px;
    background: url('../Images/dibu_line_h.gif') repeat-x bottom; 
    margin: 50px 0px 20px 0px;
    padding: 0px 0px 8px 0px;
}

div.inschrijfValidation ul
{
    font-size: 14px;
	color: #a90000;
	margin: 0px 0px 25px 15px;
	padding: 0px;
}

div.contactValidation ul
{
	font-size: 14px;
	color: #a90000;
	margin: 20px 0px 30px 40px;
	padding:0px;
}

#contactForm p
{
    width: 544px;
    margin: 15px 0px 0px 0px;
}
#contactFormClub p
{
    color: #FFFFFF;
}
#contactFormClub a
{
    color: #e95d0f;
    margin-left: 15px;
}

div#contactFormClub label
{
    margin-right: 30px;
    font-weight: bold;    
}

/* Inschrijven.aspx */
.inschrijfFormTBox
{
    width: 430px;
    border: 1px solid #7a7a7a;    
    background: #4D4D4D;
    color: #FFFFFF;
    margin: 1px;
}
p.inschrijfFormTBoxLabel
{
    margin: 0px 0px 10px 0px !important;
}
span.gender
{
    color: White;
    font-size: 12px;   
}
label.inschrijfFormTBoxLabel
{
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    font-size: 12px;
    width: 146px;
}
p.inschrijfFormButton
{
    margin: 0px;
    overflow: hidden;
}
a.inschrijfFormButton
{
    float: right;
    background-image: url(  '../Images/inschrijven_button_submit.gif' );
    width: 105px;
    height: 27px;
    margin: 30px 4px 0px 0px;
    padding: 0px;
}
.inschrijfFormAlert {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
    height: 290px;
}

div.clubwijzer
{
    border: 6px solid #2d2d2d;
    background-color: #000000;
    padding: 10px;
    width: 540px;
}
div#clubwijzerHead
{
    background: url('../Images/clubwijzer_head.gif') no-repeat; 
    width: 539px; 
    height:40px; 
    margin-bottom: 40px;
}
div#clubwijzerWrap
{
    padding: 0px 10px 0px 10px
}
div#clubwijzerWrap label.desc
{
    margin-right: 20px; 
    color:White; 
    font-weight:bold;
}
ul.clubwijzerResultaat
{
    padding: 15px;
    color: Black;
    font-size: 14px;
    font-weight: bold;
    background-color: #919191;
    border: 1px solid #4d4d4d;
}

ul.clubwijzerResultaat li
{
    margin-left: 15px;
}

.clubwijzerCloseBtn
{
    display: block;
    background: url('../Images/clubwijzer_close.gif') no-repeat;
    width: 104px;
    height: 27px;
    float:right;
}

.contactFormTBox
{
    width: 380px;
    border: 1px solid #7a7a7a;
    float:left;
    background: #4D4D4D;
    color: #FFFFFF;
}
.contactFormTBox2
{
    width: 380px;
    float:left;
    border: 1px solid #7a7a7a;    
    background: #4D4D4D;
    color: #FFFFFF;
    height: 360px;
}
.contactFormTBoxLabel2
{
    height: 360px;
    margin: 0px;
    padding: 0px;
}
.contactFormTBoxLabel
{
    height: 30px;
    margin: 0px;
    padding: 0px;
}
.contactFormTBoxLabel p
{
    clear: left;
}
.contactFormTBoxLabel label, .contactFormTBoxLabel2 label
{
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 150px;
}
.`FormTBoxLabel2 label
{
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 150px;
}
.contactFormButton
{   
    float:right;
    background-image: url(  '../Images/inschrijven_button_verzend.gif' );
    width: 89px;
    height: 27px;
    margin: 40px 27px 0px 0px;
}
/* table voor donkergrijs menu */
.tableDarkGreyBorder
{
    background-color: #191919;
}
.topDarkGreyBorder
{
    background-image: url(   '../Images/dark_grey_top.gif' );
    background-repeat: repeat-x;
    height: 10px;
}
.leftDarkGreyBorder
{
    background-image: url(   '../Images/dark_grey_left.gif' );
    background-repeat: repeat-y;
    width: 10px;
}
.rightDarkGreyBorder
{
    background-image: url(   '../Images/dark_grey_right.gif' );
    background-repeat: repeat-y;
    width: 10px;
}
.bottomDarkGreyBorder
{
    background-image: url(   '../Images/dark_grey_bottom.gif' );
    background-repeat: repeat-x;
    height: 10px;
}
.headerDarkGreyBorder
{
    background-image: url(   '../Images/dark_grey_header.gif' );
    height: 35px;
    width: 284px;
    margin: 5px 2px 0px 2px;
}
.headerDarkGreyBorder h3
{
    height: 29px;
    color: #191920;
    margin: 0px;
    padding: 6px 6px 0px 0px;
}
.contentDarkGreyBorder
{
    margin: 5px 10px 0px 10px;
    overflow: hidden;
}
.contentDarkGreyBorder p
{
    margin: 0px;
}
.contentDarkGreyBorder h6
{
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    font-size: 14px;
}
/* end darkGreyBorder */
div#contactGegevens
{
    height:430px;
    width: 302px;
    margin: 5px;
    border: 0px solid yellow;
    font-size: 12px;
    color: Gray;
}

span.subInfo
{
    font-weight: bold;
    color: White;
    display: block;
}
div.contactGegevensLeft
{
    width: 133px;
    float:left;
    margin: 5px 0px 10px 0px;
}
div.contactGegevensRight
{
    width: 133px;
    float:right;
    margin: 5px 0px 0px 0px;
}
#contactGegevensLeft p
{
    margin: 5px 0px 5px 0px;
}
#contactGegevensRight p
{
    margin: 5px 0px 5px 0px;
}
#contactGegevensLeft h6
{
    margin: 0px;
}
#contactGegevensRight h6
{
    margin: 0px;
}
.personenThumbs
{
     float: left;
     width: 545px;
     margin: 0px;
}
.personenThumbs li
{
    float:left;
    margin:10px 10px 0px 0px;
}
.personenThumbs ul
{
    list-style-type: none;
    margin: 0px 0px 0px 3px;
    padding:0px;
}
#opleidingen
{
     margin-bottom: 20px;
     float:left;
}
#opleidingenBanner
{
     width: 980px;
     height:245px;
     background-color: #000000;
}
#opleidingenContent
{
    height: 228px; 
    vertical-align:top;
}
#coaches
{
    width:940px;
    height: 218px;
    overflow:hidden;
    margin: 5px 5px 5px 15px;
}
div#opleidingen_head h3
{
    margin:0px;
    padding: 9px 0px 0px 20px;
    text-align: left;
}
div#opleidingen_head
{
    margin:0px;
    width: 946px;
    height:35px;
    background: url('../Images/opleidingen_header2.gif') no-repeat;
}
#coachesThumbs
{
     float: left;
     width: 452px;
}
span.noCoaches
{
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 10px 0px 0px 5px;
}
#coachesThumbs ul
{
    list-style-type: none; 
    height: 146px;
    margin: 15px 0px 0px 3px;
    padding:0px;
}
#coachesThumbs li
{
    float:left;
    margin:0px 5px 10px 0px;
    background: url('../Images/opleidingen_coach_bg.gif') no-repeat;
    width: 78px;
    height: 60px;
    padding: 3px;
}
#coachesThumbs li a
{
    display: inline-block;
    width: 72px;
}
#medewerkers
{
     width:940px;
     overflow:hidden;
     margin: 5px 5px 10px 15px;
}
#medewerkers h1
{
    margin: 0px 0px 0px 0px;
    padding: 9px 0px 0px 20px;
    color: #969696;
    display:block;
    width: 946px;
    height:26px;
    background: url('../Images/medewerkers_header.gif') no-repeat; 
    text-align:left;
}
#medewerkersGegevens
{
     float:left;
     width: 390px;
     margin-top: 10px;
}
#medewerkersGegevens img
{
    float:left;
}
#medewerkersGegevensData
{
     float:right;
     margin-right:12px;
     width: 200px;
}
#medewerkersGegevensData h2
{
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    background: url( '../Images/dibu_line_h.gif' ) repeat-x bottom;
    margin-bottom: 15px;
    padding: 0px 0px 8px 0px;
    text-transform: uppercase;
}
#medewerkersGegevensData p
{
    margin: 0px 0px 5px 0px;
}
#personenNav
{
     width:435px;
     float:left;
}
a.nav
{
	font-size:11px; 
	color:#8b9496;
}
a.navPrevious
{
	float: left;
}
a.navNext
{	
	float: right;
}
div#playerNav
{
    width:309px; 
    float: left;
    margin:10px 0px 0px 18px;
}
#personenGegevens
{
     float:left;
     width: 485px;
     margin-top: 15px;
}
#personenGegevens img
{
    float:left;
    width:158px;
    height:118px;
}
#personenGegevensData
{
     float:right;
     margin-right:5px;
     width: 285px;
}
#personenGegevensData h3
{
    padding:0px;
    margin:0px;
    display:block;
    text-align:left;
    font-size: 12px;
    font-weight: bold !important; /* else overruled by #personenGegevensData span */
    color: #e95d0f !important; /* else overruled by #personenGegevensData span */
    background: url('../Images/dibu_line_h.gif') repeat-x bottom;
    margin-bottom: 15px;
    padding: 0px 0px 8px 0px;
}
#personenGegevensData p
{
    margin: 0px 0px 5px 0px;
    font-weight:bold;
}
#personenGegevensData p span
{
    color:#6c6c6c;
    font-weight:normal;
    margin-left: 5px;
    line-height: 15px;
}
a.coachMedPhoto
{
    float:left; 
    display:block; 
    background: url('../Images/opleidingen_coach_med_bg.gif') no-repeat; 
    padding: 6px 5px 6px 5px; 
    width: 168px; 
    height: 130px;
}
#threeonthree
{
    height:174px;
    width: 624px;
    margin:5px;
}
.ImgTeam
{
    background: url('../Images/team_bg.gif') no-repeat;
    padding: 8px; 
    margin: 0px 40px 0px 10px; 
    display:block; 
    width: 208px; 
    height: 156px; 
    float:left;
}

.ImgTeam span
{
	margin: 80px 0px 0px 70px; 
	display:block; 
	font-size: 12px; 
	color: #000; 
	font-weight:bold;
}

span.noPlayers
{
	float: left;
	display: block;
	width: 330px;
	margin-top: 10px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

#threeonthreeHead
{
    background: url('../Images/3on3_header.gif') no-repeat;
    width: 330px;
    margin-bottom:5px;
    height:38px;
    float:left;
}
#threeonthreeHead h3
{
    margin:0px;
    padding: 7px 10px 0px 0px;
}
#threeonthree ul
{
    list-style-type:none;
    overflow:hidden;
    width: 309px;
    float:left;
    padding:0px;
    margin:0px 0px 0px 18px;
}
#threeonthree li
{
    margin: 0px 0px 3px 0px;
}
#threeonthree ul li a
{
    color:#979797;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    width:309px;
    height:28px;
    display:block;
    background: url('../Images/3on3_player.gif') no-repeat;
}
#threeonthree ul li a span
{
    display:block;
    padding: 5px 0px 0px 20px;
}
/* Nieuwsitem pagina */
table#nieuwsItem
{
    width: 646px;
    background-color: #000000;
    height:809px;
}
table#nieuwsItem td#nieuwsItemContentTD
{
    vertical-align:top; height:794px;
}
div#nieuwsItemContent
{
    margin: 10px;
}

div#nieuwsItemContentWrapper
{
    margin: 0px 15px 40px 15px;
}

div#nieuwsItemContentWrapper div#nieuwsItemHead
{
    vertical-align:bottom;
    background: url('../Images/dibu_line_h.gif') repeat-x bottom;
    padding: 0px 0px 8px 0px; 
    margin-top: 20px; 
    overflow:hidden;
}

div#nieuwsItemContentWrapper div#nieuwsItemHead h2#nieuwsTitel
{
    float:left;
    font-size: 14px; 
    margin-top:0px;
}
div#nieuwsItemContentWrapper div#nieuwsItemHead span.nieuwsDate{
    float:right; 
    font-size:10px; 
    color: #929292
}

.joinTheClub
{
    display:block;
    background: url('../Images/join_the_club_banner2.gif') no-repeat;
    width: 319px;
    height: 202px;
}
div#newsletterAlertHead{
    background: url('../Images/newsletter_popup_head.gif') no-repeat;
    width: 408px;
    height: 40px;
    margin-bottom: 40px;
}
#newsletterAlertLbl
{
     margin-bottom: 30px;
     margin-left: 10px;
}
#newsletterAlertCloseP
{
    overflow: hidden;
    margin: 0px;
}
div#newsletterSignup input
{
    color:White;
    border: solid 1px #7a7a7a;
    background-color: #4D4D4D;
    float:left;
}
.hidePopupActivator{ display:none; }


/* Contact.aspx */
#contactformAlertHead
{
     background: url('../Images/newsletter_popup_head.gif') no-repeat;
     width: 408px;
     height: 40px;
     margin-bottom: 40px;
}
#contactformAlertHead h3
{
    margin:0px;
    padding: 8px 16px 0px 0px;
}
#contactformAlertHead p
{
     font-size:12px;
     margin-bottom: 30px;
     margin-left: 10px;
}
#contactformAlertHeadP
{
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
/* Contact.aspx einde */


/* DitIsBUU.aspx */
div#dibuWrap ul.dibuMenu, div#nieuwsItemContent ul.nieuwsItemMenu
{ 
    list-style-type: none;
    padding: 0px 0px 20px 0px;
    margin:0px;
}
div#dibuWrap ul.dibuMenu li, div#nieuwsItemContent ul.nieuwsItemMenu li
{
     display:inline;
     margin-right: 15px;
}
div#dibuWrap ul.dibuMenu li a, div#nieuwsItemContent ul.nieuwsItemMenu li a
{
     font-size:12px;
     padding-left: 15px;
     background: url('../Images/arrow_orange_black.gif') no-repeat center left;
}
p.dibuGaNaar
{
    text-align:right;
   margin-top:30px;
}
p.dibuGaNaar a
{
     background: url('../Images/arrow_orange_right.gif') no-repeat center right;
     padding-right: 15px;
     margin-right: 20px;
}
div#clubs
{
    background: url( '../Images/dibu_line_h.gif' ) repeat-x top; 
    overflow:hidden; 
    width:800px; 
    margin-top: 40px; 
    margin-left: 30px; 
    margin-bottom:1px;
}
div#clubs div#clubTabs ul
{
    margin:0px; 
    padding:0px; 
    list-style-type: none; 
    float:left;
}
div#clubs div#clubTabs ul li
{
    margin:0px;
}
div#clubs div#clubTabs ul li a
{
    background: url( '../Images/dibu_line_h.gif' ) repeat-x top;
    display:block; 
    font-size:12px; 
    color:#e95d0f; 
    background-color:#000; 
    text-decoration:none; 
    padding: 15px 10px; 
    width: 150px;
}
div#clubs div#clubTabs ul li a.active
{
    text-decoration: underline;
}
div#clubContent
{
    float:left;
}
div#clubContent div.tabContent
{
    color: #919191; 
    width:575px;
    background: url('../Images/dibu_line_v.gif') repeat-y left; 
    padding: 10px 0px 0px 20px; 
    float:left; 
    min-height: 250px; 
    height: 150px; 
    height:auto !important; 
    margin:3px 0px 0px 0px;
}
div.tabContent p.desc
{
    margin: 0px 0px 40px 0px; 
    padding:0px;
}
div.tabContent p.website
{
    margin: 0px 0px 20px 0px; 
    padding:0px;
}
div.tabContent p.website a
{
    background: url('../Images/arrow_orange_right.gif') no-repeat center right; 
    padding-right: 15px;
}
/* DitIsBUU.aspx einde*/
a.moreNewsletters:link, a.moreNewsletters:visited, a.moreNewsletters:hover, a.moreNewsletters:active
{
    color: #EE9D2B;
    display: block;
    padding: 8px 0 0 30px;
    width: 180px;
}


ul.newsarchive
{
    font-size: 14px;
    display: block;
    float: left;
    list-style-type: none;
    margin:0px;
    padding: 20px 40px 0px 40px;
}

ul.newsarchive li
{
    padding: 10px;
}
ul.breadcrumb
{
    list-style-type: none;
    padding: 0px 0px 20px 8px;
    margin: 0px;      
}

ul.breadcrumb li
{
    list-style-type: none;
    display: inline;
    padding: 10px;    
}

.ExampleAlertBackground {
    background-color: #4d4d4d;
    filter: alpha(opacity=70);
    opacity:0.7;
}

.ExampleAlert {   
    border: 6px solid #2d2d2d;
    background-color: White;
    padding: 10px;
    width: 700px;
    height: 600px; 
}

#nieuwsbriefArchief #nieuwsarchief
{
    min-height:385px;
    height: auto !important;
    height:385px;
}
