/**
 * 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; }

h1 { font-size:26px; color:#000; margin-bottom:5px; }
h2.likeh1 { color:#000; font-size:22px; margin-bottom:5px; }
h3 { color:#000; }
h3 a { color:#000; text-decoration:none; }
h2.sub { font-size:12px; color:#000; margin-bottom:0px; }
h2.white { color:#fff; font-size:22px; }

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

ul { margin-bottom:15px; }
ol { margin-bottom:20px; }

#logo {position:absolute; right:30px; top:20px; }
.home #offerte_button {position:absolute; right:50px; top:206px; }
.content #offerte_button {position:absolute; right:50px; /*top:105px;*/ top:206px;}
.slogan1 { position:absolute; left:50px; top:25px; font-size:41px; color:#000; width:450px;}
.slogan2 { position:absolute; left:140px; top:70px; font-size:41px; color:#ffcb00; width:350px;}
#breadcrumbs { position:absolute; right:10px; top:250px; }

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

/**
 * Structure styles
 */
div#wrapper { position:relative; margin:0 auto; width:980px; }
div#container { padding-top:249px; }
div#top { position:absolute; top:64px; left:0px; width:980px; height:148px; overflow:hidden;}
div#menu { position:absolute; top:212px; margin:0 auto; width:980px; height:28px; background:#fff url('../../gfx/bg_menu_new.jpg') top left repeat-x;}
div#content {padding-bottom:20px;}

.home #container { padding-top:348px; }
.home #top { height:249px; }
.home #menu { top:313px; }

div#container { padding-top:348px; }
div#top { height:249px; }
div#menu { top:313px; }

/* Top menu */
ul.top_menu { list-style-type:none; }
ul.top_menu li.head { float:left; position:relative; padding:4px 14px 0px; 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:3px; border-bottom:3px solid #f4b931;}

ul.top_menu li.head ul { position:absolute; top:28px; 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;}

/* Bottom part */
#bottom { border-top:1px solid #ccc; padding-top:5px; }

.bottom_block { position:relative; width:167px; height:216px; background:#cacaca; float:left; margin-left:23px; padding:140px 5px 10px 5px; cursor:pointer; overflow:hidden; }
.bottom_block a.goto { position:absolute; bottom:10px; left:15px; color:#fff; text-decoration:none; font-size:13px; background:transparent url('../../gfx/arrow_home.png') no-repeat center right; padding-right:17px; }
.bottom_block a.goto:hover { text-decoration:underline; }
.bottom_block * { color:#000;}
.bottom_block.first {margin-left:0px; }
.bottom_block h3 {margin-bottom:10px; margin-left:10px; }
.bottom_block .image { position:absolute; top:0px; left:0px; width:177px; height:120px; overflow:hidden; }

/* 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; }
.icons { position:absolute; top:0px; left:0px; width:150px;}
.icons a img { margin-right:6px; }


/**
 * Home template
 */
.content_left { float:left; width:490px; }
.first_block { padding:20px 30px 20px 30px; min-height:/*166*/218px; }
.yellow_block { padding:20px 0px 20px 30px; background:#dbae00; margin-bottom:22px; min-height:217px;}
.yellow_block * { color:#fff;}
a.goto2 { text-decoration:none; font:13px arial; background:transparent url('../../gfx/arrow_home.png') no-repeat center right; padding-right:17px; }
a.goto2:hover { text-decoration:underline; }

.content_right { float:right; width:469px; }
.client_block { padding:10px 0px 19px 30px; background:#ffd326; margin-bottom:22px; height:120px; width:439px; overflow:hidden; }
.client_block * { color:#000; line-height:18px;}
.news_block { background:#f5f5f5; padding:10px 100px 5px 20px; }

/**
 * Other templates
 */
.content_left_other { float:left; width:746px; padding:30px 30px 0px 30px; }
.content_right_other { float:right; width:174px; margin-top:30px; }
 
/* Content */
#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; }


/**
 * 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; }

/**
 * News styles
 */
.news_overview { margin-top:10px; margin-bottom:10px; }
.news_overview h2 { color:#94701e; font:bold 18px arial; margin-bottom:5px; }
.news-item { border-bottom:1px solid #9e9d97; position:relative; padding:0 20px 14px; width:457px; }
.news-item .date { margin-top:10px; }
.news-item h3 { color:#94701E; margin:0 7px 0 0; padding-top:11px; font-size:16px; line-height:18px; }
.news-item h4 { color:#E7AB27; margin:5px 7px 0 0; font-size:12px; }
.news-item p { margin:16px 7px 0 0px; color:#777367; overflow:hidden;}
.news-item .link { position:relative; padding-top:10px; left:0px; border-bottom:2px solid #777367; text-decoration:none; }
.noborder { border:none; }

/* News page */
#news-list { float:left; width:200px; }
#news-content { float:right; width:470px; padding-left:18px; padding-right:30px; }

/* Menu news */


div#footer { padding-top:5px; border-top:1px solid #ccc; margin-top:10px;}
div#footer ul { margin-top:3px;  }
div#footer ul li { float:left; color:#000; padding:0px 2px 0px 2px; font-size:10px; }
div#footer ul li small { color:#f0b630; }
div#footer ul li a { color:#000; text-decoration:none; padding-right:2px; font-size:10px;}
div#footer ul li a:hover { color:#f0b630; }

.social { margin-right:15px; }

/**
 * 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:0px 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; }

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; }


/**
 * 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; }

/**
 * 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; }*/

/**
 * 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:0px 0 -5px 50px; }

.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; line-height: 18px;}
.project .description h1 { font:bold 12px arial; margin-bottom:10px; color:#74726F; }

/**
 * 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; }

/**
 * 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; }


/**
 * Top styles
 */

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

#logo { position:absolute; top:18px; right:80px; }

.error-message1 { background:#ff4c4c; border:1px solid red; color:white; padding:10px; width:400px; margin-bottom:20px; }