/* ------------------------------------------------------ */
/* Copyright 2008 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/

@import url("reset.css");
@import url("form.css");
@import url("clearfix.css");

body {
	background: #FFFFFF;
	color: #00ADEF; 
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0;
}

a { color: #EC008C; font-weight: bold; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline;	}
/* Basic structure -------------------------------------- */
/* ------------------------------------------------------ */

div#container {
	position: relative;
	width: 960px;
	margin: 0 auto;	
}

div#main {
	float: left;
	width: 100%;
	margin-top: 174px;	
	background-repeat: repeat-y;
}

div#inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: url(../images/bg-inner.gif) repeat-y;
}

div#wrap {
	float: left;
	position: relative;
	width: 718px;
}

div#content {
	float: left;
	position: relative;
	font-size: 1.1em;
	overflow: hidden;
	width: 216px;
	padding: 10px;
}

div#minibox {
	float: right;
	position: relative;	
	width: 456px;
	font-size: 1.1em;
	padding: 10px;	
}

div#sidebar {
	float: right;
	position: relative;
	width: 228px;
	padding: 4px;
	color: #FFFFFF;
	font-size: 1.1em;	
}

div#header {
	position: absolute;
	height: 174px;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/header/bg.jpg) no-repeat center top;
}
div#header-image {
	position: absolute;
	right:0;
	height: 140px;
	width: 719px;
	background: url(/www/filelib/image/new_header.jpg) no-repeat center top;
}
div#footer {
	clear: both;
	background: url(../images/footer/bg.gif) no-repeat center top;
	padding-top: 4px;
	width: 100%;
	overflow: hidden;
}
h1,
h2 {
	color: #005BAB;
	font-size: 1.8em;
	margin-bottom: 0em;
	text-transform: uppercase;
	letter-spacing: -0.1em;
}

#content h1{
	color: #EC008C;
}
h2 strong {
	color: #EC008C;
}

/* Content ---------------------------------------------- */
/* ------------------------------------------------------ */

div#content p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

div#content strong {
	font-weight: bold;
}

div#content em {
	font-style: italic;
}

div#content ul {
	list-style: disc;
	margin: 1em 2em;
	line-height: 2em;
}

div#content ol {
	list-style: decimal;
	margin: 1em 2em;
	line-height: 2em;
}

/* Minibox ---------------------------------------------- */
/* ------------------------------------------------------ */

div#minibox p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

div#minibox div.overview { 
	padding: .5em 0; 
	float:left;
}

div#minibox h3 {
	font-weight: bold;
}

div#minibox div#overview {
	/*position: absolute;
	right: 0;*/
	width: 165px;
	float:right;
}

/* Tables ----------------------------------------------- */
/* ------------------------------------------------------ */

/* Data */
table.data {
	margin: 0;
	width: 100%;
}

table.data th,
table.data td {
	vertical-align: top;
	padding: .2em .2em;
}

table.data em {
	font-weight: bold;
	color: #EC008C;
}

/* Minibox */
table.minibox {
	margin: 1em 0;
	width: 100%;
}

table.minibox th {
	background: #E2F4FD;
	color: #EC008C;
	font-weight: bold;
}

table.minibox th,
table.minibox td {
	padding:0.2em 0.4em;
	text-align: right;
	border-bottom: 1px solid #005AAB;	
}

table.minibox th.first {
	background: none;
	text-align:left;
}

table.minibox span.accent {
	/*position:absolute;
	padding-left: 1px;*/
	font-size: 8px;
}
table.minibox th.accent {
	background: #C7EAFB;
}

table.minibox td.accent {
	background: #E2F4FD;
}

table.minibox strong {
	font-weight: bold;
	color: #005BAB;
}

table.minibox em {
	font-weight: bold;
	color: #EC008C;
}

/* Overview */
table.confirmation,
table.overview {
	width: 100%;
	background: #d4effc;
	margin: 0 4px;
}
table.confirmation{
	margin: 10px 0;	
}

table.confirmation th,
table.confirmation td,
table.overview th,
table.overview td {
	vertical-align: top;
	padding: .5em .1em;
	padding-left: .4em;
}

table.confirmation tr.total td,
table.overview tr.total td {
	border-top: 1px solid #005AAB;	
}

table.confirmation strong,
table.overview strong {
	font-weight: bold;
}

table.confirmation em,
table.overview em {
	font-weight: bold;
	color: #EC008C;
}

/* Sidebar ---------------------------------------------- */
/* ------------------------------------------------------ */

div#sidebar h3 {
	display: block;
	background: url(../images/sidebar/calculator.gif) no-repeat;
	height: 25px;
	width: 228px;
	text-indent: -9999px;
}

div#sidebar h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: .4em;
}

div#sidebar p {
	line-height: 1.5em;
	/*margin-bottom: 1em;*/
}

div#sidebar p.space {
	position:absolute;
	right: 5px;
	bottom: 5px;
	font-size: 1.3em;
	font-weight: bold;
}
div#calculator #result{
	/*color:#EC008C;*/
}

div#calculator {
	background: #00AEEF;
	margin-bottom: 4px;
}

div#calculator div.inside {
	padding: 4px;
	position: relative;
	overflow: hidden;
}

div#category li {
	float: left;
	position: relative;
}

div#category a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/sidebar/category.gif);
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
	height: 27px;
}
div#calculator .scroll{
	position:relative;
	margin:0 auto;
	overflow:auto;
	height: 155px;
	background: #;	

	
	scrollbar-arrow-color: #6DCFF6;
	scrollbar-face-color: #BFD738;
	scrollbar-track-color: #00B9F1;
	scrollbar-highlight-color: #BFD738;
	scrollbar-darkshadow-color: #BFD738;
	scrollbar-shadow-color: #BFD738;
	scrollbar-3dlight-color: #BFD738;
	scrollbar-base-color: #BFD738;/**/
}
#cat-woonkamer a { background-position: 0px 0px; width: 32px; }
#cat-garage a { background-position: -32px 0px; width: 32px; } 
#cat-slaapkamer a { background-position: -64px 0px; width: 32px; } 
#cat-keuken a { background-position: -96px 0px; width: 32px; } 
#cat-tuin a { background-position: -128px 0px; width: 32px; } 
#cat-zolder a { background-position: -160px 0px; width: 32px; }
#cat-kantoor a { background-position: -192px 0px; width: 28px; } 

#cat-woonkamer a:hover, #cat-woonkamer a.selected { background-position: 0px -27px; }
#cat-garage a:hover, #cat-garage a.selected { background-position: -32px -27px; }
#cat-slaapkamer a:hover, #cat-slaapkamer a.selected { background-position: -64px -27px; }
#cat-keuken a:hover, #cat-keuken a.selected { background-position: -96px -27px; }
#cat-tuin a:hover, #cat-tuin a.selected { background-position: -128px -27px; }
#cat-zolder a:hover, #cat-zolder a.selected { background-position: -160px -27px; }
#cat-kantoor a:hover, #cat-kantoor a.selected { background-position: -192px -27px; }

/* Header ----------------------------------------------- */
/* ------------------------------------------------------ */

div#logo {
	position: absolute;
	top: 21px;
	left: 49px;
	width: 139px;
	height: 98px;	
}

div#logo a {
	display: block;
	background: url(../images/logo.png) no-repeat;
	width: 139px;
	height: 98px;
	text-indent: -9999px;
	outline: none;
}

div#nav {
	position: absolute;
	top: 144px;
	background: #00AEEF;
}

div#nav li {
	float: left;
	position: relative;
}

div#nav a {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/nav.gif);
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
	height: 25px;
}

#nav-home a { background-position: 0px 0px; width: 67px; }
#nav-mini_boxen a { background-position: -67px 0px; width: 119px; } 
#nav-lokatie a { background-position: -186px 0px; width: 95px; }
#nav-tarieven a { background-position: -281px 0px; width: 103px; }
#nav-beveiliging a { background-position: -384px 0px; width: 122px; }
#nav-reserveren a { background-position: -506px 0px; width: 119px; }
#nav-vragen a { background-position: -625px 0px; width: 92px; }
#nav-contact a { background-position: -717px 0px; width: 107px;  }
#nav-voorwaarden a { background-position: -824px 0px; width: 136px; }

#nav-home a:hover { background-position: 0px -25px; }
#nav-mini_boxen a:hover { background-position: -67px -25px; }
#nav-lokatie a:hover { background-position: -186px -25px; }
#nav-tarieven a:hover { background-position: -281px -25px; }
#nav-beveiliging a:hover { background-position: -384px -25px; }
#nav-reserveren a:hover { background-position: -506px -25px; }
#nav-vragen a:hover { background-position: -625px -25px; }
#nav-contact a:hover { background-position: -717px -25px; }
#nav-voorwaarden a:hover { background-position: -824px -25px; }

#nav-home a.selected { background-position: 0px -50px; }
#nav-mini_boxen a.selected { background-position: -67px -50px; }
#nav-lokatie a.selected { background-position: -186px -50px; }
#nav-tarieven a.selected { background-position: -281px -50px; }
#nav-beveiliging a.selected { background-position: -384px -50px; }
#nav-reserveren a.selected { background-position: -506px -50px; }
#nav-vragen a.selected { background-position: -625px -50px; }
#nav-contact a.selected { background-position: -717px -50px; }
#nav-voorwaarden a.selected { background-position: -824px -50px; }

/* Footer ----------------------------------------------- */
/* ------------------------------------------------------ */

div#footer div {
	float: left; 
	margin-right: 4px;
}

div#footer div,
div#footer div a {
	display: block;
	width: 237px;
	height: 113px;
	text-indent: -9999px;
	outline: none;
}

div#footer div#ft-aanhanger a {
	background: url(../images/footer/aanhanger.jpg) no-repeat;
}

div#footer div#ft-verhuisbus {
	background: url(../images/footer/verhuisbus.jpg) no-repeat;
}

div#footer div#ft-verhuisdozen {
	background: url(../images/footer/verhuisdozen.jpg) no-repeat;
}

div#footer div#ft-vanderwal {
	margin-right: 0;
	background: url(../images/footer/vanderwal.jpg) no-repeat;
}
div#footer div#ft-sitemap {
	float: right;
	text-indent: 0px;
	width: auto;
	height: auto;
}
div#footer div#ft-sitemap span,
div#footer div#ft-sitemap a{
	text-indent: 0px;
	float: right;
	width: auto;
	height: auto;
	margin:4px 4px 0 0;
}