@charset "UTF-8";

/* COLORS 
	paars: #E52659;
	blauw: #00A9FC;
	donkergrijs: #5C5C5C;
	grijs: #4F4F4F;
	stippel grijs: #D5D5D5
	bg: #E1E2E1;	
---------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }	
html {
	font: normal normal normal 100%/100% "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	color: #908F8F;
	}
body {
	background: #E1E1E1 url("../pix/bg_body.jpg") repeat-x scroll 0 0;
	font-size: 62.5%;
	line-height: 62.5%;
	text-align: left;
	}
img { border: 0 none; }

.clearer {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	}

#skip { display: none; }

#g-container {
	height:100%;
	margin:0 auto;
	min-width:1000px;
	position:relative;
	}

/* HEADER 
---------------------------------------------------------------------------------------------------- */
#g-header {
	background: transparent url("") 0 0 repeat-x;
	height:137px;
	}
	#g-header-wrapper {
		margin:0 auto;
		position:relative;
		z-index:2;
		width:1000px;
		height:130px;
		}
		#g-header-wrapper #g-logo {
			background: transparent url("../pix/logo.png") no-repeat 0 0;
			height:80px;
			left:39px;
			top:32px;
			width:200px;
			float:left;
			position:relative;
			overflow: hidden;
			}
			#g-logo a {
				display: block;
				width: 200px;
				height: 80px;
				padding-top: 90px;
			}
	#g-leaderboard {
		background: url("") 0 0 no-repeat;
		height:90px;
		position:absolute;
		top:20px;
		right:10px;
		width:728px;
		/* display:none; */
		}
		#g-leaderboard table { padding:0; margin:0; border:0px; border-collapse:collapse; height:90px; width:728px; }
		#g-leaderboard td { vertical-align:middle; text-align:center; }
	#beta {
		height:30px;
		position:absolute;
		top:116px;
		right:8px;
		overflow: hidden;
		}

/* SEARCH 
---------------------------------------------------------------------------------------------------- */
#g-search {
	display: none;
	height:20px;
	margin:0 auto;
	width:1000px;
	}
#g-search #g-search-wrapper {
	float:right;
	height:30px;
	margin-bottom:-100px;
	padding:6px;
	position:relative;
	top:-30px;
	width:255px;
	}
	#g-search-wrapper .sbox {
		background:url("../pix/srch_l.png") 0 0 no-repeat;
		float:right;
		width:250px;
		}
		#g-search-wrapper .sbox input {
			background:url("../pix/srch_bg.png") 0 0 repeat-x;
			border:0;
			font-size:1em;
			height:13px;
			padding:3px;
			position:absolute;
			width:215px;
			}
		#g-search-wrapper .sbox span {
			background:url("../pix/srch_r.png") 100% 0 no-repeat;
			display:block;
			height:19px;
			padding:0 10px 0 19px;
			position:relative;
			width:220px;
			}
	#g-search-wrapper .sbtn input {
		display:none;
		float:right;
		font-size:0.88em;
		height:20px;
		width:40px;
		}



/* NAV 
---------------------------------------------------------------------------------------------------- */
#g-nav{
	background: transparent url("") 50% 0 no-repeat;
	height: 270px;
	overflow: hidden;
	}
	#g-nav #g-nav-wrapper{
		background: transparent;
		margin:0 auto;
		height: 270px;
		width:1000px;
		border-top: 1px dashed #D5D5D5;
		}

		#intro { 
			background: transparent url("../pix/bg_intro.gif") repeat-x 0 0; 
			height: 177px;
			border-bottom: 1px dashed #D5D5D5;
			}
		#welk { 
			height: 90px;
			border-bottom: 1px dashed #D5D5D5; 
			}
			#intro .rightside { 
				float: left; width: 466px; padding: 11px 0px 32px 34px; 
				}
			#intro .leftside  { 
				float: left; width: 415px; padding: 11px 46px 32px 38px; border-right: 1px dashed #D5D5D5; 
				}
			#welk .rightside  {
				height: 65px; 
				background: transparent url("../pix/arrow-right.png") no-repeat 97% 60%; 
				float: left; width: 455px; padding: 18px 10px 8px 34px; 
				}
			#welk .leftside   { 
				height: 65px; 
				background: transparent url("../pix/arrow-down.png") no-repeat 93% 50%; 
				float: left; width: 451px; padding: 18px 10px 8px 38px; border-right: 1px dashed #D5D5D5; 
				}
				#welk .rightside .alignright, 
				#welk .leftside .alignright {
					width: 100px;
					height: 65px;
					overflow: hidden; 
					}
					#welk .rightside .alignright a,
					#welk .leftside .alignright a {  
						display: block;
						width: 100px;
						height: 65px;
						padding-top: 70px;
						}
						
			
/* CONTENT 
-------------------------------------------------------------------------- */
#content-wrapper {
	margin:0 auto;
	padding: 0px 0; /* 10px 0 */
	width:1000px;
	}
#content-left {
	display:inline;
	float:left;
	padding-left:0px;
	width:0px;
	overflow:hidden;
	}
#content-center {
	background: transparent url("../pix/bg_content-center.gif") repeat-y 50% 0;
	display: inline;
	float: left;
	position: relative;
	width: 1000px;
	overflow: hidden;
	}
#content-right {
	display:inline;
	float:left;
	width:0px;
	overflow:hidden;
	}

.block {
	float:left;
	margin:0 10px 10px 10px;
	position:relative;
	min-height:250px;
	width:195px;
	}
	* html .block {
		display:inline;
		height:250px;
		}

	.block.wrapper {
		background-color: #99FF99;
		}
		
		
table { font-size: 1.0em; }
td { font-size: 1.0em; }

/* FOOTER
-------------------------------------------------------------------------- */
#g-footer {
	background: #FFF;
	color: #5C5C5C;
	clear: both;
	display: block;
	font-size: 1.0em !important;
	height: 105px;
	margin: 0 auto;
	min-width: 1000px;
	overflow: hidden;
	width: 100%;
	border-top: 1px dashed #D5D5D5;
	border-bottom: 1px dashed #D5D5D5;
}
#g-footer-wrapper {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	height: 55px;
	}

/* LISTS 
-------------------------------------------------------------------------- */
ul { position: relative; }

#intro .rightside ul { list-style: none;}
#intro .rightside ul li {
	position: relative;
	width: 115px;
	}
#intro .rightside ul li ul {
	list-style: disc inside;  
	}
#intro .rightside ul li ul li { 
	color: #BDBDBD;
	font-size: 1.2em; 
	line-height: 1.5em; 
	font-weight: bold;
	width: 100%; 
	}

#content-center ul { 
	list-style: none outside;
	margin: 0 20px; 
	}	
#content-center ul li { 
	position: relative; 
	width: 300px; 
	}	
#content-center ul li ul { 
	list-style: none outside;
	}
#content-center ul li ul li.letter {
	width: 280px; 
	margin: 30px 0 40px;
	display: list-item;
	}	
#content-center ul li ul li.letter ul {
	list-style: disc outside;
	margin: 10px 0 0 15px;
	display: block;
	color: #E52657; 
	}
#content-center ul li ul li.letter ul li.programma {
	line-height: 1.5em;
	font-size: 1.2em;
	margin: 0;
	padding-left: 0; 
	}

.stripe { 
	padding-bottom: 40px; 
	margin: 0 20px 0 0;
	}
	
.col { float: left; }


/* LINKS 
-------------------------------------------------------------------------- */
a:link, a:visited { text-decoration: none; color: #707070; }
a:hover, a:active { text-decoration: underline; color: #E52657; }

#g-footer-wrapper a:link, #g-footer-wrapper a:visited { text-decoration: underline; color: #E52657; }
#g-footer-wrapper a:hover, #g-footer-wrapper a:active { text-decoration: none; color: #D60047; }


/* TEXT
-------------------------------------------------------------------------- */
h1, h2, h3 { 
	color: #00A9FC; 
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-weight: bold;
	}
	h2 { 
		font-size: 2.4em;
		line-height: 1.8em;
		}
		#intro .leftside h2 { color: #4A4A4A; }
		#welk h2 { line-height: 1.3em; margin-bottom: 0px; }
		#welk .rightside h2 { color: #E52657; }
	
.h3-wrapper {
	overflow:hidden;
	width:100%;
	}
.h3-wrapper h3 span {
	color: #00A9FC;
	display:block;
	}
.h3-wrapper h3 span a { 
	color:#00A9FC;
	}

.h3-wrapper h3 {
	font-size: 2.5em;
	line-height: 0.7em;
	text-transform: uppercase;
	}

p { 
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: justify;
	}
	#beta p {
		color: #BDBDBD;
		font-family: "Times New Roman", Times, serif;
		font-style: italic; 
		line-height: 1.4em;	
		}
		#beta p span {
			font-size: 1.6em;
			color: #000000;
			}
	#welk p {}

	#g-footer-wrapper p {
		color: #707070;
		font-size: 1.8em;
		line-height: 1.2em;
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: bold;
		margin: 30px;
		}

.alignleft { float: left; position: relative; }
.alignright { float: right; position: relative; }

.script { display:none; }