@import url("menu.css");
@import url("navigatie.css");

BODY, HTML
{
    background-image: url(../../images/bg.gif);
    background-repeat: repeat-x;
    font: 12px arial;
    color: #183152;
}
/*-- =COMMON --*/
a
{
    color: #f7941d;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
#content a
{
    color: #f7941d !important;
}
a:hover
{
    text-decoration: underline;
}
a.print
{
    border: 1px solid #f7941d;
    display: block;
    background: url(../../images/printer.png) no-repeat;
    line-height: 20px;
    width: 95px;
    padding-left: 25px;
    color: #183152 !important;
}
#content a.print:hover
{
    color: #FFF !important;
}
a.print:hover
{
    background: #f7941d url(../../images/printer.png) no-repeat;
    color: #FFF;
    text-decoration: none;
}
div.share
{
    float: right;
    width: 202px;
    color: #183152;
    font-weight: bold;
    font-size: 11px;
    vertical-align: middle;
    line-height: 16px;
}
div.share span.shareTitle
{
    float: left;
    margin-right: 5px;
}
*
{
    margin: 0;
    padding: 0;
}
.clear
{
    clear: both;
}
p
{
    margin-bottom: 15px;
}
.button
{
    background-color: #718da7;
    border: 0;
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 0 3px 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.wrapper
{
    margin: auto;
    width: 995px;
    height: 345px;
    position:relative;
    z-index:1;
}
label
{
    display: block;
    width: 200px;
    font-weight: bold;
    padding-top: 4px;
    float: left;
}
input
{
    font-size: 11px;
    margin-bottom: 3px;
    padding: 2px;
    padding-bottom: 0;
    border: none;
}
.otherInput
{
    width: auto;
    font-size: 11px;
    margin-bottom: 3px;
    padding: 2px;
    padding-bottom: 0;
    border: none;
}
.txtInput
{
    border: 1px solid black;
}
td.otherInput input
{
    width: auto;
    font-size: 11px;
    margin-bottom: 3px;
    padding: 2px;
    padding-bottom: 0;
    border: none;
}
select
{
    font-size: 11px;
    border: 1px solid #a8a9ac;
}

/*-- =LOGIN --*/
.login .input
{
    width: 160px;
    font-size: 11px;
    height: 15px;
    padding-left: 4px;
    padding-top: 2px;
    background-color: #FFFFFF;
    border: 1px solid #868686;
    margin-bottom: 5px;
    background-image: url(../../images/cms/bg_input.gif);
    margin-left: 3px;
}
.login td
{
    text-align: left;
    font-weight: bold;
    padding-right: 5px;
}
.login td label
{
    width: 600px;
    margin-left: 3px;
    display: block;
}
.login td p
{
    margin-bottom: 20px;
    clear: both;
}
.login td
{
    text-align: left;
}
/*-- =HEADER --*/
#header
{
    background-image: url(../../images/bgHeader.gif);
    background-position: right;
    background-repeat: no-repeat;
    height: 117px;
    position: relative;
    z-index:50;
}
#header .wrapper.wrapperVisual
{
    background-repeat: no-repeat;
    height: 117px;
}
/*-- =LOGO --*/
#header .wrapper h1
{
    float: left;
    width: 205px;
    height: 117px;
    background-image: url(../../images/logo.gif);
    background-repeat: no-repeat;
    text-indent: -3000px;
}
#header .wrapper h1 a
{
    width: 205px;
    height: 117px;
    display: block;
}
/*-- =TOPMENU --*/
#header .wrapper #topMenu
{
    float: right;
    line-height: 21px;
    margin-bottom: 62px;
    background-image: url('../../images/topMenuBg.png');
    width:490px;
    height:22px;
}
#header .wrapper #topMenu ul li
{
    float: right;
    list-style: none;
}
#header .wrapper #topMenu a
{
    margin-right: 15px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}
#header .wrapper #topMenu a:hover
{
    text-decoration: underline;
}
a.login
{
    background: url(../../images/login.gif);
    display: block;
    width: 20px;
    height: 21px;
}
/*-- =SEARCH --*/
#search
{
    float:right;
    margin-top:1px;
}
#search input
{
    margin:0;
    height: 15px;
    background-color: #FFF;
    width: 120px;
    border: 0;
    font-size: 11px;
    padding-left:5px;
    color: #375d81;
    background-image: url(../../images/bgSearchInput.gif);
}
#search input.button
{
    cursor: pointer;
    height: 19px;
    width: 26px;
    background-image: url(../../images/bgSearchButton.gif);
    margin-left:4px
}
/*-- =SITESMENU --*/
#header .wrapper #sitesMenu
{
    height: 33px;
    position: absolute;
    right: 0;
    top: 84px;
    width: 990px;
}
#sitesMenu ul li
{
    list-style: none;
    float: right;
}
#sitesMenu a
{
    display: block;
    
}
#sitesMenu #menuExtraDropDrown a
{
    color: #FFFFFF;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    border-top:1px solid #fff;
    
}
/*#sitesMenu a.wsv
{
    background-image: url(../../images/butWSV.gif);
    width: 163px;
    height: 33px;
}
#sitesMenu a.wsv:hover
{
    background-image: url(../../images/butWSVOver.gif);
}
#sitesMenu li.current a.wsv
{
    background-image: url(../../images/butWSVOver.gif);
}
#sitesMenu a.zeilen
{
    background-image: url(../../images/butZeilen.gif);
    width: 73px;
    height: 33px;
}
#sitesMenu a.zeilen:hover
{
    background-image: url(../../images/butZeilenOver.gif);
}
#sitesMenu li.current a.zeilen
{
    background-image: url(../../images/butZeilenOver.gif);
}
#sitesMenu a.topZeilen
{
    background-image: url(../../images/butTopzeilen.gif);
    width: 89px;
    height: 33px;
}
#sitesMenu a.topZeilen:hover
{
    background-image: url(../../images/butTopzeilenOver.gif);
}
#sitesMenu li.current a.topZeilen
{
    background-image: url(../../images/butTopzeilenOver.gif);
}
#sitesMenu a.surfen
{
    background-image: url(../../images/butSurfen.gif);
    width: 68px;
    height: 33px;
}
#sitesMenu a.surfen:hover
{
    background-image: url(../../images/butSurfenOver.gif);
}
#sitesMenu li.current a.surfen
{
    background-image: url(../../images/butSurfenOver.gif);
}
#sitesMenu a.motorBoot
{
    background-image: url(../../images/butMotorboot.gif);
    width: 96px;
    height: 33px;
}
#sitesMenu a.motorBoot:hover
{
    background-image: url(../../images/butMotorbootOver.gif);
}
#sitesMenu li.current a.motorBoot
{
    background-image: url(../../images/butMotorbootOver.gif);
}*/
#sitesMenu a.menuItem
{
    background-color: #F7941D;
    height: 25px;
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
    padding:8px 10px 0px;
    border-left: 1px solid #ffffff;
}
#sitesMenu a.menuItem:hover
{
    background-color: #7596B5;
}
#sitesMenu li a.menuItemFirst
{
    height: 25px;
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
    padding:8px 11px 0 15px;
    background-image: url(../../images/nav_Bg_first.png);
    background-repeat: repeat-x;
    height:40px;
    border-left: none;
}
#sitesMenu li.current a.menuItemFirst
{
    border:none;
    background-image: url(../../images/nav_selectedBg_first.png);
}
#sitesMenu li.current a.menuItem
{
    background-color: #7596B5;
    background-image: url(../../images/nav_selectedBg.gif);
    background-repeat: repeat-x;
    height:40px;
    border-left: none;
}
/*-- =MENU COLLAPSE --*/
#menuExtraItems
{
    float: right;
    width: 185px;
}
#menuExtraItems a.menuItem
{
    background-color: #abc8e2;
    height: 25px;
    border-right: none;
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
    padding: 8px 10px 0px;
}
#menuExtraItems a.menuItemSelected
{
    background-image: url("../../images/nav_selectedBg.gif");
    height: 40px;
    width: 165px;
    border-right: none;
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
    padding: 7px 10px 0px;
}
#menuExtraItems img.arrowDown
{
    width: 13px;
    height: 13px;
    border: none;
    margin-top:4px;
    position:absolute;
    right:10px;
}
#menuExtraItems.dropDownHover div
{
    display: inline;
}
#menuExtraItems.dropDownHover a.menuItem
{
    background-color: #7596B5;
}
#menuExtraDropDrown
{
    position: absolute;
    background-color: #abc8e2;
    display: none;
    z-index: 100;
    width: 185px;
    top:33px;
}
#menuExtraDropDrown ul li
{
    list-style: none;
    float: none;
}
#menuExtraDropDrown a.menuItemDropDown
{
    display: block;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
    padding: 5px 10px;
}
#menuExtraDropDrown a.menuItemDropDown:hover
{
    background-color: #7596B5;
}


/*-- =LEFTMAIN --*/
#leftMain
{
    float: left;
    background:#fff;
    width:474px;
    margin:16px 20px 0 0;
}
/*-- =NEWS --*/
#leftMain #news h1
{
    margin-top: 12px;
    font-size: 17px;
}

#leftMain #news h3
{
    line-height: 29px;
    height: 29px;
    font-size: 11px;
    background: #183152 url(../../images/titleToday.gif) no-repeat;
    width: 464px;
    padding-right: 10px;
    text-align: right;
    color: #FFF;
}
#leftMain #news h3 span
{
    float: right;
    display: block;
}
#leftMain #news h3 .RSSLink
{
    background: url(../../images/RSSbtn.gif) no-repeat;
    width: 28px;
    height: 29px;
    float: right;
    margin: 0;
    margin-top: 5px;
    margin-right: 160px;
}
#leftMain #news
{
    height: 252px;
    background-image: url(../../images/bgRightMain.gif);
    background-position:bottom;
    width:474px;
}
#leftMain #news #firstItem
{
    margin: 13px;
    margin-top: 10px;
    width: 420px;
    color: #183152;
    height:120px;
}
#leftMain #news #firstItem a
{
    font-size: 13px;
}
#leftMain #news #firstItem span
{
    display:block;
}
#leftMain #news #newsList
{
    margin: 13px;
    margin-top: 0;
    width: 420px;
    color: #183152;
}
#leftMain #news img.newsImg
{
    float:left;
    margin-right:10px;
    height:100px;
}
#leftMain #news h5
{
    margin: 0;
    color: #183051;
    font-size: 11px;
    text-transform: uppercase;
}
#leftMain #news #newsList a
{
    color: #f7941d;
    font-size: 13px;
    display: block;
    background:url("../../images/newsArrow.gif") no-repeat scroll 0px 4px transparent;
    padding-left:13px;
}
#leftMain #newsFooter
{
    float: left;
    width: 446px;
    height: 33px;
    background-color:#fff;
}
#leftMain #newsFooter a
{
    color: #183152;
    line-height: 33px;
    font-weight: normal;
    margin-left: 13px;
    border-right: 1px solid #f7941d;
    padding-right: 10px;
}

/*-- =RIGHTMAIN --*/
#rightMain
{
    float: right;
    width: 473px;
    height:257px;
    margin-top: 16px;
    padding:13px 13px 15px 15px;
    background:#fff;
}

/*-- =VIDEO --*/
#video
{
    float: left;
    width: 469px;
    height:257px;
    display: block;
    margin: 0;
    text-align: right;
    background-color:#000;
    border:0px solid #000;
}
/*-- =MATCHHIGHLIGHTS & =EVENTHIGHLIGHTS & =EVENTMATCHHIGHLIGHTS --*/
#matchHighlights, #eventHighlights, #eventMatchHighlights
{
    float: left;
    border: 1px solid #F7941D;
    margin: 0;
    padding-bottom: 0;
    margin-bottom:20px;
    width:315px;
}
#eventHighlights
{
    width:202px;
    padding-right: 5px;
}

#matchHighlights .calenderHeader, #eventHighlights .calenderHeader, #eventHighlights h2, #eventMatchHighlights .calenderHeader
{
    padding:5px;
    margin:0;
    margin-bottom: 5px;
    border-bottom: 1px solid #F7941D;
    font-size: 16px;
}
#eventHighlights h2
{
    width:195px!important;
    margin-bottom:10px!important;
    padding-bottom:0px;
}
#eventMatchHighlights .tabs
{
    float:right;
    margin: -21px 0 0;
}
#matchHighlights .tabs a, #eventHighlights .tabs a, #eventMatchHighlights .tabs a
{
    background-color:#F7941D;
    color:#fff;
    padding:0 5px 1px;
    height:14px;
    display:inline-block;
    margin:0;
    margin-right:10px;
}
#matchHighlights .tabs a.current, #eventHighlights .tabs a.current, #eventMatchHighlights .tabs a.current
{
    display:inline-block;
    background-color:#fff;
    color:#F7941D;
    border:1px solid #F7941D;
    border-bottom:0px;
    cursor:default;
}
#matchHighlights .tabs a:hover, #eventHighlights .tabs a:hover, #eventMatchHighlights .tabs a:hover
{
    text-decoration:none;
}
#matchHighlights div span, #eventHighlights span, #eventMatchHighlights div span
{
    font-weight: bold;
    display: block;
    margin-left:5px;
}
#matchHighlights div span.location, #eventHighlights span.locationHighlights, #eventMatchHighlights div span.location
{
    font-weight: normal;
    margin-bottom:5px;
    font-size: 10px;
}
#matchHighlights div a, #eventHighlights div a, #eventMatchHighlights div a
{
    margin-left:5px;
}
#matchHighlights div span a, #eventHighlights div span a, #eventMatchHighlights div span a
{
    margin-top: -13px;
    display: block;
}
#matchHighlights a, #eventHighlights a
{
    text-transform: uppercase;
    display:block;
    margin-bottom: 10px;
}
#eventHighlights a
{
    text-transform: none;
    display:block;
    margin-bottom: 0px;
    margin-left: 5px;
}
#matchHighlightsFooter, #eventHighlightsFooter, #eventMatchHighlightsFooter
{
    margin-top: 10px;
    float: left;
    display: block;
    width: 100%;
    height: 33px;
    border-top: 1px solid #d2d2d2;
    padding: 5px 0;
}
#eventHighlightsFooter
{
    width: 205px;
}
#matchHighlightsFooter a, #eventHighlightsFooter a, #eventMatchHighlightsFooter a
{
    color: #183152;
    line-height: 33px;
    font-weight: normal;
    border-right: 1px solid #f7941d;
    padding-right: 10px;
    margin-left:10px;
    margin-right: 0px!important;
    text-transform: none;
    display:inline;
}
#eventHighlightsFooter a
{
    border-right: none;
    line-height: normal;
    display:block;

}
/*-- =MAINNAV --*/
#mainNav
{
    float: left;
    background: #c4d7ed url(../../images/bgMainNav.gif) bottom;
    background-repeat: no-repeat;
    width: 257px;
    position: relative;
    left: 14px;
    text-indent: 30px;
    padding-bottom: 20px;
    height: 20px;
    min-height: 400px;
    height: 400px;
}
#mainNav h2
{
    padding-left: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #f7941d;
    text-indent: 0;
}
#mainNav li
{
    list-style: none;
}
#mainNav li a
{
    display: block;
    color: #183051;
    font-weight: bold;
    line-height: 20px;
}
#mainNav li a:hover
{
    background-color: #375d81;
    color: #FFF;
    text-decoration: none;
}
/*-- =HOMECONTENT --*/
#homeContent
{
    vertical-align:top;
    position:relative;
    float:left;
    margin-top:20px;
    z-index:1;
}
#homeContent .leftCol, #homeContent .midCol, #homeContent .rightCol
{
    width:315px;
    display:inline-block;
    float:left;
    margin-right: 25px; 
}
#homeContent .rightCol
{
    margin-right: 0;
}

#homeContent .thirdCol p
{
    width:300px;
}
#homeContent .thirdCol img
{
    max-width:300px!important;
}
/*-- =ARTICLEMAIN --*/
#articleMain
{
    float: left;
    position: relative;
    min-height: 240px;
    height: auto !important; /* voor modern browsers */
    height: 240px; /*for IE6 */
}
#articleMain h2
{
    margin-bottom: 5px;
    width:315px;
    border-bottom: 1px solid #f7941d;
}
#articleMain div
{
    padding-left: 12px;
}
/*-- =WPLEFTMAIN --*/
#wpLeftMain
{
    float: left;
    position: relative;
    min-height: 240px;
    height: auto !important; /* voor modern browsers */
    height: 240px; /*for IE6 */
}
#wpLeftMain h2
{
    margin-bottom: 5px;
    border-bottom: 1px solid #f7941d;
}
/*-- =WPRIGHTTMAIN1 - WPRIGHTTMAIN2 --*/
#wpRightMain1, #wpRightMain2
{
    display: block;
    margin: 0;
}
#wpRightMain1 h2, #wpRightMain2 h2
{
    border-bottom: 1px solid #f7941d;
    margin-bottom: 5px;
}
#wpRightMain2
{
    margin-top:20px;
}
#wpRightMain2 ol
{
    padding-left:20px;
}

/*-- =FOOTER --*/
#footer
{
    float: left;
    clear: both;
    height: 57px;
    width: 100%;
    border-top: 1px solid #d2d2d2;
    margin-top: 10px;
    margin-bottom: 10px;
}
#footer span a
{
    display: block;
    width: 133px;
    height: 57px;
}


#footer .twob
{
    float: right;
    line-height: 15px;
    padding-left: 15px;
    height:47px;
    padding-top:10px;
    border-left: 1px solid #d2d2d2;
}
#footer ul
{
    display: none;
}
#footer ul li
{
    float: right;
    display: none;
    list-style: none;
    line-height: 57px;
}
#footer a
{
    margin-right: 15px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}
#footer a.login
{
    margin-top: 18px;
}
#footer a:hover
{
    text-decoration: underline;
}

	#footer h5{margin: 0}
	#footer .partner, #footer .sponsor, #footer .supplier{border-right:1px solid #cbccce;padding:0;}
	#footer img{margin:0 1px;vertical-align:middle;border:0;}
	
	#footer .partner h5{background:url('../../images/media/header_partner.gif') no-repeat center top;height:20px;margin-top: 1px;}
	#footer .partner img{max-height:15px;}
	#footer .sponsor h5{background:url('../../images/media/header_sponsor.gif') no-repeat center top;height:20px;margin-top: 1px;}
	#footer .sponsor img{max-height:15px;}
	#footer .supplier h5{background:url('../../images/media/header_supplier.gif') no-repeat center top;height:20px;margin-top: 1px;}
	#footer .supplier img{max-height:17px;margin-top:10px;}
	#footer .supplier img.exept{max-height:38px;margin-top:0px;}
	#footer .itelliLink {height: 47px;line-height: 15px;padding-left: 15px;}

/*--- FAQ ---*/
#faq h3
{
    font-size: 13px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #c3c3c3;
}
#faq h2
{
    font-size: 1.0em;
    margin: 0;
}
#faq span
{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
#faq span ul
{
    margin: 10px 0 20px 20px;
}
#faq span ul li
{
    list-style-type: square;
    color: #64809b;
    margin-top: 5px;
}
#faq label
{
    float: left;
    display: block;
    width: 150px;
}
xxfaq input
{
    width: 200px;
    margin-bottom: 5px;
}
#faq textarea
{
    width: 200px;
    height: 80px;
    margin-bottom: 5px;
}
/*-- =OVERLAY SITE SELECTION --*/

div.overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 1500px;
    background-color: #002040;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
div.overlayContentWrapper
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    text-align:center;
}
div.overlayContent
{
    z-index: 100;
    margin: auto;
    padding:0;
    width: 967px;
    height: 450px;
    background-color: White;
    text-align: left;
    -moz-box-shadow: 3px 3px 40px #000; /* Firefox/Mozilla */  
    -webkit-box-shadow: 3px 3px 40px #000; /*Safari/Chrome */  
    box-shadow: 3px 3px 40px #000; /* Opera & hoe het zou moeten */  
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');  
}
div.overlayContent .logo
{
    
    margin-left:-14px;
    position:absolute;
    clip:rect(0px,206px,117px,14px);
}
div.overlayContent .intro
{    
    top:20px;
    position:absolute;
    width:600px;
    margin-left: 300px;
    line-height:16px;
}
div.overlayContent h2
{    
    color:#113354;
    margin-bottom:20px;
}

div.overlayContent .closeBtn
{    
    float:right;
    margin-right:10px;
    margin-top:10px;
    cursor:pointer;
    width:18px;
    height:18px;
}
div.overlayContent .sitesList
{    
    clear: both;
    position: relative;
    top: 80px;
    width: 968px;
    background-color:#fff;
    padding-bottom:15px;
}

div.overlayContent .sitesList .site
{
    width:183px;
    height:103px;
    display: inline-block;
    margin:0 3px 10px 3px;
    position:relative;
}
div.overlayContent .sitesList .site .frame
{
    background-image:url('../../images/siteSelectBg.gif');
    cursor:pointer;
    width:183px;
    height:103px;
    position:absolute;
    z-index:1;
}
div.overlayContent .sitesList .selected .frame
{
    background-image:url('../../images/siteSelectBgSel.gif')!important;
}
div.overlayContent .sitesList .disabled .frame
{
    background-image:url('../../images/sitePassiveBg.gif')!important;
    cursor:auto;
}
div.overlayContent .sitesList .wsv .frame
{
    cursor:auto!important;
}
div.overlayContent .sitesList .wsv input[type="checkbox"]
{
    display:none;
}
div.overlayContent .sitesList .site .caption
{
    top:84px;
    position:absolute;
    z-index:2;
    padding-left:25px;
    font-size:12px;
}
div.overlayContent .sitesList .wsv .caption {
    padding-left: 10px;
}
div.overlayContent .sitesList .site.selected .caption
{
    color:#fff;
}
div.overlayContent .sitesListHidden
{
    display:none;
}
div.sitesList .sitesWrapper
{
    margin-bottom:20px;
    padding-left:4px;
}


div.sitesList label
{
    width: 150px;
    float: none;
    display:inline;
    padding:0;
}
div.sitesList input
{
    width: auto;
    left:7px;
    position:absolute;
}
div.siteInfoContent
{
    display:none;
    float: right;
    width: 500px;
    margin-right: 30px;
    padding: 10px;
}
div.overlayContent .overlayFooter, div.overlayContent .overlayCtrls{
    margin-left: 300px;
    position: relative;
    width: 666px;
    margin-bottom:20px;
    display:block;
    clear: both;
}
div.overlayContent .siteSelect {
    background: url("../../images/sites/selectSiteBg.gif") repeat scroll 0 0 transparent;
    display: block;
    height: 19px;
    padding: 7px 7px 7px 12px;
    width: 342px;
    color:#60809f;
    float:left;
    margin-bottom: 10px;
}
div.overlayContent .siteSelect #btnOK {
    height: 33px;
    left: auto;
    margin-left: 10px;
    margin-top: -9px;
    width: 76px;
}
div.overlayContent .siteSelect select {
    border: 0 none;
    color:#123455;
    width: 150px;
    font-size:12px;
}

div.overlayContent .overlayCtrls a {
    font-size:14px;
    color: #113354;
    font-weight:normal;
}
div.overlayContent .overlayCtrls a.selectNone {
    margin-left: 80px;
    text-decoration:underline;
    float:left;
    margin-top: 6px;
}

div.overlayContent .overlayCtrls a.selectAbove 
{
    background: transparent url('../../images/overlayBtn_end.gif') no-repeat scroll top right;
    color: #113354;
    font-weight:bold;
    display: block;
    float: left;
    height: 33px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    margin-top: -8px;
    text-decoration: none;
    font-size:14px;
}
div.overlayContent .overlayCtrls a.selectAbove span {
    background: transparent url('../../images/overlayBtn_span.gif') no-repeat;
    display: block;
    line-height: 23px;
    padding: 5px 8px 5px 18px;
} 
div.overlayContent .overlayCtrls a.selectAbove:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

div.overlayContent .overlayCtrls a.selectAbove:active span {
    background-position: bottom left;
    padding: 6px 8px 4px 18px; /* push text down 1px */
} 

.lidNumberSearch
{
    border: 1px solid gray;
    height: 16px;
    width: 100px;
}
.lblBold
{
    font-weight: bold;
}

/* WERELDEN */
.sitesList #watersportverbondSite
{
    background-image: url('../../images/sites/wsv.jpg');
}
.sitesList #motorbootSite
{
    background-image: url('../../images/sites/motorboot.jpg');
}
.sitesList #readytosailSite
{
    background-image: url('../../images/sites/readytosail.jpg');
}
.sitesList #gehandicaptensportSite
{
    background-image: url('../../images/sites/gehandicaptensport.jpg');
}
.sitesList #windsurfenSite
{
    background-image: url('../../images/sites/surfen.jpg');
}
.sitesList #talentplanSite
{
    background-image: url('../../images/sites/talentplan.jpg');
}
.sitesList #topzeilenSite
{
    background-image: url('../../images/sites/topzeilen.jpg');
}
.sitesList #verenigingSite
{
    background-image: url('../../images/sites/voorverenigingen.jpg');
}
.sitesList #wedstrijdzeilenSite
{
    background-image: url('../../images/sites/wedstrijdzeilen.jpg');
}
.sitesList #zeilenSite
{
    background-image: url('../../images/sites/zeilen.jpg');
}
.sitesList #actiewebsiteSite
{
    background-image: url('../../images/sites/actiewebsite.jpg');
}
.sitesList #kitesurfenSite
{
    background-image: url('../../images/sites/kitesurfen.jpg');
}
.sitesList #academySite
{
    background-image: url('../../images/sites/academy.jpg');
}
.sitesList #readySite
{
    background-image: url('../../images/sites/ready.jpg');
}
.sitesList #iwwsSite
{
    background-image: url('../../images/sites/iwws.jpg');
}
.sitesList #iscmSite
{
    background-image: url('../../images/sites/iscm.jpg');
}
.sitesList #ntcSite
{
    background-image: url('../../images/sites/ntc.jpg');
}
.sitesList #catamaranSite
{
    background-image: url('../../images/sites/catamaran.jpg');
}
.sitesList #DLKernploegSite
{
    background-image: url('../../images/sites/DLKernploeg.jpg');
}
.sitesList #kanoSite
{
    background-image: url('../../images/sites/kano.jpg');
}

#weather {
    border: 1px solid #F7941D;
    float: left;
    margin: 0 0 20px;
    padding-bottom: 0;
    width: 305px;
}
#weather .weatherHeader {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #F7941D;
    
}
.weatherItem{   
    margin-top:5px;
}
.weatherItem div{
    border-bottom: 1px solid #D2D2D2;
    overflow: auto;
}

.weatherItem img{   
    height:36px;
}
.weatherItem .place{   
    margin-top: 10px;
    display:inline-block;
    margin-left:5px;
}
.weatherItem .infoBlock{   
    float:right;
}
.weatherItem .infoBlock span{    
    display: inline-block;
    height: 15px;
    margin-top: 10px;
    vertical-align: top;
    color:;
}
#weatherFooter{    
    clear:both;
    text-align: center;
    padding-top:5px;
}
.weeronlineLogo{
    width:130px;
    border:0px;
}


/*tooltip*/
#tooltip {
    background: none repeat scroll 0 0 #F7941D;
    border: 0 none;
    color: #FFFFFF;
    font: 9px arial;
    padding: 5px;
    position: absolute;
    width: 170px;
    z-index: 3000;
    margin-left: -15px;
    margin-top: -15px;
}
