html,body{margin:0;padding:0}

body {
	background-image: url("../layout/img/bg_body.gif");
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}
p{margin:0 5px 10px}
img {border: 0; }
a {color: #0000D9;}
a:visited {color:#5083CF;}
a:hover {color: #564b47;}
a:active { color:#000000;}
#header{position:relative}
#container{background:#FFFFFF}
#container{text-align:left}
#content p{line-height:1.4}
#navigation{background:#FFFFFF}
#content{background:#FFFFFF}
#rnav{background:#FFFFFF}
#footer{background:#25649A; color: #FFF}
#footer p{margin:0;padding:5px 10px}
#footer a{display:inline;padding:0;color: #C6D5FD}
#container{width:1000px;margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin: 0 170px}
#navigation{float:left;width:170px;margin-left:-1000px}
#rnav{float:left;width:170px;margin-left:-170px}
#footer{clear:left;width:100%}

#header {
	background-image: url(../layout/img/head_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

/*** Topmenu formatering ***/
#tabs {
	float:left;
	width:100%;
	font-size:12px;
	line-height:normal;
	border-bottom:1px solid #666;
	background-color: #25649A;
}
	  
	  
#tabs ul {
	margin:0;
	padding:10px 10px 0 20px;
	list-style:none;
}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
    
#tabs a {
	float:left;
	background:url("../layout/img/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

	  
#tabs a span {
	float:left;
	display:block;
	background:url("../layout/img/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

   
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#FFF;
}

#tabs a:hover {
	background-position:0% -42px;
}

#tabs a:hover span {
	background-position:100% -42px;
}


#tabs #current {
	background-position:0% -42px;
}

#tabs #current span {
	background-position:100% -42px;
}





/* -----------config left right menu boxes--------------------------- */
.menuheadl {
	padding: 2px 4px;
	font-size: 14px;
	font-weight: bold; 
	text-align: center; 
	color: #ffffff;
	background-color: #6a872f;
	-moz-border-radius-topright: 5px;
  -webkit-border-radius-top-right: 5px;
}
	
.menuheadr {
	padding: 2px 4px;
	font-size: 14px;
	font-weight: bold; 
	text-align: center; 
	color: #ffffff;
	background-color: #6a872f;
	-moz-border-radius-topleft: 5px;
  -webkit-border-radius-top-left: 5px;
}	

.menu {
	padding: 2px 10px;
	font-size: 11px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #6a872f;
	border-bottom-color: #6a872f;
	line-height:1.8;
	background-color: #FFFFCC;
}

.menu-ad {
	padding: 2px 4px;
	font-size: 11px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #7ea822;
	border-bottom-color: #7ea822;
	background-color: #ffffff;
	line-height:1.8;
}

.menur {
	padding: 2px 4px;
	font-size: 11px;
	border-bottom: 1px solid #6a872f;
	border-left: 1px solid #6a872f;
	background-color: #dfe9c7;
}

.menur-ad {
	padding: 2px 4px;
	font-size: 11px;
	border-bottom: 1px solid #7ea822;
	border-left: 1px solid #7ea822;
	background-color: #ffffff;
}

/*** form formatering ***/
.subm{
	font-size: 10px;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(../layout/img/green_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #7EA822;
	border: 1px solid #7EA822;
	display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
}

.inp150 {
	font-size: 10px;
	background-image: url(../layout/img/inpb.gif);
	background-repeat: repeat-x;
	border: 1px solid #54a4d9;
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.frm {
	background-color: #FFFFEA;
	border: 1px solid #bbd9ee;
	padding: 4px;
	margin: 4px;
	background-image: url(../layout/img/bg8.png);
	font-size: 11px;
}

.inp {
	background-image: url(../layout/img/inpb.gif);
	background-repeat: repeat-x;
	border: 1px solid #54a4d9;
	width: 350px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.rate {
	background-image: url(../layout/img/inpb.gif);
	background-repeat: repeat-x;
	border: 1px solid #54a4d9;
	width: 100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.inptxt {
	background-image: url(../layout/img/inpb.gif);
	background-repeat: repeat-x;
	border: 1px solid #54a4d9;
	width: 351px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.inps {
	background-image: url(../layout/img/inpb.gif);
	background-repeat: repeat-x;
	border: 1px solid #54a4d9;
	width: 160px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/*** center content boxes ***/
.orangespot {
	width: 650px;
	margin-left: auto;
  margin-right: auto;
	background-color: #ffecd9;
	border: 1px solid #ff7f00;
}
.orangespot-head {
	background-image: url(../layout/img/orangespot_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ff7f00;
	font-size: 10px;
	margin-bottom: 3px;
	border: 1px solid #FF7f00;
	width: 650px;
	margin-left: auto;
  margin-right: auto;
}

.bluespot {
	background-color: #F0F0FF;
	border: 1px solid #0274b6;
	width: 650px;
	margin-left: auto;
  margin-right: auto;
}
.bluespot-head {
	background-image: url(../layout/img/bluespot_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #316AC5;
	font-size: 10px;
	margin-bottom: 3px;
	border: 1px solid #0274b6;
	width: 650px;
	margin-left: auto;
  margin-right: auto;
}

.yellowspot {
	background-color: #FFFFD9;
	border: 1px solid #e9bc4a;
	width: 650px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
}

.yellowspot-pag {
	background-color: #FFFFA8;
	border: 1px solid #e9bc4a;
	width: 650px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
}

.yellowspot-head {
	background-image: url(../layout/img/yellowspot_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e9bc4a;
	font-size: 10px;
	margin-bottom: 3px;
	border: 1px solid #e9bc4a;
	width: 650px;
	margin-left: auto;
  margin-right: auto;
}

.yellowspot-head-s {
	background-image: url(../layout/img/yellowspot_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e9bc4a;
	font-size: 10px;
	margin-bottom: 3px;
	border: 1px solid #e9bc4a;
	width: 310px;
	margin-left: auto;
  margin-right: auto;
}

.yellowspot-s {
	background-color: #FFFFCC;
	border: 1px solid #e9bc4a;
	width: 310px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
}

.t100 {
	width: 650px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
}

.t50 {
	width: 310px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
	font-size: 11px;
}

.tool {
	background-color: #f5f5f5;
  border: 1px solid #d2d2d2;
  width: 650px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
	padding: 5px;
	font-size: 11px;
}

.box {
	width: 160px;
	padding: 10px;
	font-size: 11px;
	border: 1px solid #e9bc4a;
	background-color: #FFFFD2;
}

.blank {
	width: 600px;
	margin-left: auto;
  margin-right: auto;
}

.fifty {
	width: 50%;
}

/*** mouse over effect content boxes ***/
.hlt {
	background-color: #F4EB21;
	color: #000;
}

.divider {
  border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	margin: 8px;
}

/*** Diverse tekstformatering ***/
.h1new {clear:both; margin:0 0 0 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:bold; font-size:300%;}
.h3new {font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:130%;}


h1 {
	font-size:16px;
	margin:0 0 0 0;
	color:#FFFFFF;
}

.h1new {
  font-size:22px;
	margin:0 0 0 5px;
	color:#4f4f4f;
}

h2 {
  font-size:14px;
  margin:0 0 0 0;
  color:#4f4f4f;
  padding:0;
}

h3 {
  color:#4f4f4f;
  font-size:12px;
  margin:0px 0px 0px 0px;
}

h4 {
  color:#4f4f4f;
  font-size:10px;
  margin:0px 0px 0px 0px;
  font-weight:normal;
}

.head {
	font-weight:bold;
  color:#4f4f4f;
  font-size:12px;
  margin: 0px;
}
  
.txt {
  font-size:13px;
}

.leader {
  font-size:13px;
  color:#8f8f8f;
  font-weight:bold;
}

.small {
  font-size:9px;
  color:#9F9F9F;
}

.bread {
  font-size:9px;
  color:#9F9F9F;
}

.cont {
  font-size:13px;
  color:#4f4f4f;
}

.game {
	 padding: 5px 5px 5px 5px;
} 

.big {
	font-weight:bold;
  font-size:14px;
  color:#4f4f4f;
}

/* ----------img formatterng-------------- */
.imgs {
	float:left;
	position:relative;
	width: 75px;
}

img.download {
	vertical-align:middle;
}

img.centered {
	display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
}

.img100 {
	float:left;
	position:relative;
	width: 105px;
}

.img60 {
	float:left;
	position:relative;
	width: 65px;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	background-color: #0978b8;
	margin: 0px;
	padding: 0px;
	text-align: center; 
	color: #ffffff;
}


.alright-head {
	font-size:12px;
	font-weight:bold;
	float: right;
}

.alright {
	float: right;
}

.cent {
	display: block;
	margin-left: auto;
  margin-right: auto;
}

.mobimg {
	width: 650px;
	border: 1px solid #e9bc4a;
  padding: 5px;
  font-size: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFCC;
}

.mobimg img {
	border: 2px solid #e9bc4a;
}

.img-shadow {
  float:left;
  background: url(../layout/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../layout/img/shadow.gif) no-repeat bottom right;
  margin: 10px 5px 0 10px !important;
  margin: 10px 5px 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 2px;
  } 
	
.pagination{
width: 650px;
font-size: 12px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to “right” to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.alleft {
	float: left;
}

.spr1 {
   background: url(http://www.4-fun.biz/layout/img/sprite1.png) no-repeat top left;
}

.rat { height:14px; width:80px;}
.rating0  { background-position: 0 0; } 
.rating5  { background-position: 0 -15px; } 
.rating10 { background-position: 0 -30px; } 
.rating15 { background-position: 0 -45px; } 
.rating20 { background-position: 0 -60px; } 
.rating25 { background-position: 0 -75px; } 
.rating30 { background-position: 0 -90px; } 
.rating35 { background-position: 0 -105px; } 
.rating40 { background-position: 0 -120px; } 
.rating45 { background-position: 0 -135px; } 
.rating50 { background-position: 0 -150px; } 

.rss {
  height:24px; width:24px;
	background-position: -135px -19px;
}

.twitter {
  height:24px; width:24px;
	background-position: -82px -19px;
}

.facebook {
  height:24px; width:24px;
	background-position: -108px -19px;
}

.igoogle {
  height:24px; width:24px;
	background-position: -163px -19px;
}

.rate-ico {
  height:15px; width:14px;
	background-position: -165px -45px;
}

.facebook-small {
  height:16px; width:16px;
	background-position: -144px -44px;
}

.google-small {
  height:16px; width:16px;
	background-position: -103px -85px;
}

.twitter-small {
  height:16px; width:16px;
	background-position: -83px -85px;
}

.yahoo-small {
  height:16px; width:16px;
	background-position: -123px -85px;
}

.delicious-small {
  height:16px; width:16px;
	background-position: -123px -65px;
}

.digg-small {
  height:16px; width:16px;
	background-position: -144px -65px;
}

.sn-small {
  height:16px; width:16px;
	background-position: -165px -65px;
}

.yahoo-small {
  height:16px; width:16px;
	background-position: -123px -85px;
}

.tip-ven {
  height:16px; width:16px;
	background-position: -121px -44px;
}

.error {
  height:15px; width:15px;
	background-position: -83px -46px;
}

.displayed {
  height:15px; width:14px;
	background-position: -102px -46px;
}

.speaker {
  height:16px; width:16px;
	background-position: -82px -65px;
}

.web {
  height:16px; width:16px;
	background-position: -103px -65px;
}

.dot {
  height:16px; width:16px;
	background-position: -144px -87px;
}

.middle {
	vertical-align: middle; 
}