* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	background-color: #B3C5D9;
	background-image: url(design/Back_main.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url(design/Container.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -20px; /* the bottom margin is the negative value of the footer's height */
	margin-left: auto;
}
#top {
	background-image: url(design/Top_image.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 276px;
	width: 700px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EE7F13;
}
#bttop {
	background-image: url(design/Top_bt_image.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 276px;
	width: 700px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EE7F13;
}
/* NAVIGATION */
#navigation {
	position: relative;
	margin: 0px;
	width: 700px;
	top: 191px;
	text-align: center;
	padding: 0px;
	height: 30px;
}
#navigation ul {
	list-style-type:none;
	height: 30px;
	margin: 0px;
	padding: 0px;
	}
#navigation li {
	padding:0;
	float:left;
	}

#navigation li a {
	display:block;
	color:#000;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	height: 22px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
#navigation li a:hover {
	color: #FFF;
	background-image: url(design/Button_hover.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
/* FOOTER STYLES */
/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
#push {
	height: 20px;
}

#footer {
	/*position:absolute;*/
	bottom:0;
	height:20px;
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3C5D9;
	vertical-align: middle;
	background-color: #E3EBF5;
	padding-top: 3px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
}
#footer a {
	text-decoration:none;
	color:#333;
	}
#footer a:hover {
	text-decoration:none;
	color:#003;
	}
#tcntag {
	float: right;
}

/* CONTENT STYLES */

.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a {
	color:#F60	
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #33394D;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	height: 100%;
}
#content p {
	margin-bottom: 10px;
}
#callbutton {
	position: relative;
	top: 100px;
	height: 55px;
	width: 170px;
	left: 45px;
	}
.bluebox {
	color: #000;
	border: 1px solid #B3C5D9;
	background-image: url(design/Back_textbox.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #E4EDF6;
}
.bluebox h3 {
	font-size: 12px;
	color: #33394D;
}
.bluebox li {
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5C5D9;
}
.bluebox li a {
	font-family: Verdana, Geneva, sans-serif;
	color: #33394D;
	text-decoration: none;
	display: block;
	height: 15px;
	padding-left: 20px;
	background-color: #E5EDF6;
	color: #33394D;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}
.bluebox li a:hover {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 15px;
	padding-left: 20px;
	background-color: #C63;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(design/Button_hover.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.imgline {
	border: 1px solid #33394D;
	margin: 5px;
}
.imgleft {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}
.imgright {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
	left: auto;
	right: 0px;
	top: 0px;
	float: right;
	border: 1px solid #33394D;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
	display: block;
	float: left;
	font: normal 11px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 18px; /* Height of button background height */
	padding-left: 4px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(design/square-gray-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #000; /*button text color*/
}

a.squarebutton span{
	background: transparent url('design/square-gray-right.gif') no-repeat top right;
	display: block;
	padding: 2px 9px 1px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.newstext {
	height: 60px;
	margin-left: 75px;
}
td {
	padding: 20px;
	vertical-align: top;
}
.gerecht {
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #33394D;
	line-height: 17px;
	margin-bottom: 10px;
}
.gerecht i {
	color: #FF4900;
}
.gerecht em {
	color: #FF4900;
}

/* FORM css */
.cssform p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 70px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
float: left;
margin-left: -70px; /*width of left column*/
width: 60px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 150px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}