/* ------------------------------------------------- */
/* COMMON STYLES
/* ------------------------------------------------- */
	body { margin:0; padding:0; background-color:#333; font:12px/20px Helvetica, Arial, sans-serif; color:#FFF; }
	a { outline:none; border:none; color:#2c97f2; }
	a:hover { color:#2068cf; }
	input:focus { outline:none; border-color:#2068CF !important; }
	label { cursor:pointer; }

/* ------------------------------------------------- */
/* LAYOUT RULES
/* ------------------------------------------------- */
	#menu-wrapper { position:absolute; top:30px; left:0px; width:390px; height:390px; }
	#menu-wrapper #logo { position:relative; z-index:2; left:40px; }
	#menu-wrapper #menu { position:absolute; top:0px; left:0px; width:390px; height:390px; z-index:1; }
	#footer { position:absolute; bottom:0px; left:0px; width:100%; min-width:900px; padding:9px 0px; background-color:#1b1919; font-size:10px; line-height:10px; color:#797777; z-index:101; }
	#secure-link { position:absolute; width:38px; height:38px; background:transparent url(../img/ico-slot.png) no-repeat; top:30px; right:30px; z-index:1000; }
	#secure-link span { display:none; }
	#log-info { position:absolute; width:auto; height:38px; top:30px; right:30px; z-index:1000; background:#d0d; background:url(../img/bg-log-info-left.png) no-repeat top left; }
	#log-info p { color:#FFF; margin-left:14px; padding:0px 36px 0px 0px; line-height:38px; background:url(../img/bg-log-info.png) no-repeat top right; }
	#log-info p a { text-decoration:none; }

/* ------------------------------------------------- */
/* MODAL WINDOW
/* ------------------------------------------------- */
	div.modal { position:absolute; top:15%; left:30%; width:291px; padding:27px 37px 40px 37px; z-index:10; cursor:move; }
	div.modal a { cursor:pointer; }
	div.modal h1 { font-weight:bold; color:#FFF; font-size:14px; margin-bottom:12px; }
	div.modal p { margin-bottom:12px; }
	div.modal p:last-child { margin-bottom:0px; }
	div.modal a.btn-close { position:absolute; text-decoration:none; display:block; top:0px; left:295px; width:25px; height:25px; background:url(../img/btn-close.png) no-repeat 0px 0px; }
	div.modal a.btn-prev { position:absolute; text-decoration:none; display:block; top:50%; left:-30px; width:54px; height:54px; margin-top:-32px; background:url(../img/btn-prev2.png) no-repeat 0px 0px; }
	div.modal a.btn-next { position:absolute; text-decoration:none; display:block; top:50%; right:-30px; width:54px; height:54px; margin-top:-32px; background: url(../img/btn-next2.png) no-repeat 0px 0px; }
	div.modal a.disabled { display:none; }
	div.modal div.body { position:relative; }
	div.modal div.body img { display:block; }
	div.modal div.body div.top { float:left; width:291px; height:10px; background:transparent url(../img/modal-top.png) no-repeat 0px 0px; }
	div.modal div.body div.middle { float:left; position:relative; width:251px; background:transparent url(../img/modal-content.png) repeat-y; padding:10px 20px; overflow:hidden; }
	div.modal div.body div.bottom { float:left; width:291px; height:10px; background:transparent url(../img/modal-bottom.png) no-repeat 0px 0px; }
	
/* ------------------------------------------------- */
/* BIG MODAL WINDOW
/* ------------------------------------------------- */
	div.big { width:522px; }
	div.big div.body div.top { float:left; width:522px; height:10px; background:transparent url(../img/modal-big-top.png) no-repeat 0px 0px; }
	div.big div.body div.middle { float:left; position:relative; width:482px; background:transparent url(../img/modal-big-content.png) repeat-y; padding:10px 20px; overflow:hidden; }
	div.big div.body div.bottom { float:left; width:522px; height:10px; background:transparent url(../img/modal-big-bottom.png) no-repeat 0px 0px; }
	div.big a.btn-close { left:525px; }

/* ------------------------------------------------- */
/* BIG MODAL CONTENT (PLANTEN, BOMEN EN STRUIKEN)
/* ------------------------------------------------- */
	#bomen-en-struiken ul.submenu { float:left; margin-left:-15px; width:185px; margin-right:51px; }
	#bomen-en-struiken ul.submenu li { padding:0; margin:0; }
	#bomen-en-struiken ul.submenu li a { display:block; font-size:12px; width:165px; color:#818080; text-decoration:none; border-bottom:1px solid #403e3e; padding:5px 0px 5px 30px; margin-right:0px !important;  }
	#bomen-en-struiken ul.submenu li a:hover { color:#FFF; text-decoration:none; background:url(../img/bullet-bg.png) no-repeat 0px 0px; }
	#bomen-en-struiken ul.submenu li a.active { color:#FFF; text-decoration:none; background:url(../img/bullet-bg.png) no-repeat 0px 0px; font-weight:bold; }
	#bomen-en-struiken ul.submenu li a.last { border-bottom:none; }
	#bomen-en-struiken div.middle div.content div.content-wrapper div.content-item { padding-top:4px; height:400px; overflow:hidden; }
	#bomen-en-struiken div.middle div.content div.content-wrapper div.content-item h1 { margin-bottom:8px; }
	#bomen-en-struiken div.middle div.content div.content-wrapper div.content-item a { display:block; font-size:13px; font-weight:bold; text-decoration:none; color:#FFF; height:46px; line-height:50px; background:url(../img/bg-download.png) no-repeat 0px 0px; padding-left:35px; margin-bottom:9px; }
	#bomen-en-struiken div.middle div.content div.content-wrapper div.content-item a:hover { color:#2068CF; }
	
/* ------------------------------------------------- */
/* MAP STYLES
/* ------------------------------------------------- */
	#map-canvas { width:251px; background-color:#D0D; height:313px; -moz-border-radius:5px; -webkit-border-radius:5; border-radius:5px; }
	
/* ------------------------------------------------- */
/* MODAL WINDOW CONTENT 
/* ------------------------------------------------- */
	div.middle div.content { float:left; overflow:hidden; width:251px; }
	div.middle div.content div.content-wrapper { position:relative; width:20000em; }
	div.middle div.content div.content-wrapper div.content-item { float:left; width:251px; }
	div.middle div.content div.content-wrapper div.content-item ul { margin-left:20px; margin-bottom:16px; }
	div.middle div.content a, div.middle div.content a:visited, div.middle div.content a:active { color:#2C97F2;}
	div.middle div.content a:hover { color:#2068CF; text-decoration:none; }

/* ------------------------------------------------- */
/* CONTENT CLOSED STATE
/* ------------------------------------------------- */
	div.closed div.body { opacity:0.75; }
	div.closed div.body div.middle { height:23px; overflow:hidden; }
	div.closed a.btn-close { background:url(../img/btn-move.png) no-repeat 0px 0px; }
	div.closed a.btn-prev { display:none; }
	div.closed a.btn-next { display:none; }

/* ------------------------------------------------- */
/* MODAL CONTROLS
/* ------------------------------------------------- */
	div.modal ul#controls { list-style:none; position:absolute; bottom:0; left:53px; }
	div.modal ul#controls li { float:left; width:110px; height:32px; list-style:none; }
	div.modal ul#controls li a { float:left; display:block; width:110px; height:32px; background:url(../img/icons2.png) no-repeat; }
	div.modal ul#controls li a span { display:none; }
	div.modal ul#controls #btn-fotos a { background-position:0px 0px; }
	div.modal ul#controls #btn-prijslijst a { margin-left:0px; background-position:-110px 0px; }
	
/* ------------------------------------------------- */
/* LOGIN FORM
/* ------------------------------------------------- */
	#login input, #login button { font:12px/12px Helvetica, Arial, sans-serif; color:#FFF; width:239px; border:none; background:#000; padding:5px; color:#FFF; border:1px solid #666; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
	#login button { float:right; width:auto; padding:5px 8px; }
	#login label { font-size:10px; font-weight:bold; line-height:12px; text-transform:uppercase; }
	#login #feedback { padding:5px 10px; border-radius:5px; -webkit-border-radius:5px; -webkit-border-radius:5px; background:#C00; color:#FFF; margin-bottom:13px; }
	#login a.prijslijst { display:block; font-size:13px; font-weight:bold; text-decoration:none; color:#FFF; height:46px; line-height:50px; background:url(../img/bg-download.png) no-repeat 0px 0px; padding-left:35px; margin-bottom:9px; }
	#login a.prijslijst:hover { color:#2068CF; }

/* ------------------------------------------------- */
/* THUMBNAILS
/* ------------------------------------------------- */
	div.thumbnails { position:absolute; left:0px; bottom:28px; width:100%; height:110px; background:url(../img/bg-thumbnails.png) repeat-x 0px 25px; z-index:200; padding-top:41px; overflow:hidden; z-index:100; }
	div.thumbnails #close-btn { position:absolute; text-decoration:none; display:block; top:0px; right:10px; width:25px; height:25px; background:url(../img/btn-close.png) no-repeat 0px 0px; z-index:5; }
	div.thumbnails #close-btn span { display:none; }
	div.thumbnails a.prev { position:absolute; top:41px; left:0px; width:50px; height:100px; background:#000 url(../img/btn-pijl-links.png) no-repeat center center; opacity:0.75; filter:alpha(opacity=75); z-index:10; text-decoration:none; }
	div.thumbnails a.next { position:absolute; top:41px; right:0px; width:50px; height:100px; background:#000 url(../img/btn-pijl-rechts.png) no-repeat center center; opacity:0.75; filter:alpha(opacity=75); z-index:11; text-decoration:none; }
	div.thumbnails div.items { position:absolute; }
	div.thumbnails div.items a { float:left; position:relative; width:150px; height:100px; opacity:0.5; filter:alpha(opacity=50); background:url(../img/thumbs-loader.gif) no-repeat 50% 50%; text-decoration:none; }
	div.thumbnails div.items a div.kader { position:absolute; top:0px; left:0px; width:148px; height:98px; border:1px solid #FFF; display:none; }
	div.thumbnails div.items a img { display:none; }
	div.thumbnails div.items a:hover { opacity:1; filter:alpha(opacity=100); }
	div.thumbnails div.items a:hover div.kader { display:block; }
	
	div.thumbnails div.items a.active { opacity:1; filter:alpha(opacity=100); }
	div.thumbnails div.items a.active div.kader { display:block; }
	
	div.thumbnails div.items a:active { outline:none; }

/* ------------------------------------------------- */
/* FOOTER STYLES
/* ------------------------------------------------- */
	#footer p { padding-left:40px; }
	#footer p a { color:#797777; text-decoration:none; }
	#footer p a:hover { color:#FFF; text-decoration:none; }