* {
    margin:  0px;
    padding: 0px;
    border:  0px;
}
body {
    text-align: center;
    background-color: #fff;
}
body.popup {
    text-align: left;
    background-image: url('../img/headpop.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}
body.login {
    text-align: left;
}
body,input,select,textarea,td,a {
    font: 11px Tahoma, Arial, Verdana;
    color: #4D5B7B;
}
input.inp,input.sub,select,textarea,input.ordNum {
    border: 1px solid #095BA6;
}
input.inp,textarea {
    width: 250px;
}
textarea {
    height: 80px;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/**
 * Website position  AND left floaters
 */
.relwrap {
    width: 950px;
    position: relative;
    margin: 0px auto auto auto;
}
.wrap,.head,.foot,.playfield,.playfield_cms,.navbox,.nav {
	float: left;
}
.wrap {
    text-align: left;
}

/**
 * Header
 */
.head {
    width: 950px;
    height: 125px;
    background-image: url('../img/head.jpg');
    background-position: top left;
    background-repeat: no-repeat;
}
.headbgc {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 125px;
    background: url('../img/bgc.gif') top left repeat-x #fff;
}
.head ul,.head ul li {
	float: left;
	list-style: none;
}
.head ul.menu {
	width: 240px;
}
.head ul.menu li,.head ul.menu li a {
	color: #fff;
	line-height: 50px;
}
.head ul.menu li.h {
	padding-right: 10px;
}
.head ul.menu li a {
    padding: 0px 0px 0px 12px;
}
.head ul.menu li.h a {
	padding: 0px 0px 0px 12px;
	font-weight: bold;
    background-image: url('../img/arr_w_l.gif');
    background-position: center left;
    background-repeat: no-repeat;
}
.head ul.menu li.c a {
	padding: 0px 12px 0px 0px;
    background-image: url('../img/arr_w_r.gif');
    background-position: center right;
    background-repeat: no-repeat;
}
.head .datum {
	float: left;
	padding: 20px 0px 10px 580px;
	text-align: right;
	font-variant: small-caps;
}
.head ul.logo {
	padding: 0px 0px 10px 800px;
	width: 100px;
}
.head {
	margin-bottom: 0px;
}
.head ul.menu, .head .datum, .head ul.logo {
	
}
.high {
	font-weight: bold;
}
/**
 * PAGE
 */ 
.navbox {
	width: 161px;
}
.playfield,.playfield_cms {
    width: 789px;
    padding-top: 10px;
}
.playfield {    
    background-image: url('../img/bgc.jpg');
    background-position: right top;
    background-repeat: no-repeat;
}
.playfield_cms {
	height: 380px;
}
/**
 * Main navigation
 */
.navul {
    background-image: url('../img/nav_top.gif');
    background-position: left top;
    background-repeat: repeat-y;
    padding: 10px 0px 0px 0px;
}
.navbox ul.nav {
	width: 161px;
    background-image: url('../img/nav_mid.gif');
    background-position: left top;
    background-repeat: repeat-y;
}
.navbox ul.nav li {
	list-style: none;
    background-image: url('../img/arr_g_r.gif');
    background-position: 10px 8px;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 25px;
    border-bottom: 1px dashed #8891A7;
}
.navbox ul.nav li ul li {
    border-bottom: 0px;
}
.navfoot {
	float: left;
	width: 161px;
	height: 40px;
    background-image: url('../img/nav_foot.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

/**
 * Homepage
 */ 
.h1,.h2,.h3,.h4 {
	float: left;
}
.h1 {
	width: 465px;
}
.h4 {
	width: 629px;
}
.h2 {
	width: 154px;
}
.h3 {
	width: 150px;
}
.h1,.h2,.h4 {
	margin-right: 10px;
}
.h4 ul.rubriek {
	margin-left: 24px;
}
.h4 ul.rubriek li {
	list-style: none;
	padding: 5px 0px 5px 0px;
}
.h4 ul.rubriek li a {
	color: #4D5B7B;
	font-weight: bold;
}
.h4 ul.rubriek li span.rbLow {
	color: #C3CEDD;
}
.h4 .back {
	margin: 10px 10px 0px 24px;
	border-top: 1px solid #C3CEDD;
}
.h4 .back div {
	padding: 5px 0px 0px 10px;
}
.h4 .back a {
    background-image: url('../img/arr_g_r.gif');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0px 10px 0px 0px;
}
.h3 .readon {
	color: #D0D3DE;
	font-variant: small-caps;
    background-image: url('../img/arr_g_r.gif');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0px 10px 0px 0px;
}
ul.news {
    background-image: url('../img/box_top.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding: 10px 0px 0px 0px;
}
ul.news li, .h3 ul.rubriek li {
	list-style: none;
    background-image: url('../img/box_mid.gif');
    background-position: left top;
    background-repeat: repeat-y;
}
ul.news li hr, .h3 ul.rubriek li hr {
	height: 1px;
	color: #C3CEDD;
    background-color: #C3CEDD;
}
.h3 ul.rubriek li {
    padding: 10px 10px 5px 10px;
}
ul.news li {
    padding: 0px 10px 0px 10px;
}
ul.opt {
    background-image: url('../img/opt_top.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding: 78px 0px 0px 0px;
}
ul.opt li {
	list-style: none;
	color: #1E487A;
	line-height: 14px;
    background-image: url('../img/opt_mid.gif');
    background-position: left top;
    background-repeat: repeat-y;
    padding: 10px 10px 10px 10px;
}
.opt input {
	background-color: #60BEFA;
	border: 1px solid #3C9EE0;
}
.optfoot {
	height: 35px;
	width: 152px;
	padding-top: 3px;
    background-image: url('../img/opt_foot.gif');
    background-position: left top;
    background-repeat: no-repeat;
}
.optfoot a {
	padding: 0px 0px 0px 10px;
}
/**
 * Footer
 */
.foot,.foot .logo,.copy {
    width: 950px;
}
.foot {
	margin-top: 10px;
}
.foot,.foot a {
	color: #818181;
}
.foot ul,.foot ul li {
	list-style: none;
	float: left;
}
ul.logo li {
	width: 130px;
	height: 65px;
	text-align: center;
	font-size: 36px;
}
.foot ul.logo li {
	margin-right: 6px;
    background: url('../img/bgc_lg.gif') top left no-repeat #fff;
}
ul.logo li img {
    vertical-align: middle;
}
ul.logo li.l {
	margin-right: 0px;
}
ul.copy li {
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
    background: url('../img/foot_li.gif') center right no-repeat #fff;
}
ul.copy li.f {
	padding-left: 0px;
}
ul.copy li.l,ul.copy li.fw {
	background: #fff;
}
ul.copy li.fw {
	padding-left: 230px;
}
/*
 * Inloggen
 */
.tq {
    padding-right: 10px;
}
.ts {
    text-align: right;
}
/**
 * FS wrapper and title
 */
.txtTitle {
    margin: 0px 20px 0px 24px;
}
.txt {
    padding: 0px 20px 0px 24px;
}

/**
 * Signup form
 */
.tblQuest {
	vertical-align: top;
	padding-right: 10px;
}
.tblInput input {
	border: 1px solid #4d5b7b;
	width: 250px;
}
.tblErr {
	padding-left: 10px;
	color: #c20d44;
	font-weight: bold;
}
.tblSubmit {
	text-align: right;
}
.tblSubmit input {
	border: 1px solid #4d5b7b;
}
/**
 * None sIFR styles
 */
h1 {
    color: #D0D3DE;
    font: 36px 'Trebuchet MS', Arial, Verdana;
}
h2, h2 a {
    color: #413C7A;
}
h3, h3 a {
    color: #404040;
}
h2, h2 a,h3, h3 a {
    font-weight: normal;
    font-size: 24px;
    font-family: 'Trebuchet MS', Arial, Verdana;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1,.sIFR-hasFlash h2,.sIFR-hasFlash h3 {
    visibility: hidden;
    padding: 0px;
}
.sIFR-hasFlash h2,.sIFR-hasFlash h3 {
    letter-spacing: -1px;
}
.sIFR-hasFlash h1 {
    letter-spacing: -2.8px;
}