/* ----------------  reset  -------------------- */

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; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------  general  -------------------- */

body {font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #fff;}
#container {position:absolute; width:100%; background-color: #2C4D33; overflow: auto; text-align:center; background-image: url(images/noteboom_top_bg.jpg); background-repeat: repeat-x; }
#noteboom {text-align:left;  margin:0px auto; width:950px; background-image: url(images/noteboom_top.jpg); background-repeat: no-repeat; }
#ervaring {float:left; text-align:center; color:#fff; margin:20px 0 0 10px; font-size:12pt;}
#logo {float:right; padding-left:20px;}
#content {min-height:600px; border:1px solid #2C4D33;}



/* ----------------   nav bar   -------------------- */

#navcontainer {padding-top:176px; padding-left:5px;}
#navlist {}
#navlist li {display: block; float:left; list-style-type: none; padding:0 5px 0 0; }
#navlist li a {line-height:25px; height:40px; display:block; color:#fff; font-size:10pt; font-weight:700; width:113px; background: url(images/nav_bg.jpg) bottom left no-repeat; text-align:center; padding:0;}	
#navlist li a:link, #navlist a:visited {text-decoration: none;}
#navlist li a:hover, #navlist a:active {color:#1D3322; background: url(images/nav_over_bg.jpg) bottom left no-repeat;}

#navlist li #currentpage {color:#1D3322; background: url(images/nav_active_bg.jpg) bottom left no-repeat;}


/* ----------------  right bar  -------------------- */

#right {width:271px; float:right; margin:0; display:block; }
#coordinates {margin:70px 0 65px 0;}
#coordinates p.naam {font-weight:700; color:#243D3C; margin-bottom:20px;}
#coordinates a {color:#243D3C;}
#coordinates a:hover {background:#243D3C; color:#fff; text-decoration:none; font-weight:700;}


#renovatie {text-align:left; font-size:18px; font-weight:900; margin-bottom:70px; }
#renovatie a {color:#fff; text-decoration:none; line-height:180%;}
#renovatie a:hover {background: #DC5E3C; border-bottom:1px solid #D84C27;}


#offerte {text-align:left; font-size:18px; font-weight:900; }
#offerte a {color:#fff; text-decoration:none; line-height:180%;}
#offerte a:hover {background: #809695; border-bottom:1px solid #6C807E;}

#route {text-align:center; font-size:18px; font-weight:900; padding-right:10px;}
#route a {color:#fff; text-decoration:none; line-height:180%;}
#route a:hover {background: #809695; border-bottom:1px solid #6C807E;}





/* ----------------  content  -------------------- */

#details {margin-top:70px;}
h1 { border-bottom:1px solid #89A19F; color:#89A19F; text-transform:uppercase; font-weight:900; font-size:17pt; width:550px; font-family:"Microsoft Sans Serif", "Lucida Sans Unicode", "Trebuchet MS", Verdana; padding-bottom:10px; margin: 0 0 26px 8px;}

#details p {font-size:10pt; width:510px; margin:0 0 12pt 8px; text-align:justify; line-height:150%; }
#details p.meerfotos {font-size:12pt; text-align:center; line-height:150%; background:url(images/morepics_bg.jpg) top left no-repeat; height:60px; padding:12px 0 0 10px; font-weight:900; }
#details p.meerfotos a {color:#fff; text-decoration:none; }
#details p.meerfotos a:hover {background: #809695; border-bottom:1px solid #6C807E;}

div.pics {text-align:center; width:550px; display:block; background : url(images/pic_bg.jpg) top left no-repeat; padding:32px 0 50px 39px; min-height:180px; }
a.pic {border:1px solid #66846D; display:block; margin-right:28px; float:left;}
a.pic:hover {border:1px solid #89A19F; display:block; margin-right:28px; float:left;}


ul.kenmerken {font-size:10pt; color:#A3BFBD; margin:0 0 15px 30px;}
ul.kenmerken li {list-style:square; padding-left:10px; line-height:16pt;}





/* ----------------  footer  -------------------- */

#footer_container {clear:both; width:100%; background: #698770 url(images/noteboom_footer.jpg) top left repeat-x; color:#324D37; }
#footer {text-align:left;  margin:0px auto; width:950px; padding:40px 0 30px 0; font-size:10pt; }
#footer span {padding-left:400px;}
#footer a {color:#324D37;}
#footer a:hover {color:#fff;}

 
 
#noteboomform {margin:0 0 12pt 8px; font-size:10pt;}
#noteboomform input {background:#243E29; padding:2px 5px; color:#A3BFBD; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; border:0; margin:7px 12px 0 0; width:300px; }
fieldset {border:1px solid #89A19F; padding:5px; width:530px;}
legend {margin:0 6px 0 6px;}
#noteboomform select {background:#243E29; color:#A3BFBD; border:1px solid #243E29; margin:0 10px 6px 8px; width:250px; }
#noteboomform input.fieldsetinput {margin:0 0 0 8px; width:240px;}
#noteboomform input.submitgeneral {background: #89A19F; color:#243E29; width:266px; }
#noteboomform textarea {background:#243E29; padding:2px 5px; color:#A3BFBD; font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; border:0; width:530px; overflow:hidden;}