/* 
stylesheet template naamwebsite.nl (basic.css)

INHOUD
1. Reset
2. Default
3. Headings
4. Links
5. Layout
6. Branding/Masthead	
7. Navigation
8. Contact/Formulieren
9. Classes
10. Home

COLOURS
Zwart = #000
Rood = #e60022
Groen = #9ec100
Donkergroen = #007f55


/* 1.Reset 
------------------------------------------------------------*/
@import url(reset.css);


/* 2.Deafult
------------------------------------------------------------*/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#3f3f3f; background:#000; behavior: url(../_js/csshover.htc); } 

p, ul, dl, ol { margin-bottom:18px; }


/* 3.Headings
------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color:#9ec100; }

h1 { font-size:22px; line-height:26px; margin-bottom:20px; }

#home h1 { line-height:18px; }

h2 { font-size:17px; margin-bottom:3px; }

h3 { font-size:16px; }

h4 { font-size:14px; }

h5 { font-size:12px; }

	
/* 4.Links
------------------------------------------------------------*/
a { text-decoration:none; color:#9ec100; }

a:hover { color:#FF0000; }


/* 5.Layout
------------------------------------------------------------*/
#wrapper { width:800px; margin:auto; }

#sidebar { float:left; width:150px; padding:42px 10px 0 0; background:url(../_img/tmpl/bg_sidebar_top.gif) no-repeat top left; margin-right:10px; }

#content { width:800px; background:url(../_img/tmpl/bg_content.gif) repeat-y top; border-bottom:4px solid #9ec100; float:left; padding-bottom:30px; }

#mid { float:left; width:620px; }

#main { float:left; width:460px; margin-right:20px; }

body#home #main { padding-top:28px; }

#main ul { list-style:disc; margin-left:15px; }

#sidebarright { float:left; width:140px; }

#sidebarright img { border:1px solid #9ec100; margin-bottom:10px;  }

#sidebarright img.noborder { border:none; }


/* 6.Branding/Masthead
------------------------------------------------------------*/
#masthead { background:url(../_img/tmpl/bg_masthead.jpg) no-repeat; height:151px; }

*html #masthead {  }

#masthead h1 { text-indent:-9000px; height:30px; margin:0px; }
	

/* 7.Navigation
------------------------------------------------------------*/
ul#topnav { height:20px; padding-top:8px; background-color:#000; margin-bottom:0; }

ul#topnav li { float:right; display:block; height:12px; line-height:12px; padding:0 10px; border-right:solid 1px #007f55; }

ul#topnav li.last { border:none; }

ul#topnav li a { color:#fff; }

ul#topnav li a:hover { color:#e60022; }


ul#mainnav { float:left; font-size:16px; font-weight:bold; margin-left:206px; }

*html ul#mainnav { margin-left:106px; }

ul#mainnav li { float:left; display:block; padding:0 15px; border-right:solid 1px #007f55; }

ul#mainnav li.last { border:none; }

ul#mainnav li a { color:#fff; }

ul#mainnav li a:hover, ul#mainnav li a.active { color:#000; }


ul#sidenav { font-size:14px; margin-left:10px; }

ul#sidenav li { margin-bottom:5px; }

ul#sidenav li a { color:#666; }

ul#sidenav li a:hover { color:#000; text-decoration:underline;  }

ul#sidenav li a.active { color:#e60022;  } 



/* 8.Contact/Formulieren
------------------------------------------------------------*/
ol li { margin-bottom:4px; }

label { display:block; float:left; width:140px; }

select { width:200px; margin-bottom:4px; }

.text { border:1px solid #9ec100; background:#fff; padding:2px; height:15px; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.area { height:70px; overflow:hidden;  }

.small { width:60px; margin-right:20px; }

.radio { margin-bottom:3px; }

.verplicht { margin-left:108px; }

button { background:#9ec100; padding:2px 2px 3px 2px; height:20px; border:none; cursor:pointer;color:#fff; font-size:12px; }

button:hover { color:#FFF; background:#007f55; }

.statusok { font-weight:bold; color:#007f55; margin-bottom:25px; }

.statuserror { font-weight:bold; color:#e60022; margin-bottom:25px; }

.contact_hoogeveen, .contact_apeldoorn, .contact_baarn  { width:150px; float:left; margin-right:10px; }

.contact_baarn { width: 140px; margin:0; }

dt { display:block; float:left; width: 60px; }

#contact #main h2, body#contact #sidebarright h2 { margin-bottom:18px; }

#contact #content { padding:0; }

#contact .banner_meeus { margin-top:160px; }



/* 9.Classes
------------------------------------------------------------*/
.fl { float:left; }

.fr { float:right; }



/* 9.Home
------------------------------------------------------------*/
#home #masthead { height:292px; }

#home #content { padding:0 0 0 0;  background:url(../_img/tmpl/bg_content_home.gif) repeat-y top #000; }

#home #sidebar { background-image:none; padding:0px; width:160px; position:relative; }

#home .banner_meeus { margin-top:10px;  }

#home a.next { color:#FFFFFF; display:block; float:right; margin:198px 40px 0 0; font-size:14px; background:url(../_img/tmpl/arrow_home_right.gif) right no-repeat; padding-right:15px; }

*html #home a.next { margin-right:20px; }

#home a.next:hover { color:#9ec100; }

body#home #main, body#home #sidebarright { padding-top:28px; }


/* 9.Referenties
------------------------------------------------------------*/
ul.refs { float:left; list-style:none; text-align:center; width:620px; }

ul.refs li { float:left; display:block; margin:0 20px 14px 0; border:1px solid #ccc; width:138px; height:92px; }

*html ul.refs li { margin-right:14px; }

ul.refs li.last { margin-right:0px; }

table.holder { height:72px; width:138px; text-align:center; }

table.holder tr td { vertical-align:middle; text-align:center; } 


/* 10.Projecten
------------------------------------------------------------*/
table#projecttabel { border:none; width:100%; margin-bottom:8px; }

table#projecttabel tr:hover { background-color:#f7f7f7; cursor:pointer;  }

table#projecttabel tr td { border-bottom:1px solid #9ec100; padding:9px 0; vertical-align:top; }

table#projecttabel tr td.afb { width:160px;  }

table#projecttabel tr td.afb img { border:1px solid #9ec100; }

table#projecttabel tr td.naam { width:160px; padding:24px 20px 0 0 }

table#projecttabel tr td.opdrachtgever { padding-top:24px; }

table#projecttabel tr td.plaats {padding-top:24px; width:115px; }

table#projecttabel tr.top td { background:#9ec100; color:#FFF; padding:4px 0; border:none; }

table#projecttabel tr.top td.topafb { width:160px; }

table#projecttabel tr.top td.topnaam { width:180px; }

table#projecttabel tr.top td.topplaats { width:115px; }

ul#sidenav li a.previous { background:url(../_img/tmpl/arrow_left.gif) left no-repeat; padding-left:12px; margin-bottom:18px; display:block; color:#9ec100; font-size:13px; }

ul#sidenav li a.previous:hover  { color:#e60022; text-decoration:none; }

body#projecten #sidebarright { width:220px; }

body#projecten #main { width:390px; margin-right:10px; }

*html body#projecten #main { margin-right:4px; } 

body#projecten ul.imageholder { list-style:none; float:left; margin:0 0 18px 0; width:390px; }

body#projecten ul.imageholder li { float:left; margin:0 8px 4px 0 }

.imageholder img { border:1px solid #9ec100; }

.imageholder li a img:hover { border:1px solid #e60022; }

.last { margin-right:0px;}


/* 11.Navigatie overzicht
------------------------------------------------------------*/
table.navigatie { width:620px; float:left; }

table.navigatie td.midden { width:420px; color:#666; text-align:center; }

table.navigatie td.links  { width:100px; text-align:left; }

table.navigatie td.rechts { display:block; text-align:right; }

table.navigatie td.rechts a { background:url(../_img/tmpl/arrow_right.gif) right no-repeat; padding-right:12px; }

table.navigatie td.links a { background:url(../_img/tmpl/arrow_left.gif) left no-repeat; padding-left:12px;  }


/* 12.Nieuws
------------------------------------------------------------*/
.fotos { width:115px; height:22px; display:block; text-indent:-9999px; background:url(../_img/tmpl/bekijk_fotos.gif) no-repeat 0 0; }

.fotos:hover { background-position:0 -22px; }

.invisible { visibility:hidden; width:0; height:0; text-indent:-9999px; }

#nieuwsblock { padding:0 10px; min-height:100px; height:auto !important; height:100px; }


/* 13. Lightbox
------------------------------------------------------------*/
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
	
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
	
#jquery-lightbox a img { border:none; }

#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
	
#lightbox-container-image { padding:10px; }
	
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
	
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
	
#lightbox-container-image-box > #lightbox-nav { left:0; }
	
#lightbox-nav a { outline:none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
	
#lightbox-image { }

#lightbox-nav-btnPrev { left:0; float:left; }

#lightbox-nav-btnNext { right:0; float:right; }

#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
	
#lightbox-container-image-data { padding:0 10px; color:#666; }
	
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left;}
	
#lightbox-image-details-caption { font-weight:bold; }
	
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }
	
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }