html
{
    min-height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 11px;
	color: black;
    height: 100%;
	background: #080008 url('../images/backgroundRepeat.gif') repeat-y center;
}

img
{
	border: 0;
}

p{
    margin-top: 0;
}
/*link*/
a, a:hover
{
	color: blue;
	text-decoration: underline;
    outline: none;
}

#footer a
{
	color: white;
	text-decoration: none;	
}

#footer a:hover, #footer a.active
{
	background-color: #002559;	
}

#submenu li a, #nieuwsList li a, #mediaMenu li a
{
	color: white;
	font-weight: bold;
	text-decoration: none;
    display: block;
}

#submenu li a:hover, #submenu li a.active, #nieuwsList li a:hover, #nieuwsList li a.active, #mediaMenu li a:hover, #mediaMenu li a.active
{
	background-color: #002559;
}
/*end link*/

/*containers*/
#mainContainer
{
	width: 800px;
	padding: 0;
	margin: auto;
}

#container
{
	float: left;
	width: 800px;
	padding: 0;
	margin: 0;

}
/*end containers*/

/*header*/
#header
{
	float: left;
	width: 298px;
	height: 86px;
	padding: 7px 475px 37px 27px;
	margin: 0;
    background: url('../images/header_v1.jpg');
}
/*end header*/

/*menu*/
#menu
{
	float: left;
	width: 800px;
	height: 28px;
	padding: 0;
	margin: 0;	
    text-align: center;
}

#menu ul
{
    float: left;
	width: 800px;
    height: 28px;
	padding: 0;
	margin: 0;	
	list-style-type: none;
	background: url('../images/blokje_kleur.gif') repeat-x;
}

#menu ul li
{
    display: inline-block;
	height: 28px;
	padding: 0 11px 0 11px;
	margin: 0;
	background: url('../images/borderMenu.gif') right no-repeat;
}
/*end menu*/

/*content*/
#contentContainer
{
	float: left;
	width: 800px;
	padding: 0;
	margin: 0;		
}

#content
{
    float: left;
    width: 578px;
    padding: 20px 120px 20px 17px;
    margin: 0 85px;
    overflow: auto;
	letter-spacing: 0.8pt;
	line-height: 20px;
    overflow-x: hidden;
    background: url('../images/backgroundOverOnsRep.png') left repeat-y;
}

#contentLeft
{
	float: left;
	width: 173px;
	padding: 0;
	margin: 0;
}

#location
{
	float: left;
	width: 148px;
	height: 55px;
	padding: 12px 0px 12px 5px;
	margin: 0;
	list-style-type: none;
}

#location ul
{
    padding: 0;
    margin: 0;
    float: left;
}

#location li
{
	float: left;
	width: 143px;
	height: 55px;
	padding: 0;
	margin: 0 0 4px 0;
	list-style-type: none;
}

.locationPicture
{
	float: left;
	width: 55px;
	height: 55px;
	padding: 0;
	margin: 0 4px 0 0;
}

.locationText
{
	float: left;
	width: 80px;
	height: 50px;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 9px;
}

#submenu, #nieuwsList, #mediaMenu
{
	float: left;
	width: 160px;
	height: 55px;
	padding: 11px 5px 12px 8px;
	margin: 0;
	list-style-type: none;	
}

#submenu li, #mediaMenu li
{
	float: left;
	width: 160px;
	padding: 0;
	margin: 0;
	line-height: 20px;
	list-style-type: none;
	letter-spacing: 0.8pt;
}

#nieuwslist li
{
	float: left;
	width: 153px;
	padding: 0;
	margin: 0;
	line-height: 16px;
	list-style-type: none;
	letter-spacing: 0.8pt;
}

#contentRight
{
	float: left;
	width: 587px;
	padding: 11px 20px 15px 20px;
    height: 600px;
    overflow: auto;
	margin: 0;
	letter-spacing: 0.8pt;
	line-height: 20px;
    overflow-x: hidden;
}

#contentRight ul
{
	padding: 0;
	margin: 0 0 0 15px;
}

#locationList
{
	float: left;
	width: 587px;
	padding: 0;
	margin: 0 0 0 5px;
	list-style-type: none;
}

#locationList li
{
	float: left;
	width: 587px;
	padding: 0;
	margin: 0 0 45px 0;
}

.gerechtLeft{
    float: left;
    width: 305px;
    padding: 0;
    margin: 0;
}

.gerechtRight{
    float: left;
    width: 248px;
    min-height: 50px;
    padding: 0;
    margin: 0 0 0 10px;
}

.gerechtRight ul{
    float: left;
    width: 248px;
    padding: 0;
    margin:0;
    list-style-type: none;
}

.gerechtRight ul li{
    float: left;
    width: 248px;
    padding: 0;
    margin:0 0 10px 0;
}

#contact
{
	float: left;
    padding: 0;
	margin: 0;
	vertical-align: top;
	color: white;
}

#contact td
{
	vertical-align: top;
}

#contactForm
{
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#mainListContact{
    float: left;
   	width: 587px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#mainListContact li{
    float: left;
   	width: 587px;
    padding: 0;
    margin: 0;
}

.mainBox{
    float: left;
   	width: 587px;
    padding: 0;
    margin: 0;
}

.mainTitleBox {
    float: left;
   	width: 587px;
    height: 20px;
    padding: 0 0 0 25px;
    margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #002059;
	margin-bottom: 10px;
    text-decoration: none;
}

.mainTitleBox.expanded {
    background: url('../images/arrowBlueDown.png') no-repeat left;
}

.mainTitleBox.collapsed {
    background: url('../images/arrowBlueRight.png') no-repeat left;
}

.mainTitleBox:hover {
    text-decoration: none;
    color: #002059;
}

.subTitleBox {
    float: left;
    height: 20px;
    padding: 0 0 0 25px;
    margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 10px;
    text-decoration: none;
   	width: 500px;
}

.subTitleBox.expanded {
    background: url('../images/arrowWhiteDown.png') no-repeat left;
}

.subTitleBox.collapsed {
    background: url('../images/arrowWhiteRight.png') no-repeat left;
}

.subTitleBox:hover {
    text-decoration: none;
    color: #ffffff;
}

.listContent {
    float: left;
    display: none;
    width: 587px;
    margin: 0;
    padding: 0;
}

.mainTextBoxLeft{
    float: left;
    width: 325px;
    padding: 0;
    margin: 0 0 0 25px;
}

.mainTextBoxRight{
    float: left;
    width: 200px;
    padding: 0;
    margin: 0;
}

#subListContact{
    float: left;
   	width: 525px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#subListContact li{
    float: left;
   	width: 525px;
    padding: 0;
    margin: 0 0 20px 0;
}

.subBox{
    float: left;
   	width: 500px;
    padding: 0 0 0 10px;
    margin: 0;
}

.subTitleBoxArrow{
    float: left;
   	width: 12px;
    padding: 3px 1px 0 0;
    margin: 0 12px 0 0;
}

.subTitleBoxTitle{
    float: left;
    padding: 0;
    margin: 0;
}

.subTextBox{
    float: left;
    width: 500px;
    padding: 0;
    margin: 0 0 0 25px;
    display: none;
}

#maps {
    float: left;
    width: 200px;
    height: 180px;
    padding: 0;
    background: #2d383f;
}

.field200
{
	border: 1px solid #002559;
	width: 202px;
}

.field202
{
	border: 1px solid #002559;
	width: 202px;
	height: 145px;
}

.sendButton
{
	float: right;
    background: url('../images/senButton.gif');
	width: 65px;
	height: 17px;
	border: 0;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

#mediaList{
    float: left;
    width: 500px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#mediaList li{
    float: left;
    width: 500px;
    padding: 0;
    margin: 0 0 20px 0;
}

.mediaTitle{
    float: left;
    width: 500px;
    margin: 0 0 10px 0;
}

.mediaTitle a{
    font-size: 15px;
	font-weight: bold;
	color: #002059;
    text-decoration: none;
}

.mediaMovie{
    float: left;
    width: 500px;
    height: 350px;
}
/*end content*/

/*footer*/
#footer
{
	float: left;
	width: 800px;
	padding: 0;
	margin: 0;
	color: white;
	font-weight: bold;
	text-align: center;
}

#footerTop
{
	float: left;
	width: 800px;
	height: 18px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}

#footerTop li, #footerBottom li
{
	height: 18px;
	padding: 0 11px 0 0;
	margin: 0;
	text-align: center;
	background: url('../images/bullitFooter.gif') no-repeat right;
	display: inline;
	letter-spacing: 1px;
}

#footerBottom 
{
	float: left;
	width: 800px;
	height: 18px;
	padding: 0;
	margin: 2px 0 0 0;
	list-style-type: none;
	text-align: center;
}
/*end footeru*/

/*titles*/
h1, h2, h3, h4{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-family:  Arial, sans-serif;
}

h1
{
	font-size: 15px;
	color: #002059;
	font-weight: bold;
}

h2
{
	font-size: 11px;
	color: #A59875;
	font-weight: bold;
}

h3
{
	font-size: 13px;
	color: #002059;
 	font-weight: bold;
}

h4
{
	font-size: 15px;
	color: #002059;
	font-weight: bold;
}
/*end titles*/

#image1
{
    margin-right:16px;
    float:left;
}

#image2
{
    float:left;
}