/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background:url('../images/bodyBg.gif') repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }
#twitter-follow { border: 0;position: fixed;  top: 200px; right:0;}



/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 998px; }
	
	/* ### header container ### */
	#headerCntr { position: relative; width: 998px; height: 130px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr span { position: absolute; top: 15px; left: 0px; }
	#headerCntr span a { display: block; width: 536px; height: 94px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	#headertekst { position:absolute; left: 60px; top:90px; z-index:3; color:#FFF;font-family:Sans-serif; font-size: 16px; }
		/* ### menu box ### */
		.menuBox { position: absolute; top: 20px; right: 0px; width: 300px; }
		.menuBox ul { overflow: hidden; width: 300px; list-style: none; }
		.menuBox li { float: right; display: inline; color: #fff; }
		.menuBox li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #fff; }
		.menuBox li a:hover { text-decoration: underline; }
		.menuBox li.selected a { font-weight: bold; }
		.menuBox li.last a { padding-right: 0px; }
		
		/* ### zoek box ### */
		.zoekBox { position: absolute; top: 70px; right: 0px; width: 309px; }
		.zoekBox fieldset { padding-left: 90px; width: 219px; border: 0px; }
		.zoekBox input.field { padding: 5px 10px 5px 10px; float: left; width: 167px; height: 20px; line-height: 20px; border: 0px; background: url('../images/fieldBg.png') no-repeat; }
		.zoekBox input.submit { float: left; }
	
	/* ### content container ### */
	#contentCntr { padding-bottom: 10px; overflow: hidden; width: 998px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 158px; }
		
			/* ### nieuw box ### */
			.nieuwBox { margin-bottom: 10px; width: 158px; background: url('../images/nieuwBg.gif') #0163e8 no-repeat left bottom; }
			.nieuwBox h3 { height: 39px; text-indent: -999px; background: url('../images/nieuwH3.gif') no-repeat; }
			.nieuwBox div { height: 39px; text-indent: -999px; background: url('../images/nieuwH3.gif') no-repeat; }
			.nieuwBox ul { padding-left: 10px; list-style: none; }
			.nieuwBox li { padding-bottom: 10px; }
			
			/* ### nav box ### */
			.navBox { width: 158px; background: url('../images/navBg.gif') #ff3c00 no-repeat left bottom; }
			.navBox h3 { height: 39px; text-indent: -999px; background: url('../images/navH3.gif') no-repeat; }
			.navBox div { height: 39px; text-indent: -999px; background: url('../images/navH3.gif') no-repeat; }
			
			.navBox ul { padding: 10px 0px 10px 10px; list-style: none; }
			.navBox li { height: 20px; line-height: 20px; }
			.navBox li a { padding-left: 15px; text-decoration: none; color: #fff; background: url('../images/bullit.gif') no-repeat left; }
			.navBox li a:hover, .navBox li.selected a {  font-size: 12px; color: #ccc; background-image: url('../images/bullit2.gif'); }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 830px; }
			
			/* ### info box ### */
			.infoBox { margin-bottom: 10px; padding: 0px 10px 0px 10px; overflow: hidden; width: 810px; height: 42px; background: url('../images/infoBg.gif') no-repeat; }
			.infoBox h2 { float: left; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; color: #035cdb; }
			.infoBox h2 a { font-weight: normal; font-size: 11px; text-decoration: none; color: #ff3c00; }
			.infoBox h2 span { font-weight: normal; font-size: 11px; text-decoration: none; color: #035cdb; }
			.infoBox h2 a.selected { font-weight: bold; font-size: 11px; text-decoration: underline; color: #ff3c00; }
			.infoBox h2 a:hover { text-decoration: underline; }
			.infoBox div { float: left; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; color: #035cdb; }
			.infoBox div a { font-weight: normal; font-size: 11px; text-decoration: none; color: #ff3c00; }
			.infoBox div span { font-weight: normal; font-size: 11px; text-decoration: none; color: #035cdb; }
			.infoBox div a.selected { font-weight: bold; font-size: 11px; text-decoration: underline; color: #ff3c00; }
			.infoBox div a:hover { text-decoration: underline; }
			.infoBox ul { padding-top: 6px; float: right; overflow: hidden; width: 120px; list-style: none; }
			.infoBox li { padding-left: 6px; float: right; display: inline; }
			.infoBox li a { display: block; float: left; width: 32px; height: 32px; text-indent: -9999px; background: no-repeat; }
			.infoBox li.twitter a { background-image: url('../images/twitter.gif'); }
			.infoBox li.facebook a { background-image: url('../images/facebook.gif'); }
			
			/* ### games box ### */
			.gamesBox { width: 830px; }
			.gamesBox h3 { margin-bottom: 10px; padding: 0px 10px 0px 10px; overflow: hidden; width: 810px; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; color: #035cdb; background: url('../images/infoBg.gif') no-repeat; }
			.gamesBox h3 a { text-decoration: none; color: #035cdb; }
			.gamesBox h3 a:hover { text-decoration: underline; }
			.gamesBox ul { overflow: hidden; width: 830px; list-style: none; }
			.gamesBox li { padding: 0px 10px 10px 0px; width:200px; float: left; display: inline; }
			.gamesBox li.last { padding-right: 0px; }
			.gamesBox li a { padding: 10px; display: block; float: left; overflow: hidden; width: 180px; height: 140px; text-decoration: none; color: #035cdb; background: url('../images/gamesBg.gif') no-repeat left top; }
			.gamesBox li a:hover { color: #002356; background-position: left bottom; }
			.gamesBox li a img { padding-bottom: 8px; cursor: pointer; }
			.gamesBox li strong { float: left; }
			.gamesBox li span { float: right; font-size: 11px; color: #ff3c00; }
			.gamesBox li a:hover span { text-decoration: underline; font-weight: bold; color: #035cdb; }
			.gamesBox div a { padding: 10px; display: block; float: left; overflow: hidden; width: 180px; height: 140px; text-decoration: none; color: #035cdb; background: url('../images/gamesBg.gif') no-repeat left top; }
			.gamesBox div a:hover{ color: #002356; background-position: left bottom; }
		
			/* ### spel box ### */
			.spelBox { margin-bottom: 10px; width: 830px; background: url('../images/largeBg.gif') repeat-y; }
			.spelBox div.top { background: url('../images/largeTop.gif') no-repeat left top; }
			.spelBox div.bottom { padding: 10px; overflow: hidden; position: relative; width: 810px; background: url('../images/largeBottom.gif') no-repeat left bottom; }
			.spelBox h1 { padding: 10px 0px 20px 0px; text-align: center; font-size: 14px; font-weight: bold; color: #035cdb; }
			.spelBox div.spel { text-align:center; margin: 0 auto; z-index:1; padding-bottom: 10px; }
			.spelBox ul { overflow: hidden; width: 810px; list-style: none; }
			.spelBox li { padding-right: 10px; float: left; display: inline; }
			.spelBox li a { padding-left: 40px; display: block; float: left; height: 32px; line-height: 32px; font-size: 11px; text-decoration: none; color: #ff3c00; background: no-repeat left; }
			
			.spelBox li.sm  { float:left; }
			
			.spelBox li a:hover { text-decoration: underline; }
			
			/* ### text box ### */
			.textBox { margin-bottom: 10px; width: 830px; background: url('../images/largeBg.gif') repeat-y; }
			.textBox div.top { background: url('../images/largeTop.gif') no-repeat left top; }
			.textBox div.bottom { padding: 10px 10px 0px 10px; overflow: hidden; width: 810px; background: url('../images/largeBottom.gif') no-repeat left bottom; }
			.textBox h2 { padding-bottom: 10px; text-align: left; font-size: 14px; font-weight: bold; color: #035cdb; }
			.textBox p { padding-bottom: 10px; line-height: 24px; font-size: 11px; text-align: left; color: #004466; }

/* ### footer container ### */
#footerCntr { width: 100%; background: url('../images/footerBg.gif') repeat-x; }
#footerCntr div.content { margin: 0 auto; overflow: hidden; width: 998px; height: 120px; background: url('../images/footerContent.png') no-repeat; }
#footerCntr ul { padding-top: 20px; float: left; overflow: hidden; width: 300px; list-style: none; }
#footerCntr li { float: left; display: inline; color: #fff; }
#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #fff; }
#footerCntr li a:hover { text-decoration: underline; }
#footerCntr li.selected a { font-weight: bold; }
#footerCntr li.first a { padding-left: 0px; }
#footerCntr p { padding-top: 80px; float: right; color: #fff; }

	#ftrrekst { float:left; margin-top:10px; color:#fff;}

/* ### Tooltip ### */
.tip{
                position: absolute;
	z-index: 999999;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	max-width:170px;

            }
			#tooltip h3, #tooltip div { margin: 0; }