body { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background-image:url(../img/template/background/background_stars.jpg); background-repeat:repeat; }

table { border-collapse: collapse; border-spacing: 0; }

/* styles from home.css */
/* De swf container die de home swf inlaad */
.swf-container { position:relative; margin:0 auto; width:100%; height:700px; }

.blok-groen h1 { color:#86bf00; font-size:35px; }
.blok-rood h1 { color:#d75151; font-size:35px; }
.blok-geel h1 { color:#f9d635; font-size:35px; }
.blok-blauw h1 { color:#02bbfe; font-size:35px; }

/* styles from global.css */
div { margin:0px; padding:0px; }

span { margin:0px; padding:0px; }

a { color:#dc6800; text-decoration: none; font-weight:bold; }
a:hover { text-decoration:underline; }

a img { border: none; }

h5 { font-size: 14px; font-weight: bold; padding: 0 0 7px 0; }
strong { font-weight: bold;}
/* cowi */
.cowi { position:absolute; top:13px; right:-70px; width:322px; height:179px; }

/* Globale paginastructuur:
- Div .global-container om alles heen
  - Daarin de header, bestaand uit
    - .header-links: alleen een klein randje voor de uitlijning met de rest van de pagina 
    - .header-rechts
  - De body bestaat uit
    - .body-links: de brede kolom waar de echte content in staat
    - .body-rechts: de smalle kolom voor banners en gerelateerde content
  - .footer
  - .cowi: ligt over alles heen, absoluut gepositioneerd
*/
.global-container { position:relative; margin:0 auto; width:848px; }

.global-header-links { float:left; width:16px; height:128px; background-image:url(../img/global/header/header_links.png); }

.global-header-rechts { float:left; width:832px; height:128px; background-image:url(../img/global/header/header_rechts.png); }

.header-home-link { display:block; height:100%; width:365px; font-size:0pt; color:#000; }
.header-home-link:hover{ color:#000; }

/* Complete Content balk aan de linker kant */
.global-body-links { width:570px; float:left; padding-left:16px; padding-bottom:40px; }

.global-body-rechts { width:251px; position:absolute; top:210px; right:0; margin-bottom:30px; padding-bottom:40px; }


/* 
	De content is opgebouwd uit blokken, met als algemene structuur:
	- .blok-container: om het hele blok heen, daarin
		- .blok-header
		- .blok-body
		  - .blok-body-links
		  - .blok-body-midden
		  - .blok-body-rechts
		- .blok-footer
*/

.blok-container { width:570px; position:relative; }
.blok-header { width:570px; height:83px; }

.blok-body { float:left; padding-bottom:15px; width:570px; }

.blok-footer { float:left; width:570px; height:28px; }

.blok-body-links { float:left; width:20px; /*overflow-x:hidden; prevent ugly modal window animation*/ }
.blok-body-midden { float:left; width:530px; min-height:750px; }
.blok-body-rechts { float:left; width:20px;	/*overflow-x:hidden; prevent ugly modal window animation*/ }


.blok-titel { position:absolute; top:25px; right:15px; font-size:49px; font-weight:bold; width:459px; display:block; }
.blok-body-midden p { margin-left:10px; font-size:14px; color:#FFF; } 

.blok-body-midden ul, .blok-body-midden ol { font-size:14px; color:#FFF; } 

/* .blok-body-midden  td { font-size:14px; color:#FFF; } */ 

.blok-eerste-alinea { /* margin-left:10px; font-size:14px; color:#FFF; */ width:520px; }

.blok-gewone-alinea { /* margin-top:10px; margin-left:10px; font-size:14px; color:#FFF; */ width:520px; }
.blok-gewone-alinea ul { list-style-type:disc; list-style-position:outside; margin:0 0 0 27px; }
.blok-gewone-alinea ul li { color:#fff; font-size:14px;}
.blok-gewone-alinea ul li a { color:#fff; font-size:14px; }

.blok-gewone-alinea td { font-size:14px !important; color:#fff;	padding:0 15px; }

.blok-gewone-alinea img { border: 2px solid white;  }

.blok-gewone-alinea img.align-left { margin-right: 4px; }
.blok-gewone-alinea img.align-right { margin-left: 4px; }

/* 
	'Wist je dat' blokjes, binnen een groter blok, bestaan uit:
	- .wist-je-dat-container
	  - .wist-je-dat-header
		  - .wist-je-dat-body-links
		  - .wist-je-dat-body-midden
		  - .wist-je-dat-body-rechts
	  - .wist-je-dat-footer
*/	

.wist-je-dat-container { float:left; width:251px; margin: 0px 14px 0px 0px; }

.wist-je-dat-container p { padding:0px; margin: 0px; }
.wist-je-dat-header { margin: 5px 5px 0px 0px; padding-top:10px; float:left; width:251px; height:51px; background-image:url(../img/global/wist_je_dat/wist_je_dat_top.png);	}

.wist-je-dat-body-links { float:left; width:251px; background-image:url(../img/global/wist_je_dat/wist_je_dat_left_vert_stre.gif); background-repeat:repeat-y; }
.wist-je-dat-body-rechts { width:inherit; background-image:url(../img/global/wist_je_dat/wist_je_dat_right_vert_stre.gif); background-position:right; background-repeat:repeat-y; } 
.wist-je-dat-body-midden { margin-left:10px; width:230px; background-color:#FFF; background-repeat:repeat-y; } 

.wist-je-dat-footer { float:left; width:251px; height:25px; background-image:url(../img/global/wist_je_dat/wist_je_dat_bottom.png);	}

/* De titel van het wist-je-dat blokje bestaat uit twee stukjes: wit en zwart */
.wist-je-dat-titel  { margin-left:15px; color:#000; font-size:17px; font-weight:bold; }
.wist-je-dat-titel2 { color:#FFF; font-size:24px; font-weight:bold; } 
.wist-je-dat-tekst  { margin-left:5px; margin-right:5px; color:#000; font-size:14px; font-weight:bold; }

/* prijsvraag */
.prijsvraag-container {  }
.prijsvraag-header { height:152px; }
.prijsvraag-body { }
.prijsvraag-footer {}


/* Wat is jouw sport */
.wat-is-jouw-sport, .popup-sporttest { cursor: pointer; display:block; margin-top:10px; height:181px; background-image:url(../img/global/wat_is_jouw_sport/wat_is_jouw_sport_idle.png); }
.wat-is-jouw-sport:hover, .popup-sporttest:hover { background-image:url(../img/global/wat_is_jouw_sport/wat_is_jouw_sport_rollover.png); }

/* evenementen knop */
.evenementen-knop { display:block; margin-top:10px; height:170px; background-image:url(../img/global/evenementen_knop/evenement_knop_idle.gif); }
.evenementen-knop:hover { background-image:url(../img/global/evenementen_knop/evenement_knop_rollover.gif); text-decoration: none; }

/* Sportnieuws aanmeld knop*/
.sportnieuws-knop { cursor: pointer; height:88px; background: transparent url(../img/sportnieuws/sportnieuws_stuurin.png) top left no-repeat; }
.sportnieuws-knop:hover { color:#000; text-decoration: none; }

/* prijsvraag knop */
.prijsvraag-knop { display: block; cursor: pointer; height:192px; background-image:url(../img/global/prijsvraag_knop/kans_maken_knop_idle.gif); }
.prijsvraag-knop:hover { background-image:url(../img/global/prijsvraag_knop/kans_maken_knop_rollover.gif); color:#000; text-decoration: none; }

/* banners */
.banner { display:block; margin-top:10px; height:251px; }

/* Shadowbox */
#sb-loading a { display:none; }

#sb-nav{ display:block;	}

.subtitel,.mijn-sport-subtitle,.subtitel,.sportlet-subtitle,.volwassenen-subtitle.agenda-subtitle{ } 

.wat-is-jouw-sport-popup{}
.sportnieuws-knop-popup{}

.align-left { margin: 3px 9px 3px 0; float: left; z-index:999; position:relative; }
.align-right { margin: 3px 0  3px 10px; float: right; z-index:999; position:relative;}


#simplemodal-overlay { background-color: #000000; }