/* ==  2006 Fluxility Design == */

	/**************************************************\
	|     Stylesheet                                   |
	|     Fluxility                                    |
	|     File Manager: Kilian Valkhof                 |
	\**************************************************/

/* *************************** 
   GLOBAL RESET SETTINGS
   ***************************/
* {margin:0;padding:0;}
a img {border:none;}
/* *************************** 
   PAGE SETTINGS
   ***************************/
html {height:100%;}
body {
	background:#9c6 url("../images/bg.jpg") repeat-x 0 -14px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#efc;
	height:100%;
}
/* *************************** 
   WRAP SETTINGS
   ***************************/
#wrap {
	position:relative;
	width:790px;
	margin:auto;
	background: url("../images/wrapbg.jpg") repeat-y 0 0;
}
#left,
#right {
	position:absolute;
	top:345px;
	height:245px;
	width:20px;
}
#left {left:0;background:url("../images/left.jpg") no-repeat 0 0;}
#right {right:0;background:url("../images/right.jpg") no-repeat 0 0;}
/* *************************** 
   HEADER SETTINGS
   ***************************/
#header {
	position:relative;
	width:790px;
	height:345px;
	background: url("../images/header.jpg") no-repeat 0 0;
	margin-top:-14px;
}
#header h1 {margin-left:-9000px;}
#header .link {
	position:absolute;
	top:225px;
	left:200px;
	display:block;
	width:370px;
	height:55px;
	z-index:99;
}
#header .link span {
	position:absolute;
	top:-120px;left:140px;
	display:block;
	width:70px;height:150px;
}
/* *************************** 
   MENU SETTINGS
   ***************************/
.nav {position:absolute;top:309px;left:36px;z-index:60;}
.submenu-container {display:none;}
#navigation {
	list-style:none;
	position:relative;
}
#navigation li {
	float:left;
	padding:0 36px;
}
#navigation li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:24px;
	letter-spacing:-0.02em;
	font-variant:small-caps;
	color:#fff;
	text-decoration:none;
}
#navigation li a:hover,
#navigation li a:focus {color:#FF3;}

#navigation li ul {list-style:none;background:url(../images/supbg.gif) no-repeat 0 -4px;position:absolute;padding:15px 0 15px 0;}
#navigation li ul li {float:none;padding:0 20px;}
#navigation li ul li a {font-size:14px;display:block;}

#home .linkhome,
#over_ons .linkover,
#jachtlanden .linkjach,
#contact .linkcont {color:#ff9;}
/* *************************** 
   CONTENT SETTINGS
   ***************************/
#content {
	position:relative;
	margin:20px 310px 0 45px;
	z-index:5;
}
#artikel #content {margin:20px 45px;}
.firstpar {font-weight:bold;font-size:13px;}
.lastpar {text-align:right;}
#content ul {
	list-style: circle inside;
	margin-bottom:18px;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:24px;
	letter-spacing:-0.02em;
	font-variant:small-caps;
	color:#fff;
	margin-bottom:20px;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	letter-spacing:-0.02em;
	font-variant:small-caps;
	color:#fff;
	margin-bottom:20px;
}
#content p {margin-bottom:15px;}
#content a {
	color:#FF3;
	padding:2px;
}
#content a:hover,
#content a:focus {
	color:#FF9;
	background:#963;
}
/* *************************** 
   SPOTLIGHT SETTINGS
   ***************************/
#spotlight {
	position:absolute;
	width:233px;
	right:-265px;
	top:0;
	padding-left:9px;
}
#spotlight img {margin:-4px 0 0 -5px;}
/* *************************** 
   FOOTER SETTINGS
   ***************************/
#footer {
	position:relative;
	width:790px;
	height:102px;
	background:url("../images/footer.jpg") no-repeat -1px 0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:10px;
	text-align:center;
	margin-top:-68px;
}

#footer p {padding-top:80px;}
#footer a {color:#333;font-weight:bold;}

/* *************************** 
   FORM SETTINGS
   ***************************/
form {width:300px;position:relative;}
fieldset {border:none;}
fieldset ol {list-style:none;}
legend {display:none;}
label {display:block;}
input, textarea {width:100%;padding:2px;border:1px solid #deb;background:#330;color:#efc;}

form p input {width:120px;height:24px;margin:10px;padding-bottom:2px;color:#efc;}
form p {text-align:left;margin-left:-10px;}
form textarea {width:460px;	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}