html,body{margin:0px;padding:0px;background-color:#E4F6F8;color:#000000;font-family:"Verdana",Tahoma;font-size:12px;}
a {text-decoration:none; color:#ffffff;}

#wrapper {width:915px; margin:5px;}

#topbar {width:915px;height:60px;background:url('../media/images/top_bar.gif') repeat-x; background-color:#da0764; margin-bottom:10px;}
.topmenu {float:right; margin-right:5px; padding-top:22px; color:#ffffff;}
.topmenu a {color:#ffffff; font-weight:bold;}

/*Begin leftbar*/
#leftbar {float:left;width:160px;margin-right:10px;height:100%;}
.leftdiv {width:160px;background-color:#FDB813;margin-bottom:10px;}
.leftdiv p.titel { display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}
.leftdiv .menu {padding:0; margin:0; list-style-type:none; white-space:nowrap;}
.leftdiv .menu li { float:left; min-width:160px; }
.leftdiv .menu a { position:relative; display:block; text-decoration:none; min-width:160px; }
* html .leftdiv .menu a { width:160px;}
.leftdiv .menu p { display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}
.leftdiv .menu a span {display:block; color:#FFF; background:#FDB813; border-bottom:1px solid #da0764; border-width:2px 1px; padding:4px;}
* html .leftdiv .menu a span {width:100px; cursor:hand; width:66px; }
.leftdiv .menu a b {display:block; border-bottom:2px solid #0000;}
.leftdiv .menu a:hover {background:#fff;}
.leftdiv .menu a:hover span {color:#fff; background:#F17022;}

.leftdiv .link {padding:0; margin:0; list-style-type:none; white-space:nowrap;display:table;}
.leftdiv .link li { min-width:160px; }
.leftdiv .link a { position:relative; display:block; text-decoration:none; min-width:160px; padding:0 0 2px 4px;}
.leftdiv .link p { display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;}
.leftdiv .link a:hover {color:#000;}


/*Begin midbar*/
#midbar {float:left;width:435px;margin-right:10px;}
.middiv {width:435px;background-color:#ffc602;display:table;margin-bottom:10px;}
.middiv p.titel { display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}
.minigames {float:left;width:139px;height:150px;border:3px solid #ffc602;background-color:#da0764;text-align:center;}
.minigames:hover, .minigames:hover a {background-color:#ffffff; color:#da0764;}
.minigames img {width:119px;margin:10px 0 5px 0;border:0px;}
.minigames a {color:#ffffff;}

.minigameswhite {float:left;width:139px;height:150px;border:3px solid #ffc602; background-color:#ffffff; color:#da0764; text-align:center;}
.minigameswhite img {width:119px;margin:10px 0 5px 0;border:0px;}
.minigameswhite a {color:#da0764;}

/*Begin rightbar*/
#rightbar {float:left;width:300px;}
.rightdiv {width:300px;background-color:#ffc602;display:table;margin-bottom:10px;}
.rightdiv p.titel { display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}
.aanraders {width:300px;height:77px;background:#FDB813; border-bottom:1px solid #da0764; border-width:2px 1px;color:#000000;}
.aanraders:hover {background:#F17022;color:#ffffff;}
.aanraders img {float:left;width:100px;height:75px;border:0px;margin:2px;}
.aanraders b {color:#000000;}

.rightdiv input.search { width:290px; display:block; color:#000000; background-color:#ffffff; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}
.rightdiv input.button { width:300px; display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:226px;
		overflow:hidden; 
		}
	#slider li img{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:226px;
		border:0px; 
		}		

/*Begin bigbar*/
#bigbar {float:right;width:745px;}
.bigdiv {width:745px;background-color:#ffc602;display:table;margin-bottom:10px;}

.bigdiv p.titel { display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}
.gamelist {float:left;width:176px;height:200px;border:3px solid #ffc602;background-color:#da0764;padding:2px;}
.gamelist p { display:block; color:#FFF; background-color:#F17022; border:1px solid #FDB813; border-width:2px 1px; padding:4px;margin:0px;font-size:14px;font-weight:bold;}
.gamelist a {color:#ffffff;}
.gamelist a:hover {color:#FD98C4;}

.bottommenu {float:left;width:176px;border:3px solid #ffc602;padding:2px;}
.bottommenu a {color:#000000;}
.bottommenu a:hover {color:#ffffff;}

.bigdiv ul {padding:0; margin:0; list-style-type:none;}
.bigdiv li {float:left;padding:2px;font-weight:bold;font-size:10px;border:1px solid #ffc602; height:14px; width:118px; background-color:#F17022;}
.bigdiv li:hover, .bigdiv li:hover a {background-color:#fff;color:#F17022;}
.bigdiv li a {display:block; width:118px;height:14px;}
.bigdiv li a:hover {color:#F17022;}

/*Begin footer*/
#footer {width:915px;height:20px; padding:2px; color:#ffffff; background:url('../media/images/small_bar.gif') repeat-x;  background-color:#da0764; margin:5px;}