/* general defines */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-size: 100%;  */
	vertical-align: baseline;
/*	background: transparent; */
}

/* body {
	line-height: 1;
} */

html, body {
height: 100%;
width: 100%;
}

body {
color:white;
font: normal normal normal 12px verdana;
/*background: #022026;
background: #313f25;*/
background: #212f15;
/*overflow-y: scroll;*/
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
clear:both;
height: 1%;
visibility:hidden;
}

#main_content a, #content_right_column a {
color:#9fee0d;
text-decoration:none;
border-bottom: 1px dotted #9fee0d;
}
#main_content a:hover, #content_right_column a:hover {
border-bottom: 1px solid #9fee0d;
}

/* general page blocks (header, banner, content+side column) */

#header {
/*background: #022026;*/
height: 87px;
margin:0 auto;
}

#header_content {
width: 960px;
margin: 0 auto;
}

#banner {
/*height: 130px;*/
width: 100%;
height: 123px; overflow: hidden;
/*background: #313F25;
background: #96d521 url(../img/banner_repeatbg.png) 50% 0 repeat-x;
border-top: 1px solid #286571;
border-bottom: 1px solid #286571;*/
border-top: 1px solid #99cc00;
border-bottom: 1px solid #9c0;
margin: auto;
}

#banner div {
margin: 0 auto 0 auto;
margin-bottom: 0;
}

#banner_subpage {
height: 1px;
background: #024653;
background: #286571;
}
#content_container {
width: 960px;
position:relative;
margin: 0 auto;
}

#main_content {
position:relative;
float:left;
width: 548px;
padding: 35px 0 0 0;
}

#content_right_column {
position:relative;
float:right;
width:408px;
padding: 35px 0 0 0;
}

/* blocks within the general page blocks */

#header #logo {
position: relative;
display:block;
float:left;
padding: 30px 0 0 0;
/*border: 1px solid red;*/
}

#banner div {
/*height: 130px;*/
width: 1000px;
margin: 0 auto;
position:relative;
font-size: 18px;
color: #86cee8;
color: #022026;
letter-spacing: 1px;
text-align: left;
/*background: #96d521 url(../img/banner_home.png) 50% 0 no-repeat;
line-height: 130px;*/
}

#banner div strong {
margin-left: 10px;
}

#main_content h1 {
padding:0 0 5px 0;
margin:0 50px 0 0;
color: #ecf5f7;
line-height: 1.4;
/*font-size: 16px;*/
font-size: 18px;
font-family: cambria;
font-weight: normal;
border-bottom: 1px solid #385a61;
letter-spacing: 1.4px;
}

#main_content p {
padding: 10px 50px 0 0; 
color: #c6edf4;
color: #def4f8;
line-height: 1.8;
}

#main_content ol {
padding: 10px 50px 0 30px;
color: #def4f8;
line-height: 1.8;
list-style-type: decimal;
}

.right_column_box {
/*border-top: 1px solid #1a3b42;*/
padding: 5px 0 30px 0;
position:relative;
float:left;
}

.right_column_box p {
line-height: 18px;
font-size: 12px;
line-height: 1.8;
}

.rightbox_image {
position:relative;
float:left;
padding: 8px 14px 0 3px;
}

.rightbox_content {
position:relative;
float:right;
width: 400px;
padding: 10px 5px 0 0;
line-height: 16px;
color: #cfe7f3;
}

.rightbox_content h2 {
padding: 0 0 5px 0;
color:#ecf5f7;
letter-spacing: 1.4px;
}

#content_right_column h2 {
padding: 0 0 5px 0;
color:#ecf5f7;
font-size: 18px;
line-height: 1.4;
font-family: cambria;
font-weight: normal;
margin:0;
border-bottom: 1px solid #1a3b42;
border-bottom: 1px solid #385a61;
letter-spacing: 1.4px;
}

.rightbox_content ol {
list-style-type: decimal;
padding: 0 0 0 23px;
line-height: 1.6;
color: #cfe7f3;
font-size: 12px;
}

/* main navigation stuff (main_navigation) */
ul#main_navigation {
position:relative;
float:right;
height: 87px;
list-style-type: none;
}

#main_navigation li{
position:relative;
float: left;
padding: 0 10px;
}

#main_navigation a {
/* display:block; */
height:85px;
border-bottom:2px solid #022026;
text-decoration:none;
color:#c0d7db;
line-height:87px;
}

#main_navigation a:hover {
color:#fff;
}
#main_navigation .active a {
color: #a6ff00;
}

/*banner navigations */
#banner div ul {
list-style-type: none;
padding: 10px 0 0 0;
}

#banner div ul li {
position: relative;
float:left;
padding: 0 10px 0 0;
}

#banner div ul li a, #banner div ul li a:hover {
font-size: 10px;
white-space: nowrap;
display:block;
line-height: 18px;
border: 1px solid #286571;
background: #024653;
color: #c0d7db;
padding: 2px 8px;
text-decoration:none;
font-family:verdana;
letter-spacing: 0px;
}

#banner div ul li a:hover {
background: #033c47;
color: #c0d7db;
border: 1px solid #286571;
}

/* formulier styling */
#main_content form {
padding-top: 15px;
}

form label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
text-align: right;
padding: 0 15px 0 0;
color: #def4f8;
font-size: 11px;
}

form label {
  width: 105px;
}

form input.input_text {
	width: 280px;
	margin: 0 0 30px 0;
}

form input.form-error {
	margin:0;
}

form input.lastonform {
	margin:0;
}

#content_right_column input, #content_right_column textarea {
	margin:0;
}

#main_content p.error {
color: #9fee0d;
padding:15px 50px 0 120px;
font-size: 10px;
background: url(../img/form_star.gif) 80px 20px no-repeat;
line-height: 14px;
/*border: 1px solid red;*/
margin:0;
}

#main_content .error-message {
color: #9fee0d;
font-size: 10px;
padding: 0 0 18px 120px;
}

.submit {
padding: 0 0 0 120px;
}

.right_column_box label, .right_column_box form div.input, .right_column_box .submit {
padding:0;margin:0;
}

.right_column_box label {
width: 150px;
display:block;
text-align: left;
padding: 3px 0 0 0;
}

/*    jbm     */
img.rightside {
 margin: 20px;
 float: right;
}