
/* browser settings reset */
html, body, dt, dl, dd, ul, ol, li, form, fieldset, a, blockquote, img { margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}


	
/* site settings */
img{ border:0px;}
a{ color:#028fd0;}
a:hover{}
html, body{ height:100%;}
hr{}
.hr{ width:100%; height:33px; clear:both; background:#fff url(seperator_horizontaal.gif) bottom center no-repeat;}
.hide {display:none;}

/* FCK Styles */
.kop,.nws_kop{ font-size:1.6em; line-height:1.5em; color:#000; margin:0 0 .7em 0;}
.tussenkop{ font-size:1.2em; line-height:1.5em; color:#333; margin:.7em 0 0 0;}
.inleiding{ font-weight:bold; color:#000;}
.univers{ font-family: Courier New, Courier, Monaco, monospace; color:#000; line-height:1.4em;}
.ImageLeft{ float:left; padding:10px 10px 10px 10px; border:#d1d1d1 1px solid; margin:7px 10px 0 0;}
.ImageRight{ float:right; padding:10px 10px 10px 10px; border:#d1d1d1 1px solid; margin:7px 0 0 10px;}

/* Tekst stylen */
h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0;}
div, td {font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
p{ margin:0 0 1em 0;}

/* Default */
input{ font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}

/* Layout */
.Home{ background:#e9926f url(achtergrond.gif) left top repeat-x;}
.Vervolg{ background:#e9926f url(achtergrond.gif) left top repeat-x;}
.EenKolom{ background:#e9926f url(achtergrond.gif) left top repeat-x;}

.HeaderContainer{ width:100%; height:180px; background:url(header.gif) center top no-repeat;}
.Header{ width:960px; height:125px; margin:0 auto;}
.Header .Logo{ float:left; width:378px; height:38px; padding:13px 0 0 0;}

.SponsorenTopContainer{ width:100%; height:40px; background:url(sponsoren_top.gif) left top no-repeat; list-style:none;}
.SponsorenBottomContainer{ width:100%; height:40px; padding:0 0 30px 0; background:url(sponsoren_bottom.gif) left top no-repeat; list-style:none;}

.MainContainer{ float:left; width:100%; background:url(content_achtergrond.gif) center top repeat-y;}
.ContentContainer{ float:left; position:relative; left:50%; margin-left:-480px; margin-top:-50px; width:960px; background:url(seperator_verticaal.gif) 705px top no-repeat;}
.EenKolom .ContentContainer{ float:left; position:relative; left:50%; margin-left:-480px; width:960px; background:none;}
.Content{ float:left; width:960px; padding:20px 0; font-size:.75em; line-height:1.5em;}
.ContentLeft{ float:left; width:700px;}
.EenKolom .ContentLeft{ float:left; width:960px;}
.ContentLeft .Banner{ float:left; width:108px;}
.Vervolg .ContentLeft li{ margin:0 0 0 30px;}
.ContentRight{ float:right; width:220px;}
.ContentRight .Banner{ margin:0 0 20px 0;}

.ContentButton{ float:left; height:38px; width:100%; padding:0 5px 0 5px; font-size:1.2em;}
.ContentButton .Left{ float:left; width:19px; height:38px; background:url(button_links.gif) left top no-repeat;}
.ContentButton .Center a{ display:block; float:left; height:29px; background:url(button_center.gif) left top repeat-x; padding:9px 10px 0 10px; text-decoration:none; color:#028fd0;}
.ContentButton .Center a:hover{ color:#028fd0;}
.ContentButton .Right{ float:left; width:19px; height:38px; background:url(button_rechts.gif) left top no-repeat;}

.Carrousel{ height:400px;}

.FooterContainer{ clear:both; width:100%; height:140px; background:url(footer.gif) center -8px no-repeat; padding:20px 0 20px 0;}
.FooterContainer .Footer{ width:960px; margin:0 auto;}
.FooterContainer .Footer .Label{ float:left; width:51px; height:31px;}

/* TopMenu */
.TopMenu{ clear:both; height:79px;padding:5px 20px 8px 20px;}
.TopMenuItem{ float:left; list-style:none; font-size:.9em; border-right:1px solid #3763ae;}
.TopMenuItem a{ color:#fff; text-decoration:none; height:10px; display:block;padding:10px 20px 14px 20px;}
.TopMenuItem a:hover{ display:block; color:#028fd0;background:url(topmenu_sep.gif) left top repeat-x;}
.TopMenu .Selected a{ color:#028fd0; display:block; background:url(topmenu_sep.gif) left top repeat-x;}

.TopSubMenu{ display:none; width:960px; height:28px; font-size:.9em; background:#fff; z-index:10;}
.TopSubMenu li{ float:left; list-style:none;}
.TopSubMenu li a{ color:#000!important; padding:6px 10px 6px 20px!important; border-bottom:none!important; background:none!important;}
.TopSubMenu li a:hover{ color:#028fd0!important;}

.TopSubMenuSelected{ width:960px; height:28px; font-size:.9em; z-index:0; left:50%; margin-left:-480px; position:absolute;}
.TopSubMenuSelected li{ float:left; list-style:none;}
.TopSubMenuSelected li a{ color:#000!important; padding:6px 10px 6px 20px!important; border-bottom:none!important; background:none!important;}
.TopSubMenuSelected li a:hover{ color:#028fd0!important;}
.TopSubMenuSelected .Selected a{ color:#028fd0!important;}

.TopMenu li>ul { top:91px; left:50%; margin-left:-480px; position:absolute;}
/*.TopMenu li:hover ul, */.TopMenu li.over ul { display:block;}

/* RightMenu */
.RightMenu{ float:right; padding:18px 0 0 0; font-size:.8em;}
.RightMenu li{ float:left; padding:3px 5px 0 15px; list-style:none; color:#fff;}
.RightMenu li a{ color:#fff; text-decoration:none;}
.RightMenu .Zoeken{ float:left; padding:3px 5px 0 0px; list-style:none; color:#fff;}
.RightMenu .Input{ float:left; margin:-1px 0 0 0;}
.RightMenu .Input input{ border:#d5e2e2 1px solid; background:#028fd0; color:#fff;}
.RightMenu .Button{ float:left; padding:1px 0 0 5px;}

/* LeftMenu */
.LeftMenu{ float:left; padding:10px 0 0 20px; font-size:.8em;}
.LeftMenu li{ float:left; padding:0 20px 0 0; list-style:none;}
.LeftMenu li a{ color:#999;}

/* BottomMenu */
.BottomMenu{ float:right; padding:10px 0 0 0; font-size:.8em;}
.BottomMenu li{ float:left; padding:0 0 0 20px; list-style:none;}
.BottomMenu li a{ color:#999;}

/* LijstRechts */
.LijstRechts{ padding:20px 0 20px 0; list-style:none;}
.LijstRechts .Naam h2{ font-size:1.5em; color:#028fd0; padding:0 0 5px 0; margin:0;}
.LijstRechts .Omschrijving{ padding:0 0 20px 0;}
.LijstRechts .Omschrijving a{ text-decoration:none; color:#000;}
.LijstRechts .Omschrijving a:hover{ color:#028fd0;}
.LijstRechts .Img{ width:220px; text-align:center; margin:0 0 20px 0;}

/* LijstBottom */
.LijstBottomContainer{ float:left; width:180px;  padding:10px 0 0 0; background:url(lijstbottom_header.gif) left top no-repeat; margin:0 45px 0 0;}
.LijstBottom{ float:left; padding:0 10px 0 10px; width:158px; min-height:170px; border-left:#cbcbcb 1px solid; border-right:#cbcbcb 1px solid; list-style:none;}
.LijstBottom .Naam h2{ font-size:1.5em; color:#b1b1b1; padding:0 0 10px 0; margin:0;}
.LijstBottom .Naam h2 .Zevenhl{ color:#028fd0; font-weight:bolder;}
.LijstBottom .Naam h2 .Ad{ color:#028fd0;}
.LijstBottom .Omschrijving{}
.LijstBottom .Omschrijving a{ text-decoration:none; color:#000;}
.LijstBottom .Omschrijving a:hover{ color:#028fd0;}
.LijstBottom .Img{ width:180px; padding:10px 0 0 0;}
.LijstBottom .Img img{ max-width:160px;}
.LijstBottomContainer .Footer{ clear:both; background:url(lijstbottom_footer.gif) left bottom no-repeat; height:10px; width:180px;}


/* SponsorenBottom */
.SponsorenBottomContainer li{ list-style:none;}
.SponsorenBottomContainer li span{ display:none;}


.SponsorenBottomContainer .PPC{ position:absolute; margin:6px 0 0 19px;}
.SponsorenBottomContainer .PPC a{ display:block; background: url(sponsoren_bottom.gif) -19px -6px no-repeat; width:104px; height:28px;}
.SponsorenBottomContainer .PPC a:hover{ background: url(sponsoren_bottom_hover.gif) -19px -6px no-repeat;}

.SponsorenBottomContainer .zevenHL{ position:absolute;  margin:14px 0 0 145px;}
.SponsorenBottomContainer .zevenHL a{ display:block; background: url(sponsoren_bottom.gif) -145px -14px no-repeat; width:272px; height:16px;}
.SponsorenBottomContainer .zevenHL a:hover{ background: url(sponsoren_bottom_hover.gif) -145px -14px no-repeat;}

.SponsorenBottomContainer .Seneca{ position:absolute; margin:8px 0 0 438px;}
.SponsorenBottomContainer .Seneca a{ display:block; background: url(sponsoren_bottom.gif) -438px -8px no-repeat; width:152px; height:26px;}
.SponsorenBottomContainer .Seneca a:hover{ background: url(sponsoren_bottom_hover.gif) -438px -8px no-repeat;}

.SponsorenBottomContainer .RunnersWorld{ position:absolute;  margin:9px 0 0 607px;}
.SponsorenBottomContainer .RunnersWorld a{ display:block; background: url(sponsoren_bottom.gif) -607px -9px no-repeat; width:139px; height:23px;}
.SponsorenBottomContainer .RunnersWorld a:hover{ background: url(sponsoren_bottom_hover.gif) -607px -9px no-repeat;}

.SponsorenBottomContainer .SHRC{ position:absolute;  margin:10px 0 0 763px;}
.SponsorenBottomContainer .SHRC a{ display:block; background: url(sponsoren_bottom.gif) -763px -10px no-repeat; width:175px; height:20px;}
.SponsorenBottomContainer .SHRC a:hover{ background: url(sponsoren_bottom_hover.gif) -763px -10px no-repeat;}



/*GASTENBOEK MODULE*/
#Gastenboek{}
#Gastenboek .Header{ float:left; margin:0; padding:3px 0 20px 0; width:auto; height:auto; color:#666;}

#Gastenboek .PlaatsBericht a{ display:block; float:right; text-align:center; font-size:1.2em; text-decoration:none; padding:9px 0 0 0; margin:0 0 20px 0; width:128px; height:29px; background:url(button.gif) left top no-repeat;}
#Gastenboek .PlaatsBericht a span{}

#Gastenboek .Bericht{ clear:both; padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:#ccc 1px solid;}
#Gastenboek .Bericht li{ margin:0; list-style:none; padding:0 0 5px 0;}
#Gastenboek .Bericht .Tekst{}
#Gastenboek .Bericht .Info{ font-size:.9em;}
#Gastenboek .Bericht .Naam{ color:#666; padding:0 5px 0 0;}
#Gastenboek .Bericht .Email a{ text-decoration:none; padding:0 5px 0 5px;}
#Gastenboek .Bericht .Datum{ color:#666; font-style:italic; padding:0 0 0 5px;}

/*Bericht plaatsen*/
#GastenPlaatsBericht{}
#GastenPlaatsBericht .Header{ margin:0; padding:3px 0 20px 0; color:#009fda; font-size:1.4em; font-weight:bold;}

#GastenPlaatsBericht .Naam{ clear:both; padding:0 0 15px 0;}
#GastenPlaatsBericht .Naam .Label{ float:left; width:110px;}
#GastenPlaatsBericht .Naam .Value{ float:left;}
#GastenPlaatsBericht .Naam .Value input{ width:200px;}
#GastenPlaatsBericht .Email{ clear:both; padding:0 0 15px 0;}
#GastenPlaatsBericht .Email .Label{ float:left; width:110px;}
#GastenPlaatsBericht .Email .Value{ float:left;}
#GastenPlaatsBericht .Email .Value input{ width:200px;}
#GastenPlaatsBericht .Bericht{ clear:both; padding:0 0 15px 0;}
#GastenPlaatsBericht .Bericht .Label{ float:left; width:110px;}
#GastenPlaatsBericht .Bericht .Value{ float:left;}

#GastenPlaatsBericht .Captcha{ clear:both; padding:15px 0 0 110px;}
#GastenPlaatsBericht .Captcha .Image{}
#GastenPlaatsBericht .Captcha .Tekst{ color:#666; font-size:.9em; padding:5px 0 5px 0;}
#GastenPlaatsBericht .Captcha .Input input{ width:200px;}

#GastenPlaatsBericht .Button a{ display:block; text-align:center; font-size:1.2em; text-decoration:none; padding:9px 0 0 0; margin:20px 0 20px 105px; width:128px; height:29px; background:url(button.gif) left top no-repeat;}
#GastenPlaatsBericht .Button a span{}

/*ZOEKEN*/
.zoekresultaat_overzicht_samenvatting_kop{ font-size:1.6em; line-height:1.5em; color:#028fd0; padding:0 0 15px 0;}
.rij_item_opsommingteken{ width:40px; color:#999; font-size:.9em; padding:6px 0 0 0;}
.rij_item_content{ padding:5px 0 0 0;}
.rij_item_content a { font-size:.9em; color:#999; text-decoration:none;}
.rij_item_content .ZoekResLijstLaatste{ color:#028fd0!important; font-size:1em;}
.rij_item_content .ZoekResLijstLaatste:hover{ text-decoration:underline;}

/* bekijk de livebeelden*/
#home_fietser_balk
	{
	margin-top:-10px;
	margin-bottom:10px;
	width:622px;
	border:1px solid #f3f3f3;
	padding:3px;
	background-image:url(bgBalk_off.gif);
	background-repeat:repeat-x;
	}

#home_fietser_balk:hover
	{
	background-position:0 0;
	background-image:url(bgBalk_on.gif);
	background-repeat:no-repeat;
	border:1px solid #dfdfdf;
	}
	
#home_fietser_balk a
	{
	display:block;
	background-image:url(playbtn.png);
	background-repeat:no-repeat;
	padding-left:25px;
	font-weight:bold;
	text-decoration:none;
	}
	
#home_fietser_balk a:hover
	{
	color:#028fd0;	
	}
/* bekijk de livebeelden*/
