* {height:auto; margin:0; padding:0; background-color:transparent;}

body, html {
	font-family:verdana;
	font-size:small;
	text-align:center;
	color:#333;
	background:#fff url("../img/back.jpg") repeat-x 0 0;}
body {min-width:960px;}

img {border:none;}
a.photo {border:1px solid #d3d3d3; display:block; padding:5px; background-color:#fff; font-size:0; line-height:0; width:500px;}
a:hover.photo {border-color:#909e00;}

a.link {display:block; font-size:0; line-height:0; background:url("../img/list_shade.jpg") no-repeat bottom left; padding-bottom:20px;}
a.link img {border:1px solid #d3d3d3;}
a:hover.link img {border-color:#909e00;}

object, embed {height:280px; width:551px; float:left;}

table {width:auto; border-spacing:0; padding:0;}
table td {padding:5px; vertical-align:top;}
table strong {color:#909e00;}
hr {border:0; width:512px; color:#909e00; background-color:#909e00; height:1px; margin:10px 0;}

a {color:#909e00; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

h3 {margin-top:10px; color:#909e00;}
q {display:block; margin-bottom:5px;}
.right {float:right;}
.left {float:left;}
.green {color:#909e00;}
.small {font-size:smaller;}

.more {
	background:url("../img/more.png") no-repeat bottom left;
	padding-left:14px;
	margin-top:8px;
	display:block;
	line-height:100%;}


/* OPMAAK */

#page {
	width:960px; position:relative;
	background:#fff url("../img/shade.png") no-repeat 0 0;
	min-height:749px;;
	margin:0 auto;}
* html #page {height:749px;}

#header {
	width:920px;
	margin:0 auto;
	padding-top:90px;
	position:relative;
	border-BOTTOM:1px solid #909e00; padding-bottom:10px;}

#footer {
	width:920px;
	margin:0 auto;
	clear:both;
	background-color:#e9eccc;
	border-top:1px solid #909e00;
	text-align:left; position:relative;}

#footer p {
	text-indent:20px;
	border-top:10px solid #fff;
	font-size:85%;
	padding:10px 0;}

#footer strong {position:absolute; right:20px; color:#777;}


/* NAVIGATIE */

#logo a {
	position:absolute;
	top:18px;
	left:20px;
	width:311px;
	height:54px;
	background:url("../img/logo.png") no-repeat 0 0;
	text-indent:-1000em;
	overflow:hidden;}

#nav {width:920px; height:50px; background-color:#909e00; text-align:left;}

#nav, #nav ul {
	list-style:none; z-index:100;
	padding:0;
	margin:0;}

#nav a {
	display:block;
	text-decoration:none;}

#nav li {
	float:left;
	width:184px;}

#nav li a {height:50px; width:184px; text-indent:20px; color:#fff; background:url("../img/menu_digit.png") no-repeat bottom left;}
#nav li a strong {padding-top:16px; display:block;}

#nav li ul {
	position:absolute;
	border-bottom:1px solid #909e00;
	left:-999em;
	width:184px;
	padding-top:11px;}  /* submenu */

#nav li ul li {background:#fff url("../img/menu.png") repeat-y 0 0;}
#nav li ul li a {height:auto; text-indent:20px; padding:5px 0; color:#000;} /* submenu knoppen */
#nav li ul li a:hover {background-color:#909e00; color:#fff; background-image:none;}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em; z-idex:100;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; z-idex:100;}
#nav li:hover, #nav li.sfhover {background-color:#51630d;}

#over-ons #nav-over-ons, 
#working-well #nav-working-well, 
#realisaties #nav-realisaties, 
#assortiment #nav-assortiment {background-color:#51630d;}

#header p {position:absolute; right:20px; top:50px; color:#909e00;} /* bottom ivm schaling */
#header p a {color:#777;}
#header p a:hover {color:#333; background-color:transparent;}


/* INHOUD */

#intro {
	width:920px;
	height:280px;
	background:#e9eccc url("../img/intro.png") no-repeat 0 0;
	border-bottom:2px solid #909e00;
	border-top:10px solid #fff;
	margin:0 auto; line-height:0; font-size:0; text-align:left;}

#doelgroepen #intro, 
#over-ons #intro, 
#working-well #intro, 
#realisaties #intro, 
#assortiment #intro {height:200px; background:#e9eccc url("../img/intro/sfeer_over_ons.jpg") no-repeat 551px 0;} /* img aanpassen per onderwerp */


#home #intro img {float:right;}
#intro img {float:left;} /* TIJDELIJK */

#content {float:left; text-align:left;}

#main {
	width:553px;
	padding:0 0 0 40px;
	float:left;}

#doelgroepen #main, 
#over-ons #main, 
#working-well #main, 
#realisaties #main, 
#assortiment #main {padding:0 0 0 40px; background:url("../img/line.png") no-repeat right bottom; padding-bottom:20px; line-height:130%;}

#doelgroepen #main p,
#over-ons #main p, 
#working-well #main p, 
#realisaties #main p,
#assortiment #main p {margin-right:40px; padding:10px 0;}

#sidebar {
	width:327px;
	float:right;
	padding:20px 40px 20px 0;
	color:#777;} /* P waarde marge? */
#sidebar p {margin-bottom:10px;}

#main ol {margin-right:40px;}

#buttons, #buttons-images { margin-top:20px; border-top:1px solid #d3d3d3; background:url("../img/list_shade.jpg") no-repeat bottom left; padding-bottom:20px;}
#buttons a {
	display:block;
	border-bottom:1px solid #d3d3d3;
	padding:10px 5px; width:auto;}

#buttons a:hover {background-color:#909e00; color:#fff; text-decoration:none; text-indent:10px;}
#buttons p {display:block; border-bottom:1px solid #d3d3d3; padding:10px 5px; margin:0;}

#buttons-images a {
	display:block; font-size:0; line-height:0;
	border-bottom:1px solid #d3d3d3;}
#buttons-images a:hover {padding:5px 0; text-decoration:none;}


#list {float:left; width:327px; list-style:none; border-top:1px solid #d3d3d3; background:#d3d3d3 url("../img/list_shade.jpg") no-repeat bottom left; padding-bottom:20px;}
#list ul {list-style:none; font-size:0; line-height:0;}
#list li {width:163px; height:61px;}
#realisaties #list li, #assortiment #list li {height:81px;}
#list li a {display:block; padding-bottom:1px; background-color:#d3d3d3;}
#list li a:hover {background-color:#909e00;}
#list_left {float:left; width:163px;}
#list_right {float:right; width:163px;}


/* intro */

blockquote {font-size:130%; background:url("../img/quote_hoek.png") no-repeat bottom right; width:553px; margin-left:-20px; padding-bottom:20px;}
blockquote p {padding:25px 20px 5px 20px; border-right:2px solid #909e00;}
blockquote .more {display:inline; background:url("../img/more_big.png") no-repeat center left; padding-left:17px;}

blockquote h2 {border-right:2px solid #909e00; padding-top:13px; padding-bottom:1px; text-indent:20px; font-size:110%;}
#doelgroepen blockquote, #over-ons blockquote, #working-well blockquote, #realisaties blockquote, #assortiment blockquote {padding-bottom:15px; margin-bottom:20px;}

.intro {font-size:120%;}


/* nieuws */

#news {background:url("../img/line.png") no-repeat right top; padding-right:41px; margin:20px 0;}
#news strong {font-size:110%;}
#news p {padding-left:20px; margin-left:70px; border-left:1px dotted #ccc; margin-bottom:20px; font-size:90%; line-height:140%; min-height:84px;}
* html #news p {height:84px}
#news img {float:right; border:2px solid #d3d3d3; margin-left:10px;}

dl {
	border:1px solid #333; /* opmaak kalender */
	text-align:center;
	font-weight:bold;
	width:50px;
	float:left;}
dt {color:#fff; background-color:#909e00; padding:2px 0;}
dd {font-size:180%;}


/* refs ! andere naam */

#refs {background:url("../img/line.png") no-repeat right top; padding-right:41px; margin-top:20px;}
#refs strong {font-size:110%; display:block; padding-bottom:5px;}
#main #refs p {margin:0 0 20px 124px; border-left:1px dotted #ccc; padding:0 0 0 20px; font-size:90%; line-height:140%; min-height:84px;}
* html #refs p {height:84px}
#refs img {float:left;}
#refs a img {border:2px solid #d3d3d3;}
#refs a:hover img {border-color:#909e00;}






/* #name {position:absolute; top:221px; left:675px;} */
#name {position:absolute; top:200px; left:646px; padding:21px 29px; background:url("../img/intro/label_name.jpg") no-repeat 0 0;}







/* google map */


#map {border:1px solid #909e00; width:495px; height:300px; margin:10px 0;}

div#popup {
font-family:verdana;
} div#popup b {color:#909e00;}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #e9eccc;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff; border-bottom:1px solid #909e00; border-left:1px solid #909e00; border-right:1px solid #909e00;
}
#lbCenter {border:1px solid #909e00;}
/* #lbBottomContainer {background-color:#e9eccc;} */

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {left: 0; background: transparent url(../img/prevlabel.gif) no-repeat top left;}
#lbPrevLink:hover {}
#lbNextLink {right: 0; background: transparent url(../img/nextlabel.gif) no-repeat top right;}
#lbNextLink:hover {}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {margin-right: 71px;}

#lbCaption {font-weight: bold;}