/* kleuren */
/* grijs - donker      : #999; */
/* grijs - licht       : #ccc; */
/* grijs - lichtst     : #e5e5e5; */
/* oranje              : #f47730; */


/*** fonts ********************************************/
body {
	font-family        : Arial;
	font-size          : 11px;
	line-height        : 16px;
}

a {
	text-decoration    : none;
}

/*** positioneren *************************************/

#head {
	position           : absolute;
	top                : 0px;
	height             : 230px;
	width              : 100%;
	z-index            : 100;
}

#foot {
	position           : absolute;
	bottom             : 0px;
	height             : 10px;
	width              : 100%;
	background         : #999 url(../../shared/img/foot_bg.gif) left bottom repeat-x;
}

#main {
	position           : absolute;
	top                : 240px;
	bottom             : 10px;
	width              : 100%;
	overflow-y         : auto;
}
* html #main {
	top                : 0px;
	bottom             : 0px;
	height             : 100%;
	border-top         : 240px solid #fff;
	border-bottom      : 10px solid #fff;
}

#main .witruimte {
	padding            : 20px 0px 0px 18px;
}


/*** menu ****************************************************************************************/
#menu {
	position           : absolute;
	top                : 0px;
	height             : 230px;
	width              : 100%;
	z-index            : 400;
}

/*** hoofdmenu ***/
#menu #mainmenu {
	position           : absolute;
	padding-top        : 10px;
	padding-left       : 10px;
	background         : #999;
	z-index            : 202; /* dit hoofdmenu moet over de submenu's */
}

#menu #mainmenu a {
	font-size          : 10px;
	font-weight        : bold;
	color              : #eee;
	text-decoration    : none;
	display            : block;
	height             : 30px;
	padding            : 0 10px;
	border-right       : 1px solid #fff;
	float              : left;
}
#menu #mainmenu a:hover {
	color              : #f47730;
}


/*** submenu ***/
#menu .submenu {
	position           : absolute;
	top                : 40px;
	background         : #fff;
	display            : none;
	z-index            : 201;
}
#menu #s-1 {
	left               : 20px;
	width              : 150px;
}
#menu #s-2 {
	left               : 82px;
	width              : 150px;
}
#menu #s-3 {
	left               : 172px;
	width              : 100px;
}
#menu #s-4 {
	left               : 230px;
	width              : 150px;
}

#menu .submenu a {
	font-size          : 11px;
	line-height        : 18px;
	font-weight        : bold;
	color              : #666;
	text-decoration    : none;
	display            : block;	
	padding            : 0 5px;
}
#menu .submenu a:hover {
	background         : #f47730;
	color              : #fff;
}


/*** kleurvlakken ***/
#head #horizontale-balk-1 {
	position           : absolute;
	top                : 0px;
	width              : 100%;
	height             : 95px;
	z-index            : 100;
	background-color   : #999;
}
#head #horizontale-balk-2 {
	position           : absolute;
	top                : 95px;
	width              : 800px;
	height             : 145px;
	z-index            : 100;
	background-color   : #fff; /* #ccc */
}
#head #verticale-balk {
	position           : absolute;
	top                : 95px;
	width              : 18px;
	height             : 145px;
	z-index            : 100;
	background-color   : #f47730;
}
#head #header-jpg {
	position           : absolute;
	top                : 95px;
	left               : 18px;
	z-index            : 100;
}
#head a#vloeradvies {
	position           : absolute;
	top                : 196px;
	height             : 100px;
	left               : 470px;
	z-index            : 100;
	font-size          : 52px;
	line-height        : 52px;
	color              : #fff;
	letter-spacing     : 1px;
}

/*** navigatie rechts in de header ***/
#head #nav-home {
	position           : absolute;
	top                : 0px;
	left               : 464px;
	z-index            : 300;
}

#head #nav-service {
	position           : absolute;
	top                : 0px;
	left               : 600px;
	z-index            : 300;
}

/*** pagetitle ***********************************************************************************/
#pagetitle h1 {
	position           : absolute;
	z-index            : 150;
	top                : 48px;
	left               : 20px;
	width              : 780px;
	font-weight        : normal;
	font-size          : 48px;
	line-height        : 60px;
	color              : #fff;
	letter-spacing     : 1px;
}
/* schaduw */
#pagetitle h1 span {
	position           : absolute;
	z-index            : -1;
	color              : #999;
	top                : 2px;
	left               : 1px;
}

#pagetitle h2 {
	position           : absolute;
	z-index            : 150;
	top                : 105px;
	left               : 20px;
	width              : 780px;
	font-weight        : normal;
	font-size          : 24px;
	line-height        : 32px;
	color              : #666;
}


/*** main ****************************************************************************************/
#main #sidemenu {
	position           : absolute;
	width              : 190px;
}
#main #sidemenu a {
	display            : block;
	width              : 190px;
	height             : 14px;
	line-height        : 14px;
	font-size          : 11px;
	font-weight        : bold;
	color              : #666;
	background-color   : #ccc;
	margin-bottom      : 1px;
	padding            : 0 0 0 5px;
}
#main #sidemenu a:hover {
	background-color   : #999;
	color              : #fff;
}
#main #sidemenu a.active {
	background-color   : #f47730;
	color              : #fff;
}


/*** content ***/
#main #cnt {
	position           : absolute;
	left               : 228px;
	width              : 552px;
}
#main #cnt h2 {
	font-size          : 15px;
	font-weight        : bold;
	line-height        : 20px;
	height             : 20px;
	background         : #f47730;
	color              : #fff;
	padding            : 0 5px;
}

#main #cnt p {
	padding            : 0 5px;
	margin-bottom      : 16px;
}
#main #cnt p.kolom {
	position           : relative;
	width              : 200px;
	float              : left;
	padding            : 0 5px;	
}
p#debug {
	position           : absolute;
	top                : 10px;
	left               : 600px;
	background         : #ffa;
	padding            : 5px;
	z-index            : 10000;
}