* {

	margin: 0;

	padding: 0;



	}



html, body {

	height: 100%;

	color: #00000;

 background-color:#fff;

     	background: url('../images/menu_background.gif') top left repeat-y;

	} 

body {

	 /* just some defaults - should be customized */

	font-family: Arial, Verdana;

	font-size: 85%;

	line-height: 140%;



	} 

html>body { font-size: 12px; } /* for modern browsers that can resize px */



#wrap {

	position: relative;

	height: 100%;

	width: 100%;

	

	}



#middle {

	position: relative;

	height: auto;

	min-height: 100%; /* for modern browsers, to push the footer down */

	margin-right: 180px; /* right column width */

	margin-left: 0px; /* left column width */

	margin-bottom: 0em; /* footer height */

	width: auto;

	background-color: #fff;

       border-right: 1px solid #006BB7;

	}



#middle:after { /* this will keep the floats contained, for modern browsers */

    content: "."; 

    display: block; 

    height: 0; 

    overflow: hidden; 

    clear: both; 

    visibility: hidden; 

    } 



* html #middle {

	height: 100%; /* for IE because it doesn't do min-height */

	}



#header {
	position: absolute;
	top: 0px;
	left: 5px;
	height: 195px;
	width: 100%;
	overflow: hidden;
	z-index: 100; /* to show it on top */
	background-attachment: fixed;
	background-image: url(../images/logo_nieuw_achtergrond.jpg);
	background-position: top;

	}



#logo

{

	
	background: url('../images/logo_banner_nieuw.jpg') top left no-repeat;	

	height: 294px;

	width: 100%;

}

#logo_foto

{

        position:absolute;

        top: 206px;

        left: 153px;

	height: 86px;

	width: 672px;

        background: url('../images/logo_foto.jpg') top left no-repeat;	



}



#logo_menu

{

	height: 18px;

	border-left: 1px solid #000000;

	background-color: #8A0202;

	background:url('../images/menu.gif') top left repeat-x;	



}



#logo_right

{

	position: absolute;

	top:0;

	right:0;

	height: 294px;

	width: 366px;



	background: url('../images/logo_top_right.gif') top right no-repeat;



}



/* IE 1px problem hack */

* html div#logo_right {

margin-right:-1px;

padding-right:-1px;

}









#main, #xtra { /* so that the content will not overlap with the header or footer */
	padding-top: 205px; /* 16.5 em */



	

	}



#main {

	position: relative; /* IE float bug workaround */

	float: left;

	width: 100%; 

	margin-right: -1px;

	background-color: #ffffff;





	}



#content {

	position: relative;

	float: right;

	width: 78%;

	background-color: #fff;

	margin: 0em 0px 1px 1px;

z-index:10;

font-size: 1em;

	}



#content ul

{



}







#content h1

{

	position: relative;

        margin-top:10px;

        margin-bottom:10px;

	font-size:150%;

	font-weight:bold;

}





#content h2

{

	position: relative;

        margin-top:10px;

	font-size:140%;

	font-weight:bold;

}





#content h3

{

	position: relative;

        margin-top:14px;

	font-size:100%;

	font-weight:regular;

}





#content h4

{

	position: relative;

        margin-top:10px;

	font-size:120%;

	font-weight:bold;

        

}





#content h5

{

	position: relative;

        margin-top:10px;

	font-size:100%;

	font-weight:bold;

}





#content img

{

border: 0;

}



#nav {

	position: relative;

	float: left;

	width: 220px;

	margin: 0px 0px;

	margin-left: -220px; /* width */

	height: 100%;

        font-size:110%;

        color:#d9151f;



	}



#nav_spacer

{

	width: 220px;

	margin-left: 0px;

	height: 22px;

     		   

}





#topmenu

{

        position:absolute;

        top:173px;

        left:400px;

        z-index:4000;

        width:auto;

        height: 28px;

        line-height:28px;

}



#topmenu ul

{

	margin: 0;

	padding: 0;

	list-style: none;

        display:block;

text-align:center;

}



#topmenu ul li 

{

     display:block;

        float:left;

        border-right: 1px solid #ffffff;

width: 64px;

 height: 28px;

}

#topmenu ul li a

{

display:block;

width: 64px;

 height: 28px;

color:#fff;        vertical-align:middle;



text-decoration:none;

}



#topmenu ul li a:hover

{

background-color:#3389c5;

}





/* Begin van menu */

#menu

{

        position: absolute;

        top:360px;

        left:24px;

z-index:4000;

}

#menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 140px;

        /* margin-left:24px; */

	border-bottom: 1px solid #ffffff;

	z-index: 100;}



#menu ul li {

	position:relative;

	margin: 0px 0px 0px 4px;

	z-index: 100;}



#menu li ul {

	position: absolute;

	left: 130px;

	top: 0px;

	display: none;

        width: 150px;

        border-left:1px solid #ffffff;

	z-index: 100;}



#menu ul li a {

	background-color: #d9151f;

	/* filter: alpha(opacity: 90); -moz-opacity: .90;*/

	display: block;

	text-decoration: none;

        color:#fff;

	padding: 1px 1px 1px 3px;

     border-left: 16px solid #0062ad;

     border-right: 1px solid #fff;

	border-top: 1px solid #0062ad;

line-height:24px;

height:24px;

	z-index: 100;}



#menu ul li a:hover {

	text-decoration: none;

    border-left: 16px solid #0062ad;

    border-right: 1px solid #0062ad;

background-color: #0062ad;

	z-index: 100;}



#menu li:hover ul, #menu li.over ul {

	display: block;

	z-index: 100;}



* html #menu ul li { float: left; height: 1%; z-index: 100;}

* html #menu ul li a { height: 1%; z-index: 100;}

/* Eind van menu */

#menu .menu_break

{

       width: 220px;

       height: 24px;

       

}   



#menu .copyright

{

     width: 124px;

     font-size: 80%;

     color: rgb(134,134,134);

     margin-top:16px;

     text-align:center;

}





#menu .copyright a

{

     color: rgb(134,134,134);

     text-align:center;

     text-decoration:none;

     

}





#menu .copyright a:hover

{

     text-decoration:underline;

}





#xtra 

{

	position: relative;

	float: right;

	width: 170px;

	margin-right: -170px; /* width -1 */
 

text-align:center;

	}




#xtra img

{

padding-left: 10px;

padding-right: 5px;



border:0;

}



#xtra hr

{

      margin-left:0px;

      margin-right:5px;

      margin-top:10px;

      margin-bottom:10px;

        border:0;

        border-top: 1px solid #0062ad;

        background-color: white;

        color: white;

}



.extr_spacer

{

height:22px;

}







* html #xtra { /* addressing some IE bugs */

	width: 170px; 

	margin-top: 1.7em;

	}

* html #xtra, * html #nav, * html #content {

	overflow:hidden;

	}



/*	Some block elements that influence div sizes and positioning

 */



h1 { 

	

	margin: .5em 15px; 

	}





h3, h4, h5, h6, p, ol, dl, pre, blockquote, form, fieldset, address, #content li,#content ul,table { 

	margin: 8px 15px; 

	}



/* forms */

label

{

	width:			11em;

	text-align:		left;

	float:			left;

	margin:			5px;

}





.radio label

{

	width:			10px;

	text-align:		left;

	float:			left;

	margin:			2px;

}



.checkboxen label, .radiobutton label

{

	width: auto;

	text-align:		left;

	float:			left;

	margin:			2px;

        margin-right: 5px;

}



.checkboxen label, .radiobutton label

{

	margin:0;

        padding:0;

        padding-top:6px;

}



.onderwerp

{

	width:			11em;

	text-align:		left;

	float:			left;

	margin:			5px;

        width: 500px;

}





input,textarea,select

{





	vertical-align:		top;

	margin:			5px 5px 5px 0px;

}



.checkboxen input, .radiobutton input

{

float:left;

} 







br

{

	clear: left;

}



/* nieuws */



#nieuwsblok hr

{

        border:0;

        border-top: 1px dotted #999999;

        background-color: white;

        color: white;

        margin-top:0.4em;

        margin-bottom:0.4em;

clear:right;

        }



#nieuwsblok br

{

	clear: none;

}



.nieuwsdatum

{

        font-size:90%;

color:#000;

}



.nieuwskop_top

{

	position: relative;

        margin-top:10px;

        margin-bottom:10px;

	font-size:150%;

	font-weight:bold;

}

.nieuwskop_include

{

	position: relative;

        margin-top:10px;

	font-size:130%;

	font-weight:bold;

}



#nieuwsblok div

{

      margin-left:8px;

}

.nieuwstitel_intro,.nieuwstitel_detail,.nieuwstitel_intro a,.nieuwstitel_titel,.nieuwstitel_titel a

{

        color:#000000;

        text-decoration:none;

font-size:100%;

}





.nieuwstitel_intro,.nieuwstitel_detail, .nieuwstitel_intro a

{

      font-weight:bold;

}



.nieuwstitel_intro a:hover,.nieuwstitel_titel a:hover

{

        text-decoration:underline;

}



.nieuwstitel_titel li

{

margin-left:0em;

}

.nieuwsimage

      {



             float:right;

             margin: 4px 4px 4px 4px;

}