/* Normalizes margin, padding */
body, div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {
	margin: 0; padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Removes list-style form lists */
ol, ul {
	list-style: none;
}

/* -------------------------------- */
/* LAYOUT.CSS --------------------- */
/* -------------------------------- */

/* ARCERING!
body {
	background-image: url(images/bgstrepen.gif);
	background-repeat: repeat;	
}
*/

div#container {
	position: absolute;
	margin: -309px 0 0 -400px;
	top: 50%;
	left: 50%;
	width: 799px;
	height: 619px; /*619*/
	border: 1px solid #000;
	background-color: #FFFFFF;
}

/* Logo */
div#logoFabric {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 60px;
	z-index: 10;
}

div#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 60px;
	z-index: 11;
}

div#logoWolk {
	position: absolute;
	top: -100px;
	left: 94px;
	width: 266px;
	height: 282px;
	visibility: hidden;
	z-index: 50;
}

h1, h2 {
	text-indent: -9999px;
}

div#logoFabric blockquote, div#logoFabrications blockquote, div#logoFlash blockquote {
	position: absolute;
	top: -9999px;
}

/* Nav */
div#nav {
	z-index: 0;
}

ul#nav_office {
	/*z-index: 20;*/
}
	
ul#nav {	
	position: absolute;
	top: 24px;
	left: 276px;
	width: 500px;
	height: 61px;
}

ul#nav li {
	position: relative;
	float: left;
	width: 25%;	
}

ul#nav_office, ul#nav_work, ul#nav_info, ul#nav_clients {
	position: absolute;
	left: 0px;
	top: 23px;
	width: 120px;
	z-index: 7;
}

ul#nav_office li, ul#nav_work li, ul#nav_info li, ul#nav_clients li {
	position: relative;
	width: 120px;
	height: 19px;
	z-index: 6;
}

* html ul#nav li ul li {
	margin-bottom: -5px; /* IE hack */
} 

/* Content */
p, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-transform: uppercase;
	text-decoration: underline;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

a {
	text-decoration: none;
	color: #000;
}

.ablok:hover {
	background-color: #FFEB00;
}

div#content_home {
	position: absolute;
	top: 106px; /*87*/
	left: 0px;
	height: 513px;	
	width: 799px;
	overflow: hidden;
	z-index: 1;
}

div#content_general {
	position: absolute;
	top: 106px; /*87px*/
	left: 27px;
	width: 245px;
	padding: 12px 12px 15px 0px;
	background: url(../images/strepen2k.gif) no-repeat;
	z-index: 1;
}

div#content_general p {
	padding-right: 10px;
}

div#content_general ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

div#content_sales {
	position: absolute;
	top: 106px;
	left: 27px;
	width: 245px;
	padding: 12px 12px 15px 0px;
	z-index: 1;
}

div#imgrechts {
	position: absolute;
	top: 106px;
	left: 277px;
	width: 522px;
	height: 513px;
	overflow: hidden;
	z-index: 2;
}

.imglinks {
	position: absolute;
	top: 0px;
	left: -27px;
}

div#eric, div#olv {
	position: absolute;
	top: 0px;
	padding: 12px 0px 10px 0px;
	width: 245px;
	background: url(../images/strepen2k.gif) no-repeat;
}

div#eric {	
	left: 250px;
}

div#olv {
	left: 500px;
}

div#content_projectlist, div#content_news {
	position: absolute;
	top: 106px; /*87*/
	left: 27px;
	width: 745px;
	padding: 12px 0 15px 0;
	background: url(../images/strepen6k.gif) no-repeat;
}
div#content_projectlist { width: 785px; }

div#content_news_headlines {
	position: absolute;
	width: 240px;
}

div#content_news_headlines div {
	visibility: hidden;
}

div#content_news_items {
	position: absolute;
	left: 245px;
}

div#content_projectlist div {
	position: relative;
	float: left;
	width: 125px;
}

ol#plist {
	position: relative;	
	width: 115px;
}

ol#plist li {
	padding-left: 8px;
	text-indent: -8px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

.h3sub {
	padding-top: 15px;
}

.h3vervolg {
	display: none;
}

/* Flash projecten */
div#flash_projects {
	position: absolute;
	left: -27px;
	top: -6px;
	width: 799px;
	height: 507px;
	z-index: 49;
}

div#flash_sales {
	position: absolute;
	left: 250px;
	top: -6px;
	width: 522px;
	height: 507px;
	z-index: 49;
}

/* Construction */
div#construction {
	position: absolute;
	left: 547px;
	top: 587px
}

.ullijst {
	list-style: outside;
	margin-left: 20px;
}


/* NIEUWS POPUP */
div#kopNieuws {
	width: 100%;
	height: 150px;
	background: url(../images/kop_nieuws_roze.gif) no-repeat;
}

div#kopNieuws blockquote {
	position: absolute;
	top: 104px;
	left: 100px;
	height: 20px;
	width: 200px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}

div#contentNieuws {
	position: absolute;
	left: 10px;
	top: 160px;
	width: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#contentNieuws p a:hover {
	background-color: #FFEB00;
}

.imgnieuws {
	margin: 10px 0px 10px 0px;
}

div#sterNieuws {
	position: absolute;
	top: 106px; /*87*/
	left: 0px;
	height: 513px;	
	width: 799px;
	overflow: hidden;
	z-index: 2;
}