body{font-size: 13px; color:#555; background:#eaeaea;}
h1{}
h2{font-size:25px; margin-bottom:10px; line-height:100%; color:#8e3549;}
h3{font-size:20px; margin-bottom:20px; line-height:100%; color:#7e7e7e;}
h4{font-size:14px; margin-bottom:10px; line-height:100%; color:#555;}
h5{font-size:14px; margin-bottom:10px; line-height:100%; color:#555;}
a {text-decoration:none; color: #555;}
#haki_logo {
    height: 45px;
    position: absolute;
    right: 0;
    top: 128px;
}

/* classes */
.block-navigatie, .container{width:955px; margin:0px auto;}
.container2 {width:955px; margin:0px auto; background:url('../default/images/container-background.png') repeat-y 0px 0px;}
.clear{clear:both;}
.margin-right{margin-right:18px;}

/* start: header */
#header{height:178px; padding-top:22px; background:#807c7b;}
#header .container{height:178px; position:relative; background:url('../default/images/header.png') no-repeat 0px 0px;}
#header .container #header-shadow-left{width:17px; height:119px; position:absolute; top:59px; left:-17px; background:url('../default/images/header-shadow-left.png') no-repeat 0px 0px;}
#header .container #header-shadow-right{width:12px; height:176px; position:absolute; top:2px; right:-12px; background: url('../default/images/header-shadow-right.png') no-repeat 0px 0px;}
#header .container h1 a{width:170px; height:84px; display:block; text-indent:-10000px; position:absolute; top:60px; left:50px; background:url('../default/images/logo-baskon.png') no-repeat 0px 0px;}
#header .container #siteName{height:42px; padding:15px 30px 0px 30px; position:absolute; top:70px; right:0px; z-index:1000; font-size:28px; background:url('../default/images/siteName-background.png') repeat-x 0px 0px;}
#header .container #header-slider{width:713px; height:165px; position:relative; top:13px; left:242px; background:black;}
#header .container #header-slider img {position:absolute;}
/* end: header */

/* start: navigation */
#navigation {height:45px; background:#444;}
#navigation .container ul li {position:relative; float:left;margin-top: 11px;}
#navigation .container ul li:hover a,
#navigation .container ul li.active a{background:#431b1b;}
#navigation .container ul li:hover ul {display:block;}
#navigation .container ul li a{margin:0px 5px 0px 5px; padding: 5px 8px; display:block; color:#fff;}
#navigation .container ul li ul {position:absolute; display:none; z-index:1000;}
#navigation .container ul li ul li {float:none; margin-top: 0px;}
#navigation .container ul li ul li a {width:200px; display:block;background: none;padding: 6px 8px;}
#navigation .container ul li ul li a:hover,
#navigation .container ul li ul li.active a {background:#731b1b;}
/* end: navigation */

/* start: content */
#content {width:915px; padding:30px 20px 20px 20px; float:left; background:#fff;}
.container2 #content {width:520px; padding:30px 20px 20px 20px; float:left;}
#content p{margin-bottom:20px; line-height:24px;}
#content ul{list-style: disc; padding-left: 30px; padding-bottom: 15px;}
#content ul li{}
#content a{text-decoration: underline;}

	/* image */
	#content .image {margin-bottom:20px; float: left;line-height: 0px; font-size: 0px; }
	#content .image.margin-right {margin-left:-3px; margin-right: 12px;}
	#content .image.margin-left {margin-left:-3px; }
	#content .image.floatingVideo { float: right; margin: 0px 7px 20px 30px; }
	#content .image .clear { clear: both;}
	#content .image .corner{width:3px; height:3px;}
	#content .image .corner.top-left{float: left;}
	#content .image .corner.top-right{float: right;}
	#content .image .corner.bottom-left{height: 5px; float: left;}
	#content .image .corner.bottom-right{height: 5px; float: right;}
	#content .image .horizontal{height:3px; margin:0px 3px;}
	#content .image .horizontal.top-middle{background:url('../default/images/image-top.png')repeat-x 0px 0px;}
	#content .image .horizontal.bottom-middle{height:5px; background:url('../default/images/image-bottom.png')repeat-x 0px 0px;}
	#content .image .middle-left{background:url('../default/images/image-left.png')repeat-y left top;}
	#content .image .middle-right{background:url('../default/images/image-right.png')repeat-y right top;}
	#content .image .middle-content{padding:10px; margin: 0px 3px; background:#EEE;}

	/* link-list */
	#content .link-list{width:405px; height:137px; padding:20px; float:left; background:#f5f5f5;}
	.container2 #content .link-list{width:479px; height:137px; padding:20px; float:left; background:#f5f5f5;}
	#content .link-list h4{font-size:18px; color:#8e3549;}
	#content .link-list ul li a{line-height:24px; color:#555555;}
	#content .link-list ul li a:hover{text-decoration:underline;}

	/* faq_items */
	#content #faq_items{margin-top:20px;}
	#content #faq_items .faq_item{padding:13px 0px; border-bottom:1px solid #e7e7e7;}
	#content #faq_items .faq_item .title{font-size:14px; font-weight:bold; cursor: pointer;}
	#content #faq_items .faq_item .text{margin-top:10px; line-height: 24px;}
	#content #faq_items .faq_item .text ul{margin-bottom:20px; list-style:square;}
	#content #faq_items .faq_item .text ul li{margin: 0px 0px 10px 15px;}

	/* referenties */
	#content #referenties{margin-top:20px;}
	#content #referenties .item{padding:20px 0px; border-top:1px solid #e7e7e7; clear: both;}
	#content #referenties .item .image{float: left; width: 120px;}
	#content #referenties .item .info{float: left; width: 775px; margin-left: 20px;}
	#content #referenties .item .title{margin-bottom: 10px; font-weight:bold; cursor: pointer;}
	#content #referenties .item .text{ line-height: 24px; }
	
	/* aanbiedingen */
	#content .products{margin-bottom: 25px; }
	#content .products .item{float: left; margin-right: 10px; text-align: center;}
	#content .products .item { text-align: left; margin: 0px 15px 30px 5px; width: 270px; }
	#content .products .item .img { height: 170px; }
  #content .products .item h2 a{text-decoration: none; !important;}
	#content .products .item .title { font-size: 13px; color: #7e7e7e; height: 30px; font-weight: bold; padding: 0px 5px; }
	#content .products .item .text{ padding: 5px; line-height: 24px; }
	#content .products .item table { border-top: 1px solid #ddd; width: 260px; margin: 5px; }
	#content .products .item table td { color: #555; padding: 5px; border-bottom: 1px solid #ddd; }
	#content .products .item table td.key { width: 35%; }
	#content .products .item table td.value { width: 65%; font-weight: bold; }
	#content .products .item table td.value.focus { color: #000; font-size: 15px; }
	#content .product-left { width: 345px; float: right; }
	#content .product-right { float: left; width: 560px; }
	#content .product-right .content { font-weight: bold; margin-bottom: 20px; }
  #content .product-right .content p { margin: 0px; }
  #content .product-right table { border-top: 1px solid #ddd; width: 100%; margin: 5px 0px; }
	#content .product-right table td { color: #555; padding: 5px; border-bottom: 1px solid #ddd; }
	#content .product-right table td.key { width: 35%; }
	#content .product-right table td.value { width: 65%; font-weight: bold; }
	#content .product-right table td.value.focus { color: #000; font-size: 15px; }
  #content .product-right table td.no-line { border: none; }
  
  #content .product-right a.backlink { padding: 0px 0px 20px 3px; display: block; font-weight: bold; }
	
	/* Media */
	#content .media{margin-bottom: 25px; }
	#content .media .media_item{margin-right: 10px; float: left; height: 255px;}
  	#content .media .media_item .image { margin-bottom: 5px; float: none; }
  	#content .media .media_descr { background: #fcfcfc; font-size: 11px; line-height: 14px; padding: 5px 10px; margin: 0px 3px; height: 38px; width: 190px; overflow: hidden; }
    
  #content .overview_pager {
}
#content .overview_pager .pager_pages {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#content .overview_pager .pager_pages li {
    display: inline-block;
    list-style: none outside none;
    margin: 0 10px 0 0 !important;
    padding: 0;
}
#content .overview_pager .pager_pages li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    color: #555555;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: normal;
    padding-top: 4px;
    text-align: center;
    width: 20px;
}
#content .overview_pager .pager_pages li.active a {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
}
#content .overview_pager .pager_prev {
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
}
#content .overview_pager .pager_next {
    cursor: pointer;
    display: block;
    float: right;
    height: 20px;
    width: 20px;
}
/* end: content */

/* start: sideBar */
#sideBar{width:355px; padding:30px 20px 20px 20px; float:left;}

	/* sidebar-item*/
	#sideBar .sideBar-item{width:355px; padding-bottom:20px; margin-bottom:20px; position:relative; border-bottom:1px solid #e7e7e7;}
	#sideBar .sideBar-item ul li, 
	#sideBar .sideBar-item p{line-height:24px;}
	#sideBar .sideBar-item a{color:#8e3549}
	#sideBar .sideBar-item .nav-left{width:25px; height:25px; display:block; position:absolute; bottom:30px; left:20px; z-index:1000; text-indent:-10000px; background:url('../default/images/slider-button-left.png') no-repeat 0px 0px;}
	#sideBar .sideBar-item .nav-right{width:25px; height:25px; display:block; position:absolute; bottom:30px; right:20px; z-index:1000; text-indent:-10000px; background:url('../default/images/slider-button-right.png') no-repeat 0px 0px;}

		/* slider*/
		#sideBar .sideBar-item #slider {width:355px; height:221px; position:relative;}
		#sideBar .sideBar-item #slider img {position:absolute;}
	
		/* googlemaps*/
		#sideBar .sideBar-item .googlemaps {float: right;}
		#sideBar .sideBar-item .googlemaps img {width: 165px;}
	
	/* link-list */
	#sideBar .link-list {padding-bottom: 15px;}
	#sideBar .link-list li { border-bottom:1px solid #e7e7e7; padding: 6px 0px;}
	#sideBar .link-list li a{ text-decoration: underline;}
	
	/* banner */
	#sideBar .banner {padding: 10px; border: 1px dotted #8E3549; text-align: center; background: #FFFDD7; display: block; margin-bottom: 15px;}
	#sideBar .banner .title{color: #8E3549; display: block; font-size: 20px;}
	#sideBar .banner .subline{line-height: 22px; display: block;}
/* end: sideBar */ 

/* start: footer */
#footer .container{height:40px;}
#footer .container .block-footer_nav {float: right;}
#footer .container ul li a{color:#999;}

#footer .container div { float: right; }
#footer .container #footer-menu ul li{padding-right:10px; margin-right:10px; float:left; border-right:1px solid #999;}
#footer .container #footer-farm {font-size: 9px; padding-top: 15px; clear:both; margin-bottom: 15px;}
#footer .container #footer-farm ul li{padding-right: 5px; margin-right: 5px; float:left; border-right:1px solid #BBB; padding-bottom: 2px;}


/* handmatige links */
#footer .links{clear: both; width: 100%; border: 1px solid #ddd; float: none; background: #d5d5d5; margin-bottom: 20px; padding-bottom: 10px;}
#footer .links h3{font-size: 14px; color: #555; margin: 0px; padding: 10px 0px 10px 15px;}
#footer .links ul{padding-left: 10px;}
#footer .links ul li{float: left; padding: 5px 20px 5px 5px; width: 290px;}

#footer .container #footer-menu ul li.last{padding-right:0px;margin-right:0px;border-right:none;}
#footer .container #footer-farm ul li.last{padding-right:0px;margin-right:0px;border-right:none;}
/* end: footer */

/* Form */
.block-core_form .form_description { display: block; width: 480px; font-size: 11px; color: #777; padding: 10px; background: #FEFFE0; margin-bottom: 15px; line-height: 13px; }

.core_form {width:500px;}
.core_form .em-error-description { display: none; }
.core_form form.emForm .em-group fieldset ol li{clear: both;}
.core_form form.emForm .em-group fieldset ol li label {width:150px; padding-top:9px; font-family: "Arial"; font-weight: bold; float:left;}
.core_form form.emForm .em-group fieldset ol li div { float: left; width: 350px; }
.core_form form.emForm .em-group fieldset ol li .em-element ol.em-list li .em-text{font-size: 12px;width: 340px; height:24px; padding:0px 5px; margin-bottom:10px; font-family: "Arial"; background-color: #FFFFFF;  float:left;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #DFDFDF;}
.core_form form.emForm .em-group fieldset ol li #message-div #message{width:340px; height:150px; padding:5px; margin-bottom:10px; font-family: "Arial"; font-size:12px; background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #DFDFDF; float:left; }
.core_form form.emForm .em-form-buttons ol li input{margin-top:10px;  float:right; font-family: "Arial";}
.core_form form.emForm .em-group fieldset ol li .em-element ol.em-list li .em-error { border-color: #dd0000; }
.core_form form.emForm .em-group fieldset ol li .em-element ol.em-list li .em-file { margin-top: 5px; }

#referentie-plaatsen #name-li { border-top: 1px solid #cdcdcd; margin-top: -20px; padding-top: 20px; }

#msg { padding: 10px; text-align: center; border: 1px solid #666; background: #eee; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-weight: bold; font-size: 14px; margin-bottom: 20px; }

/* start: prijzen */
.tpl_prijzen{
	float: left;
	width: 30%;
	margin: -20px 3px 5px 0px;
	padding: 0px;
	border-collapse: collapse;
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	margin-bottom: 25px;
  font-size: 10px;
}
	.tpl_prijzen thead td{
		background: #DEDEDE;
		font-weight: bold;
		text-align: center;
		padding-bottom: 3px;
    font-size: 11px;
	}
	.tpl_prijzen td{
		padding: 1px 0px;
		border-bottom: 1px solid #DEDEDE;
	}
	.tpl_prijzen td.opp{
		padding-right: 10px;
		text-align: right;
	}
	.tpl_prijzen td{padding-left: 10px;}
	.tpl_prijzen tr.bg2 td{
		background: #eaeaea;
	}
/* end: prijzen */

#openinghours td { padding: 5px 20px; padding-left: 0px; }