HTML {
    background-image:url('/images/main/bg.gif');
    background-position: left top;
    background-repeat:repeat-y;
    background-color:#F9BC01;
    * background-color:#F9BC01;
}

BODY {
    margin: 0px;
    padding: 0px;
    background-image:url('/images/main/bg_total_new.gif');
    background-position: top;
    background-repeat:repeat-x;

}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
height: 100%;
}
html, body, #holder { min-height: 100%; width: 100%;

} /* Non IE */
html> /* IE */
body, html> /* IE */

body { /* Niet aanpassen */
    /*text-align:center;*/ /* IE */
    margin: 0;
    padding:0;
}
#holder { /* Niet aanpassen */
    position: absolute;
    top: 0;
    left: 0;
}
#header {
    text-align:left;
    margin: 0;
    height: 1px;
    border: none;
    width: 762px;
    padding:0px;
}
#footer {
    clear: both;
    text-align:left;
	vertical-align: top;
    height: 30px;;
    bottom: 0;
    left: 0%;
    margin-left: 0px; /* helft van de breedte */
    background-image:url('/images/main/footer_new.gif');
    background-repeat:no-repeat;
    border: none;
    width: 100%;
}
#content_holder { /* De holder moet net zo breed zijn als de 3 kolommen bij elkaar,
    hou daarbij rekening met eventuele borders. Dit is vooral voor IE */
    margin: 0;
    width: 762px;
}
#left {  /* Float left is belangrijk */
    width: 242px;
    float: left;
    padding-bottom: 3em;
    height: auto;
    background-image:url('/images/main/sfeerbeeld.jpg');
    background-repeat:no-repeat;
    background-color: #83A7D2;
    border-bottom: 1px solid #ffffff;
    height:613px;

}
#content { /* Float left is belangrijk */
	vertical-align: top;
    position: relative;
    z-index: 0;
    text-align: justify;
    margin-left: 00px;
    float: left;
    padding-bottom: 35px; /* Hoogte van de padding moet gelijk zijn aan de hoogte van de footer */
    margin-bottom: 0;
    height: auto;
    width:518px;
    background-image:url(/images/main/header_right.gif);
    background-repeat: no-repeat;

}


/* aleen wat opmaak, straks in common styles style.css plaatsen */
BODY, TD, P {
    color: #00376F;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
    font-size: 12px;
}

#mijn_unieke_bod {
    font-size: 12pt;
    font-weight:bold;
}
#uniek_bod {
    width: 50px;
}

H1 {
    font-size: 10pt;
}
H2 {
    font-size: 11pt;
}
H2 {
    font-size: 11pt;
}
H3 {
	text-decoration: underline;
    font-size: 10pt;
}
H4 {
    font-size: 10pt;
}
a {
    color: #ffffff;
    text-decoration:none;
}
a:hover {
    color: #000000;
}
.linksonder a {
color: #ffffff;
}
.linksonder a:hover {
color: #F9BC01;
}
#nav p {
margin-left: 17px;
margin-right:10px;
}
#nav ul {margin-left: 0; padding-left: 0;}
#nav li {margin: 0 1em 0 2em;}


.titelbalk {
    padding-left:17px;
    font-size: 16px;
    font-weight:bold;
    font-variant:small-caps;

}
.nieuwsticker {
    height:43px;
    color:#00376F;
    padding-left:17px;
    padding-right:10px;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
    font-weight:bold;
}
.nieuwsticker a {
    color:#070357;
}
.maintext {
    width:500px;
    padding-left:17px;

}
#footer, #footer TD {
    color: #00376F;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
    font-size: 11px;
    font-weight:bold;
}

/* MENU styles */

#menu {
    font-size:11px;
	text-decoration: none;
    height:35px;
    min-height:35px;
    width:520px;
    text-align:right;
	vertical-align: middle;
}
#menu a {
	text-decoration: none;
    width:80px;
    height:30px;
    min-height:30px;
	vertical-align: middle;
    display:inline;
}
#menu ul,
#menu li {
    display: inline;
	padding:0;
	margin:0;
    min-height:30px;
    height:30px;
}
#menu ul {
	list-style: none;
	padding:0;
	width:520px;
}

#menu li {
	list-style-type: none;
	text-indent:0px;
    border-left: 1px solid #ffffff;
    height:30px;
    min-height: 30px;
}

#menu li.hoofd {  /* menu hoofdniveau, evt. achtergrond hier plaatsen */
    width:100px;
*	width:80px;
    border-left: 1px solid #ffffff;
	padding-left:10px;
    padding-right:10px;
    height:30px;
    text-align:center;
    min-height:30px;
    margin:0px;
}

#menu li.hoofd_hover { /* menu hoofdniveau hover, evt. achtergrond hier plaatsen */
    border-left: 1px solid #ffffff;
	padding-left:10px;
    padding-right:10px;
    width:100px;
*	width:80px;
}

#menu ul li.hoofd a,
#menu ul li.hoofd a:link,
#menu ul li.hoofd a:active,
#menu ul li.hoofd a:hover {

	color:#00376F;
	font-weight: bold;
}

#menu ul li.hoofd_hover a,
#menu ul li.hoofd_hover a:link,
#menu ul li.hoofd_hover a:active,
#menu ul li.hoofd_hover a:hover {
	color: #ffffff;
	font-weight: bold;
}

#menu ul li.actief {
	border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
	padding-left:10px;
    padding-right:10px;
    width:100px;
*	width:80px;
}

#menu ul li.actief a,
#menu ul li.actief a:link,
#menu ul li.actief a:hover,
#menu ul li.actief a:active,
#menu ul li.hoofd a:hover {
	color: #ffffff;
	font-weight: bold;
}
.button {
    border: 1px solid #FEEBB1;
    background-color: #FBD050;
    color: #000000;
    font-weight: bold;
    font-size: 10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
	cursor: inherit;
}

.form_text {
    border-left: 1px solid #FEEBB1;
    border-top: 1px solid #FEEBB1;
    border-bottom: 1px solid #FEEBB1;
    padding:5px;
    font-weight:bold;
}
.form_text2 {
    padding:5px;
    font-weight:bold;
}
.form_box {
    border-right: 1px solid #FEEBB1;
    border-top: 1px solid #FEEBB1;
    border-bottom: 1px solid #FEEBB1;
    width:200px;
}
.form_spacer {
    height:2px;
}

marquee {
	-moz-binding:	url("/common/js/marquee-binding.xml#marquee");	/* needed */
	display:		block;		/* needed */
	overflow:		hidden;		/* needed */
	height:			15px;		/* needs to be a value. auto does not render correctly */

	/*position:		relative;	/* not needed but there might be rendering errors in some weird cases */
}

/* Voor de mouse-over div voor een actie */

.fontClass { }
.capfontClass { color: #ffffff; }
.capfontClass A {color: #ffffff; font-size: 9px;}
.closefontClass { font-size: 9px; }
.fgClass {color: #ffffff; background-color: #FFECB2;}
.bgClass {background-color: #0C2C62; -moz-opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.aftel_1 { color: #F7BA00; font-size:14px; font-weight:bold;width:90px;}
.aftel_0 { color: #F7BA00; font-size:11px; font-weight:bold;}
.balk {    background-color: #082863; width:100%}
.spelregels { border-left: 1px solid #F7BA00;font-size:11px;width:100px; color:white; font-weight:bold;}
.voorwaarden { border-left: 1px solid #F7BA00;font-size:11px;width:100px; color:white; font-weight:bold;}
.spelregels a, .voorwaarden a { font-weight:bold; color:#ffffff;}
.spelregels a:hover, .voorwaarden a:hover { font-weight:bold; color:#F7BA00;}

#tekst, #tekst p {
   color:#ffffff;
   font-size: 0.95em;
}
#tekst H2 {
   font-size: 1.2em;
   margin: 0 0 0 0;
}
#tekst P {
   margin:0;
}
#tekst {
   padding-top: 361pt;
   padding-left: 28pt;
}