* {
	margin: 0;
	padding: 0;
	font: normal 12px/18px arial, sans-serif;
	color: #6f595b;
}

img {
	border: 0;
}

body {
	background-color: #fff;
	overflow-x: hidden;
}

.top {
	width: 100%;
	background-color: #2b1d16;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
}

.top_line {
	width: 994px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -497px;
	background: url(/images/topline.png) no-repeat;
}

.header {
	width: 100%;
	height: 243px;
	background: url(/images/header-tile.jpg) repeat-x;
    position: absolute;
    top: 0;
}

.icon-menu {
    float: right;
    margin: 0;
    width: 294px;
	height: 159px;
	overflow: hidden;
    background-color: #6f595b;
}

    .icon-menu li {
        float: left;
        list-style: none;
        width: 97px;
        height: 159px;
        overflow: hidden;
        text-align: center;
    }
    
    .icon-menu li p {
        width: 73px;
        text-align: left;
        margin: 0 0 0 15px;
        padding: 0;
        font-size: 11px !important;
    }
    
    .icon-menu a, .icon-menu a:link, .icon-menu a:visited { color: #fff; text-decoration: none; }
    .icon-menu a:hover { text-decoration: underline; }
    
    .menu-feed, .menu-feed:link, .menu-feed:visited {
        display: block;
        width: 73px;
        height: 72px;
        margin: 0 0 5px 15px;
        background: url(/images/icon-rss.png) no-repeat;
    }
    
    .menu-feed:hover {
        background: url(/images/icon-rss-hover.png) no-repeat;
    }
    
    .menu-zoeken, .menu-zoeken:link, .menu-zoeken:visited {
        display: block;
        width: 73px;
        height: 72px;
        margin: 0 0 5px 15px;
        background: url(/images/icon-zoeken.png) no-repeat;
    }
    
    .menu-zoeken:hover {
        background: url(/images/icon-zoeken-hover.png) no-repeat;
    }
    
    .menu-nieuwsbrief, .menu-nieuwsbrief:link, .menu-nieuwsbrief:visited {
        display: block;
        width: 73px;
        height: 72px;
        margin: 0 0 5px 15px;
        background: url(/images/icon-email.png) no-repeat;
    }
    
    .menu-nieuwsbrief:hover {
        background: url(/images/icon-email-hover.png) no-repeat;
    }

.highlight_menu {
	position: absolute;
	width: 901px;
	height: 243px;
	top: 11px;
	left: 50%;
	margin: 0 0 0 -450px;
	overflow: hidden;
    z-index: 10;
}

	.highlight {
		width: 607px;
		height: 159px;
		float: left;
	}
	
	.menu {
        clear: both;
        position: relative;
        top: 20px;
	}
	
	.menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.menu ul li {
		margin: 0;
		padding: 0;
		border: 0;
        float: left;
	}
	
	.menu a, .menu a:link, .menu a:visited {
		text-decoration: none;
        width: 169px;
        padding-left: 10px;
        border-left: 1px solid #e4e4e4;
        display: block;
        height: 70px;
		font-size: 12px;
	}
    
    .menu .last a {
        border-right: 1px solid #e4e4e4;
    }
    
    .menu a h1 {
        font-size: 16px;
        line-height: 30px;
        color: #977e7e;
        text-transform: uppercase;
    }
    
    .menu a:hover h1 {
        color: #e3007a;
    }
    
    .menu a h2 {
        font-size: 12px;
        color: #cbbebe;
    }
	
.flags {
	position: absolute;
	width: 46px;
	height: 17px;
	background-color: #b5ab90;
	top: 12px;
	left: 50%;
	margin-left: 454px;
}

	.flags img {
		float: left;
		margin: 1px;
	}
	
.content {
	position: absolute;
	margin-top: 281px;
	width: 890px;
	left: 50%;
	margin-left: -438px;
}

	.content_row div {
		width: 291px;
		margin: 0 1px 15px 0;
		float: left;
	}
    
    .content_row div.home_header {
        width: 100%;
        margin-bottom: 0px;
    }
	
	.content_row {
		clear: both;
	}
	
	.content ul {
		margin: 4px 0;
	}
	
	.content ul li {
		margin-left: 5px;
        list-style: none;
        padding-left: 15px;
        background: url(/images/block.png) 0 6px no-repeat;
		line-height: 18px;
	}
	
	.content ul li a, .content ul li a:link, .content ul li a:visited {
		text-decoration: none;
		color: #6f595b;
	}
	
	.content ul li a:hover {
		text-decoration: underline;
        background-color: #FEF6FA;
	}

.sidebar {
	position: absolute;
	left: 50%;
	margin-left: 285px;
	top: 281px;
	width: 200px;
/*    display: none;*/
}

.footer {
	clear: both;
	width: 100%;
    border-top: 1px solid #977e7e;
    padding-top: 10px;
    height: 70px;
}

	.footer ul {
        margin: 0;
	}
	
    .footer ul li {
        float: left;
/*        width: 145px;*/
		width: 213px;
        background: none;
        padding: 0;
        margin-right: 45px;
    }
    
    .footer ul li.last { width: 100px; margin: 0; text-align: right; }
    
	.footer li, .footer a, .footer a:link, .footer a:visited {
		text-decoration: none;
/*		color: #bbabab;*/
        font-size: 11px;
        color: #977e7e !important;
	}
	
	.footer a:hover {
		color: #e3007a;
	}

.breadcrumb {
    margin: 0 0 10px 0;
}
	
	.breadcrumb a {
		text-decoration: none;
		color: #BBABAB;
	}

	.B_lastCrumb span {
		color: #e2007a;
	}
	
.sub_image {
	width: 345px;
	float: left;
	margin: 10px 0 20px 0;
	text-align: right;
}

	.sub_image_wide {
		width: 255px;
	}
	
	.sub_image_wide h1, .sub_image_wide h2 {
		border: 0;
	}

.sub {
	margin: 10px 0 20px 30px;
	float: left;
	width: 505px;
}

    .sub h1, .sub h2, .sub p { margin-left: 0; }

	.sub_wide {
		width: 515px;
	}
	
	.sub h1, .sub h2 {
		width: 315px;
	}
	
	.sub_wide h1, .sub_wide h2 {
		width: 415px;
	}
	
	.sub ul {
		margin: 10px 0 10px 5px;
	}
	
	.sub ul li {
		margin-top: 4px;
	}

/*
 *	Text formatting
 *	Lists, links, etc
 */

.content h1, .content h1 a, .content h1 a:link, .content h1 a:visited, .content h3 {
	font: normal 16px/18px arial, sans-serif;
	color: #e3007a;
	text-decoration: none;
}

.content h2, .content h2 a, .content h2 a:link, .content h2 a:visited {
    font: normal 12px/14px arial, sans-serif;
    color: #e3007a;
    margin-top: 18px;
    text-decoration: none;
}

	.sub_row h1, .sub_row h2 {
		color: #bbabab;
	}
	
	.sub h1, .sub h2 {
		border: 0;
	}
	
	.content a h1:hover, .content a h2:hover {
		color: #FF30A0;
	}

br.high {
	height: 38px;
	line-height: 38px;
}

p {
	margin: 10px 0 8px 8px;
	padding-right: 10px;
}

.content_row div p { margin: 10px 0; }

b, strong {
	font-weight: bold;
}

i, italic, em {
	font-style: italic;
}

ul, ol {
	margin: 0 0 0 30px;
	padding: 0;
}

	ul li, ol li {
		margin: 0;
		padding: 0;
	}
	
a, a:link, a:visited {
	color: #5E3E31;
}

.content a:hover, .buttons span:hover {
    background-color: #FEF6FA;
    text-decoration: underline;
}

a.cta, a.cta:link, a.cta:visited, input.cta {
    color: #fff;
    background: url(/images/cta.png) repeat-x;
    line-height: 16px;
    font-size: 12px;
    padding: 0 4px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

a.cta2, a.cta2:link, a.cta2:visited, input.cta2 {
    color: #fff;
    background: url(/images/cta2.png) repeat-x;
    line-height: 20px;
    font-size: 16px;
    padding: 0 4px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

a.cta2:hover, input.cta2:hover {
    color: #eee;
}

a.cta:hover, input.cta:hover {
    color: #eee;
}

blockquote {
	margin: 0 0 0 22px;
}

#map {
	float: left;
    margin-left: 8px;
}

#contact {
	float: right;
    width: 300px;
}

    #contact form { margin-left: 10px; }

#contact_text {
	float: left;
}

	#contact_text table {
		width: 400px;
	}
	
	#contact_text table td {
		vertical-align: top;
		padding: 0;
	}
 
/* weblogin */
    
#WebLoginLayer0, #WebLoginLayer0 td {
    margin: 5px;
}

    #WebLoginLayer0 b {
        display: block;
        width: 140px !important;
    }
    
    #WebLoginLayer0 input {
        padding: 2px;
    }
    
iframe {
	display: none;
}

/** werc home **/
.werc_mask {
    position: relative;
    width: 291px;
    height: 320px;
    overflow: hidden;
}

#werc_box{
    position:absolute;
}
#werc_box div{
    width: 291px;
    float: left;
}
#werc_box .buttons{
    text-align: left
}
#werc_box .next{
    float: right
}

.buttons span, .buttons img {
    cursor: pointer;
}

#prev_werc { margin: 0 0 0 10px; }
#stop_werc { margin: 0 3px 0 105px; }
#next_werc { margin: 0 3px 0 105px; }

#handles {
    margin: 0;
    padding: 4px 0 0 0;
    border-top: 1px solid #cbbebd;
    width: 100%;
}

#handles li {
    list-style: none;
    margin-top: 0;
}

    #handles li span {
        color: #6F595B;
    }
    
    
/* contact popup */
.popup {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 300px;
    margin: -800px 0 0 -1500px;
    background-color: #6F595B;
    display: block;
    opacity: 0;
    padding: 0 0 10px 0;
}

    .popup * { color: #fff; }

    .popup h1 {
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0;
    }
    
    .popup p {
        margin: 0 0 18px 0;
    }
    
    .popup_nav {
        width: 100%;
        text-align: right;
        background-color: #2B1D16;
    }
    
    .popup_nav span {
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        line-height: 20px;
        margin: 0 8px;
        cursor: pointer;
    }
    
    .popup span:hover {
        color: #C62874;
    }
    
    .popup input, .popup select, .popup option {
        color: #333;
    }
    
    .popup .cta { color: #fff; }
    
    .popup form {
        margin: 0 0 0 10px;
    }
    
    .popup a { color: #fff; }
    .search_popup #type { width: 200px; }
    

/** 
 * CSS styles for the Custom Search Engine overlay built on top of AJAXSearch
 * API
 */ 

.cse-overlay-bg {
    display: none;
} 
 
.cse-closeResults { 
    background-color:#2B1D16;
    text-align:right;
    width:100%;
    line-height: 20px;
}

.cse-closeResults a {
  color:  #fff;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  margin: 0 8px;
}

.cse-closeResults a:hover { color:#C62874; }

.cse-overlay {
  text-align: left;
  position: absolute;
  top: 0px;
  left: 50% !important;
  margin: 110px 0 0 -150px;
  width: 300px;
  background-color: #6F595B;
  z-index: 11;
}

.cse-resultsContainer { padding: 10px; }

.cse-overlay * { 
  color: #ccc;
}

.cse-closeResults {

}

/**
 * Custom AJAXSearch styles
 */

.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark
 { display: none; }

.gs-visibleUrl {
  font-size: 10px;
  display: none;
}

.gs-snippet, .gs-snippet b {
    font-size: 11px;
}

.gs-snippet b, .gs-title { 
    font-weight:bold;
    text-decoration: none;
    color: #fff;
}

.gs-title, .gs-title * { color: #D8B9A7 !important; }
.gs-title:hover { text-decoration: underline; }

.gs-visibleUrl-long { 
  overflow: hidden;
}

.gsc-trailing-more-results,
.gsc-webResult,
.gs-divider {
  margin-bottom: 1em;
}

.gs-divider {
  margin-bottom: 1em;
  text-align: center;
  color: #eee;
}


/**
 * Default AJAXSearch styles largely from
 * http://www.google.com/uds/css/gsearch.css
 */

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 */
form.gsc-search-box {
    display: none;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results, .gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  display : inline;
  padding: 2px 3px;
  font-weight: bold;
  cursor: pointer;
}

.gsc-cursor-current-page, .gsc-trailing-more-results {
    color: #D8B9A7 !important;
    text-decoration: none;
}

div.gsc-trailing-more-results { 
    margin-left: 20px;
}

.gsc-trailing-more-results:hover { text-decoration: underline;}

.weblog-posts p, .weblog-posts li { width: 90% !important; }