/**
 * Default styles
 */

body {
	margin: 0;
	width: 100%;
	height: 100%;
	background: #fff url('../../gfx/bodybg.gif') repeat-x;
}

html, body, div, th, td, li, span, p, a, em, strong, .inputter {
	font-family: arial;
	font-size: 12px;
	color: #74726f;
}

th, td, span, p, em, strong, li, .inputter {
	line-height: 18px;
}

.clear {
	clear:both;
	width:100%;
	height:1px;
	font-size:1px;	
}

div.spacer { clear:both; font-size:1px; }

hr.yellow {
	margin:10px 0;
	height:1px;
	font-size:1px;
	background:#f4b931;
	color:#f4b931;
	border:0;
}

/**
 * Structure styles
 */

div#wrapper { position:relative; margin:0 auto; width:960px; }
div#container { position:relative; padding:250px 0 0; margin:0 39px 0 0; }
div#header { position:absolute; top:64px; left:0px; width:922px; height:126px; background: #fff url('../../gfx/header_new.jpg') no-repeat top left;}

/*div#header_houses { background: #fff url('../../gfx/header_houses.jpg') repeat-x; position:absolute; top:64px; margin:0 auto; height:126px; width:100%; z-index:-1;}*/
/*div#bg_menu {position:absolute; top:190px; width:100%; height:35px; background: #fff url('../../gfx/bg_menu.jpg') repeat-x; z-index:-1;}*/
img#offerte_button {position:absolute; top:148px; right:50px; }

img#actie_button {position:absolute; top:10px; left:335px; }

/* Top menu */
div#menu { position:absolute; top:190px; margin:0 auto; width:960px; height:35px; background: #fff url('../../gfx/bg_topmenu.png') top left no-repeat;}
ul.top_menu { list-style-type:none; }
ul.top_menu li.head { float:left; position:relative; padding:7px 17px 0px 17px; height:25px; background:transparent url('../../gfx/point.png') no-repeat center left; display: inline;}
ul.top_menu li.head.first { background:none;}
ul.top_menu li.head a { color:#fff; text-decoration:none; padding-left:3px; padding-right:3px; display:inline-block; vertical-align:bottom;}
ul.top_menu li.head a:hover { color:#f4b931; }
ul.top_menu li.head a.active { color:#f4b931; padding-bottom:4px; border-bottom:3px solid #f4b931;}

ul.top_menu li.head ul { position:absolute; top:32px; left:0px; list-style-type:none; background-color:#000; display:none; z-index:999; padding:10px; width:200px; opacity:0.9; filter:alpha(opacity=90);}
ul.top_menu li.head ul li.sub { padding:5px; }
ul.top_menu li.head ul li.sub a { color:#fff; font:12px arial; text-decoration:none; }
ul.top_menu li.head ul li.sub a:hover { color:#f4b931; }
ul.top_menu li.head ul li.sub a.active { color:#f4b931; padding-bottom:0px; border-bottom:none;}

/* Content */
div#content { position:relative; padding-bottom:15px;} 
div#left_part { position:relative; width:730px; min-height:200px; height: auto !important; height:200px;}
div#right_part { position:absolute; top:250px; right:0px; background: #fff url('../../gfx/border_left.png') repeat-y top left; padding:20px;}
div#right_part h2 { color:#e7ab27; font:bold 12px arial; margin-bottom:5px; }
div#right_part .icons { position:absolute; top:-12px; left:18px; }
div#right_part .icons a img { margin-right:6px; }

/* Bottom */
#bottom { position:relative; width:929px; height:146px; background: #fff url('../../gfx/bg_bottom.png') no-repeat center center; }
#bottom .icons { position:absolute; top:12px; left:0; }
#bottom .icons a img { margin-right:15px; }
.home #bottom { position:relative; width:929px; height:284px; background: #fff url('../../gfx/bg_bottom_h.png') no-repeat center center; }
.home #bottom .img_bottom { position:absolute; top:78px; left:20px;  }
.home #bottom .img_bottom img { padding:1px; border:1px solid #a9a9a9; background:#fff; }
.home #bottom .img_bottom a.link { color:#fff; }


div#footer { position:absolute; bottom:4px; left:7px; }
div#footer ul { }
div#footer ul li { float:left; color:#fff; padding:0px 3px 0px 3px;}
div#footer ul li small { color:#f0b630; }
div#footer ul li a { color:#fff; text-decoration:none; padding-right:3px;}
div#footer ul li a:hover { color:#f0b630; }

/* right menu */
ul.right_menu {}
ul.right_menu li { background: #fff url('../../gfx/arrow.png') no-repeat center left; padding:3px 0px 3px 10px; }
ul.right_menu li a:hover { color:#f0b630; }
ul.right_menu li a.active { color:#f0b630; }

/* Home page */
div.pb_home { float:left; width:352px; }

/* Content */
#content h1 { color:#94701e; font:bold 24px arial; margin-bottom:10px; }
#content h2.like_h1 { color:#94701e; font:bold 18px arial; margin-bottom:5px; }
#content h2, #content h3.like_h2 { color:#e7ab27; font:bold 12px arial; margin-bottom:5px; }
#content p { margin-bottom:5px; }
#content .pbs { margin-bottom:15px; }
#content img.pb { padding:2px; border:1px solid #a9a9a9; background:#fff; }
#content .pbs ul  { margin-left:0px; list-style-type:none;}
#content .pbs ul li { background: #fff url('../../gfx/arrow.png') no-repeat center left; padding:3px 0px 3px 10px;}
#content .pbs ol {list-style-type: decimal; margin-left:20px;}

#content .big_img {margin-bottom:10px; text-align:left; }
#content ul.small_list {margin-left:0px; }
#content ul.small_list li {margin-left:0px; float:left; width:105px; background:none; padding:0px;}
#content ul.small_list li.left { text-align:center; }
#content ul.small_list li.middle { text-align:center; margin-left:4px; margin-right:5px;}
#content ul.small_list li.right { text-align:center; }

/* Fiber */
#content .fiber { margin:20px 15px 40px 15px; float:left; width:330px; } 
#content .fiber .text { margin:0 0 15px 0; } 
#content .fiber .img { float:left; margin:2px; font-size:11px; } 
#content .fiber h1 { color:#94701e; font:bold 18px arial; margin-bottom:5px; }

/* Bottom page */
.home .bottom_text { padding:75px 0px 0px 160px; color:#fff;}
.home .bottom_text .pb_bottom_1 { float:left; width:271px; height:160px; padding:0px; overflow:hidden; }
.home .bottom_text .pb_bottom_2 { float:left; width:190px; height:160px; padding:0px 15px 0px 30px; overflow:hidden;}
.home .bottom_text .pb_bottom_3 { float:left; width:190px; height:160px; padding:0px 20px 0px 25px; overflow:hidden;}

.home .bottom_text h3 {font:bold 14px arial; color:#845c00; margin-bottom:10px;}
.home .bottom_text h3.left {font-size:16px;}
.home .bottom_text p {color:#fff; }
.home .bottom_text a {color:#fff; }

/* site map */
ul.sitemap li { margin-left:15px; padding:5px;}

/*.home #container { padding:425px 0 0 0; }
.home div#menu {
	position: relative;
	margin: 0 auto;
	width: 940px;
	height: 150px;
	border: 1px solid #6b6c6e;
	border-width: 2px 0 1px 0;
	background: url('../../gfx/homebg.gif') repeat-x;
}
.home #menu .icon { position:absolute; top:-35px; left:12px; }
.home #menu table { width:100%; }
.home #menu ul { margin:26px 0 0 16px; }
.home #menu li { margin:0 0 15px 0; padding:0 10px 0 24px; width:240px; background:url('../../gfx/menuli.png') no-repeat; }
.home #menu a { text-decoration:none; color:#f4b931; }
.home #menu h3 { color:#6b6c6e; }

.content #container { border-bottom:1px solid #6b6c6e; } 
.content div#content {
	position: relative;
	float: right;
	padding: 0 25px;
	right: 0px;
	width: 733px;
	background:url('../../gfx/contentbg.gif') top left repeat-x;
	border-top: 2px solid #6b6c6e;
}
.content #content img.left, .content #content img.right { padding:2px; background:#fff; border:1px solid #a9a9a9; }
.content #content img.left { float:left; margin:0 30px 10px 0; }
.content #content img.right { float:right; margin:0 0 10px 30px; }
.content #content .block { margin:0 25px 40px 25px; }
.content #content .blocklarge { margin:0 25px 40px 25px; }
.content #content .block.first { margin:20px 25px 40px 25px; }
.content #content .blocklarge.first { margin-top:20px; }
.content #content .fiber { margin:20px 15px 40px 15px; float:left; width:330px; } 
.content #content .fiber .text { margin:0 0 15px 0; } 
.content #content .fiber .img { float:left; margin:2px; font-size:11px; } 
.content #content .fiber .img img { padding:1px; border:1px solid #a9a9a9; background:#fff; }
.dynamic .block.first { margin-top:50px !important; }
.block .text { width:305px; position:relative; }
.block .text p { width:280px; }
.block .text.right { float:right; }
.block h1 { }
.fiber h2, .block h2 { margin:0 0 10px 0; font-weight:normal; font-size:14px; color:#ce9a27; }
.fiber h2.like_h1, .block h2.like_h1 { margin:0; font-weight:normal; font-size:14px; color:#ce9a27; }
.fiber h3.like_h2, .block h3.like_h2 { margin:0 0 10px 0; font-weight:normal; font-size:14px; color:#ce9a27; }
.fiber p, .block p { margin:0 0 15px 0; }
.fiber p, .block li { margin:0 0 0 20px; list-style:disc; }

/*.content div#menu {
	position: relative;
	padding:30px 0;
	width:135px;
	background:#f4b931 url('../../gfx/menubg.gif') bottom left no-repeat;
	border-top: 2px solid #6b6c6e;
}
.content #menu .icon { position:absolute; top:-38px; left:8px; }
.content #menu a { display:block; padding:0 5px 0 16px; text-decoration:none; color:#fff; height:30px; line-height:30px; }
.content #menu a.active { background:#94701e; }*/

.content .timecontainer { width:322px;  }
.content .timenav { position:relative; padding:10px 0 0 0; width:322px; height:20px; text-align:center;}

table.prices { width:700px; border:1px solid #a4a4a4; border-width:1px 1px 0 0; }
.prices td { padding:2px; border:1px solid #a4a4a4; border-width:0 0 1px 1px; }


/**
 * Offerte styles
 */

div.offerte_status { position:relative; margin:10px -10px; width:754px; height:38px; background:url('../../gfx/offerte_status.gif') top left no-repeat; }
.offerte_status em { display:none; }
.offerte_status.stap1 { background-position:0 0px; }
.offerte_status.stap2 { background-position:0 -38px; }
.offerte_status.stap3 { background-position:0 -76px; }
.offerte_status.stap4 { background-position:0 -114px; }

table#offerte { margin:10px 0 0 0; width:100%; }
#offerte td { padding:5px 15px; }
#offerte td .step2 td { padding:5px !important; text-align:center; }
#offerte .small { width:150px; border-right:1px solid #6b6c6e; vertical-align:top; }
#offerte #options li { text-align:center; }

/**
 * Overview styles
 */ 

div#overview { position:relative; margin:0 0 5px 0; }
#overview_nav li { position:relative; float:left; margin:0 2px 0 0; }
#overview_nav li a { display:block; width:100%; height:26px; cursor:pointer; }
#overview_nav li em { display:none; }
#overview_nav li#type a { width:136px; background:url('../../gfx/tabs/types.gif') top left no-repeat; }
#overview_nav li#mats a { width:136px; background:url('../../gfx/tabs/materials.gif') top left no-repeat; }
#overview_nav li#plastic a { width:170px; background:url('../../gfx/tabs/plastic.png') top left no-repeat; }
#overview_nav li#wood a { width:170px; background:url('../../gfx/tabs/wooden.gif') top left no-repeat; }
#overview_nav li.active a, #overview_nav li a:hover { background-position:bottom left !important; }
#overview_content { 
	position:relative; 
	clear:both; 
	padding: 5px;
	background: #fff 0 1px repeat-x;
	border:1px solid #DFD5BD; 
	border-width:1px 1px 1px 1px; 
}
#overview_content img { margin:0px 0 15px 15px !important; background:transparent !important; border:0 !important; } 

/**
 * Navigation styles
 */

div#nav {
	position:absolute;
	top:70px; left:170px;
}
#nav li { float:left; padding:0 5px; }
#nav li a { display:block; height:40px; width:100%; }
#nav li em { display:none; }
#nav li#item_2 a { width:160px; background:url('../../gfx/menu/menu_01.gif') bottom left no-repeat; }
#nav li#item_3 a { width:140px; background:url('../../gfx/menu/menu_02.gif') bottom left no-repeat; }
#nav li#item_4 a { width:110px; background:url('../../gfx/menu/menu_03.gif') bottom left no-repeat; }
#nav li#item_5 a { width:210px; background:url('../../gfx/menu/menu_04.gif') bottom left no-repeat; }
#nav li a:hover, #nav li a.active { background-position:0 1px !important; }

div#products { position:relative; width:732px; }
.dynamic #products { position:absolute !important; top:0px; z-index:1; }
#products div#product_top { position:relative; height:20px; background:url('../../gfx/producttopbg.png') no-repeat; }
#product_container { position:relative; padding:14px 0 0 12px; height:109px; background:url('../../gfx/productsbg.png') no-repeat; }
#product_container a:hover, #product_container a.active { border-bottom:3px solid #6b6c6e; }
#products img { margin:0 10px 0 0 !important; padding:0 !important; border:0 !important; }

/**
 * Slider styles
 *
 */
ul#slider {
	position: relative; 
	top: 0px; left: 310px;
	width: 638px; 
	height: 257px;
	z-index: 1; 
}
#slider li h1 a, #slider li h2 a { font-size:20px; }
#slider li, #slider a, #slider p, #slider h1, #slider h2 { color:#fff; }
#slider li img { position:absolute; z-index:-1; }
#slider li .item { 
	position: absolute;
	padding: 40px 30px 40px 355px;
	width: 253px;
	height: 177px;
	color: #fff;
	z-index: 1;
}
#slider li .item h1, #slider li .item h2, #slider li .item h2 { margin:0 0 22px 0; }
#slider li .item li { margin:0 0 0 20px; list-style:disc; }
#slider a { text-decoration:none; }

div#slidernav { position:relative; top:4px; margin:0 0 0 310px; width:638px; text-align:center; }
.timenav span, #slidernav span { display:inline-block; padding:0 2px; height:17px; width:17px; } 
.timenav a, #slidernav a { display:inline-block; height:17px; width:17px; background:url('../../gfx/slidernav.gif') top left no-repeat; }
.timenav em, #slidernav em { display: none; }
.timenav a.active, .timenav a:hover, #slidernav a.active, #slidernav a:hover { background-position:bottom left; }

/**
 * Slider 2 styles
 *
 *
ul#slider2 {
	position: relative; 
	top: 0px; left: 310px;
	width: 638px; 
	height: 257px;
	z-index: 1; 
}

#slider2 li h1 { font-size:20px; }
#slider2 li h2 { font-size:16px; color:#dac534; font-weight:normal;}

#slider2 li, #slider2 a, #slider2 p, #slider2 h1, #slider2 h2 { color:#fff; }
#slider2 li img { position:absolute; z-index:-1; }
#slider2 li .item { 
	position: absolute;
	padding: 17px 0 0 340px;
	width: 270px; 
	height: 177px; 
	color: #fff;
	z-index: 1;
}

#slider2 li .item h1 { margin:0 0 5px 0; font-size:15px;  }
#slider2 li .item h2 { margin:0 0 0 0; font-size:12px; font-weight:bold; }
#slider2 li .item li { margin:0 0 0 20px; list-style:disc; }

/**
 * Tab styles
 */ 

div#tabs { position:absolute; top:9px; *top:11px; width:320px; }
#tabs .tab { position:relative; margin:0 0 2px 0; padding:8px 40px 14px 80px; width:198px; height:36px; background:url('../../gfx/tabsbg.gif') top right no-repeat; color:#fff; }
#tabs .icon { position:absolute; top:5px; right:268px; }
#tabs a { color:#fff; text-decoration:none; line-height:14px; }
#tabs a:hover { text-decoration:underline; }
#tabs h3 { font-size:16px; margin:0; padding:0; }

/**
 * Top styles
 */

div#top { position:absolute; top:0px; left:0px; }
#top ul { margin:14px 15px; }
#top li { float:left; margin:0 10px 0 0; }
#top li a { display:block; height:100%; width:100%; }
#top li em { display:none; }
#top li#kapellen a { background:url('../../gfx/tabs/kapellen.gif') no-repeat; width:120px; height:50px; }
#top li#ramen a { background:url('../../gfx/tabs/ramen.gif') no-repeat; width:110px; height:50px; }
#top li#ramen a:hover { background:url('../../gfx/tabs/ramen_sel.gif') no-repeat; width:110px; height:50px; }

#logo { position:absolute; top:18px; right:20px; }
#content_logo { position:absolute; top:240px; right:160px; }
/*.home #logo { top:77px; right:20px; }*/

/**
 * Map styles
 */

div#map { margin:40px 15px 20px 15px; width:700px; height:400px; border:2px solid #c4c4c4; }
#map img { border:0 !important; }
#map div span { font-size:9px; }
#map area { border:1px solid #f00; }

form#project_finder { position:relative; margin:15px 0 -15px 0; }
#project_finder label { padding:0 10px 0 20px; }
#project_finder .search { margin:0 0 -5px 84px; }

.project { overflow:hidden; width:640px; height:330px; }
.project .gallery { position:relative; float:left; width:450px; height:330px; overflow:hidden; }
.project .gallery img { position:absolute; }
.project .gallery img#nav_left { top:50%; left:10px; cursor:pointer; display:inline; }
.project .gallery img#nav_right { top:50%; right:10px; cursor:pointer; display:inline; }
.project .description { position:relative; float:left; width:180px; padding:0 0 0 5px; }

/**
 * Guestbook styles
 */

.guestbook img { float:right; margin:0 0 10px 0; }
/*.guestbook h3 { float:left; margin:35px 0 0 0; width:400px; }*/
table.entry { position:relative; margin-bottom:10px; width:100%; background:#fff; border:1px solid #f4b931; }
.entry td { padding:13px; vertical-align:top; }
.entry .info { width:180px; padding:0 13px; }
.entry .info span { padding:0 0 8px 5px; color:#f4b931; }
.entry .info a { padding:0 0 8px 5px; color:#f4b931; text-decoration:none; }
.entry .info div { margin:0 0 8px 5px; width:56px; height:53px; background:url('../../gfx/rank_sprite.png') no-repeat; }
.entry .info .rank1 { background-position:0 0; }
.entry .info .rank2 { background-position:0 -60px; }
.entry .info .rank3 { background-position:0 -123px; }
.entry .info .rank4 { background-position:0 -182px; }
.entry .info .rank5 { background-position:0 -251px; }
.entry .info .rank6 { background-position:0 -313px; }
.entry .info .rank7 { background-position:0 -375px; }
.entry .info .rank8 { background-position:0 -439px; }
.entry .info .rank9 { background-position:0 -503px; }
.entry .info .rank10 { background-position:0 -566px; }
.entry .info div em { display:none; }
.entry .message { background:#f2f2f2; }

/**
 * Input styles
 */

.inputter { border:1px solid #c19227; width:231px; }
.readonly { background:#f0f0f0; }
form small { font-size:10px; }
form th { text-align:left; font-weight:normal; width:130px; }
form .submitter { text-align:right; width:302px; }
form img.info { position:relative; top:2px; cursor:pointer; z-index:0; }
.formerror { margin:0 25px; color:#f00; }
.error { margin:10px 0; color:#f00; }

div.tooltip, div.special { position:relative; display:inline; }
div.tooltip div, div.special div { position:absolute; padding:15px; background:#e0e0e0; border:1px solid #74726f; z-index:999; }
div.tooltip div, div.special div { display:none; }
div.tooltip div div, div.special div div { display:block; position:relative; padding:0; background:transparent; border:0; }
div.special div.color { float:left; margin:0 0 10px 0; height:50px; width:135px; line-height:21px; cursor:pointer; }
div.special div.color span { float:left; margin:0 5px 0 0; height:50px; width:50px; }
div.tooltip div a.close { position:absolute; top:15px; right:15px; cursor:pointer; text-decoration:underline; }
#calculate_grades img { position:absolute; bottom:15px; right:15px; border:1px solid #74726f; }

/**
 * Offerte styles
 */

table.center { width:100%; }
.center td { text-align:center; }
.center td img, .step2 img { cursor:pointer; }

a#previous { display:block; margin:0 0 20px 0; float:left; width:103px; height:23px; background:url('../../gfx/previous.gif') top left no-repeat; cursor:pointer; }
a#next { display:block; margin:0 0 20px 0; float:right; width:103px; height:23px; background:url('../../gfx/next.gif') top left no-repeat; cursor:pointer; }
a#previous:hover, a#next:hover { background-position:bottom left; }

a.previous { display:block; margin:0 0 20px 0; float:left; width:103px; height:23px; background:url('../../gfx/previous.gif') top left no-repeat; cursor:pointer; }
a.next { display:block; margin:0 0 20px 0; float:right; width:103px; height:23px; background:url('../../gfx/next.gif') top left no-repeat; cursor:pointer; }
a.previous:hover, a.next:hover { background-position:bottom left; }


/**
 * Left menu
 
.content #menu ul.left_menu { }
.content #menu ul.left_menu li.first { border-top:none; }
.content #menu ul.left_menu li { border-top:1px solid #f7cf71;  border-bottom:1px solid #d09714;}
.content #menu ul.left_menu li a { font-size:11px; display:block; padding:5px 2px 5px 5px; text-decoration:none; color:#fff; }
.content #menu ul.left_menu li a.active { background:#94701e; }

.content #menu ul.left_menu li ul { display:none; margin-bottom:40px;}
.content #menu ul.left_menu li ul.sel { display:block; }
.content #menu ul.left_menu li ul li.sub a { font-size:11px; padding-left:12px; text-indent:-9px; }



.content #content .text h1, .content #content .text h2.like_h1 { color:#94701e; font-size:17px; font-weight:bold; letter-spacing:.7; margin:0 0 10px 0; }
.content #content.guestbook h3 { float:left; color:#94701e; font-size:17px; font-weight:bold; letter-spacing:.7; margin:35px 0 10px 0; width:400px; }
*/

.clients {margin-top:20px;}
.clients h2 { color:#94701e; font:bold 18px arial; margin-bottom:5px; }

ul.subs {margin-bottom:18px; }
ul.subs li { background: #fff url('../../gfx/arrow.png') no-repeat center left; padding:3px 0px 3px 10px; }
ul.subs li a:hover { color:#f0b630; }
ul.subs li a.active { color:#f0b630; }