/* Stylesheet */

/* Globals */
html, body {height:100%;}
html { overflow-y:scroll; overflow:-moz-scrollbars-vertical; background:url('/images/layout/html.jpg') repeat-x #002a0b; }
body { font-family:arial; text-align:center; font-size:12px;margin:0; padding:0; min-width:1024px;}
form {display:inline;}
img {border:0;}
td {vertical-align:top; line-height:18px;}
a {text-decoration:none; color:#FFFFFF; text-decoration:underline;}
a:focus {outline:0;}
p {line-height:18px; margin: 0 0 15px 0;}
ul, ol {margin:10px 0; padding:0; list-style-position:inside;}
ul li, ol li { line-height:18px; }

.c5text { min-height:229px; }
.c5news ul.pager { float:right; margin:0; padding:0 0 10px; }
.c5news ul.pager li { list-style:none; float:left; }
.c5news ul.pager a { -webkit-transition:background-color 200ms ease-out; -moz-transition:background-color 200ms ease-out; -o-transition:background-color 200ms ease-out; display:block; width:7px; height:7px; margin-left:3px; background-color:#fff; border:solid 2px #1f4329; text-indent:-9999px; outline:0; }
.c5news ul.pager a:hover, .c5news > ul a:focus, .c5news > ul a.active { background-color:#1f4329; }
.c5news ul.items li { list-style:none; height:300px; }
.c5news ul.items div.image img { display:block; width:240px; }
#side .c5news ul.items div.header { text-align:center; line-height:41px; font-weight:bold; font-size:15px; background-color:#1f4329; color:#fff; text-shadow:0 0 3px #000; }
#side .c5news ul.items div.header a { color:#fff; text-decoration:none; }
.c5news ul.items div.item { padding:12px 0; }
.c5news ul.items div.item h2, .c5news > div > div.item p { margin:0; }
.c5news ul.items div.item h2 { font-size:14px; }

table.nieuws { border-spacing:0; }
table.nieuws td { padding:0 15px 15px 0; }
table.nieuws h2, table.nieuws p { margin:0; padding:0; color:#fff; }
table.nieuws td.img img { width:244px; height:138px; display:block; }
table.nieuws li { list-style:disc inside; }

/* Divs */
#site {background:url('/images/layout/body.gif') repeat-y top center; min-height:100%;}
div.wrapper {width:1024px; _width:1036px; margin:0 auto; text-align:left;}
#side { background-color:#fff; float:left; width:280px; min-height:580px; height: auto !important; height:640px;position:relative; overflow-x:hidden }
#side .content {padding:0px 20px 50px; }
#side .content a {color:#000000; text-decoration:underline;}
#side .content a:hover {color:#86b698;}
#side .service {position:absolute; bottom:0; left:0;}
#side .service p {color:#8b8b8b;}
#side .service p a {color:#8b8b8b; text-decoration:none;}
#side .service p a:hover {color:#000000;}
#main {float:left; width:740px;}
#main .menu {float:left;}
#main .language {float:right; padding: 0 26px 0 0;}
#main .home_content {clear:left; padding:3px 0 0 15px;}
#main .content {clear:left; padding:3px 0 0 15px; *padding-top:1px;}
#main .content#productoverzicht {position:relative; width:740px}
#main .content#productspecs {position:relative; width:740px;}
#main .content#productspecs p {padding:10px 0 0 6px; color:#000000; font-size:11px;}
#main .content#productspecs p a { color:#fff; }
#main .content#contact {padding-top:40px; background:url(/images/layout/foto_contact.jpg) no-repeat scroll right 3px;}
#main .content#downloads {padding:41px 0 0 15px;}
#main .content#faq {padding:30px 0 0 15px;}
#main .content, #main .content p, #main .content ul { color:#fff; }
#main .content p a:hover {color:#86b698;}
#main .buttons {clear:left; padding:0 0 0 15px;}

div.content_wrapper {clear:both;}
.clear { clear:both; }

/* Modules */
#menu {margin:0; list-style:none;}
#menu li {float:left; position:relative;}
#menu li a {display:block; color:#FFFFFF; line-height:28px; padding:30px 0 0 15px; font-size:10px; font-weight:bold; text-decoration:none;}
#menu li a:hover, #menu li a.current {color:#86b698;}
#menu li:hover ul, #menu li.sfhover ul {left:auto; }
#menu ul {left:-9999px; margin:0; list-style:none; position:absolute; margin:-58px 0 0 0; padding:30px 0 0 0; width:120px; background:#1e4328; z-index:9999; border:1px solid #000000; border-top:0; border-left:0;}
#menu ul li {float:left; clear:left;}
#menu ul li a {line-height:16px; padding:0 0 0 15px;}
#menu ul li a:hover {color:#86b698;}
#menu ul li a.parent {line-height:28px;}
#menu ul li a.first {padding-top:15px;}
#menu ul li a.last {padding-bottom:10px;}

#language {margin:0; list-style:none;}
#language li {float:left;}
#language li a {display:block; background:url('/images/layout/flags.gif') no-repeat; width:18px; height:20px; margin:40px 3px 0 3px; text-indent:-9999px;}
#language li a#en {background-position:-29px 0px;}
#language li a#de {background-position:-58px 0px;}

#nav {list-style:none; margin:0;}
#nav li {float:left; margin:0 8px 0 0;}
#nav li a {display:block; height:688px;width:172px; text-indent:-9999px; background:#FFFFFF; }
#nav li a:hover {background-position:1px 1px;}
#nav li a.sierbeton {background:url('/images/layout/button_sierbeton.jpg') no-repeat;}
#nav li a.projecten {background:url('/images/layout/button_projecten.jpg') no-repeat;}
#nav li a.tuinbouw {background:url('/images/layout/button_tuinbouw.jpg') no-repeat;}
#nav li a.geluidswering {background:url('/images/layout/button_geluidswering.jpg') no-repeat;}
#nav li a:hover { /*background-position:-172px 0;*/ opacity:0.9; filter:alpha(opacity=90); }

ul.overview {margin:0; list-style:none; height:470px; clear:both;}
ul.overview#small {height:120px;}
ul.overview li {float:left; clear:none; width:180px; height:129px; overflow:hidden; text-align:center; background:url('/images/layout/overview_bg.jpg') no-repeat; }
ul.overview li div.overview_image { width:160px; height:107px; background:#1e4328; overflow:hidden; text-align:left; position:relative; }
ul.overview li div.overview_image img {position:absolute; top:0; left:0; *left:-8px; border:0;}
ul.overview li a {color:#FFFFFF; font-size:11px; text-decoration:none; display:block; text-align:center; margin: 0 15px 0 0;}
ul.overview li a:hover {text-decoration:underline;}
#project_thumbs li {width:720px; height:470px; background:url('/images/layout/project_thumbs.png') no-repeat;}
#project_thumbs li div.thumb {float:left; clear:none; width:180px; height:129px; overflow:hidden; text-align:left; background:url('/images/layout/overview_bg.jpg') no-repeat;}
#project_thumbs li div.thumb img {float:left;}
ul.overview li div.overview_image a { text-align:left;}


#buttons {margin:0; list-style:none; clear:left;}
#buttons li {float:left; clear:none;}
#buttons li.last {margin:0;}
#buttons li a {display:block; height:50px; width:180px; background:url('/images/layout/nl_buttons.jpg') no-repeat; text-indent:-9999px;}
.en #buttons li a{background-image:url('/images/layout/en_buttons.jpg');}
.de #buttons li a{background-image:url('/images/layout/de_buttons.jpg');}
#buttons li a.sierbeton {}
#buttons li a.sierbeton:hover, #buttons li a.sierbeton.select {background-position:-180px 0;}
#buttons li a.projecten {background-position:0 -50px;}
#buttons li a.projecten:hover, #buttons li a.projecten.select {background-position:-180px -50px;}
#buttons li a.tuinbouw {background-position:0 -100px;}
#buttons li a.tuinbouw:hover, #buttons li a.tuinbouw.select {background-position:-180px -100px;}
#buttons li a.geluidswering {background-position:0 -150px;}
#buttons li a.geluidswering:hover, #buttons li a.geluidswering.select {background-position:-180px -150px;}

div.product_image { float:left; width:360px; }
div.product_image div.text { height:221px; padding:0 15px; overflow:auto; overflow-x:hidden; overflow-y:auto; }
#main .content#productspecs div.product_image div.text h2 { color:#fff; }
#main .content#productspecs div.product_image div.text p { color:#fff; font-size:11px; padding:0; margin:0 0 10px; }
div.product_specs {float:left; width:340px; height:450px; margin:0 0 20px 0; background:#d1d1d1; overflow-y:auto;}
.product_specs, .product_specs table { color:#000; }
#product_specs { width:430; font-size:11px;}
#product_specs th {font-weight:bold; padding:10px 6px 0; text-align:center;}
#product_specs td {padding:0 6px;}
#product_specs td img {display:block; margin:0 auto; padding:3px 0 0 0;}
#product_specs td.groupheader {padding-top:20px;}

div.faq_question {float:left; width:360px;}
div.faq_answer {float:left; width:340px;}

#page_nav {clear:both; margin:0; list-style:none; min-height:40px; margin:0 0 10px 0;}
#page_nav li {clear:both; float:left; margin:0;}
#page_nav li a {display:block; background:url('/images/layout/page_nav.gif') no-repeat 0 1px; padding:0 0 0 18px;}
#page_nav li a:hover {color:#86b698;}
#page_nav.projecten li { margin-left:180px; _margin-left:90px; }
#page_nav.tuinbouw li { margin-left:360px; _margin-left:180px; }
#page_nav.geluidswering li { margin-left:540px; _margin-left: 270px; }

div.project {height:470px; overflow-y:hidden; position:relative;}
div.project_nav {position:absolute; z-index:5; top:433px; left:32px; width:96px; height:40px; background:#1e4328; color:#FFFFFF; line-height:40px; font-size:18px;}
#wrap_thumbs {top:470px;position:absolute; z-index:8;background:#002a0b; width:720px;}
#thumb_nav {top:500px; z-index:8;}
div.projecten div.project_nav {left:212px;}
.wrapper div.projecten .jcarousel-prev-horizontal {left:180px;}
.wrapper div.projecten .jcarousel-next-horizontal {right:380px;}
div.tuinbouw div.project_nav {left:392px;}
.wrapper div.tuinbouw .jcarousel-prev-horizontal {left:360px;}
.wrapper div.tuinbouw .jcarousel-next-horizontal {right:200px;}
div.geluidswering div.project_nav {left:572px;}
.wrapper div.geluidswering .jcarousel-prev-horizontal {left:540px;}
.wrapper div.geluidswering .jcarousel-next-horizontal {right:20px;}

div.project span {float:left; padding:0 0 0 10px;}
div.project_nav a {display:block; float:right; text-indent:-9999px; width:30px; height:40px; padding:0 10px 0 0; z-index:7;}
div.project_nav a#thumbs {background:url('/images/layout/thumbs.gif') no-repeat 0px 14px;}
div.project_nav a#full {background:url('/images/layout/full.gif') no-repeat 0px 14px;}
#project {list-style:none; margin:0; height:470px;}
.loading {background:url('/images/layout/loading.gif') no-repeat 50% 50%;}

#productoverview {list-style:none; margin:0;}
#productoverview li {float:left; clear:left; width:240px;}
#productoverview li a {display:block; text-decoration:none; background:url('/images/layout/productoverview.gif') no-repeat 0px 4px; padding:0 0 0 15px;}
#productoverview li a.current {color:#FF0000; background:url('/images/layout/productoverview_current.gif') no-repeat 0px 4px;}
#productoverview li a.subcurrent { background:url('/images/layout/productoverview_current.gif') no-repeat 0px 4px;}
#productoverview li a:hover {text-decoration:underline;}
#productoverview ul { list-style:none;margin:0;}
#productoverview ul li a {margin:0 0 0 15px; background:none; padding:0; }
#productoverview ul li a.current {background:none;}

#aboutimage { width:700px; height:470px; }
#aboutthumbs { padding-top:20px; }
#aboutthumbs > ul { padding:0; margin:0; }
#aboutthumbs > ul > li { margin:0; list-style:none; float:left; margin-left:20px; }
#aboutthumbs > ul > li:first-child { margin-left:0; }
#aboutthumbs > ul > li > a { display:block; }


/* Content */
h1 { margin:0 0 5px; font-family:Georgia; font-size:18px; font-weight:normal; font-style:italic; line-height:30px;}
h2 { margin:0 0 5px; color:#000; font-size:14px; font-weight:bold; }
h2 a.logo {display:block; text-indent:-9999px; height:61px; background:url('/images/layout/logo.jpg') no-repeat;}

/* Inputs */
div.row {position:relative; padding:4px 0 0 0;}
span.errormessage {position:absolute; left:270px; font-size:11px; color:red; font-weight:bold; top:5px;}
label {display:block; color:#FFFFFF;}
input {margin:0; border:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; background:#cccccc; width:340px; height:18px; padding:2px 0 0 2px;}
input.checkbox, input.radio {border:0; width:auto; height:auto; background:transparent;}
textarea {margin:0; border:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; background:#cccccc; width:340px; height:138px; padding:2px 0 0 2px;}
input.submit {border:0; background:transparent; color:#FFFFFF; width:auto; cursor:pointer; cursor:hand;}


/* JCarousel */
body .wrapper .jcarousel-skin-small .jcarousel-item-horizontal { width:180px; }
body .wrapper .jcarousel-nav { background-color:#1f4329; }
body .wrapper .jcarousel-nav a { display:block; width:100%; height:100%; }
#small-thumbs-container { width:720px; position:relative; }
#small-thumbs-container .jcarousel-next-horizontal, #small-thumbs-container .jcarousel-prev-horizontal { display:none; }
#small-thumbs-container.jcarousel-skin-small .jcarousel-next-horizontal { right:5px; }