@font-face{
  font-family: bignoodle;
  src: url('bignoodle.eot');
  src: local(custom), url('bignoodle.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/*******************************************************************************
 General
*******************************************************************************/
body,html {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
body {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	min-height:100%;
}

/* IE6 Hack */
* html body {
	behavior: url(fileadmin/templates/csshover3.htc);
}

body,
td,
th {
	color:#676767;
	font-size: 10pt;
  font-family: arial,verdana,sans-serif;
	line-height:160%;
}

form, ul, ol, p {
	margin: 0;
	padding: 0;
}
/*p {
	margin-bottom: 20px;
}*/

a {
	color:#676767;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border: none
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color:#0d104b;
}
h1 {
}
h2 {
	font-size:24pt;
	line-height:135%;
	padding:0px 0px 0px 0px;
}
h3 {
	font-size:11pt;
	margin:0px 0px 6px 0px;
	color:#d9be71;
}
h4 {
	font-size:10pt;
	margin:0px 0px 6px 0px;
}
h5 {
	font-size:9pt;
	margin:0px 0px 0px 0px;
	color:#555555;
}

form {
	margin:0px;
	font-size:100%;
}
input, select, textarea {
	margin: 2px 0px 2px 0px;
	font-size:100%;
	color:black;
}
textarea {
	width:218px;
	height:100px;
/*  white-space:nowrap;*/
}

.csc-textpic-caption
{
	font-size:7pt;
	padding:3px 0px 0px 0px;
	line-height:117%
}

ul, ol {
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}
ul li {
	list-style-type:disc;
}
ol li {
	list-style-type:decimal;
}
blockquote {
	margin:0px 0px 0px 15px;
}

div.copyrlink
{
	margin:5px 20px 0px 0px;
	float:right;
  line-height: 100%;
  height:29px;
}
div.copyrlink a {
	color:#517bad;
	font-size:7pt;
	text-decoration:none;
  line-height: 100%;
}
div.copyrlink a:hover {
	color:#000000;
}

hr {
	height:0;
	border:0;
	border-top:1px dotted #faba00;
	margin:11px 0px;
}

.rounded {
  overflow             : hidden;
  z-index              : 5;
	-moz-border-radius   : 10px;
	-webkit-border-radius: 10px;
	border-radius        : 10px;
	behavior             : url(borderradius-shadow.htc);
}

.shadow{
  overflow             : hidden;
  /*z-index              : 0;*/
  zoom                 : 1;
	box-shadow        : #AFAFAF 0px 0px 4px;
	-moz-box-shadow   : #AFAFAF 0px 0px 4px;
  -webkit-box-shadow: #AFAFAF 0px 0px 4px; 
	behavior             : url(borderradius-shadow.htc);
}

div.link {
	margin-bottom:15px;
}
div.link h3 {
	font-size:10pt;
	margin-bottom:0;
}
div.link h3 a {
	text-decoration:none;
}
div.link h3 a:hover {
	text-decoration:underline;
}


/*******************************************************************************
 Container
*******************************************************************************/
div#container {
	margin: 0px auto;
/*  min-height:100%;*/
	width: 950px;
	padding:0px 0px 0px 0px;
	position:relative;
	text-align: left;
}

*html div#container {
	overflow: visible;
	height: 1px;
}


a#online-boeken {
	position:absolute;
	left:23px;
	top:319px;
	z-index:200;

	display:block;
	width:281px;
	height:37px;
	overflow:hidden;
	color:white;
	padding:14px 0px 0px 20px;
	font-size:18pt;
	letter-spacing:1px;
	background:url(img/knoppen/button-breed.png) no-repeat top left;
	font-family:bignoodle;
	cursor:pointer;
	text-decoration:none;
}
*html a#online-boeken {
	height:51px;
}

a#online-boeken:hover {
	text-decoration:none;
	background-position:bottom left;
}

a#online-boeken span {
	color:#faba00;
}



div#middel {
	overflow:hidden;
}


/*******************************************************************************
 Header
*******************************************************************************/
div#logo {
	position:absolute;
	left:94px;
	top:28px;
	background: url(img/logo_syperda.png) no-repeat 0 0;
	width:285px;
	height:78px;
	cursor:pointer;
}

div#boven {
/*	background: url(img/logo_syperda.png) no-repeat 94px 28px;*/
	height:374px;
}

div#header {
	height: 161px;
	overflow: hidden;
	border:0px solid red;
	margin:0px auto;
}

div#header h1 {
	margin-top: 250px;
}

*html div#header {
}

div#vlagjes {
	position:absolute;
	right:40px;
	top:20px;
	height:100px;
	width: 300px;
}

div#vlagjes > a{
	float: left;
}

div#vlagjes a.socialmedia {
	display:block;
	width:21px;
	height:21px;
	overflow:hidden;
	margin-left:1px;
	float:right;
	position:relative;
	top:-2px;
}
div#vlagjes a.socialmedia:hover img {
	position:relative;
	top:-21px;
}
div#vlagjes a.twitter {
	margin-left:20px;
}
div#vlagjes a.linkedin {
}
div#vlagjes a.facebook {
}
div#vlagjes a.hyves {
}

div#div-gallery {
	position:absolute;
	left:0px;
	top:128px;
}
ul#gallery { left:1px; width:948px; height:246px; margin:0; padding:0; }
ul#gallery li { display: block; }



/*******************************************************************************
 Midden
*******************************************************************************/
div#midden {
	width:500px;
	border:0px solid red;
	min-height:257px;
	margin:22px auto 22px;
	padding:0;
/*	left:-7px;*/
	position:relative;
	overflow:hidden;
}

div.overflowHidden {
	overflow:hidden;
}

div#midden hr {
	border-top:1px dashed #d4d4d4;
}

div#midden h3 {
	text-transform:none;
}

div#midden h3.huren,
div#midden h3.huren2,
div#midden h3.huren3 {
	float:left;
	font-weight:normal;
}
div#midden h3.huren a,
div#midden h3.huren2 a,
div#midden h3.huren3 a {
	display:block;
	width:161px;
	height:38px;
	overflow:hidden;
	padding-top:149px;
	text-align:center;
	color:white;
	font-family:bignoodle;
	font-size:16pt;
	text-decoration:none;
	letter-spacing:1px;
	margin-right:8px;
}
*html div#midden h3.huren a {
	height:187px;
}
div#midden h3.huren2 a {
	width:125px;
	height:39px;
	padding-top:114px;
	color:#faba00;
	margin-right:0px;
	font-size:13pt;
	font-weight:normal;
	line-height:15px;
}
*html div#midden h3.huren2 a {
	height:153px;
}
div#midden h3.huren2 a span {
	font-family:arial;
	color:white;
	font-size:8pt;
	letter-spacing:0px;
}
div#midden h3.huren3 a {
	width:131px;
	padding-top:118px;
	height:35px;
	color:#faba00;
	font-size:13pt;
}
*html div#midden h3.huren3 a {
	height:153px;
}
/* home */
div#midden h3.huren a.huren-platbodem {
	background:url(img/knoppen/knop_hurenPlatbodem.png) no-repeat left top;
}
div#midden h3.huren a.huren-huisje {
	background:url(img/knoppen/knop_hurenHuisje.png) no-repeat left top;
}
div#midden h3.huren a.huren-openboot {
	background:url(img/knoppen/knop_hurenOpenBoot.png) no-repeat left top;
	margin-right:0px;
}
/* platbodemschepen */
div#midden h3.huren2 a.huren-tjalk {
	background:url(img/knoppen/knop_tjalk.png) no-repeat left top;
}
div#midden h3.huren2 a.huren-skutsje {
	background:url(img/knoppen/knop_skutsje.png) no-repeat left top;
}
div#midden h3.huren2 a.huren-lemmeraak {
	background:url(img/knoppen/knop_lemmeraak.png) no-repeat left top;
}
div#midden h3.huren2 a.huren-zeeschouw {
	background:url(img/knoppen/knop_zeeschouw.png) no-repeat left top;
}
/* vakantiehuisjes */
div#midden h3.huren3 a.huren-4pers {
	background:url(img/knoppen/knop_4persoons.png) no-repeat left top;
}
div#midden h3.huren3 a.huren-6pers {
	background:url(img/knoppen/knop_6persoons.png) no-repeat left top;
}
div#midden h3.huren3 a.huren-8pers {
	background:url(img/knoppen/knop_8persoons.png) no-repeat left top;
}
/* open boot */
div#midden h3.huren3 a.huren-polyvalk {
	background:url(img/knoppen/knop_polyvalk.png) no-repeat left top;
}
div#midden h3.huren3 a.huren-randmeer {
	background:url(img/knoppen/knop_randmeer.png) no-repeat left top;
}
div#midden h3.huren3 a.huren-sloep {
	background:url(img/knoppen/knop_sloep.png) no-repeat left top;
}
div#midden h3.huren3 a.huren-optimist {
	background:url(img/knoppen/knop_optimist.png) no-repeat left top;
}
div#midden h3.huren3 a.huren-kano {
	background:url(img/knoppen/knop_kano.png) no-repeat left top;
}
div#midden h3.huren3 a.huren-roeiboot {
	background:url(img/knoppen/knop_roeiboot.png) no-repeat left top;
}


/*******************************************************************************
 Links
*******************************************************************************/
div#links {
	width:167px;
	margin:12px 0px 22px 26px;
	float:left;
}

div#links div#adresblok {
	font-size:6pt;
	line-height:160%;
	letter-spacing:1px;
	color:#999999;
	margin-top:25px;
}
div#links div#adresblok a {
	color:#999999;
}


/*******************************************************************************
 Rechts
*******************************************************************************/
div#rechts {
	width:181px;
	margin:22px 26px 22px 0px;
	float:right;
	line-height:140%;
}

a.button-laag {
	display:block;
	height:34px;
	overflow:hidden;
	line-height:36px;
	color:white;
	padding-left:11px;
	font-size:13pt;
	letter-spacing:1pt;
	text-decoration:none;
	background:url(img/knoppen/button-laag.png) no-repeat left top;
	font-family:bignoodle;
}

div#rechts a.button-hoog {
	display:block;
	height:51px;
	overflow:hidden;
	line-height:50px;
	color:white;
	padding-left:15px;
	font-size:13pt;
	letter-spacing:1px;
	text-decoration:none;
	background:url(img/knoppen/button-hoog.png) no-repeat left top;
	font-family:bignoodle;
}

div#rechts div.smaller {
	margin:20px 7px;
	font-size:8pt;
}

div#rechts h3 {
	color:#faba00;
	margin-bottom:3px;
	font-size:10pt;
	font-family:arial black;
}
div#rechts h4 {
	color:#0d104b;
	font-size:10pt;
	text-transform:uppercase;
	margin:9px 0px 2px 0px;
}

div#rechts a.button-geel {
	display:block;
	height:21px;
	overflow:hidden;
	line-height:20px;
	color:white;
	padding-left:67px;
	font-size:7pt;
	text-decoration:none;
	background:url(img/knoppen/button-geel.png) no-repeat 58px top;
	margin-top:5px;
}

div#rechts a.button-woudbp {
	display:block;
	height:164px;
	overflow:hidden;
	line-height:27px;
	color:white;
	padding:3px 14px 0px 7px;
	font-size:16pt;
	text-decoration:none;
	background:url(img/knop_woudbuursterpoel.png) no-repeat left top;
	margin-top:10px;
	font-family:arial;
	font-weight:normal;
}
*html div#rechts a.button-woudbp {
	height:167px;
}
div#rechts a.button-woudbp span {
	color:black;
	text-transform:uppercase;
	font-size:9pt;
	font-weight:bold;
}
div#rechts a.button-laag:hover,
div#rechts a.button-hoog:hover,
div#rechts a.button-geel:hover,
div#rechts a.button-woudbp:hover {
	text-decoration:none;
	background-position:left bottom;
}
div#rechts a.button-geel:hover {
	background-position:58px bottom;
}

div#rechts a.link-pdf {
	display:block;
	text-transform:uppercase;
	font-size:8pt;
	color:#d9be71;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:2px;
	position:relative;
	top:-12px;
	background:url(img/pdf.png) no-repeat left center;
	padding-left:25px;
}
div#rechts a.link-pdf:hover {
	text-decoration:none;
}

/*********** aanmelden nieuwsbrief ***********/
div#rechts div.tx-zwfnieuwsbrief-pi1 h3 {
	text-transform:uppercase;
	color:#1e2059;
	font-size:9pt;
}

div.tx-zwfnieuwsbrief-pi1 form {
	margin-top:10px;
}
div.tx-zwfnieuwsbrief-pi1 input[type=submit] {
	display:block;
	margin-top:15px;
}
div#rechts div.tx-zwfnieuwsbrief-pi1 {
	font-size:8pt;
}
div#rechts div.tx-zwfnieuwsbrief-pi1 form {
	margin-top:5px;
}
div#rechts div.tx-zwfnieuwsbrief-pi1 input[type=text] {
	width:137px;
	margin-right:5px;
}
div#rechts div.tx-zwfnieuwsbrief-pi1 input[type=submit] {
	border:0;
	background:url(img/knoppen/aanmelden_nieuwsbrief.png) no-repeat left top;
	width:22px;
	height:24px;
	overflow:hidden;
	color:#faba00;
	cursor:pointer;
	display:inline;
	margin:0;
}
div#rechts div.tx-zwfnieuwsbrief-pi1 input[type=submit]:hover {
	background-position: left bottom;
}

/*******************************************************************************
 Menu
*******************************************************************************/
div#menu {
	padding: 73px 65px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	background:url(img/grijzelijn_hoofdmenu.png) no-repeat 460px bottom;
}

div#menu ul {
	width:auto;
	padding:0px;
	margin:0;
	float:right;
}

div#menu ul li {
	float:left;
	list-style-type:none;
	position:relative;
	margin:0;
	padding:0;
}
div#menu ul li.first {
}

div#menu ul li a {
	display:block;
	margin:0px 0px 0px 0px;
	padding: 0px 11px;
	font-style:normal;
	font-weight:bold;
	font-size:6pt;
	text-transform:uppercase;
	letter-spacing:1pt;
	color:#a8a8aa;
	text-decoration: none;
	line-height:34px;
}
*html div#menu ul li.first {
/*	height:50px;*/
}


div#menu ul li ul li,
div#menu ul li.last {
	background:none;
}

div#menu ul li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 34px;
	margin: 0;
	padding:5px 0px 0px 0px;
	font-size: 100%;
	text-align:left;
	background:url(img/bg-submenu.png);
	height:286px;
	min-width:155px;
	z-index:50;
}

div#menu ul li:hover,
div#menu ul li.current {
	border-bottom:1px solid #faba00;
}

/********************** menu links **************************/

div.menu ul {
	width:auto;
	padding:0px;
	margin:0;
	border-bottom:1px dotted #faba00;
}

div.menu ul li {
	display:block;
	list-style-type:none;
	position:relative;
	margin:0;
	padding:0;
}

div.menu ul li a {
	color:#1e2059;
	font-family:arial black;
	font-size:10pt;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	background:url(img/bg-menu-links.png) no-repeat bottom left;
	border-top:1px dotted #faba00;
	padding:10px 0px 0px 6px;
	margin-bottom:10px;
	line-height:13px;
}
div.menu ul li.first a {
	border-top:0;
}

div.menu ul li ul {
	display: block;
	padding-bottom:5px;
	border-bottom:0;
}

div.menu ul li ul li {
}

div.menu ul li ul li a {
	font-family:arial;
	text-transform:none;
	color:#7b7c7e;
	background:none;
	padding:0;
	margin-bottom:7px;
	border-top:0;
}

/** html div.menu ul li ul li {
	width: 1px;
}*/


div.menu ul li:hover a {
 text-decoration:none;
 color:#faba00;
}

div.menu ul li:hover ul li a {
 color:#7b7c7e;
}

div.menu ul li ul li:hover a {
 color:#faba00;
}


/*******************************************************************************
 Onder
*******************************************************************************/
div#spacer {
	height:107px;
}

div#onder {
	height:107px;
	width:950px;
	margin:0px auto;
	overflow:hidden;
	font-size:7pt;
	border-top:3px solid #d8bb6b;

  position: absolute;
	right: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 200;
}
*html div#onder {
}

div#onder div {
	clear:left;
	padding:1px 0px 0px 11px;
}
div#onder div a {
	color:#bbbbbb;
	text-decoration:none;
}
div#onder div a:hover {
	color:#0d104b;
	text-decoration:none;
}

/********************** menu's onder **************************/

div#onder div.menuo {
	padding: 0px 0px 0px 0px;
	overflow:hidden;
}
div#onder div#menuo1 {
	float:left;
	width:440px;
	margin:9px 0px 0px 13px;
}
div#onder div#menuo2 {
	float:right;
	width:440px;
	margin:9px 13px 0px 0px;
}

div#onder div.menuo ul {
	width:auto;
	padding:0px;
	margin:0;
	float:right;
}
div#onder div#menuo1 ul {
	float:none;
}

div#onder div.menuo ul li {
	float:left;
	list-style-type:none;
	position:relative;
	margin:0;
	padding:0;
}

div#onder div.menuo ul li a {
	display:block;
	margin:0px 0px 0px 0px;
	padding: 0px 11px;
	font-style:normal;
	font-weight:bold;
	font-size:6pt;
	text-transform:uppercase;
	letter-spacing:1pt;
	color:#a8a8aa;
	text-decoration: none;
	line-height:9px;
	border-right:1px solid #d3d3d3;
}
div#onder div.menuo ul li.last a {
	border-right:0;
}
div#onder div#menuo2 ul li a {
	text-transform:lowercase;
	font-size:7pt;
	margin:0px 0px 7px 0px;
}


div#onder div.menuo ul li ul li,
div#onder div.menuo ul li.last {
	background:none;
}

div#onder div.menuo ul li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 34px;
	margin: 0;
	padding:5px 0px 0px 0px;
	font-size: 100%;
	text-align:left;
	background:url(img/bg-submenu.png);
	height:286px;
	min-width:155px;
	z-index:50;
}

div#onder div.menuo ul li:hover a,
div#onder div.menuo ul li.current a {
	color:#d8bb6b;
}


/******************************* SCHEPEN NIEUW ************************************/
.tx-zwfverhuur-pi1 .typeSchepen,
.tx-zwfschepen-pi1 .typeSchepen  {
}

.tx-zwfverhuur-pi1 .rij,
.tx-zwfschepen-pi1 .rij {
	clear:both;
}

.tx-zwfverhuur-pi1 .knop,
.tx-zwfschepen-pi1 .knop {
	float:left;
	background:#0f014c;
	padding:3px 5px 3px 5px;
	margin-right:5px;
	color:white;
	text-transform:uppercase;
	font-size:8pt;
/*	font-family:BigNoodleTitling,arial;*/
}
.tx-zwfverhuur-pi1 .knop a,
.tx-zwfschepen-pi1 .knop a {
	color:white;
	text-decoration:none;
}
.tx-zwfverhuur-pi1 .knop a:hover,
.tx-zwfschepen-pi1 .knop a:hover {
	color:#fdb812;
}

.tx-zwfverhuur-pi1 .typeSchepen hr,
.tx-zwfverhuur-pi1 .showBezetting hr,
.tx-zwfschepen-pi1 .typeSchepen hr,
.tx-zwfschepen-pi1 .showBezetting hr {
	color:#fdb813;
	background-color:#fdb813;
	height:1px;
	border:0;
	margin:15px 0px;
	clear:both;
}

.tx-zwfverhuur-pi1 .typeSchepen .tekstType,
.tx-zwfschepen-pi1 .typeSchepen .tekstType {
}

.tx-zwfverhuur-pi1 .typeSchepen .fotosType,
.tx-zwfschepen-pi1 .typeSchepen .fotosType {
	float:right;
	overflow:auto;
	margin-left:20px;
}

.tx-zwfverhuur-pi1 .typeSchepen .fotosType .cel,
.tx-zwfschepen-pi1 .typeSchepen .fotosType .cel {
	float:left;
	padding:0px 5px 5px 0px;
}
.tx-zwfverhuur-pi1 .typeSchepen .fotosType .last,
.tx-zwfschepen-pi1 .typeSchepen .fotosType .last {
	padding:0px 0px 5px 0px;
}

.tx-zwfverhuur-pi1 .typeSchepen .first,
.tx-zwfschepen-pi1 .typeSchepen .first {
	clear:left;
}
.tx-zwfverhuur-pi1 .typeSchepen .schepen .first,
.tx-zwfschepen-pi1 .typeSchepen .schepen .first {
	margin-right:12px;
}
.tx-zwfverhuur-pi1 .typeSchepen .last,
.tx-zwfschepen-pi1 .typeSchepen .last {
	clear:right;
}

.tx-zwfverhuur-pi1 .typeSchepen .schip,
.tx-zwfschepen-pi1 .typeSchepen .schip {
	min-height:100px;
	width:280px;
	float:left;
	border:1px solid #0f014c;
	padding:5px;
	margin-bottom:10px;
	font-size:8pt;
	line-height:125%;
}

.tx-zwfverhuur-pi1 .typeSchepen .knop,
.tx-zwfschepen-pi1 .typeSchepen .knop {
	padding-right:0px;
}


.tx-zwfverhuur-pi1 .typeSchepen .schip .img,
.tx-zwfschepen-pi1 .typeSchepen .schip .img {
	float:left;
	margin-right:10px;
	width:100px;
	height:100px;
}


.tx-zwfverhuur-pi1 .typeSchepen .schip .kolomrechts,
.tx-zwfschepen-pi1 .typeSchepen .schip .kolomrechts {
	margin-left:110px;
}

.tx-zwfverhuur-pi1 .typeSchepen .schip h3,
.tx-zwfschepen-pi1 .typeSchepen .schip h3 {
	color:#595a5c;
	text-transform:none;
	margin-top:2px;
}

.tx-zwfverhuur-pi1 .typeSchepen .schip .prijs,
.tx-zwfschepen-pi1 .typeSchepen .schip .prijs {
	float:left;
	margin:5px 10px 5px 0px;
}

.tx-zwfverhuur-pi1 .typeSchepen a img,
.tx-zwfschepen-pi1 .typeSchepen a img {
	border:0;
}

.tx-zwfverhuur-pi1 .typeSchepen .schip a,
.tx-zwfschepen-pi1 .typeSchepen .schip a {
	margin-right:5px;
}

.tx-zwfverhuur-pi1 .showRecord .vierkantje,
.tx-zwfschepen-pi1 .showRecord .vierkantje {
	float:left;
	margin:0px 5px 5px 0px;
	position:relative;
	width:60px;
	height:60px;
	overflow:hidden;
}
.tx-zwfverhuur-pi1 .showRecord .last,
.tx-zwfschepen-pi1 .showRecord .last {
	margin:0px 0px 5px 0px;
}


.tx-zwfverhuur-pi1 .knopbtn {
	background:#0f014c;
	color:white;
	border:0;
	font-size:8pt;
	padding:5px 4px;
}
.tx-zwfverhuur-pi1 .knopbtn:hover {
	color:#fdb812;
}




.tx-zwfguestbook-pi1 div.foto {
	float:left;
}
.tx-zwfguestbook-pi1 div.naam {
	font-family:arial black;
	font-size:9pt;
	line-height:16px;
}
.tx-zwfguestbook-pi1 div.datum {
	font-style:italic;
	font-size:7pt;
	line-height:16px;
}
.tx-zwfguestbook-pi1 div.bericht {
}



div#vlagjes .fb-like{
	display : inline;
	margin-left: 10px;
	float   : right;
	position: relative;
	top     : -2px;
}

.fb-like iframe{
	max-width: 150px;
}

.newsletter-subprint{
	font-size: 8px;
	font-style: italic;
	line-height: 1.25em;
	padding: 5px 0px;
}