* {
	margin:0px;
	padding:0px;
	}

body {
	font-family: Arial;
	font-size:12px;
	color:#004990;
	text-align:center;
    background-color:#fff;
	}
	
#container
{
    margin:	0 auto;
	text-align:left;
	width:1004px;
	position:relative;
	padding-bottom:20px;
}	
	
h1 {
	font-size:17px;
	font-weight:normal;
	color:#004990;
	padding-left:30px;
	padding-bottom:8px;
	}
	
	
h2 {
	font-size:13px;
	color:#004990;
	font-weight:bold;
	margin-bottom:-17px;
	}
	
p {
	padding-bottom:12px;
	}

a {
	color:#004990;
	}

td {
	font-family: arial;
	font-size:11px;
	color:#004990;
	}
	
.active {
	color:#999 !important;
	}
	
.nonactive {
	color:#004990 !important;
	}
	
#logo {
	position:absolute;
	top:56px;
	left:8px;
	}
	
#breadCrumbTrail {
	position:absolute;
	top:147px;
	left:194px;
	z-index: 990;
	}
	
#breadCrumbTrail a {
	font-size: 9px;
	color: #666;
	}
	
.breadcrumb {
	padding-left:8px;
	font-size: 9px;
	color: #999;	
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px;
	}

#logoLink {
	width:179px;
	height:54px;
	background-image:url(../images/logo_drentea2.gif);
	display: block;
	}
	
#logo_text {
	position:absolute;
	top:37px;
	left:155px;
	display:none;
	}
	
#logo_text h1 {
	color:#9ebccd;
	font-size:27px;
	font-weight : normal;
	}
	
#logo_text2 {
	position:absolute;
	top:71px;
	left:322px;
	background-image:url(../images/focusonpeople.gif);
	width:162px;
	height:24px;
	z-index:2000;
	display:none;
	}
	
#topmenu {
	position:absolute;
	top:0px;
	left:645px;
	width:357px;
	color:#004990;
	padding-bottom:3px;
	}	
	
#top_input {
	position:absolute;
	top:2px;
	left:118px;
	z-index:2;
	}
	
#home_deco {
	position:absolute;
	top:63px;
	left:645px;
	width:358px;
	}
	
.inloggen {
	position:absolute;
	top:1px;
	left:181px;
	display:block;
	background-color:#004990;
	width:50px;
	height:14px;
	padding-left:4px;
	padding-right:2px;
	padding-top:4px;
	padding-bottom:2px;	
	color:#fff;
	}
	
.aanmelden {
	float:left;
	display:block;
	background-color:#9FBCCE;
	width:64px;
	height:14px;
	margin-left:5px;
	padding-left:4px;
	padding-right:2px;
	padding-top:4px;
	padding-bottom:2px;	
	color:#fff;
	}
	
#menu {
	position:absolute;
	top:120px;
	left:0px;
	z-index:1000;
	}
	
#contenttitel {
	position:absolute;
	top:121px;
	left:188px;
	height:17px;
	width:202px;
	font-weight:bold;
	w\idth:192px;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	background-color:#004890;
	}
	
#contentnav {
	position:absolute;
	top:119px;
	left:440px;
	height:20px;
	color:#9ebccd;
	}
	
#contentnav a {
	color:#004990;
	text-decoration:none;
	}
	
.tabelinhoud {
	font-family: Verdana;
	font-size:11px;
	}

#contenttop_home {
	position:absolute;
	top:121px;
	left:188px;
	height:20px;
	width:816px;	
	background-color:#fff;
	background-image:url(../images/content_header.gif);
	}	
	
#contenttop {
	position:absolute;
	top:141px;
	left:188px;
	height:20px;
	width:816px;
	background-color:#fff;
	border-top:1px solid #0B69C3;
	}	
	
#content_container {
	position:absolute;
	top:160px;
	left:222px;
	width:740px;
	}

#content_containerhome {
	position:absolute;
	top:160px;
	left:189px;
	width:816px;
	}
	
#contentleft {
	float:left;
	width:327px;
	padding-bottom:35px;
	padding-left:10px;
	padding-right:20px;
	min-height:320px;
	}	

#contentmiddle {
	float:left;
	width:206px;
	padding-bottom:35px;
	padding-right:20px;
	min-height:320px;
	margin-left:3px;
	}	
	
#contentright {
	float:left;
	width:206px;
	padding-bottom:35px;
	padding-right:20px;
	min-height:320px;
	margin-left:3px;
	}	

#contentright p {
	width:206px;
	}	

.bigimg {
	border:none;
	width:328px;
}

#content_containerhome h1 {
	text-align:center;
}
	
.rotateimg {
	border:none;
	width:80px;
	margin-right:3px;
}	

.imageRotator {
	float:left;
}
	
#content {
	float:left;
	width:315px;
	padding-bottom:35px;
	padding-right:20px;
	min-height:320px;
	margin-top:20px;
	}	
	
#photolesscontent {
	position:absolute;
	top:160px;
	left:222px;
	width:620px;	
	}
	
#photos {
	float:left;
	width:365px;
	
	}
	
#slideshow {
    position:relative;
    
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 290px;
    width: 357px;
    overflow:hidden;
    background-color: #FFF;
    border:1px solid #9ebccd;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    margin-bottom: 10px;
}

	
#photoborder {
	position:absolute;
	top:0px;
	left:335px;
	width:363px;
	height:274px;
	background-image:url(../images/photoborder.gif);
	display:none;
	} 	
	
.photosmall {
	width:85px;
	width:83px;
	height:64px;
	height:62px;
	border:1px solid #9ebccd;
	margin-right:6px;
	margin-top:8px;
	margin-top: 30px;
	}
#photo_smalla {
	position:absolute;
	top:269px;
	left:335px;
	}

#photo_smallb {
	position:absolute;
	top:269px;
	left:426px;
	}
	
#photo_smallc {
	position:absolute;
	top:269px;
	left:517px;
	}
	
#photo_smalld {
	position:absolute;
	top:269px;
	left:608px;
	}
	
#footer {
	float:left;
	width:715px;
	margin-top:40px;
	padding-bottom:30px;
	text-align:center;
	}

#logolinks {
	position:absolute;
	top:655px;
	left:2px;
	}

#top_input a {
	color:#004990;
	text-decoration:none;
	}

#searchresults a {
	color:#004990;
	text-decoration:none;
	}
	
#photopage_bigphoto {
	float:left;
	width:358px;
	width:356px;
	height:269px;
	height:267px;
	margin-left:75px;
	border:1px solid #9ebccd;
	overflow:hidden;
	}
	
#photopage_hrphoto {
	position:absolute;
	left:412px;
	top:277px;
	width:200px;
	}
	
#photoTable image {
	border:1px solid #9ebccd;
	}
	
/* ------ Newsletterurvey----------------*/

.newsbutton {
	background-color:#004990;
	border:none;
	color:#fff;
	font-size:9px;
	padding-top:2px;
	cursor:hand;
}	

.nieuwsarchief {
	background-color:#004990;
	border:none;
	color:#fff;
	font-size:9px;
	padding:2px 5px 4px 4px;
	text-decoration:none;
	cursor:hand;
}		
	
/* ------------------------------------------ Begin menu ---------------------------------- */		
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	float: left;
	list-style: none;
	line-height : 1.25em;
	padding: 0;
	margin: 0 0 11px 0;
	width:186px;
	}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 184px;
	}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
	position: relative;
	border:1px solid #fff;
	margin-bottom:-1px;
	}

/* Links inside the menu */
.menulist a {
	display: block;
	padding: 4px 10px 3px 10px;
	color: #fff;
	background-color:#00A6EB;
	text-decoration: none;
	width:164px;
	}
	
/* IE fix because it doesn't support transparent borders */
* html .menulist a {
	border-bottom: 0px;
	margin: 0px;
	}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	display: block;
	padding: 4px 10px 3px 10px;
	color: #fff;
	background-color:#004890;
	text-decoration: none;
	width:164px;
	}
	
*html .menulist a:hover, *html .menulist a.highlighted:hover, *html .menulist a:focus {
	border-bottom: 0px;
	margin: 0px;
	}
	
.menulist a.highlighted {
	color: #fff;
	background-color: #9ebccd;
	border: 1px solid #000;
	border-bottom: 0px;
	margin: 0;
	}

.menulist a.onderlijn {
	border-bottom:1px solid #000;
	}

.menulist a:hover.onderlijn, .menulist a.highlighted:hover.onderlijn, .menulist a:focus.onderlijn {
	border-bottom:1px solid #000;
	}
	
.menulist a .subind {
	float: right;
	margin-top:2px;
	}


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
	float: left;
	height: 1%;
	}
	
* html .menulist a {
	height: 1%;
	}
/* End Hack */
