@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body {
	text-align:center;
	background-color: #71706C;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}
.bodytext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b3b79f;
	line-height:21px;
}
.bodytext a { color:#b3b79f; text-decoration:underline;}
.bodytext a:hover { text-decoration:underline; color: #e7e9da;}

.skills {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b3b79f;
	line-height:21px;
	list-style-image: url(images/arrow.gif);
	list-style-position: inside;
	padding-left: 0px;
}
#container { text-align:left; width:850px; margin:0 auto; overflow:auto; background:#232120;}
#header {
	height:211px;
}
#main { width:661px; float:left;}
#headmain ul { list-style:none;}
#headmain ul li { display:inline;}
#headmain .quad a { float:left; width:218px; height:151px; background:url(images/quad.jpg) no-repeat; text-indent:-9999px;}
#headmain .quad a:hover { float:left; width:218px; height:151px; background:url(images/quad_hit.jpg) no-repeat; text-indent:-9999px;}

#headmain .jetski a { float:left; width:223px; height:151px; background:url(images/jetski.jpg) no-repeat; text-indent:-9999px;}
#headmain .jetski a:hover { float:left; width:223px; height:151px; background:url(images/jetski_hit.jpg) no-repeat; text-indent:-9999px;}

#headmain .boat a { float:left; width:220px; height:151px; background:url(images/boat.jpg) no-repeat; text-indent:-9999px;}
#headmain .boat a:hover { float:left; width:220px; height:151px; background:url(images/boat_hit.jpg) no-repeat; text-indent:-9999px;}

#bar { overflow:auto; height:31px; border-bottom:1px solid #78735c; clear:both; }
#navbar {height:30px; line-height:26px;background:#232120; width:500px; float:left;}
#navbar ol { list-style:none; margin-left:10px;}
#navbar ol li { display:inline; margin-right:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#78735c;}
#navbar ol li a {text-decoration:none;}
.past a {color:#78735c;}
.past a:hover {color:#b35e00;}
.active a {color:#b35e00;}

#flags { width:140px; height:30px; float:left; }
#flags ul { list-style:none; margin-left:50px; margin-top:6px;}
#flags ul li { display:inline;}
#flags .de a {float:left; width:16px; height:11px; background:url(images/languages/de.png) no-repeat; text-indent:-9999px; margin-right:4px;}
#flags .gb a {float:left; width:16px; height:11px; background:url(images/languages/gb.png) no-repeat; text-indent:-9999px; margin-right:4px;}
#flags .pt a {float:left; width:16px; height:11px; background:url(images/languages/pt.png) no-repeat; text-indent:-9999px; margin-right:4px;}
 #flags .fr a {float:left; width:16px; height:11px; background:url(images/languages/fr.png) no-repeat; text-indent:-9999px;}
#flags .de a:hover {float:left; width:16px; height:11px; background:url(images/languages/de_hit.png) no-repeat; text-indent:-9999px;}
#flags .gb a:hover {float:left; width:16px; height:11px; background:url(images/languages/gb_hit.png) no-repeat; text-indent:-9999px;}
#flags .pt a:hover {float:left; width:16px; height:11px; background:url(images/languages/pt_hit.png) no-repeat; text-indent:-9999px;}
#flags .fr a:hover {float:left; width:16px; height:11px; background:url(images/languages/fr_hit.png) no-repeat; text-indent:-9999px;}

#flags .de .active {float:left; width:16px; height:11px; background:url(images/languages/de_hit.png) no-repeat; text-indent:-9999px;}
#flags .gb .active {float:left; width:16px; height:11px; background:url(images/languages/gb_hit.png) no-repeat; text-indent:-9999px;}
#flags .pt .active {float:left; width:16px; height:11px; background:url(images/languages/pt_hit.png) no-repeat; text-indent:-9999px;}
#flags .fr .active {float:left; width:16px; height:11px; background:url(images/languages/fr_hit.png) no-repeat; text-indent:-9999px;}



#menu { width:160px; height:701px; float:left; background:#232120;}
#menu ul { list-style:none;  margin-top:20px;}
#menu ul li { margin-bottom:5px;}
#menu  h3 a  { display:block; width:130px; height:26px; background:url(images/menutitlebg.gif) no-repeat; color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-left:10px; padding-left:10px; line-height:26px; text-decoration:none; text-transform:uppercase; margin-bottom:0px;}
#menu h3 a:hover {
	color: #b35e00;
}
#menu h3 .active   {
	color: #b35e00;
}

#menu ul .submenu { font-size:0px;}
#menu ol { list-style:disc; margin:0; padding:0;}
#menu ol li {color:#78735c; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-left:35px;}
#menu ol li a {color:#78735c; text-decoration:none;}
#menu ol li a:hover {color:#b35e00;}
#menu ol li .active {color:#b35e00;}

#share {
	display:block;
	width:140px;
	height:100px;
	color:#78735c;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	line-height:26px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #181818;
	}

#content {
	width:501px;
	height:auto;
	float:right;
	overflow:auto;
	background-color: #3f3f3c;
}
#content_left {
	width:248px;
	float:left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-style: solid;
	height: 379px;
}
#content_left h2 {
	width:238px;
	height:31px;
	display:block;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:31px;
	color:#DDDBD6;
	padding-left:10px;
	background-repeat: repeat-x;
	background-image: url(images/contentbg.gif);
	text-align: center;
	text-transform: uppercase;
}
#content_left p {
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#b3b79f;
	font-size:11px;
	line-height:1.7em;
}
#content_left a {color:#b3b79f; text-decoration:underline;}
#content_left a:hover {
	text-decoration:underline;
	color: #e7e9da;
}

#content_right {
	width:248px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	float:right;
	border-right:1px solid #000000;
	float:right;
	height: 379px;
}
#content_right h2 {
	width:238px;
	height:50px;
	display:block;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:21px;
	color:#b3b79f;
	padding-left:10px;
	text-align: center;
	padding-top: 8px;
	background-image: url(images/contentbg.gif);
	background-repeat: repeat-x;
}
#content_right p {
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#b3b79f;
	font-size:11px;
	line-height:1.7em;
}

/* 1 kolom over gehele breedte div */
#content_kolom {
	width:499px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	float: right;
}
#content_kolom h2 {
	width:489px;
	height:42px;
	display:block;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:21px;
	color:#DDDBD6;
	padding-left:10px;
	background-image: url(images/contentbg.gif);
	text-align: center;
	padding-top: 8px;
	text-transform: uppercase;
}
#content_kolom h3 {
	width:250px;
	height:100px;
	display:block;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:21px;
	color:#b3b79f;
	padding-left:10px;
	padding-top: 10px;
	padding-right: 10px;
	float: left;
}
#content_kolom h4 {
	width:228px;
	height:100px;
	display: block;
	float: right;
}

#content_kolom p {
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#b3b79f;
	font-size:11px;
	line-height:1.7em;
}
#content_kolom a:link {
	color: #DDDBD6;
	text-decoration: underline;
}
.content_kolom_orange  {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#ff9f36;
	font-size:12px;
}

/* 2 kolom over gehele breedte div */
#content_kolom2 {
	width:499px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	float:right;
	border-right:1px solid #000000;
	float:right;
}
#content_kolom2 h2 {
	width:488px;
	height:31px;
	display:block;
	border-left:1px solid #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:21px;
	color:#DDDBD6;
	padding-left:10px;
	text-align: center;
	padding-top: 8px;
	background-image: url(images/contentbg.gif);
	text-transform: uppercase;
}
#content_kolom2 p {
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#DDDBD6;
	font-size:11px;
	line-height:1.7em;
}


.subtitel {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #e7e9da;
}
.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b3b79f;
	line-height: 1.7em;
	text-align: center;
}
.links a:hover {
	text-decoration:underline;
	color: #e7e9da;
}
.terms {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 10px;
	color: #b3b79f;
	line-height: 1.5em;
}



#sidebar { width:189px; background:url(images/sidebgimage.jpg) no-repeat; float:right;}
#news { margin-top:220px; padding:15px;}
#news p { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#78735c; padding:5px 0px;}
#news p img { margin-bottom:15px;}
#pdf {
	width:30px;
	height:29px;
	background:url(images/pdf/PDF-Icon.jpg) no-repeat;
	text-indent:-9999px;
	margin-right:6px;
	margin-top: 6px;
	display: block;
	float: left;
}
#pdfkolom {
	width:30px;
	height:29px;
	background:url(images/pdf/PDF-Icon.jpg) no-repeat;
	text-indent:-9999px;
	margin-right:6px;
	margin-top: 6px;
	display: block;
	float: left;
	margin-left: 10px;
}
#line {
	width: 158px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2F2C2B;
	height: 0px;
}
#sidebar #news h2 { color:#b35e00; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} 
#news p a { color:#78735c;}

#footer { height:80px; background:#000000; clear:both; overflow:auto;}
#footnav { text-align:center;}
#footnav  ul { list-style:none; padding-top:5px;}
#footnav ul li { display:inline; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:5px; color:#FFFFFF;}
#footnav ul li a {color:#FFFFFF; margin-right:5px; text-decoration:none;}
#footnav ul li a:hover {color:#ff9f36;}
#footnav ul li .active {color:#ff9f36;}
#footinfo {
	color:#555352;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:661px;
	float:left;
	padding-top:15px;
	line-height: 0.2em;
}
#footinfo p { padding:5px 20px;}
#footinfo a {color:#827e7d; text-decoration:none;}
#footinfo a:hover {color:#827e7d; text-decoration:underline;}

#footicons { width:150px; float:right;padding-right:15px;}
#footicons ul { list-style:none; text-align:right; }
#footicons ul li { display:inline; padding-right:5px;}