/* positie-eigenschappen */
div#wrapper {position:absolute; top:0; left:0; margin:0; width:100%; height:100%; background-color:#000; z-index:1;}
.stripe {position:absolute; top:0; left:28%; margin-left:-200px; height:100%; width:200px; background-color:#333; background-image:url(../images/brushed.jpg); background-repeat:repeat; z-index:1;}
div#header {position:relative; top:0; left:0; margin:0; height:24%; min-height:100px; background-color:#000; z-index:2;}
div#content {position:relative; top:0; left:0; width:100%; height:300px; background-color:#4d3b3b; z-index:2;}
div#image {position:absolute; left:28%; margin-left:-200px; width:200px; min-width:200px; height:300px; z-index:2;}
div#textfield {position:absolute; top:0; left:28%; width:675px; min-width:200px; height:300px; background-color:#4d3b3b; overflow:hidden; z-index:2;}
div#footer {position:relative; top:0; left:0; margin:0; height:40px; min-height:40px; z-index:2;}
ul#navmenu {position:absolute; top:100%; left:28%; margin-left:0px; margin-top:-80px; z-index:2;}
ul#login, ul#loginul {position:absolute; top:100%; left:28%; margin-left:-200px; margin-top:-80px; z-index:2;}
ul#diensten {position:absolute; top:0; left:28%; margin-left:-200px; margin-top:0px; z-index:2;}
#flasharrow {position:absolute; left:28%; top:0; margin-left:-40px; width:700px; height:40px; z-index:5;}

/* stijleigenschappen */

html {overflow:auto;}
body
{
	background-color:#000;
	margin:0;
	border:none;
	overflow:auto;
}

h1,.contentheading,.componentheading
{
	font-family:Helvetica, sans-serif;
	font-size:.95em;
	color:#fff;
	letter-spacing:1px;
	word-spacing:1.5px;
	text-transform:uppercase;
	padding:5px 0px 20px 20px;
	font-weight:bold;
}

h3
{
	font-family:Helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	color:#fff;
	letter-spacing:1px;
	word-spacing:1.5px;
	text-transform:uppercase;
	padding:2px 0px 2px 40px;
}

div#textfield ul 
{
	font-family:Geneva, Arial, Verdana, sans-serif;
	font-size:.8em;
	font-weight:bold;
	letter-spacing:1px;
	word-spacing:-1px;
	color:#fff;
	list-style:circle;
}

div#textfield p,.contentdescription
{
	font-family:Geneva, Arial, Verdana, sans-serif;
	font-size:.85em;
	letter-spacing:1px;
	word-spacing:-1px;
	color:#fff;
	text-align:left;
	padding:0px 30px 0px 20px;
}

div#textfield a
{
	font-family:Geneva, Arial, Verdana, sans-serif;
	font-size:1em;
	font-weight:600;
	text-decoration:none;
	letter-spacing:1px;
	word-spacing:-1px;
	color:#3399cc;
}

/* customer login */

ul#login, ul#loginul
{
	list-style:none;
	padding:0;
}

ul#login, ul#loginul li
{
	float:left;
	margin:0;
	padding:0;
}

ul#login, ul#loginul li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:lighter;
	display:block;
	padding:10px 0px 10px 10px;
	text-align:left;
	text-decoration:none;
	width:200px;
	height:20px;
	background-color:#000;
}

ul li#login a {color:#3399cc; background-color:#000;}
ul li#login a:hover {text-decoration:none; background-color:#000; color:#fff;}

/* navigatie menu */

ul#navmenu
{
	list-style:none;
	padding:0;
}

ul#navmenu li
{
	float:left;
	margin:0;
	padding:0;
}

ul#navmenu li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.95em;
	font-weight:bold;
	display:block;
	padding:11px 15px 9px 15px;
	text-align:center;
	text-decoration:none;
	width:105px;
	height:20px;
	background-color:#fff;
}

ul li#home a {color:#3399cc; background-color:#333;}
ul li#nieuws a {color:#fff; background-color:#666;}
ul li#vacatures a {color:#fff; background-color:#999;}
ul li#links a  {color:#666; background-color:#ccc;}
ul li#contact a {color:#333; background-color:#fff;}
ul li#home a:hover {text-decoration:none; letter-spacing:1.5px; background-color:#4d3b3b; color:#fff; font-size:1em; padding:11px 15px 100px 15px;}
ul li#nieuws a:hover {text-decoration:none; letter-spacing:1.5px; background-color:#3399cc; color:#fff; font-size:1em; padding:11px 15px 100px 15px;}
ul li#vacatures a:hover {text-decoration:none; letter-spacing:1.5px; background-color:#ff6600; color:#fff; font-size:1em; padding:11px 15px 100px 15px;}
ul li#links a:hover {text-decoration:none; letter-spacing:1.5px; background-color:#4d3b3b; color:#fff; font-size:1em; padding:11px 15px 100px 15px;}
ul li#contact a:hover {text-decoration:none; letter-spacing:1.5px; background-color:#999; color:#fff; font-size:1em; padding:11px 15px 100px 15px;}

/* onze diensten */

ul#diensten
{
	margin-left:-200px;
	padding: 0;
	list-style: none;
	width: 180px;
}

ul li
{
	position: relative;
}

ul li ul
{
	position:absolute;
	left:-40px;
	top:0;
	margin-top:-300px;
	display:none;
	list-style:none;
}

ul li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.05em;
	font-weight:bold;
	color:#666;
	display:block;
	padding:10px 20px 10px 10px;
	text-align:left;
	text-decoration:none;
	width:170px;
	height:20px;
	background-color:#fff;
}

ul li a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.05em;
	font-weight:bold;
	color:#3399cc;
	display:block;
	padding:10px 20px 10px 10px;
	text-align:left;
	text-decoration:none;
	width:170px;
	height:20px;
	background-color:#fff;
}

ul li ul li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	font-weight:bold;
	color:#3399cc;
	padding:5px 10px 5px 10px;
	text-align:left;
	text-decoration:none;
	width:180px;
	height:15px;
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity:.75; opacity:.75;
}

ul li ul li a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	color:#666;
	padding:5px 10px 5px 10px;
	text-align:left;
	text-decoration:none;
	width:180px;
	height:15px;
	background-color:#fff;
	filter:alpha(opacity=98);
	-moz-opacity:.98; opacity:.98;
}

li:hover ul, li.over ul {display:block;}

/* java scrollbalk */

div.scrollholder
{
	position:absolute;
	left:0;
	width:675px;
	min-width:200px;
	height:300px;
	background-color:#4d3b3b;
	overflow:auto;
	z-index:2;
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 15px; height: 100%;
    font-size: 0;
    z-index: 3;
    background:#333;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    background:#666;
}