/****************************************
Uitgeverij 2F Reset CSS
Version 1.0

Copyright (c) MediaJuice - MediaJuice.nl
All Rights Reserved

Enjoy!
****************************************/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
td { vertical-align: top; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body { background: url('images/header_top_line.png') repeat-x #dce1e4; margin-top: 8px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

#wrapper { width: 750px; margin: 0 auto; }

#header_logo { float: left; background: url('images/header_logo.jpg') no-repeat; width: 494px; height: 175px; margin: 0 0 0 -198px; }
#header_logo h1 { margin-left: -9999px; z-index: 1; }
#header_menu { float: right; margin: 60px -16px 0 0; }
#header_menu li { float: left; }

#banner_wrapper { height: 207px; background: url('images/banner_bkgnd.png') repeat-x; font-size: 12px; color: #fff; text-shadow: #25262a 1px 1px 1px; }
#banner_text_wrapper { width: 183px; float: left; padding: 20px; }
#banner_text_top { height: 133px; overflow: hidden; text-align: justify; }
#banner_text_top p { line-height: 15px; }
#banner_text_bottom { margin-top: 12px; }
#banner_img { width: 527px; float: right; background: url('images/img.jpg'); height: 207px; }

#content_left { float: left; width: 500px; }
#content_right { float: right; width: 220px; }
#content_right p { line-height: 17px; color: #0e0e0e; padding-bottom: 10px; text-align: justify; }

.content_body p { line-height: 17px; color: #0e0e0e; padding-bottom: 10px; text-align: justify; }

#footer_wrapper { background: url('images/footer_bkgnd.png') repeat-x; font-size: 11px; width: 100%; height: 102px; bottom: 0px; margin-top: 25px; color: #fff; text-shadow: #000 1px 1px 1px; }
#footer { width: 750px; margin: 0 auto; padding-top: 20px; }
#footer_wrapper a { color: #fff; margin-left: 15px; }
#footer_wrapper li { float: left; }
.footer_span { text-shadow: #fff 1px 1px 1px; color: #494d56; font-weight: bold; font-size: 11px; }
a { color: #0066CC; }

.content_title h3 { float: left; padding-top: 5px; }
.content_body { margin-top: 15px; }

a.btn_off { cursor: pointer; background: transparent url('images/btn_off_right.png') no-repeat scroll top right; color: #3f3f3f; display: block; float: left; height: 25px; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; text-shadow: #fff 1px 1px 1px; margin-right: 16px; padding-right: 6px; text-decoration: none; }
a.btn_off span { cursor: pointer; background: transparent url('images/btn_off_left.png') no-repeat; display: block; line-height: 14px; height: 25px; padding: 6px 10px 5px 17px; }
a.btn_off:hover { cursor: pointer; background: transparent url('images/btn_off_right_hover.png') no-repeat scroll top right; }
a.btn_off:hover span { cursor: pointer; background: transparent url('images/btn_off_left_hover.png') no-repeat; }
a.btn_off:active { cursor: pointer; background: transparent url('images/btn_on_right.png') no-repeat scroll top right; color: #fff; text-shadow: #000 1px 1px 1px; }
a.btn_off:active span { cursor: pointer; background: transparent url('images/btn_on_left.png') no-repeat; }
a.btn_on { cursor: pointer; background: transparent url('images/btn_on_right.png') no-repeat scroll top right; color: #fff; display: block; float: left; height: 25px; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; text-shadow: #000 1px 1px 1px; margin-right: 16px; padding-right: 7px; text-decoration: none; }
a.btn_on span { cursor: pointer; background: transparent url('images/btn_on_left.png') no-repeat; display: block; line-height: 14px; height: 25px; padding: 6px 10px 5px 17px; }

h3 { color: #494d56; text-shadow: #fff 1px 1px 1px; font-size: 16px; font-weight: bold; }
h3 a { color: #494d56; text-decoration: none; }
h3 a:hover { color: #656a75; }
hr { border: 0; background: url('images/hr.png'); height: 2px; margin: 25px 0; }

#nav a { cursor: pointer; background: transparent url('images/btn_off_right.png') no-repeat scroll top right; color: #3f3f3f; display: block; float: left; height: 25px; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; text-shadow: #fff 1px 1px 1px; margin-right: 16px; padding-right: 6px; text-decoration: none; }
#nav a span { cursor: pointer; background: transparent url('images/btn_off_left.png') no-repeat; display: block; line-height: 14px; height: 25px; padding: 6px 10px 5px 17px; }
#nav a:hover { cursor: pointer; background: transparent url('images/btn_off_right_hover.png') no-repeat scroll top right; }
#nav a:hover span { cursor: pointer; background: transparent url('images/btn_off_left_hover.png') no-repeat; }
#nav a:active { cursor: pointer; background: transparent url('images/btn_on_right.png') no-repeat scroll top right; color: #fff; text-shadow: #000 1px 1px 1px; }
#nav a:active span { cursor: pointer; background: transparent url('images/btn_on_left.png') no-repeat; }