/**
 * 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;
	line-height: 18px;
	color: #74726f;
}

.clear {
	clear:both;
	width:100%;
	height:1px;
	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:110px 0 0; margin:0 39px 0 0; }
div#header { position:absolute; top:125px; left:10px; width:940px; height:277px; }

.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:#0086c8; }
.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:#0086c8; }
.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:#0086c8 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:#005681; }

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

table.prices { width:700px; border:1px solid #a4a4a4; border-width:1px 1px 0 0; border-collapse: collapse;}
.prices th { padding:2px; border:1px solid #a4a4a4; border-width:0 0 1px 1px; }
.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.png') 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 th { width:155px; vertical-align:top;}
#offerte td { padding:10px 5px 10px 5px; vertical-align:top; }
#offerte td.maat { padding:3px 3px; vertical-align:top; }
#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; margin-bottom:10px;}

/**
 * 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:104px; 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 #6b6c6e; 
	border-width:4px 1px 3px 1px; 
}
#overview_content img { margin:20px 0 0 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:130px; 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; left:25px; z-index:1; }
#products div#product_top { position:relative; margin-left:2px; height:20px; background:url('../../gfx/producttopbg.png') no-repeat; }
#product_container { position:relative; padding:10px 0 0 12px; height:300px; background:url('../../gfx/productsbg.png') no-repeat; }
#product_container a:hover, #product_container a.active { border-bottom:3px solid #6b6c6e; }
#products img { margin:0 0px 0 0 !important; padding:0 !important; border:0 !important; }
#products img.under { margin:8px 0px 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.sub h1 a, #slider li.sub h2 a { font-size:20px; }
#slider li.sub, #slider a, #slider p, #slider h1, #slider h2 { color:#fff; }
#slider li.sub img { position:absolute; z-index:-1; }
#slider li.sub .item { 
	position: absolute;
	padding: 40px 30px 50px 355px;
	width: 253px; 
	height: 150px; 
	color: #fff;
	z-index: 1;
	overflow:hidden;
}
#slider li.sub .item h1, #slider li.sub .item h2, #slider li.sub .item h2 { margin:0 0 22px 0; }
#slider li.sub .item ul { margin:0 0 0 20px; list-style-type:disc; color:#fff; z-index:2;}
#slider li.sub .item ul li { margin:0 0 0 20px; list-style-type:disc; color:#fff; z-index:2;}
#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; }

/**
 * 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 0 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:110px; height:50px; }
#top li#kapellen a:hover { background:url('../../gfx/tabs/kapellen_sel.gif') no-repeat; width:110px; height:50px; }
#top li#ramen a { background:url('../../gfx/tabs/ramen.gif') no-repeat; width:110px; height:50px; }
#top li#ramen a.active { background:url('../../gfx/tabs/ramen_active.gif') no-repeat; width:120px; height:50px; }

#logo { position:absolute; top:18px; right:20px; }
.home #logo { top:77px; right:20px; }

/**
 * Map styles
 */

div#map { margin:40px 15px 20px 15px; width:700px; height:400px; border:2px solid #c4c4c4; overflow:hidden;}
#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 #0086c8; }
.entry td { padding:13px; vertical-align:top; }
.entry .info { width:180px; padding:0 13px; }
.entry .info span { padding:0 0 8px 5px; color:#0086c8; }
.entry .info a { padding:0 0 8px 5px; color:#0086c8; 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 #0086c8; 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; }


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