/* Start of CMSMS style sheet 'waterfront : waterfront' */
/*kleuren:
#000000 : zwart
#D18A34 : donker oranje
#FFA700 : licht oranje
#92C7D2 : lichtblauw
#CA4026 : rood
#AE281E : donkerrood/bordeaux
#6FBE44 : groen
*/

* {
	margin:0px;
	padding:0px;
}
html {
	background-image: url(uploads/waterfront/right_side.gif);
	background-repeat: repeat-y;
	background-position: top right;
	background-color: #333333;
	height: 100%;
	min-height:100%;
}
body {
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	background-image: url(uploads/waterfront/left_side.gif);
	background-repeat: repeat-y;
	min-height:100%;
}
* html body {
	height:100%;
}
#container {
	min-width: 800px;
	display: inline;
	height:100%;
}
#main-title {
	margin-bottom: 0;
	margin-left: 110px;
	margin-right: 110px;
	font-size: 1.1em;
	letter-spacing: 0.25em;
	font-variant:small-caps;
	text-align: right;
	margin-top: 0;
	padding-bottom: 8px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 50px;
	background-color: #333333;
	color: #D18A34;
	border-top: 1px #000000 solid;
}


#lang {
	text-align:right;
	margin: -1.2em 110px 0px 110px;
	font-size: 0.9em;
	font-variant:small-caps;
	margin-top: 0em;
	margin-bottom: 5px;
	padding-right:50px;
}
#lang ul li {
	display: inline;
	margin-left:1em;
}
#lang a {
	color:#AE281E;
}
#lang a:hover {
	color:#92C7D2;
}

#header-image {
	background-color: #000000;
	background-image: url(uploads/waterfront/waterfront.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 215px;
	border-top: 2px #92C7D2 solid;
	border-bottom: 2px #92C7D2 solid;
	margin-left: 110px;
	margin-right: 110px;
	margin-bottom:0.5em;
}
#headline {
	font-size: .65em;
	padding-top: 30px;
	text-align: justify;
	background-color: #F2F2F2;
	padding-left: 100px;
	padding-right: 100px;
	margin-left: 110px;
	margin-right: 110px;
	margin-bottom: 0;
	line-height: 1.5em;}
p.byline {
	text-align: right;
	margin-bottom: 0;
}

#main-text {
	border-top: 1px solid #92C7D2;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom:20px;
	padding-top:20px;
	margin-left: 110px;
	margin-right: 110px;
	font-size: 0.7em;
	line-height: 1.8em;
	background-color: #000000;
	display:block;
}
#main-text strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size:1.1em;
	font-weight:bold;
}
#main-text p {
	text-align: left;
	margin-left: 165px;
	margin-right: 50px;
	color:#FFA700;
	display:block;
	margin-top: 0em;
	margin-bottom: 0.3em;
}
#main-text h1 {
	margin-left:140px;
	margin-right:30px;
	font-size: 1.3em;
	padding-bottom: 6px;
	padding-left: 10px;
	text-align:left;
	padding-right: 0;
	font-weight:lighter;
	font-variant:small-caps;
	color: #92C7D2;
	letter-spacing:0.4em;
	margin-top: 2.5em;
	margin-bottom:0.5em;
	border-bottom:#92C7D2 dotted thin;
}
#main-text h2 {
	margin-left:150px;
	margin-right: 50px;
	font-size: 1.3em;
	padding-bottom: 6px;
	text-align:left;
	padding-right: 0;
	font-weight:lighter;
	font-variant:small-caps;
	color: #92C7D2;
	letter-spacing:0.3em;
	margin-top: 1.5em;
	margin-bottom:0.4em;
}
#main-text h3 {
	padding-bottom: 3px;
	padding-right: 0;
	color: #6FBE44;
	letter-spacing: 5px;
	margin-left: 150px;
	margin-right: 50px;
	font-size: 1.2em;
	font-variant:small-caps;
	font-weight:lighter;
	letter-spacing:0.2em;
	margin-top: 0.7em;
	margin-bottom:0.2em;
}
#main-text h4 {
	padding-bottom: 3px;
	padding-right: 0;
	color: #CA4026;
	letter-spacing: 5px;
	margin-left: 165px;
	margin-right: 50px;
	font-size: 1.1em;
	letter-spacing:0.1em;
	font-variant:small-caps;
	margin-top: 0.5em;
	margin-bottom:0.1em;
}
#main-text ol, #main-text ul {
	margin-left: 190px;
	width:220px;
	color:#FFA700;
}
#main-text ul {
	list-style-image:url(uploads/waterfront/quote_small.gif);
}
#main-text blockquote {
	margin: 20px 90px 20px 160px;
	color: #CA4026;
	padding: 20px;
	border: #CA4026 thin dotted;
	font-weight: bolder;
}
#main-text blockquote p {
        padding:0px;
        margin:0px;
}
#main-text iframe {
        margin: 35px auto 20px 20px;
        border: #92C7D2 2px solid;
        padding: 5px;
}
#main-text ul.picturelist {
list-style-image: none;
display:inline;
}
#main-text ul.picturelist li {
display:inline;
margin:20px 0px 0px 20px;
padding:0px;
}
a:link, a:visited {
	text-decoration: none;
	color: #92C7D2;
}
a:hover {
	color:#555555;
}
.right {
	margin-top:80px;	
	margin-right:30px;	
	float: right;
	text-align: right;
	display: block;
	background-color:#222222;
	border:1px dotted #6FBE44;
}
.left {
	float: left;
	text-align: left;
	padding-left: 50px;
	margin-top:1.5em;
	margin-right:30px;
}
.right h3 {
	margin-top: 30px;
	font-size: 100%;
}
.right p {
	font-size:100%;
	text-align: right;
}
.stretch,	.clear {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	font-size: .7em;
	line-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
/* end clearing */

/* replace */
.replace {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}
/* tidy these up */
.replace * {
	text-indent: -10000px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
}
.replace a {
	text-indent:0;
}
.replace a span {
	text-indent:-10000px;
}
/* end replace */

/* accessibility */
span.accesskey {
 	text-decoration:none;
}
.accessibility {
 	position: absolute;
	top: -999em;
	left: -999em;
}
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
div.left49 {
  float: left;
  width: 49%;
}
div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: none;	
  text-align:center;
  clear: both;
  margin:0px 110px 0px 110px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 10px;
	background-color: #333333;
	color: #AE281E;
	border-top: 1px #6FBE44 solid;
	letter-spacing: 2px;
	font-size:0.7em;
}
#footer p {
	letter-spacing: 2px;
	text-align: center;
  color:#AE281E;
 	margin: 0px 10px 6px 10px;
}
#footer a:hover {
	color: #555555;
}
div#web {
	margin-top: 20px;
}
div#web p a.valid {
	color: #666666;
	margin-left: 15px;
	margin-right: 15px;
	border-color: #666666;
	border-width: 2px;
	border-style:solid;
	padding-left: 5px;
}
div#web p a.valid span {
	background-color: #666666;
	color: #333333;
	border-color: #666666;
	border-width: 2px;
	border-style:solid;
	padding-left: 5px;
	padding-right: 5px;
}
div#web p a.valid:hover {
	color: #999999;
	margin-left: 15px;
	margin-right: 15px;
	border-color: #999999;
	border-width: 2px;
	border-style:solid;
	padding-left: 5px;
}
div#web p a.valid:hover span {
	background-color: #999999;
	color: #333333;
	border-color: #999999;
	border-width: 2px;
	border-style:solid;
	padding-left: 5px;
	padding-right: 5px;
}                          

/* --- SUCKERFISH --- */
#menu {
	margin: 0px 110px 0px 115px;
	list-style: none;
	line-height: 1em;
	height: 1.5em;
	font-size: 0.80em;
	background-color:#333333;
        z-index:20;
}
#menu ul { /* all lists */
	padding: 0px 0px 0px 3px;
	margin: 0px;
	list-style: none;
	line-height: 1;
        z-index:25;
}
#menu a {
	display: block;
	width: 150px;
	color:#777777;
}
#menu a:hover {
	display: block;
	width: 150px;
	color:#6FBE44;
}
#menu li { /* all list items */
	float: left;
	width: 150px; /* width needed or else Opera goes nuts */
	height:1.5em;
}
#menu li ul { /* second-level lists */
	position: absolute;
	background-color: #333333;
	width: 150px;
	margin-top:0.5em;
	padding-top:0.3em;
	border/*-bottom*/: 1px solid #92C7D2;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menu li ul ul { /* third-and-above-level lists */
	margin: -1.3em 0 0 150px;
	padding-top: 0.4em;
}
.primary-nav ul li.menuparent, .primary-nav ul li.menuparent:hover, .primary-nav ul li.menuparenth {
	background-image: url(uploads/waterfront/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}                                                  

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* start specific contact.html */
form {
	color:#92C7D2;
	margin: 30px 50px 20px 60px;
	font-size:1em;
	letter-spacing: 3px;
	font-weight:bolder;
}
fieldset {
border:none;
}
.contactform {
	border:none;
}
.required label {
	width: 300px;
	color:#92C7D2;
	font-size:1em;
	letter-spacing: 3px;
	font-weight:bolder;
	display:block;
	border-width: 1px;
	margin-top:10px;
}
.required input {
	background-color:#333333;
	border: #92C7D2 thin solid;
	height:1.5em;
	vertical-align:middle;
	font-size: 1em;
	color: #DDDDDD;
	padding: 3px 0px;
}
.required textarea {
	background-color:#333333;
	border: #92C7D2 thin solid;
	/*vertical-align:middle;*/
	font-size: 1.1em;
	color: #DDDDDD;
	padding: 3px 0px;
}
.submit input {
        font-family: "MS Trebuchet",Arial, Helvetica, Verdana, Geneva, sans-serif;	
        background-color:#666666;
	border-top:#AAAAAA 3px solid;
	border-left:#AAAAAA 3px solid;
	border-right: #777777 3px solid;
	border-bottom: #777777 3px solid;
	margin-top: 5px;
	width: 11em;
	height: 1.9em;
	text-align:center;
        vertical-align:baseline;
	display:block;
        margin-bottom:4px;
}
.error_message li {
        margin-left:-110px;
	margin-right: 50px;
	font-size: 1em;
	padding-bottom: 6px;
	text-align:left;
	padding-right: 0;
	font-weight:bolder;
	color: #CA4026;
	margin-top: 1.5em;
	margin-bottom:0.7em;
        list-style-type:square;
        list-style-image:none;
}

/* fotoalbum */


/* Start of CMSMS style sheet '02.1 Gallery CMotion horizontal' */


/* CMOTION GALLERY */



/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */
div.largeview {
 text-align: center;
 margin-top:20px;
}
div.largeview img#mainpic {
border: 2px solid #333;
padding:7px;
}
#motioncontainer {
margin-top: 15px;
height: 80px; /* according to gallery height */
width: 99.99%;
position:relative;
overflow:hidden;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding-bottom:10px;
display: block;
}
#motiongallery {
margin-top:10px;
margin-bottom:10px;
}
#motioncontainer a img {
border: none; /* Set image border color */
margin: 25px; /* chage this if you want some air inbetween images*/
height: 60px;
width:auto;
}
h3#mainpicname {
text-align:center;
margin: 30px 50px 0px 50px;
text-decoration:underline;
}
p#mainpiccomment {
text-align: center;
margin: 5px 30px 0px 30px;
}
/* change cursor when clicking on image */
/*#motioncontainer a:active img {
cursor: progress;
}*/
#statusdiv {
background-color: #fff;
color: #FFBF00;/*#8f8f8f;*/
font-size: 65%;
font-weight: bold;
border: 0px solid #afafaf;
padding: .1em;
width: 100px;
position: absolute; /* Stop Editing Gallery Styles */
top: -10px;
left: 0px;
/*visibility: hidden;*/
}
#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* END CMOTION GALLERY */

/* End of '02.1 Gallery CMotion horizontal' */
/* End of 'waterfront : waterfront' */