* {
	margin:0px;
	padding:0px;
	}

body { 
	font:11px/1.3em Verdana,Helvetica,sans-serif; 
	text-align:center;
	background:#fff;
	background:url(../images/bg_skutslus.jpg) repeat-y center top;
	}

#container 
{
	background:#ccc;
	margin:	0 auto;
	text-align:left;
	width:780px;
	position:relative;
	}
		
h1 {
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding-left:0px;
	margin-bottom:18px;
	}
	
p {
	margin-bottom:22px;
	font-weight:normal;
	font:11px/1.3em Verdana,Helvetica,sans-serif; 
	}
#login p {
	margin-bottom:0px;
	}
	
a {
	font-size:11px;
	color:#00f;
	text-decoration: underline;
	}

h1 a {
	font-size:18px;
	font-weight:bold;
	color:#00f;
	padding-left:0px;
	text-decoration: underline;
	}
#content ul
{
	margin:0;
	padding:0;
	text-align:left;
	border:0;
}
#content li
{
	margin-left:35px;
	padding:0;
}
	
.active {
		color:#aaa !important;
	}
	
.nonactive {
		color:#333 !important;
	}
	
#logo {
	position:absolute;
	top:0px;
	left:0px;
	height:152px;
	width:780px;
	background:url(../images/headerbarte.jpg) center top;
	}
#breadCrumbTrail
{
	position:absolute;
	top:183px;
	left:194px;
	z-index: 1200;
}
#breadCrumbTrail a
{
	font-size: 9px;
	color: #fff;
}
.breadcrumb
{
	padding-left:8px;
	font-size: 9px;
	color: #fff;	
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px;
}	
	
#logo_text {
	position:absolute;
	top:37px;
	left:155px;
	}
	
#logo_text h1 {
	color:#007ec5;
	font-size:27px;
	font-weight : normal;
	}
	
#topmenu {
	position:absolute;
	top:0px;
	left:460px;
	color:#ff0;
	}	
	
#top_input {
	position:absolute;
	top:2px;
	left:104px;
	color:#ff0;
	z-index:2;
	}
	
#menu {
	position:absolute;
	top:201px;
	left:0px;
	z-index:1000;
	}
	
#menubottom {
	position:absolute;
	top:200px;
	left:0px;
	width:185px;
	background-color:#099;
	}
	
#contenttitel {
	position:absolute;
	top:164px;
	left:185px;
	height:17px;
	width:180px;
	font-weight:bold;
	w\idth:170px;
	color:#333;
	padding-left:5px;
	padding-right:5px;
	background-color:#6fc;
	z-index:20;
	}
	
#contentnav {
	position:absolute;
	top:154px;
	left:385px;
	height:20px;
	color:#333;
	z-index:10;
	}
	
#contentnav a {
	color:#333;
	font-family:Verdana;
	font-weight: bold; 
	font-size:10px;
	text-decoration:none;
	}
	
.tabelinhoud {
	font-family: Verdana;
	font-size:11px;
	}
	
#contenttop2 {
	position:absolute;
	top:152px;
	left:0px;
	height:29px;
	width:777px;
	border-left:1px solid #099;
	background-color:#fff;
	}	
	
#contenttop {
	position:absolute;
	top:181px;
	left:0px;
	height:20px;
	width:780px;
	background-color:#099;
	}	
	
#content {
	position:absolute;
	top:231px;
	left:222px;
	width:500px;
	}
		

#top_input a
{
	color:#004990;
	text-decoration:none;
}

#searchresults a
{
	color:#333;
	text-decoration:underline;
}


/* ------------------------------------------ Begin menu ---------------------------------- */	
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	float: left;
	width: 186px;
	list-style: none;
	line-height: 1;
	padding-top: 0px;
	border-top:1px solid #fff;
	margin: 0 0 11px 0;
	background-color: #099;
	}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 185px;
	width: 200px;
	margin-top:-1px;
	}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
	position: relative;
	 }

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 4px 4px 4px 5px;
 color: #fff;
 font-weight:bold;
 text-decoration: none;
 border: 1px solid #fff;
 border-top:0px;
  width: 175px;

}

/* Links inside the submenu */
.menulist li li a {
 display: block;
 padding: 4px 4px 4px 5px;
 color: #fff;
 font-weight:bold;
 text-decoration: none;
 border: 1px solid #fff;
 border-top:0px;
 width: 189px;
}

/* IE fix because it doesn't support transparent borders */
* html .menulist a {
 border: 1px solid #fff;
 margin: 0px;
 margin-top:-1px;
 }

/*
 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.highlighted:hover, .menulist a:focus {
 color: #fff;
 background-color: #0fc;
 padding: 4px 4px 4px 5px;
 border: 1px solid #fff;

}
.menulist a:hover {

	color: #fff;
	background-color: #0fc;
}

.menulist a.highlighted {
 color: #fff;
 background-color: #0fc;
 border: 1px solid #fff;

}

.menulist a.onderlijn {
border-bottom:1px solid #fff;
}

.menulist a:hover.onderlijn, .menulist a.highlighted:hover.onderlijn, .menulist a:focus.onderlijn {
border-bottom:1px solid #fff;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/* 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 */


#photopage_bigphoto
{
	position:absolute;
	top:233px;
	left:210px;
	width:358px;
	w\idth:356px;
	height:269px;
	he\ight:267px;
	border:1px solid #009899;
}
#photopage_hrphoto
{
	float:left;
}
#photoTable image
{
	border:1px solid #009899;
}

#photos {
	border:1px solid #f00;
	}
	
#photoTable {
	position:absolute;
	top:273px;
	left:-14px;
	}