/* Main Stylesheet */

/*  -------- Selectors in alphabetical order!  ------- */ 

/* Traditional box-model */

*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Element styles */

body{
	background: url(../_img/bg.gif);
	color: #427682;
	font: 72%/150% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	overflow: auto;
	padding: 0 0 50px;
	text-align:center;
}

h1{	
	font-size: 130%;
	margin: 0 0 7px 0;
	padding: 0;
}

h2{
	font-size: 115%;
	margin: 0px 0 7px 0;
	padding: 0;
}

h3{
	font-size: 100%;
	margin: 0 0 7px 0;
	padding: 0;

}

h4,h5,h6{
	color: #f2932f;
	font-size: 100%;
	margin: 0 0 7px 0;
	padding: 0;
}

a{
	color: #427682; 
	text-decoration: underline;
}

.home_link a{
 	color: #427682; 
	text-decoration: underline;
}

a:hover,
a:focus,
a:active{
	text-decoration: none;
}

p{
	margin: 0 0 2em;
	padding: 0;
}

img{
	border: 0;
}

ul,
li{
	margin: 0;
	padding: 0;
}

ul{
	margin: 0 0 .5em 3.5em;
}

li{
	background: url(../_img/bullet_circle.gif) no-repeat 0 .7em;
	list-style: none;
	padding-left: 1.3em;
	position: relative;
}

form{
	margin: 0;
	padding: 0;
}

input,
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Basic layout styles */

#networktop{
	margin: 0 auto;
	padding-top: 50px;
	position: relative;
	width: 67em;
}

#networktop img#networktopbg{
	left: 1px;
	position: absolute;
	top: 0;
	width: 67em;
}

#container{
	background: #FFF;
	border: 1px solid #427682;
	border-width: 1px 2em 1px 18.4em;
	margin: 0 auto;
	min-height: 47em;
	position: relative;
	width: 67em;
	text-align: left;
}

#header_area{
	position: absolute;
}

#header_area img#logoimg{
	left: -18.4em;
	position: absolute;
	width: 29.2em;
	z-index: 200;
}

#header_area img#netwerkimg,
#header_area #netwerkswf{
	position: absolute;
	left: 0;
	width: 46.4em;
}

#header_area #netwerkswf{
	z-index: 100;
}

#logo{
	background: url(../_img/trans_px.gif);
	height: 11em;
	left: -16.5em;
	position: absolute;
	width: 20em;
	top: 5em;
	z-index: 800;
}

#left_area{
	background: #e8eef0 url(../_img/menu_bg.gif) 0 100% no-repeat;
	display: inline;
	float: left;
	margin: 16.3em 0 0 -16.55em;
	position: relative;
	padding: 5.6em .5em 4.3em 1em;
	width: 16.55em;
	z-index: 100;
}

#content_area{
	margin-top: 16.5em;
	padding: 0 3em 3.5em 6em;
}

#content{

}

#tekst{
	float:left;
	position:relative;	
	width:320px;
}

#kolom{
	border: 1px solid #427682;
	float:right;
	left:410px;	
	position:absolute;
	top:243px;
	width:110px;
}

.kop{
	height:20px;
	font-weight:bold;
	background:#D0DDE0;
	width:108px;
	display:block;
	padding-left:2px;
}

.item{
		padding-left:2px;
}

#rightmap{
	position: absolute;
	right: -2em;
	top: 12em;
	width: 2em;
}

#footer_area{
	height: 62px;	
	width: 100%;
}

/* Navigations styles */

#mainmenu{
	padding-left: 20px;
	margin: 0;
}

#mainmenu ul,
#mainmenu li{
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainmenu a{
	display: block;
	font-size: .9em;
	font-weight: bold;
	position: relative;
	text-decoration: none;
}


/* ***************** */

a,
.currenthome li.current a.home{
	line-height: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

#content a {
	visibility: visible;
	position: relative;
}

#mainmenu li.selected a.current{
	background: url(../_img/menu_arrow_up.gif) no-repeat 0 .7em;
	left: -2em;
	line-height: 170%;
	padding-left: 1em;
	position: relative;
	top: -5.5em;
	visibility: visible;
}

#submenu1 li.selected a.current{
	left: -1em;
}

#submenu2 li.selected a.current{
	left: .2em;
}

#submenu3 li.selected a.current{
	left: 1.4em;
}

ul.currenthome a,
#mainmenu ul.current li a,
#mainmenu ul.current li a.current{
	background: none;
	left: auto;
	line-height: 170%;
	padding-left: 1em;
	top: auto;
	visibility: visible;
}

ul.currenthome a{
	margin-left: -1em;
}

#mainmenu li.selected ul#submenu4 a{
	background: none;
	left: auto;
	line-height: 170%;
	padding-left: 1em;
	top: auto;
	visibility: visible;
}


ul.currenthome a:hover,
#mainmenu ul.current li a:hover,
div#mainmenucontainer #mainmenu ul.current li.current a.current,
#mainmenu li.selected ul#submenu4 a:hover{
	background: url(../_img/menu_arrow_right.gif) no-repeat 0 .7em;
}

div#mainmenucontainer ul.currenthome li a{
	font-weight: bold;
}

#mainmenu li.selected li.current ul#submenu4 a,
#mainmenu li.selected ul#submenu5 a,
#mainmenu li.current ul a{
	font-weight: normal;
	left: 1em;
}

.currenthome li.current,
#mainmenu li.selected{
	line-height: 0;
}

.currenthome li.current li,
#mainmenu li.selected li.current{
	line-height: normal;
}

/*
ul li a,
.currenthome a.home{
	line-height: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

#mainmenu li.selected a.current,
ul#mainmenu li.selected a.home{
	background: url(../_img/menu_arrow_up.gif) no-repeat 0 0;
	display: block;
	font-weight: normal;
	line-height: 50%;
	padding-left: 1em;
	position: relative;
	visibility: visible;
}

#mainmenu li.selected a.current,
#mainmenu li.selected a.home{
	left: -3em;
	top: -5.5em;
}

#submenu2 a{
	font-weight: normal;
	padding-left: 1em;
}

#mainmenu li.selected ul.current li a{
	line-height: 150%;
	position: static;
	visibility: visible;
}

#mainmenu li.current ul li a{
	font-weight: normal;
	padding-left: 1em;
}*/




/*
#mainmenu ul#submenu1 li.selected li.current a.current,
#mainmenu ul#submenu2 li.selected li.current a.current,
#mainmenu ul#submenu3 li.selected li.current a.current,
#mainmenu ul#submenu4 li.selected li.current a.current{
	background: none;
	font-weight: bold;
	line-height: 150%;
	padding: 0;
}

#mainmenucontainer .currenthome li.current a.home,
#mainmenu li{
	position: absolute;
	top: 0;
	visibility: hidden;
}

#mainmenu li{
	display: inline; /* Explorer: anders schuift het menu naar beneden op home  */
/*}

#mainmenu li.current ul li a:hover{
	background: url(../_img/menu_arrow_down.gif) no-repeat 0 .6em;
	position: relative;
}

#mainmenu li.current ul li a{
	font-weight: normal;
	padding-left: 1em;
}

#mainmenucontainer .currenthome li.current ul{
	left: -.9em;
	position: relative;
}

#mainmenucontainer .currenthome li.current ul li a{
	font-weight: bold;
	padding-left: 1em;
}

#mainmenu li.current,
#mainmenu li.selected,
#mainmenu li.current li,
#mainmenu li.current a.current,
#mainmenu ul#submenu1 li.selected li.current a.current{
	position: static;
	visibility: visible;
}

.currenthome li.current,
#mainmenu li.selected{
	line-height: 0;
}

.currenthome li.current li,
#mainmenu li.selected li.current{
	line-height: 150%;
}

#mainmenu li.selected a.home,
#mainmenu ul#submenu1 li.selected a.current,
#mainmenu ul#submenu2 li.selected a.current,
#mainmenu ul#submenu3 li.selected a.current,
#mainmenu ul#submenu4 li.selected a.current{
	background: url(../_img/menu_arrow_up.gif) no-repeat 0 0;
	display: block;
	font-weight: normal;
	line-height: 50%;
	padding-left: 1em;
	position: relative;
}

#mainmenu li.selected a.home{
	left: -3em;
	top: -5.5em;
}

#mainmenu ul#submenu1 li.selected a.current{
	left: -2em;
	top: -4.4em;
}

#mainmenu ul#submenu2 li.selected a.current{
	left: -1em;
	top: -3.3em;
}

#mainmenu ul#submenu3 li.selected a.current{
	left: 0em;
	top: -2.2em;
}

#mainmenu ul#submenu4 li.selected a.current{
	left: 1em;
	top: -1.1em;
}
*/


/* Search styles */

#search{}

.searchbox{}

.searchbutton{}

/* Bkp styles */

#pathway{}

/* Content styles */

/*#content_block li{
	background: url(../_img/bullet_blue.gif) no-repeat 0 .6em;
	padding-left: 10px;
}*/

#text{
	color:#3B5E66; 
	left:250px;
	top:60px;
}

#text li.current a{
	color: #FFF;
	text-decoration: none;
}

/* Form styles */

/* Form styles */

/*
.row{
	clear: both;	
	margin-bottom: .3em;
	overflow: hidden;
	vertical-align: top;
	width: 100%;
}

.label{
	float: left;
	padding: .15em 1em 0 0;
	text-align: right;
	width: 14em;
}

.formelm{
	float: left;
	width: 24.8em;
}

.formelm input{
	position: relative;
}

.formelm input.text{
	left: .4em;
	width: 24.4em;
}

.formelm input.checkbox{
	left: .05em;
	top: .2em;
}

.formelm input.radio{
	left: 0
	top: .25em;
}

.left{
	float: left;
}

.right{
	float: right;
	margin-right: 4px;
}

.right input.text{
	width: 13em;
}

.indent{
	margin-left: 1.2em;
}


/* Misc. styles */

.invisible{
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	visibility: hidden;
}

.clr{
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.left{
	float: right;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	font-size: 30px;	
	left: -1.5em;
	line-height: 130%;
	margin-bottom: .5em;
	position: relative;
	visibility: hidden;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/