/*
	Colours
	Gray		#979f9e
	Orange		#e58203
*/

* { margin:0; padding:0; }

html, body { width:100%; height:100%; background-color:#979f9e; font-family:'arial'; font-size:13px; }
h1 { margin:0 0 15px 0; padding:0 10px; font-size:22px; font-weight:normal; }
p { padding-bottom:5px; margin:10px 7px; }
a { text-decoration:none; font-weight:bold; color:#e58203; }
a:hover { color:#000; }
body.carousel h1 { text-align:center; font-weight:bold; color:#e58203; font-size:25px; }
input:focus, a:focus, a, img { outline:0; }
#content ul { padding-left:26px; }
a img { border:0; }

#content a { margin:0 2px; }
a span.button1, a span.button2 { color:#fff; cursor:pointer; display:inline-block; }
a span.button1 span, a span.button2 span { color:#fff; cursor:pointer; display:inline-block; width:160px; padding:10px 20px; text-align:center; }
a span.button1 { background:transparent url(/images/layout/button-1-left.gif) no-repeat left center; }
a span.button1 span { background:transparent url(/images/layout/button-1-right.gif) no-repeat right center; }
a span.button2 { background:transparent url(/images/layout/button-2-left.gif) no-repeat left center; }
a span.button2 span { background:transparent url(/images/layout/button-2-right.gif) no-repeat right center; }

#frame { width:908px; height:666px; position:absolute; left:50%; margin-left:-454px; top:50%; margin-top:-333px; background:white url(images/layout/frame_background.gif) no-repeat 0 0; }
body.intro #frame { background-image:url(images/layout/frame_background-index.gif); }
body.carousel #frame { background-image:url(images/layout/frame_background-carousel.gif); }
body.stappenplan #frame { background-image:url(images/layout/frame_background-carousel.gif); }
body.stappenplan #introchoice { width:835px; text-align:center; }

#headertxt { position:absolute; left:242px; top:116px; }
#headertxt h1 { color:white; font-size:32px; font-weight:bold; font-family:Arial; }

#introchoice, #introchoice div.mask, #introchoice ul { position:absolute; left:0; top:0; }
#introchoice { left:37px; top:179px; }
#introchoice ul { list-style:none; clear:both; width:807px; height:439px; padding:13px; }
#introchoice li { float:left; height:439px; width:269px; position:relative; }
#introchoice a { position:relative; display:block; width:269px; height:439px; text-decoration:none; color:white; font-size:28px; font-family:Arial; }
#introchoice a span { cursor:pointer; display:block; width:269px; position:absolute; left:0; }
#introchoice a span.picture { height:319px; top:0; }
#introchoice a span.title { height:52px; top:319px; margin-left:1px; width:262px; background-color:#979f9e; }
#introchoice li.option-2 a span.title { margin-left:3px; width:264px; }
#introchoice li.option-3 a span.title { margin-left:6px; width:261px; }
#introchoice a span.title span.inner { text-align:center; padding-top:9px; }
#introchoice a span.description { height:68px; bottom:0; font-size:12px; color:#444; line-height:17px; }
#introchoice a span.description span.inner { text-align:center; padding-top:9px; }
#introchoice a:hover span.title { background-color:#000; /**/background:#757b7a url(images/layout/introchoice-title-bg-hover.jpg) no-repeat 0 0;/**/ }
#introchoice div.mask { width:832px; height:452px; background:transparent url(images/layout/introchoice-mask.png) no-repeat 0 0; _background-image:url(images/layout/introchoice-mask.gif); }

#menu { *width:681px; _width:681px; max-width:680px; text-align:right; position:absolute; top:40px; right:43px; background:#fff url(images/layout/menu-right.gif) no-repeat right top; height:35px; overflow:hidden; }
#menu div.inner { float:right; height:27px; padding:8px 4px 0 4px; clear:both; overflow:hidden; background:transparent url(images/layout/menu-left.gif) no-repeat 0 0; }
#menu span.inner { display:block; float:right; height:27px; padding:8px 4px 0 4px; clear:both; overflow:hidden; background:transparent url(images/layout/menu-left.gif) no-repeat 0 0; }
#menu a { float:right; text-decoration:none; margin:0 5px; color:#000; font-weight:bold; }
#menu a:hover { color:#777; }
#menu a.active { color:#E58203; }

#search { position:absolute; top:90px; right:43px; width:157px; height:27px; overflow:hidden; background:#fff url(images/layout/searchbox.gif) no-repeat 0 0; }
#search input { border:0; background-color:transparent; display:block; position:absolute; top:4px; height:19px; }
#search input.textbox { left:12px; width:116px; font-family:'Arial'; padding:1px; font-size:12px; }
#search input.button { right:3px; width:21px; cursor:pointer; text-indent:-9999px; font-size:0; line-height:0; background:transparent url(images/layout/arrow-right.gif) no-repeat center center; }

#submenu { position:absolute; top:95px; right:213px; }
#submenu ul { list-style:none; clear:both; }
#submenu li { float:left; padding:0 4px; font-size:14px; }
#submenu a { text-decoration:none; color:#fff; font-weight:bold; }
#submenu a:hover { color:#000; }
#submenu a.active, #submenu a.active:hover { color:#666; }

#logos { position:absolute; left:82px; top:143px; width:149px; height:108px; }
body.carousel #logos { display:none; }
#logos a { display:block; width:54px; height:28px; text-indent:-9999px; position:absolute; background:transparent url(images/layout/logos.jpg) no-repeat 0 0; }
#logos a.keurmerk { left:20px; top:24px; width:60px; height:62px; background-position:0 0; }
/*#logos a.nis { right:10px; top:0; background-position:0 -100px; }
#logos a.nvva { right:10px; top:39px; background-position:0 -200px; }
#logos a.nivre { right:10px; top:78px; background-position:0 -300px; }*/

#left { position:absolute; left:14px; top:272px; width:246px; height:378px; overflow:hidden; }
#left .testimonial { background-color:#979f9e; }
#left .testimonial .image { height:185px; background:transparent none no-repeat 0 0; }
#left .testimonial .image img { width:246px; }
#left .testimonial .about { color:#fff; padding:10px 0; text-align:center; }
#left .testimonial .about h2 { font-size:20px; font-weight:normal; }
#left .testimonial .about p { padding:0; margin:0; font-size:13px; }
#left .description { margin-top:14px; background-color:#fff; }
#left .description ul { list-style-type:circle; margin-left:20px; color:orange; }
#left .description li { font-size:12px; }
#left .description li span { color:#666; }

#content { position:absolute; left:282px; top:155px; width:560px; height:476px; overflow:auto; }
body.carousel #content { left:14px; width:879px; top:191px; height:461px; }

.mailform .row { clear:both; padding:0 7px 7px; }
.mailform span.label, .mailform span.input { display:block; }
.mailform .row input, .mailform .row textarea { width:400px; }
/*.mailform .row textarea { height:80px; }*/
.mailform .row input.checkbox, .mailform .row input.radio { width:auto; }
.mailform .ezcontentmailformmultiplecheckboxfield span.input label { padding:0 10px 0 5px; }

div#carouselpad { padding-top:30px; _height:220px; _width:879px; position:relative; }
div#carousel { clear:both; position:relative; margin:0 auto; }
div#carousel ul { clear:both; overflow:auto; padding-left:0; }
div#carousel li { display:block; float:left; }
div#carousel ul a { float:left; width:100px; height:126px; margin-top:38px; margin-right:9px; display:block; position:relative; /*background:transparent url(images/layout/carousel-item-mask.png) no-repeat 0 0;*/ }
div#carousel ul img { border:0; position:absolute; left:0; top:0; }
div#carousel ul img { width:100%; height:100%; }
div#carousel ul a.active, div#carousel ul a.active img { margin-top:0; width:160px; height:212px; }
div#carousel_prev, div#carousel_next, div#carousel_prev a, div#carousel_next a { display:block; width:15px; height:27px; overflow:hidden; text-indent:-9999px; }
div#carousel_prev, div#carousel_next { position:absolute; top:118px; left:26px; }
div#carousel_next { left:auto; right:26px; }
div#carousel_prev a, div#carousel_next a { background:white url(images/layout/carousel-arrows.gif) no-repeat 0 0; }
div#carousel_next a { background-position:-15px 0; }
div#carousel-item-descriptions { margin-top:15px; height:125px; overflow:hidden; }
div#carousel-item-descriptions div.description { height:125px; width:816px; background:white url(images/layout/carousel-item-description.gif) no-repeat center top; overflow:hidden; margin:0 auto; display:none; }
div#carousel-item-descriptions h2 { font-size:24px; color:#e58203; padding-left:45px; padding-top:15px; }
div#carousel-item-descriptions h2 a { font-size:18px; text-transform:uppercase; }
div#carousel-item-descriptions p { margin-left:0; padding-left:45px; font-family:Arial; font-size:12px; }

#tooltip { opacity:0.9; filter:alpha(opacity=90); font-size:18px; position:absolute; z-index:3000; border:1px solid #111; background-color:#eee; padding:5px; min-width:140px; max-width:400px; }
#tooltip p { padding:0; margin:0; }