/* Boarnstream */
/*************************************************/
/* HTML tag styles                               */
/*************************************************/

@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {    line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

ins {    text-decoration: none; }
del {    text-decoration: line-through; }
table {    border-collapse: collapse; border-spacing: 0; }
a img {border:0;}

:focus {
	outline: 0;
}

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }

em { font-style: italic; }

body {
  color: #fff;
  font: 75% "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  height: 100%;
  background: #fff;
}

.header {
height: 130px;
  background: url(../img/img_site/body_bg.jpg) no-repeat top center;
}

.header .headerinside {
  width: 960px;
  height: 130px;
  margin: 0 auto;
  position: relative;
}

.header .webswitch {
  position: absolute;
  top: 0px;
  right: 0px;
}

.header .webswitch li{
  float:left;
}

.header .taalswitch {
  position: absolute;
  top: 38px;
  right: 9px;
  text-align:right;
  font-family: Georgia;
  font-size: 0.83em;
  line-height: 1.70em;
}

.header .taalswitch a{
  text-decoration: none;
  color: #747378;
}

.header .taalswitch a.active {
	font-weight: bold;
}

.content_bg {
  background: #154469 url(../img/img_site/content_bg.jpg) no-repeat top center;
}

.content_bg .content_container {
  width: 960px;
  margin: 22px auto 0 auto;
  position: relative;
  background: url(../img/img_site/content_bg_repeat.png) repeat-y top center;
}

.content_bg .content_container_home {
  width: 960px;
  margin: 22px auto 0 auto;
  position: relative;
  background: url(../img/img_site/content_bg_repeat.png) repeat-y top center;
  padding-bottom:30px;
}

.content_bg .content_container .content_header {
  border-top: 1px solid black;
	background:  url(../img/img_site/contentheader_bg_repeat2.png) repeat-y top center;
}

.content_bg .content_container .content_header_breed {
  border-top: 1px solid black;
  border-left: 1px solid black;
  background:  url(../img/img_site/contentheader_bg_repeat3.jpg) repeat-y top right;
}

.content_bg .content_container .content_header .contentleft,
.content_bg .content_container .content_header_breed .contentleft {
  float:left;
  width: 220px;
  color: #fff;
  border-right: 1px solid black;
}

.content_bg .content_container .content_header .contentright,
.content_bg .content_container .content_header_breed .contentright {
  float:left;
  /*background: #f3f3f3; */
  width: 739px;
	min-height: 350px;
	position:relative;
}

.content_bg .content_container .content_header .contentright .toolbar,
.content_bg .content_container .content_header_breed .contentright .toolbar {
  float: right;
  width: 146px;
  color: #fff;
  padding: 20px 10px 10px 20px;
  position:relative;
}

.toolbar .content {
  padding-right: 176px;
}

.content_bg .content_container .content_header .contentright_breed,
.content_bg .content_container .content_header_breed .contentright_breed {
  float:left;
  background: #f3f3f3;
  width: 788px;
  position:relative;
}

.content_bg .content_container .content_header .contenttoolbar,
.content_bg .content_container .content_header_breed .contenttoolbar {
  float:left;
  width: 146px;
  color: #fff;
  padding: 20px 10px 10px 1px;
}

.content_home_left {
	padding: 5px;
	width: 629px;
	float:left;
}

.content_home_left h1 {
  font-family: Georigia;
	font-size: 1.75em;
	color: #FFF;
	margin: 0 20px 10px 20px;
}

.content_home_left p {
  margin: 0 20px 0 20px;
  font-size: 1em;
	line-height: 1.58em;
	margin-bottom: 14px;
}

.content_home_left img {
	border: 1px solid black;
	margin: 0 0 15px 0;
}

.splash_ingang2 li {
	float:left;
}

.ingang {
	margin:0 20px 0 0;
}

.ingangfirst {
	margin:0 20px 0 5px;
}

/* Homepage test */
/*
ul.splash_ingang li {
  margin-bottom: 10px;
}

ul.splash_ingang .last { margin-bottom: 0; }

ul.splash_ingang li img {
  padding: 0;
  margin: 0;
  border: 10px solid #FFF;
}

ul.splash_ingang li a {
  display: block;
}

.content_splash_home {
  width: 938px;
  margin: 0px auto 10px auto;
   
  background: url(../img/img_site/content_bg_repeat.png) repeat-y top center; 
  border-top: 1px solid black;
  border-bottom: 1px solid black;
 

 background-color: #FFF;
 filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	padding: 15px;

}

.content_splash_home h1, .content_splash_home p {
 color: #000;
 
}
*/

.socialmedia {
  position: absolute;
  top: 140px;
  right: 0;
}

.socialmedia li {
  float:left;
  margin:0 0 0 3px;  
}

socialmedia.vervolg {
  top:0;
}

.home_breed {
	width: 100%;
}

.home_breed h1 {
  margin:11px 20px 11px 20px;
}

.home_breed img {
  margin:0 0 2px 0;
  padding:0px;
  border: 0px;
}

.home_breed p {
  font-size:1.09em;
}

.agendahome {
  float:left;
  width:230px;
  margin:22px 22px 22px 10px;
}


.actueelhome {
  float:left;
  width:320px;
  margin:22px 22px 22px 10px;
}

.actueelhome li, .agendahome li{
  padding-left: 14px;
	list-style: url(none) none;
	background: url(../img/img_site/bulletwhite.png) no-repeat 0.0em 0.5em;
	font-size: 0.92em;
}

.actueelhome li a, .agendahome li a{
  color:#fff;
  line-height:19px;
 font-size: 1.09em;
}

.actueelhome li.first, .agendahome li.first{
  font-family: Georigia;
	font-size: 1.75em;
	color: #fff;
	width: 230px;
	margin: 0 0 13px 0;
	padding: 0px;
	list-style: url(none) none;
	background: url(none) no-repeat;
}


.content_bg .content_container .content_header_home {
  border-top: 1px solid black;
}

.content_bg .content_container .content_footer {
  background: url(../img/img_site/content_bg_header.png) no-repeat top left;
  height: 1px;
}

.content_left {
	float:left;
	width: 529px;
	padding: 0 20px 0 0;
	min-height: 300px;
}

.content_home_left p a {
  color:#FFFFFF;
}

.content_right img {
	padding:0px;
	margin: -3px 0 0 0;

}

.content_bg .footerboarn {
  background: url(../img/img_site/footer.png) no-repeat top center;
  min-height: 58px;
  margin-top: 26px;
}

.footer {
  height: 71px;
}

.footer .footerinside {
  width: 960px;
  margin: 0 auto;
  position: relative;
  color: #4c4c4d;
  font-size: 0.83em;
  position:relative;
}

.footer .footerinside a {
  color:#4c4c4d;
}

.footer .footerinside a:hover {
  color:#99ccff;
}

.footer .footerinside .footer1 {
  position:absolute;
  left: 0px;
  top: 14px;
}

.footer .footerinside .footer2 {
  position:absolute;
  left: 385px;
  top: 14px;
}

.footer .footerinside .footer3 {
  position:absolute;
  right: 0px;
  top: 14px;
}


/* Content CMS
**************************************************/

.content {
	color: #333333;
  padding: 20px;
}

.content hr {
	color: #333333;
	height: 1px;
	border-width: 0px;
	background: #333;
}

.content ul {
	margin-bottom: 11px;
}

.content li {
  padding-left: 14px;
	list-style: url(none) none;
	background: url(../img/img_site/bulletblue.png) no-repeat 0.0em 0.43em;
}

.content ul li ul {
	margin-bottom: 0px;
}

.content ul li ul li {
	list-style: url(none) none;
	background: url(../img/img_site/bulletblue.png) no-repeat 0.0em 0.6em;
	padding-left: 15px;
}

.content a {
  font-size: 1em;
  color: #333;
  text-decoration: underline;
}

.content a:hover {
	color: #20376B;
}

.imglinks {
	float: left;
	padding-top: 0px;
}

.imgrechts {
	float: right;
	padding-top: 0px;
}

.content p, .content table {
	font-size: 1em;
	line-height: 1.58em;
	color: #333333;
	margin-bottom: 14px;
}

.content h1  {
  font-family: Georigia;
	font-size: 1.75em;
	color: #333333;
	margin: 0 0 10px 0;
}

.content h2 {
 	font-family: Georigia;
	font-size: 1.75em;
	color: #333333;
	margin: 0 0 10px 0;
}

.nav-title {
 	font-family: Georigia;
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 20px 0 0 20px;
}

.content h3 {
	font-family: Georigia;
	font-size: 1.42em;
	color: #333333;
	margin: 0 0 10px 0;
}

.content h4 {
	font-weight: bold;
	font-size: 1.17em;
	line-height: 1em;
	color: #333333;
}

.content h5 {
  font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	color: #333333;
}

.content h6 {
  font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	color: #fff
}

.content .subkop {
	font-family: Georigia;
	font-size: 1.50em;
	color: #333333;
	margin: 0 0 10px 0;

}

#naarboven {
	float:left;
	color: #181818;
	font-size: 0.92em;
	cursor: pointer;
}

#toonpdf {
	float:right;
}

.content_bg {

}
/* Andere style voor homepage */
.content_bg .content_container .content_header_home .contenthome .content p,
.content_bg .content_container .content_header_home .contenthome .content a,
.content_bg .content_container .content_header_home .contenthome .content h1,
.content_bg .content_container .content_header_home .contenthome .content
{
  color: #fff;
}

.content_bg .content_container .content_header_home .contenthome .content a:hover {
	color: #99ccff;
}

.content_bg .content_container .content_header_home .contenthome .content li {
	background: url(../img/img_site/bulletwhite.png) no-repeat 0.0em 0.43em;
}

.content_bg .content_container .content_header_home .contenthome .content ul li ul li {
	background: url(../img/img_site/bulletwhite.png) no-repeat 0.0em 0.6em;
}


/* AGENDA */
.agenda {
	margin-bottom: 15px;
}

.agenda .titel {
	font-weight: bold;
}


/* GMAP */

.GMCC_container {
  font-family:Arial, Helvetica, sans-serif;
  background: white;
  border: 1px solid #aaaaaa;
  filter:alpha(opacity=83);
  -moz-opacity: 0.83;
  opacity: 0.83;
  width:48px;
  -moz-border-radius:4px;
  text-align:center;
}

.GMCC_controlTitle {
  font-size:12px;
  width:48px;
  background:#149971;
  color:white;
  text-align:center;
  line-height:18px;
  margin-bottom:3px;
}

.GMCC_iconControl {
  margin-bottom:2px;
  cursor:pointer;
}

.GMCC_controlTextButton {

}

.GMCC_button {
  margin:3px 0 3px 0;
}

div.gmnoprint {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
}

.GMapMList li  {
	padding: 0 0 0 0;
	list-style: url(none) none;
	background: none;
 }

/*************************************************/
/* Occasions    	                               */
/*************************************************/

ul.box { list-style: url(none) none;background: none; }
ul.box li {	list-style: url(none) none;	 background: none;	display: block;}
ul.box .title { background:url(../img/img_site/bg_box_header.jpg);height: 31px; line-height:31px;padding:0 7px; width: 683px;}
ul.box .title a, ul.box .title a:link {	color: #fff; text-decoration: none; display: block; }
ul.box .title h2 { display: inline; color: #fff; font-size: 14px; width: 400px; }
ul.box .title span { float:right; text-transform: uppercase; }

ul.box .main { padding: 5px 5px; font-size:0.92em;line-height:1.55em;color:#555555; border: 1px solid #d1d1d1; background-color: #fff; margin: 0 0 13px 0; width: 685px; }
ul.box .main span { float: left; }
ul.box .main span.status { background:url(../img/img_site/bg_aanbieding.jpg) no-repeat left bottom; color: #fff; text-align: center; text-transform: uppercase; font-size: 1.25em; line-height:19px;padding: 0 0 4px 0; }
ul.box .main.last { margin: 0; }

ul.box dl { margin: 0 0 0 180px; }
ul.box dl.boxEigenschap { margin: 0 0 0 2px; }
ul.box dl dt { float:left; margin-right:10px; padding: 0 0 5px 0; }
ul.box dl dd { margin:2px 0 2px 145px; padding: 0 0 5px 0; }

ul.contentbox li { list-style: url(none) none;	 background: none;	display: block; }
ul.contentbox .title { background:url(../img/img_site/bg_contentbox_header.jpg);height: 31px; line-height:31px;padding:0 7px; width: 686px;}
ul.contentbox .title a, ul.box .title a:link { color: #fff; text-decoration: none; display: block; }
ul.contentbox .title h2 { display: inline; color: #fff; font-size: 14px; width: 400px; }
ul.contentbox .title span { float:right; text-transform: uppercase; }

ul.contentbox .main { padding: 5px 5px; font-size:0.92em;line-height:1.55em;color:#555555; border: 1px solid #d1d1d1; background-color: #fff;  width: 688px; }
ul.contentbox .main img { float: left; }
ul.contentbox .main.last { margin: 0; }

ul.contentbox dl { margin: 0 0 5px 0; }
ul.contentbox dl dt { float:left;width:300px; }
ul.contentbox dl dd { float:left;width:190px;}

ul.boxsmall { list-style: url(none) none;background: none;margin: 0 0 11px 0; }
ul.boxsmall li { list-style: url(none) none; background: none;  display: block; }

ul.boxsmall .title { background:url(../img/img_site/bg_toolbar_header.jpg) no-repeat;font-size:1.17em;height: 31px; line-height:31px;padding:0 7px; width: 146px;}
ul.boxsmall .title a, ul.box .title a:link { color: #fff; text-decoration: none; display: block; }

ul.boxsmall .main { padding: 5px 5px; color: #333333;border: 1px solid #d1d1d1; background-color: #fff; margin: 0 0 5px 0; width: 134px; }
ul.boxsmall .main img { float: left; }
ul.boxsmall .main.last { margin: 0; }

ul.boxsmall dl { margin: 0 0 25px 0;display:block; }
ul.boxsmall dl dt { margin: 0 0 12px 0; font-weight: bold; }
ul.boxsmall dl dd p { font-size: 0.92em; line-height:1.18em;  }

/*
 * Slider
 */
.slideView { float:left; margin: 0 20px 0 0; padding: 0px; }
.slideImg { float:left;  padding: 0px;  }

/*
 * Jachten
 */
.tools {  float:right; margin: 0 3px 0 0; }
.tools img { margin: 0 0 7px 0; display: block; }


.content.jachten {
  position: relative;
}

.content.jachten .content_right {
	width: 146px;
  float:right;
	margin: 4px 3px 0 0;
}
/*
 * Nieuws
 */
.nieuws .archief {  }

.content p.published { font-size: 0.92em; text-align:right; }

img.splashimg { float:right;margin:0 12px 5px 30px;border:1px solid #000; }

/* Google maps
**************************************************/

#map { /* container kaart */
  height: 480px;
  width: 662px;
}

#map_thumb { /* container kaart thumb */
  height: 100px;
  width: 660;
}

#map_thumb_back {
  text-align: right;
}

#route { /* container routebeschrijving */
  width: 550px;
}

#balloon { /* container tekstballon */
}

#balloon h3 {
  font: normal 18px/21px Georgia, "Times New Roman", Times, serif;
  padding-left: 0px;
  margin-bottom: 11px;
}

#balloon .datum {
  font: bold 10px Georgia, "Times New Roman", Times, serif;
}

#balloon a {
  font: 11px Georgia, "Times New Roman", Times, serif;
  color: #1E2E6A;
}

#balloon a:hover {
  color: #8FB0CC;
}

#balloon p {
  color:#333333;
  font-size:11px;
  line-height:18px;
  margin-bottom:11px;
	width: 530px;
}

.anchor {
  text-decoration: none;
}

table.navTable {
  font-size:11px;
}

table.navTable .selected {
  font-weight: bold;
}

#pno p {
  margin: 0px;
  padding: 0px;
}

/*
.afmelden-nieuwsbrief {
  font-style: italic;
}
*/

td {
  vertical-align: top;
}


/* blokjes homepage
************************/
.content_home_right {
  padding:5px 5px 5px 1px;
  width:313px;
  float:left;
}

ul.rightingang li {
  position:relative;
  border:1px solid #000;
  margin:0 0 6px 0;
  height:145px;
}
ul.rightingang li a {
  position:relative;
  display:block;
  text-decoration:none;
}
ul.rightingang li img.left {
  position:absolute;
  bottom:9px;
  left:7px;
  z-index:2;
}
ul.rightingang li img.text {
  position:absolute;
  bottom:9px;
  left:15px;
  z-index:2;
  background:transparent url('../img/img_site/btn_ingang_bg_right.jpg') repeat-x right top;
}



/* Fotoalbum
**************************************************/

.fa_table {
  float:left;
  height: 110px;
  vertical-align:top;
  margin:0 25px 0 0;
}

.fa_table_album {
  float:left;
  margin:0 30px 0 0;
}

.fa_floatleft {
	float: left;
	margin: 2px;
	text-align: left;
}

.fa_navigatie {
	margin-top: 10px;
	margin-bottom: 10px;
}

.fa_navigatie a {
	font-size: 12px;
	margin-left: 5px;
}

.fa_fotoalbum {
	height: 186px;
	width: 135px;
	background: url(../img/img_fotos/fotoalbum.gif) no-repeat;
	padding-bottom: 16px;
	padding-left: 7px;
}

.fa_fotoalbum_album {
  height: 186px;
	width: 135px;
	background: url(../img/img_fotos/fotoalbum.gif) no-repeat;
	padding-bottom: 16px;
	padding-left: 7px;
	vertical-align:middle;
}

.fa_foto {
	background: url(../img/img_fotos/kader110.gif) no-repeat top;
	height: 130px;
	width: 110px;
	text-align: center;
	vertical-align:middle;
}

.content .fa_bijschrift a {
	font-size: 11px;
	line-height: 18px;
	color: #333;
	vertical-align: middle;
	text-decoration: none;
}

.content .fa_bijschrift a:link, .fa_bijschrift a:visited {
	text-decoration: none;
	text-align: center;
}
.content .fa_bijschrift a:hover, .fa_bijschrift a:selected {
 text-decoration: none;
 text-align: center;
}

.quoteDiv {
	position:absolute;
	bottom:0px;
	right:0px;
}

p.quoteHome {
	position:absolute;
	bottom:110px;
	*bottom:95px;
	right:70px;
	font-family: Arial;
	font-size: 20px;
	line-height:1.2em;
	color: #90c6ec;
	width: 250px;
	text-align:left;
	font-weight:bold;
	float:right;
}

.quoteLink {
	float:right;
	margin:20px 40px 0 0;
	position:absolute;
	bottom:45px;
	right:105px;
}

.quoteLink a {
	color: #90c6ec;
	font-size:13px;
}

.quoteImg {
	float:right;
}

.popuphome {
	position:absolute;
	z-index:20;
	padding:0 50px;
	top:45px;
	left:0px;
}

.popuphome img {
	 border: 5px solid #1A2D3F;
}

.sluiten {
	position:absolute;
	z-index:50;
	background:url(../img/img_site/sluiten.png) no-repeat left top;
	width:25px;
	height:25px;
	top:7px;
	left:875px;
	cursor:pointer;
}


.zoekenbox { position:absolute;top:70px;left:20px; }
.zoekenbox strong { margin:0 0 5px;color:#333333;display:block; }
.zoekenboxtitle { float:left;color:#333333;margin:0 5px 0 0;line-height:20px; }
.zoekenboxitem { background:#fff url(../img/img_site/bg_dropdown.png) no-repeat -1px -1px;margin:0 10px 1px 1px;color:#333;border:1px solid grey;width:160px;line-height:20px;float:left; }
.zoekenboxitem a { color:#333; } 
.zoekenboxitem a p { color:#333;padding:0 5px; } 


.boxsmallverkoop { position:absolute;top:488px;z-index:100;left:20px;color:#333;width:500px; }
.boxsmallverkoop strong { font-weight:bold;display:block;margin:0 0 2px; }


.jachtOverzicht { margin:0px;}
.jachtOverzicht li { position:relative;text-align:center;margin:0px;padding:0px;float:left; }
.jachtOverzicht li a { border:1px solid #ccc;display:block;background:#fff;width:221px;margin:0 5px 5px 0;height:175px;padding:2px; }
.jachtOverzicht li a:hover { border:1px solid #000; }
.jachtOverzicht li span.jachttitle { position:absolute;bottom:10px;left:0px;width:225px;}

.marex li a { width:335px;margin:0 5px 5px 0;height:245px;padding:2px; }
.marex li span.jachttitle { position:absolute;bottom:10px;left:0px;width:335px;}

.wolkje { line-height:1.3em;text-align:center;text-decoration:none;color:#000;z-index:100;position:absolute;top:135px;padding:20px;right:110px;width:110px;height:49px;background:url(../img/img_site/praatwolkje.png) no-repeat left top; }
.wolkje2 { line-height:1.3em;text-align:center;text-decoration:none;color:#000;z-index:100;position:absolute;top:135px;padding:20px;right:350px;width:110px;height:49px;background:url(../img/img_site/praatwolkje.png) no-repeat left top; }

/*************************************************/
/* Browser compatibility                         */
/*************************************************/

/* fixes float problems
**************************************************/

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}