/*  
Template name: Colorvoid
Template URI: http://templates.arcsin.se/colorvoid-website-template/
Release date: 2008-04-25
Description: Soft and natural, gray and blue two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* ----------------------------------------
   Standard Elements
------------------------------------------- */

* {
	margin: 0;
	padding: 2;
}

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #404040 url('Images/body.jpg');
	font: normal 13px Verdana,sans-serif;
	color: #345;
	padding-bottom: 1em;
}

a {color: #FFF;}
a:hover {color: #000;}

p {padding: 0.1em 0 0.8em;}

h1 {font: normal 1.8em Georgia,Tahoma,sans-serif;}
h2 {font: normal 1.5em Georgia,sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

blockquote {
	background: #FFF;
	border: 1px solid #EAEAEA;
	color: #555;
	display: block;
	font: normal 1em sans-serif;
	margin-bottom: 1em;
	padding: 10px 1em 0.2em 42px;
}

code {
	display: block;
	background: #FFFFFA;
	color: #335;
	border: 1px solid #E8E8D5;
	padding: 5px 10px;
	overflow: auto;
	margin: 1em 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

ul,ol {margin: 0 0 1em 1.6em;}
ul ul, ol ol {margin: 0.3em 0 0.3em 1em;}

img {border: none;}
img.bordered {background: #FFF; padding: 5px; border: 1px solid #DDD;}
img.left {margin-right: 1em;}
img.right {margin-left: 1em;}

small,.small {font-size: 0.8em;}
big,.big {font-size: 1.2em;}


/* ----------------------------------------
  Forms
------------------------------------------- */

/* Inputs */
input#s, textarea, input.styled {
	border: 1px solid #BBB;
	padding: 3px;
	width: 160px;
	font: normal 1em Verdana,sans-serif;
}
textarea {width: 440px;}
#searchsubmit {
	border: 1px solid #BBB;
	background: #EEE;
	font: normal 0.9em Verdana,sans-serif;
	padding: 2px 3px;
}

/* Seachform */
table.search {
	width: 100%;
	border-collapse: collapse;
}
.search td {vertical-align: center;}


/* ----------------------------------------
   Layout
------------------------------------------- */

/* Main */
#layout_wrapper {
	margin: 20px auto 0;
	width: 958px;	
}
#layout_container {
	background: #FFF;
	padding: 0 5px;
}
#layout_edgetop, #layout_edgebottom {
	background: url('Images/layout_edges.gif') no-repeat left top;
	display: block;
	height: 10px;	
	font-size: 0;
	line-height: 0;
}
#layout_edgebottom {background-position: left bottom;}

/* Site Title */

/* Main Layout */
#logo {
	background: url('Images/logogb.jpg') no-repeat left top;
	display: block;
	width: 948px;
	height: 120px;
	font-size: 0.9em;
	/*line-height: 0;*/
}

#logo_left {width: 745px;}
#logo_right {width: 200px; height: 30px; display: block; position:relative; top:90px; right:10px; background: url('Images/tableft.gif') repeat-x left top;}

#top_separator {
	background: url('Images/top_separator.gif') repeat-x left top;
	display: block;
	font-size: 0;
	height: 3px;
	line-height: 0;
}

#top_separator2 {
	background: url('Images/top_separator.gif') repeat-x left top;
	display: block;
	font-size: 0;
	height: 3px;
	line-height: 0;
}

#top_separator3 {
	background: url('Images/top_separator.gif') repeat-x left top;
	display: block;
	font-size: 0;
	height: 3px;
	line-height: 0;
}

/* === Featured Area === */
#featured{
	background:url(Images/navigation.jpg) top left no-repeat;
	width:100%;
	height:242px;
	padding-bottom:2px;
	position:relative;
	overflow:hidden;
	margin:0;
}
/* === Featured Text (right side) === */
.texthold{
	right:0px;
	top:15px;
	width:402px;
	height:242px;
	position:absolute;
	background:url(Images/slideright-title.png) top left no-repeat ;
}
#featured .sliderText{
	width:402px;
	height:242px;
	position:relative;
}
ul.slider-text-list{
	width:402px;
	margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; left:-1800px;
}
ul.slider-text-list li{
overflow: hidden; float: left; width: 402px; vertical-align:bottom; height:auto;
}
ul.slider-text-list li h2{
	width:392px;
	font-size:24px;
	color:white;
	margin:0;
	font-weight:normal;
	height:29px;
	padding:6px 0 10px 10px;
}
ul.slider-text-list li p{
	height:242px;
	color:#000;
	margin:0;
	padding:10px 30px 10px 10px;
	line-height:20px;
}
a.more{
	background:url(Images/readmore.jpg) repeat-x top red;
	display:block;
	color:white;
	font-weight:bold;
	border:1px solid #669200;
	width:90px;
	text-align:center;
	padding:4px;
	float:right;
	margin-right:30px;
}

/* -- top navigation pannel start -- */
#topNav{
	width:948px; height:50px; margin:0 auto; background:url(Images/top_btn_bg.gif);}
.staticMenu {
	float:left; text-transform:uppercase; padding:0 2px 0 0;
	background:url(Images/top_btn_divider.gif) no-repeat right center; color:#666666;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.staticMenu a{
	text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
	background:url(Images/top_btn_bg.gif) repeat-x 0 1px; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.staticMenu a:hover{
	background:url(Images/top_btn_bg_h.gif) repeat-x 0 0 #2A2A2A; color:#666666;}
.staticMenu a.hover{
	text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
	background:url(Images/top_btn_bg_h.gif) repeat-x 0 0 #2A2A2A; color:#666666;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;} 

/* -- top navigation pannel end -- */

/* Tabs */
#tabs ul {
	margin: 0;
	padding: 0;
}
#tabs li {
	display:inline;
	list-style:none;
}
#tabs a {
	background: url('Images/tableftc.gif') no-repeat left top;
	float: left;
	font: bold 0.9em sans-serif;
	margin-right: 3px;
	padding-left: 4px;
	text-decoration: none;
}
#tabs a span {
	float: left;
	display: block;
	background: url('Images/tabrightc.gif') no-repeat right top;
	padding: 5px 10px 5px 6px;
	color: #608AAA;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none;}
/* End IE5-Mac hack */

#tabs a:hover span {color: #608AAA;}
#tabs a:hover {background-position: 0% -42px;}
#tabs a:hover span {background-position:100% -42px;}

#tabs li.current_page_item a {color: #47A; background-position: 0% -42px;}
#tabs li.current_page_item a span {background-position:100% -42px;}

/* Main Layout */
#main_left {width: 220px;}
#main_right {width: 725px;}

/* Detailpagina Layout */
#detail_left {width: 500px;}
#detail_right {width: 200px;}

/* Footer */
#footer {
	background: #A3B5C1 url('Images/footer.gif') no-repeat left top;
	padding: 8px 12px 2px;
	font-size: 0.85em;
	color: #FAFCFF;
}
#footer .right {color: #C8DBE8;}
#footer .right a {
	color: #D3E5F1;
	text-decoration: none;
}
#footer .right a:hover {
	color: #FFE;
	text-decoration: underline;
}


/* ----------------------------------------
   Miscellaneous
------------------------------------------- */

/* Images 
img.bordered {
	border: 1px solid #DDD;
	background: #FFF;
	padding: 5px;
}*/

/* Text */
.bold {font-weight: bold;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.tright {text-align: right;}

/* Floats */
.left {float: left;}
.right {float: right;}


.left_width {float: left; width: 200px; padding: 0px; }

/* Clear */
.clear,.clearer {clear: both;}
.clearer,.spacer {
	display: block;
	font-size: 0;
	line-height: 0;
}

/* Icons */
span.comment {
	background: url('Images/icon_comment.gif') no-repeat left center;
	padding-left: 18px;
}
/* ---
2 div boxen naast elkaar
---*/
.post_523
{
	width: 541px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.post_200
{
	width: 180px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.post_220
{
	width: 220px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.post_title_r {
	background: #E8E8E8 url('Images/post/title_r.gif') no-repeat left top;
	padding: 6px 12px 5px;
}
.post_title_r h1 {font: bold 0.9em Verdana,sans-serif;}
.post_title_r h1 a {color: #444;}
.post_title_r h1 a:hover {
	color: #469;
	text-decoration: underline;
}
.post_title_r h1.left {width: 150px}
/* ----------------------------------------
   Post, page
------------------------------------------- */

.post {
	width: 725px;
	margin-right: 0px;
	margin-bottom: 4px;
}
.post_title {
	background: #E8E8E8 url('Images/post/title.gif') no-repeat left top;
	padding: 6px 12px 5px;
}
.post_title h1 {font: bold 0.9em Verdana,sans-serif;}
.post_title h1 a {color: #444;}
.post_title h1 a:hover {
	color: #469;
	text-decoration: underline;
}
.post_title h1.left {width: 380px}
.post_date {
	color: #999;
	padding-top: 1px;
	font-size: 0.85em;
}

.post_metadata {
	margin-top: 5px;
	padding: 0 5px;
	background: #F5F5F5;
}
.post_metadata .content {
	border-top: 1px solid #E5E5E5;
	padding: 8px 5px 6px;
	font-size: 0.8em;
	color: #999;
}
.post_metadata2 .content a {color: #567;}
.post_metadata2 .content a:hover {color: #002;}

.post_metadata2 {
	margin-top: 5px;
	padding: 0 5px;
	background: #F5F5F5;
}
.post_metadata2 .content {
	border-bottom: 1px solid #E5E5E5;
	padding: 8px 5px 6px;
	font-size: 0.8em;
	color: #999;
}
.post_metadata2 .content a {color: #567;}
.post_metadata2 .content a:hover {color: #002;}

.post_body {
	background: #F5F5F5 url('Images/post/body.gif') repeat-x left top;
	padding: 10px 10px 1px;
}

.post_body_nieuws {
	background: #F5F5F5 url('Images/post/body.gif') repeat-x left top;
	padding: 0px 0px 1px;
}

.post_body_nieuws img { 
float:right;
margin: 0px 0px 0px 10px;
} 

/* ----------------------------------------
   nieuw!!!
------------------------------------------- */
.post_body .content {
	padding: 8px 5px 6px;
	color: #666;
}
.post_body .content a {color: #567;}
.post_body .content a:hover {color: #002;}
.post_body .border {
	border-bottom: 1px solid #E5E5E5;
	padding: 1px 5px 6px;
}


.linkButton:visited {color:#567;font-weight:normal;text-decoration: none;
}
.linkButton:link {color:#567;font-weight:normal;text-decoration: none;
}
.linkButton:active {color:#567;font-weight:normal;text-decoration: none;
}
.linkButton:hover {color:#000;font-weight:normal;text-decoration: underline;
}
/* ----------------------------------------
   nieuw!!!
------------------------------------------- */
.whiteblock {
	background: #FFF;
	border: 1px solid #EAEAEA;
	color: #555;
	display: block;
	padding: 10px 1em 1em 10px;
}

.whiteblock_small {
	background: #FFF;
	border: 1px solid #EAEAEA;
	color: #555;
	display: block;
	font-size: 0.8em;
	padding: 10px 1em 1em 10px;
}

.Prijs 
{
    font-size: 2.0em;
    border-bottom: 1px solid #E5E5E5;
	padding: 1px 5px 6px;
}

.Nieuwsbrief {
	background: url('Images/nieuwsbrief.jpg') no-repeat right top;
	height: 86px;
}

.Inkoop {
	background: url('Images/inkoop.jpg') no-repeat right bottom;
	height: 130px;
}

.Speerpunten {
	background: url('Images/speerpunten.jpg') no-repeat left top;
	height: 640px;
	padding: 0px;
}

.Welkom {
	background: url('Images/Kampen.jpg') no-repeat right bottom;
	height: 102px;
}

.post_bottom {
	background: url('Images/post/bottom.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.post_bottom_r {
	background: url('Images/post/bottom_r.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.post_search_text {
	font-size: 0.85em;
	padding: 2px 0;
}

/* ----------------------------------------
   Sidebar box
------------------------------------------- */

.box {margin-bottom: 5px;}
.box_title {
	background: url('Images/box/title.jpg') no-repeat left top;
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFFFFF;	
	height: 18px;
}

.box_body {
	background: url('Images/box/background.jpg') repeat-y left top;
	padding: 8px 10px 1px;
	font-size: 0.9em;
	color: #FFFFFF;
}

.box_bottom {
	background: url('Images/box/bottom.jpg') no-repeat left bottom;
	display: block;
	height: 28px;
	font-size: 0;
	line-height: 0;
}

.box ul {
	padding: 0;
	margin-left: 0;
}
.box li:first-child {border-top: none;}
.box ul li {
	list-style: none;
	padding: 0px 0px 8px 0px;
	border-top: 1px solid #E2ECF2;
	border-bottom: 1px solid #D0D8DE;
}
.box ul a {text-decoration: none;}
.box ul a:hover {text-decoration: none;}

/* ----------------------------------------
   Lists
------------------------------------------- */

.nicelist {
	padding: 1px 0 0;
}
.nicelist ol {margin: 0;}
.nicelist ol li {
	list-style: none;
	padding: 8px 10px 1px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}
.nicelist li.alt {background: #EEE;}
.nicelist .body {padding-top: 5px;}
.nicelist .date {
	color: #888;
	padding-top: 4px;
	font-size: 0.85em;
}
.nicelist .date a {
	color: #567;
	text-decoration: none;
}
.nicelist .date a:hover {
	color: #002;
	text-decoration: underline;
}


/* ----------------------------------------
   Archives
------------------------------------------- */

.archive_title {font: normal 1.4em sans-serif;}
.archive_title a {text-decoration: none;}
.archive_title a:hover {text-decoration: underline;}
.archive_postinfo {
	font: normal 1em sans-serif;
	padding-bottom: 6px;
}


/* ----------------------------------------
   Comments
------------------------------------------- */

.comment_gravatar {width: 48px;}
.comment_gravatar img {padding: 2px;}
.comment_author {padding-top: 2px;}


/* ----------------------------------------
   Pagination
------------------------------------------- */

.pagenavigation {
	background: #DDEBF4 url('Images/pagenav_top.gif') no-repeat;
	margin-bottom: 5px;
}
.pagenav_bottom {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 5px;
	background: url('Images/pagenav_bottom.gif') no-repeat;
}
.pagenav {
	font-size: 0.85em;
	padding: 5px 8px 0;
}
.pagenav a {
	color: #6A7DA4;
	text-decoration: none;
}
.pagenav a:hover {
	color: #002;
	text-decoration: underline;
}


/* ----------------------------------------
   Width, height, margin, padding
------------------------------------------- */

.h5 {height: 5px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}

/* ----------------------------------------
   GridView
------------------------------------------- */
.Grid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0;
    border-collapse:collapse; 
}
.Grid td { 
    padding: 2px;
    padding: 4px 5px 3px;
    color: #717171; 
}
.Grid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242 url('Images/grd_head.png') repeat-x top;
    padding: 8px 5px 6px;
    font-size: 0.8em; 
}
.Grid .alt { background: #fcfcfc }
.Grid .pgr { background: #424242 }
.Grid .pgr table { margin: 5px 0; }
.Grid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.Grid .pgr a { color: #666; text-decoration: none; }
.Grid .pgr a:hover { color: #000; text-decoration: none; }

/* ----------------------------------------
   DetailsView
------------------------------------------- */
.Det {   
    margin: 5px 0 10px 0;
    border-collapse:collapse; 
}
.Det td { 
    padding: 2px;
    padding: 8px 5px 6px;
    color: #717171; 
}
.Det th { 
    padding: 4px 2px; 
    background: #424242 url('Images/grd_head.png') repeat-x top;
    padding: 8px 5px 6px;
    font-size: 0.8em; 
}
.Det .pgr { background: #424242 }
.Det .pgr table { margin: 5px 0; }
.Det .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    line-height: 12px; 
 }   
.Det .pgr a { color: #666; text-decoration: none; }
.Det .pgr a:hover { color: #000; text-decoration: none; }

/* ----------------------------------------
   Menu Verticaal
------------------------------------------- */
.MenuV { 
    width: 100%;
    padding: 0px 0px 0px;
    line-height: 1px;
}

.MenuVstatic:last-child {border-bottom: none;}
.MenuVstatic
{
	padding: 0px 0px 0px;
    border-bottom: 1px solid #D0D8DE;
}
.MenuVstatic h1 {font: bold 12px Verdana,sans-serif; line-height: 30px;}
.MenuVstatic h2 {font: normal 11px Verdana,sans-serif; padding: 0px 4px 4px;}

.Menux table a {text-decoration: none;}
.Menux table a:hover {text-decoration: underline;}

.StaticMenuItem: {
	padding: 14px;
	text-decoration: underline;
	border-top: 1px solid #E2ECF2;
	border-bottom: 1px solid #D0D8DE;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#gallery {
	margin: 0px;
	padding: 18px 0px;
}

.right_sp 
{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    width: 300px;
    height: 135px;
}

.right_sp2
{
    float: right;
    margin-top: 25px;
    margin-right: 20px;
    width: 300px;
    height: 135px;
}

.sitemap a{text-decoration:none; color:#000000; font-size: 1.4em;}
.sitemap a:hover{text-decoration:underline; font-size: 1.4em;}