@import url(headerimg.css);

/*

 
  | GEN 3 | WOOD-LIFE.NL | EUGENRE.COM | 2007 |
 
   
*/
      
/* @group Reset */

/* Browser Reset - meyerweb.com - */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* @end */

body {
	background: #fff;
	margin: 0 auto;
	width: 960px;
	color: #333;
	font: 1em/1.1em "Lucida Grande", "lucida sans unicode", "Trebuchet MS", Arial, sans-serif;
}

a[href$=".pdf"] {
	background: url(images/pdf.png) no-repeat top right;
	padding-right: 17px;
}

a[href$=".doc"] {
	background: url(images/word.png) no-repeat top right;
	padding-right: 18px;
}

p {
	margin: 1em 0 0 0;
	font-size:.8em;
}

#masthead {
	height: 220px;
	background:#6c635a url(random/rotate.php) top right no-repeat;
	margin: 0 0 0 0;
}

h1.logo {
	padding:50px 0 0 76px;
}

h1.logo a:link, h1.logo a:visited {
    display:block;
	text-indent:-9999px;
	background:transparent url(images/woodlife.gif) top left no-repeat;
	height:119px;
	width:225px;	
}

h1.logo a:hover, h1.logo a:active {
	background-position:-225px 0px;
	
}

h2 {
	color: #5f7d3e;
	letter-spacing:.1em;
	font-size: 1.5em;
	font-family: Verdana, sans-serif;
	line-height:1.2em;
	font-weight:normal;
}

h3 {
	color: #5f7d3e;
	font-size: 1.1em;
	margin: 1em 0 0 0;
	font-family: Verdana, sans-serif;
	font-weight:normal;
}

h4 {
	color: #005496;
	font-size: 1.1em;
	margin: 1em 0 0 0;
	font-family: Verdana, sans-serif;
	font-weight:normal;
}


h6 {
	font-size: .8em;
	font-style: italic;
	font-family: "Lucida Grande", "lucida sans unicode", "Trebuchet MS", Arial, sans-serif;
	margin: 1em 0 0 0;
	font-weight:normal;

}

#content {
	background: #fff;
	float: left;
	width: 690px;
	margin: 15px 0 15px 0;
}

#content img {
	float: left;
	margin: 1em 5px 0 0;
}

#content a {
	text-decoration: underline;
}

#content a:link, #content a:visited {
	color: #003e6e;
}

#content a:hover, #content a:active {
	color: #5f7d3e;
	}

em {
	background: #d4ebba;
	font-style: normal;
}

strong {
	font-weight: bold;
}

/* Buttons on index -------- */
a#button1, a#button2 {
	display: block;
	width: 327px;
	height: 187px;
	background: transparent url(images/buttons.jpg) top left no-repeat;
	text-indent: -9999px;
	float: left;	
	padding: 0;
}

a#button1 {
	margin:20px 0 10px 0;
}
a#button1:link, a#button1:visited {
	background: transparent url(images/buttons.jpg) top left no-repeat;
}

a#button1:hover, a#button1:active {
	background: transparent url(images/buttons.jpg);
	background-position: 0 188px;
}

a#button2 {
	margin: 20px 0 10px 23px;
}

a#button2:link, a#button2:visited {
	background: transparent url(images/buttons.jpg) top right no-repeat;
}

a#button2:hover, a#button2:active {
	background: transparent url(images/buttons.jpg);
	background-position:327px 188px;
}

/* UL ------------------------------------- */

ul.bullets, #content ul {
	margin: 10px 0 10px 20px;
	font-size:.8em;
}

ul.bullets li {
    background: transparent url(images/bulletul.gif) left center no-repeat;
    padding: 0 0 0 7px;
}

#content ol {
	margin: 10px 0 10px 40px;
	font-size:.8em;
	list-style-type: upper-roman;
}

#sitemap ul {
	font-size: .9em;
}

#sitemap ul li {
	list-style:none;
}

.hr {
	border-bottom: 1px dotted #ccc !important;
	border-bottom: 1px solid #ccc;
	height: 1px;
	width: 685px;
}
/* Definition list tbv wist u dat -------- */

dl {
	margin: 1em 0 .2em 0;
}

dl dt {
	background: #fff;
	font-style: italic;
	font-family: verdana, sans-serif;
	font-size:.95em;
	margin: 10px 0 5px 0;
	display: block;
	width: 661px;
	color: #005496;
}

dl dd {
	margin: 0 0 0 20px;
	padding: 5px 5px 7px 5px;
	font-size:.8em;
	border-left: 1px dotted #ccc !important;
	border-left: 1px solid #ccc;
	border-top: 1px dotted #ccc !important;
	border-top: 1px solid #ccc;
	background: #f3f3f3;
	width: 635px;
	color: #333;
}

/* Side bar ----------------- */
#navigation {
	background: #fff;
	float: right;
	width: 259px;
	border-left: #bbb 1px dotted !important;
	border-left: #bbb 1px solid;
	margin: 20px 0 15px 0;
	padding: 0 0 0 5px;
}

/* Main navigation ----------- */
ul.sidemenu a {
	display:block;
	text-decoration:none;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 0 0;
	line-height:1.6em !important;
	height: 100%;
	text-indent: .4em;
	letter-spacing:.1em;
}

ul.sidemenu a:link, ul.sidemenu a:visited {
	border-bottom: #bbb 1px solid;
	color: #005496;
	background: transparent;
}

ul.sidemenu a:hover {
	border-bottom: #6c635a 1px solid;
	color: #fff;
	background:#6c635a;
}

ul.sidemenu a:active {
	border-bottom: #6c635a 1px solid;
	color: #eee;
	background: #544d48;
}

.submenu  {
    margin: 0 0  0 10px;
    font-size:.9em;
}

#bottomnav {
	margin: 15px 0 0 0;
}

#navigation img {
	margin: 20px 0 0 15px;
	text-align:center;
}

#bottomnav h3 {
	color: #005496;
	letter-spacing:.1em;
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 0 10px 0;
	background:#f3f3f3;
	text-align:center;
}

/* AJAXSeach - Navigation -  */

#navigation .wln, .AS_ajax_result {
	margin: 0 0 5px 0;
	padding: 5px;
	background: #f3f3f3;
	color: #333;
	margin: 0 0 10px 0;
}

#ajaxSearch_form {
	width: 150px;
}

#ajaxSearch_form fieldset {
	border: none;
	margin: 0;
	padding: 0;
	visibility:hidden;
	margin: 0 0 0 27px;
}

#ajaxSearch_form legend {
	display: none;	
}

#ajaxSearch_form label {
	width: 150px;
	visibility:visible;
}

.AS_ajax_result {
	font-size:.8em;
	text-align:left;
}

.AS_ajax_result a {
	font-size:1.2em;
}

.AS_ajax_extract {
	margin-top: 5px;
}

#search span {
	background: #d4ebba;
}

img#searchClose {
	display:none;
}

img#indicator {
	display: none;
}

p#ajaxSearch_intro {
	text-align:center;
	margin-top: 5px;
}

input#ajaxSearch_input {
	text-align:center;
	margin-top:15px;
}  

#navigation .wln h3 {
	font-size: 1em;
	letter-spacing:normal;
	text-align:left;
	background:transparent;
}

#navigation .wln p {
	font-size:.8em;
}

#navigation .wln .wln_datum {
	font-size: .6em;
	text-align: right;
}

#navigation .wln a, #search a {
	color: #87b359;
    text-decoration:none;

}

#navigation .wln a:link, #search a:link {
	color: #72974b;
	border-bottom:1px dotted #72974b !important;
	border-bottom:1px solid #72974b;
}

#navigation .wln a:visited, #search a:visited {
	color: #78a051;
	border-bottom:1px dotted #78a051 !important;
	border-bottom:1px solid #78a051;
}

#navigation .wln a:hover, #navigation .wln a:active, #search a:hover, 
#search a:active {
	color: #87b359;
	border-bottom:1px solid #87b359;
}


/* Topnavigation ------------- */
#topmenu {
	width: 960px;
	font-size: .7em;
	letter-spacing:.2em;
	text-transform: uppercase;
	height: 3em;
	margin: 0 0 0px 0;
	line-height:3em;
}

ul.topnav {
	float: right;
}

ul.topnav li {
	float: left;
}

ul.topnav a {
    display:block;
	text-decoration:none;
	margin:0 0 0 0;
	padding: 0 .6em;
}

ul.topnav a:link, ul.topnav a:visited {
	color: #2d2926;
}

ul.topnav a:hover {
	color: #fff;
	background: #6c635a;
}

ul.topnav a:active {
	color: #eee;
	background: #544d48;
}

/* hightlighting active page ----------- */

ul.topnav li a.current, ul.topnav li a.current:link, ul.topnav li a.current:visited, ul.topnav li a.current:hover, ul.topnav li a.current:active, #nieuws ul.topnav li a#pg6 {
	color: #fff;
	margin: 0 0 0 0;
	background: #6c635a;
	cursor:default;
}

ul.sidemenu li a.current, ul.sidemenu li a.current:link, ul.sidemenu li a.current:visited, ul.sidemenu li a.current:hover, ul.sidemenu li a.current:active {
	color: #fff;
	margin: 0 0 0 0;
	background: #6c635a;
	cursor:default;
}


#index a.current, #index a.current a:hover {
	background: #fff;
}

li.current a, li.current a:link, li.current a:visited, li.current a:hover, li.current a:active {
	color: #fff;
}

/* Form ------------- */

form {
	width: 689px;
	background: #fff;
	margin: 0;
	padding: 0;
}

fieldset {
	border: 1px dotted #ccc;
	
	margin:10px;
	background:#f3f3f3;
	padding: 0 0 10px 0;
}
/* Filter for all IE versions */
#IEroot fieldset {
	border: 1px solid #ccc;
}

form p {
	margin: 10px 0 0 0;
}

.error p {
	background: #fff url(images/error.gif) no-repeat 5px center;
	margin: 10px;
	padding:  5px 5px 5px 45px;
	border: 2px solid red;
}

p.error strong {
	font-weight:bold;
}

legend {
	margin: 0 0 0 20px;
	padding: 0 10px;
	font-style: italic;
	font-family: verdana, sans-serif;
	color: #005496;
}

#IEroot legend {
	background: #f3f3f3;
}

label, label.verplicht {
	float: left;
	width: 230px;
	text-align:right;
	line-height: 1.8em;
	padding: 0 10px 0 0;
}

input, textarea {
	background: #ccc;
	width: 200px;
	border: 1px solid #f3f3f3;
	padding: 3px;
}

#IEroot input, #IEroot textarea {
	background: #fff;
	border: 1px solid #bbb;
}

select {
	width: 208px;
	padding: 1px;
	border: 1px solid #f3f3f3;
	background: #ccc;
}

#IEroot select {
	background: #fff;
}

select:focus {
	background: #fff;
}

input:focus, textarea:focus {
	border: 1px dotted #bbb;
	background: #fff;
} 

input.button {
	width: 108px;
	margin: 0 0 0 50px;
	text-transform: uppercase;
}

#IEroot input.button {
	background: #fff;
	border: 1px solid #bbb;
}

label em, em.star {
	background:transparent;
	color: #cb282b;
	font-family:verdana, sans-serif;
}


/* Address styling ----------------- */

address {
	background: #f7f7f7;
	line-height:1.4em;
	color: #333;
	padding:.4em;
	font-size: .75em;
	font-style:normal;
}

address em {
	background: #f7f7f7;
	font-weight: lighter;
	color: #444;
	font-size:1.4em;
	letter-spacing:.1em;
	font-style:normal;
}

/* Should not be needed ------
address.bank {
	font-size:.7em;
}  */

p.klein {
	border: 1px dotted #ccc !important;
	border: 1px solid #ccc;
	margin:10px;
	background:#f3f3f3;
	padding: 5px;	
	text-align:center;
	font-size:.7em;
}


/* Specblok styling ------------- */

.specblok {
	background: #fff;
	width: 689px;
	margin: 5px 0 0 0;
	display:block;

}

.specblok h3 {
	color: #005496;
	clear:both;
}

.specblok p {
	color:#333;
	margin: 10px 0 5px 0;
}

body#furniture .specblok p {
	float: left;
	width: 390px;
}



#content .thumbscontainer ul.thumbs {
	margin: 0;
}

/* 1 gallery per row of 5 thumbs max */ 
.portfoliothumbs ul.thumbs {
	margin: 0;
} 


ul.thumbs li {
	margin: 0 29px 10px 0 !important;
	margin: 0 11px 5px 0;
	padding: 0;
	width: 200px;
	font-size:1.1em;
	display: block;
	float: left;
}


ul.thumbs li p {
	width: 200px;
	font-style:italic;
	margin: 4px 0 0 0;
	clear: both;
	height: 2em;
}

ul.thumbs li img.thumbnail {
	border-bottom: 6px solid #ccc;
	border-top: 6px solid #ccc;
	border-right: 6px solid #ccc !important;
	border-left: 6px solid #ccc !important;
	
}

ul.thumbs li img.thumbnail:hover {
	border-bottom: 6px solid #777;
	border-top: 6px solid #777;
	border-right: 6px solid #777 !important;
	border-left: 6px solid #777 !important;
	}

/* Table styling ------------------- */

table {
   background:#fff;
	color:#333;
	margin:0 18px 0 5px;
	font-size:.7em;
	padding:0;
	border-spacing:0px;
	border: 1px solid #ccc;
	float: right;
}

table.left {
	float:none;
}


#IEroot table {
	margin: 0 0 0 0;
}

caption {
   	font-size:1em;
	color:#333;
	line-height:1.2em;
	padding: 0 0 4px 0;
	background:#fff;
	text-align:center;
	font-style:normal;
}

table.small td, table.small th {
	padding: 0em;
}

td, th {
	padding:0 0.1em;
	text-align:center;
	
}

thead th {
	background:#eee;
	text-align:center;
	font-weight:bold;
	
}

tbody tr:hover, tbody tr.odd:hover {
	background: #6c635a;
	color: #fff;
}

tbody tr {
	background:#f7f7f7;
	text-align:left;
}

tbody tr.odd {
	background:#e7e7e7;
	border-top:#000 1px solid;
}

table.galleria, table.galleria tr{
	margin:0;
	padding:0;
	background:#fff;
}


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

#footer {
	clear:both;
	height:3em;
	font-size:.9em;
	color:#b6b1ad;
	background:#6c635a url(images/watermerk.jpg) .5em center no-repeat;
    margin: 10px 0 10px 0;
}

#footer a {
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	color: #b6b1ad;
	border-bottom: #b6b1ad 1px dotted !important;
	border-bottom: #b6b1ad 1px solid;
}

#footer a:hover, #footer a:active {
	color: #dedbd7;
	border-bottom: #dedbd7 1px dotted !important;
	border-bottom: #dedbd7 1px solid;
}

#footer p.left {
	float: left;
	line-height:2em;
	margin-left: 45px !important;
	margin-left: 23px;
}

#footer p.right {
	float: right;
	line-height:2em;
	margin-right: 20px !important;
	margin-right: 10px;
} 




/* Microsoft, my brain hurts! */