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

BODY {
    margin: 0px;
    padding: 0px;
    background-image:url('/images/main/bg_total_new_intro.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:right;
	vertical-align: top;
    height: 30px;;
    position: absolute;
    bottom: 0;
    left: 0%;
    margin-left: 0px; /* helft van de breedte */
    border: none;
    width: 762px;
}
#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: 1017px;
}
#left {  /* Float left is belangrijk */
    width: 242px;
    float: left;
    padding-bottom: 3em;
    height: auto;
    background-image:url('/images/main/sfeerbeeld_2.jpg');
    background-repeat:no-repeat;
    background-color: #83A7D2;
    border-bottom: 2px solid #ffffff;
    height: 575px;
 *   height:538px;

}
#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:525px;
    background-image:url(/images/main/header_right.gif);
	background-repeat: no-repeat;

}


/* aleen wat opmaak, niet echt belangrijk */
BODY, TD, P {
    color: #00376F;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
    font-size: 12px;
}

H1 {
    font-size: 12pt;
}
H2 {
    font-size: 11pt;
}
H2 {
    font-size: 11pt;
}
H3 {
	text-decoration: underline;
    font-size: 11pt;
}
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:29px;
 *   height:26px;
    color:#00376F;
    padding-left:17px;
    padding-right:10px;
	font-family: 'Arial', 'Helvetica', 'sans-serif';
    font-weight:bold;
}
.nieuwsticker a {
    color:#070357;
}
.maintext {
    padding-left:2px;
    padding-right:0px;
	text-align: left;
}
#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_box {
    border-right: 1px solid #FEEBB1;
    border-top: 1px solid #FEEBB1;
    border-bottom: 1px solid #FEEBB1;
    width:200px;
}
.form_spacer {
    height:2px;
}