/*  

TABLE OF CONTENTS

  Nav
  HTML Tags
  Structure
  Headers
  Content Styles
  	 Misc
  	 Sidebar
  Post Styles
  Form Elements
  Float Clearing
  Footer
  


/* ---------- @ Nav -----------*/


a.tooltip
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #05a8ff;
	cursor: help;
	z-index: 99;
}

a.tooltip:hover 
{
	position: relative;
	cursor: help;
	z-index: 99;
}

a.tooltip span 
{
	display: none;
	text-decoration: none;
	font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	z-index: 99;
}

a.tooltip:link span 
{
	text-decoration: none;
	z-index: 99;
}

a.tooltip:hover span 
{
	position: absolute; 
	top: 25px; 
	left: -80px; 
	display: block;
	width: 240px;
	background: #fff;
	color: #05a8ff;
	border: 1px solid #05a8ff;
	text-decoration: none;
	padding: 10px;
	z-index: 50;
}


/* ---------- @ HTML Tags -----------*/


* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#05a8ff url(../images/bg-body.jpg) no-repeat top center;
	color: #333;
	}

body, select, input, textarea {
	font: 90% Arial, Helvetica, Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	line-height:160%;
	}

a, a:visited {
	color: #ef5c76;
	}

a:hover, a:active {
	color:#f67e22;
	}
	
.read-more-signup {
	text-indent: -9000px;
	width:266px;
	height:56px;
	display:block;
	}
	
.read-more-signup a {
	background: transparent url('../images/btn_signup.png') no-repeat top left;
	display:block;
	height:100%;
	width:100%;
	}
	
.read-more-signup a:hover {
	background-position:0 -56px;
	}

.read-more-concept {
	text-indent: -9000px;
	width:266px;
	height:56px;
	display:block;
	}
	
.read-more-concept a {
	background: transparent url('../images/btn_concept.png') no-repeat top left;
	display:block;
	height:100%;
	width:100%;
	}
	
.read-more-concept a:hover {
	background-position:0 -56px;
	}
	
.read-more-recreatie {
	text-indent: -9000px;
	width:266px;
	height:56px;
	display:block;
	}

.read-more-recreatie a {
	background: transparent url('../images/btn_recreatie.png') no-repeat top left;
	display:block;
	height:100%;
	width:100%;
	}
	
.read-more-recreatie a:hover {
	background-position:0 -56px;
	}
	
.read-more-about {
	text-indent: -9000px;
	width:266px;
	height:56px;
	display:block;
	}
	
.read-more-about a {
	background: transparent url('../images/btn_more.png') no-repeat top left;
	display:block;
	height:100%;
	width:100%;
	}
	
.read-more-about a:hover {
	background-position:0 -56px;
	}

hr {
	display: block;
	height:1px;
	background:#d7d7d7;
	border:0;
	color:#d7d7d7;
	}

table {
	border-collapse:collapse;
	width:100%;
	margin:15px 0;
	border-top:1px solid #e0ded9;
	border-bottom:1px solid #e0ded9;
	}

td {
	padding:4px 6px;
	background:#F5F3EE;
	border-bottom:1px solid #FFF;
	}
		
table caption {
	background:#f5f3ee;
	padding:2px 0;
	}	
			
a img, a:visited img {
	border:none
	}
	
blockquote {
	color:#000;
	background-color:#fbedf0;
	padding:1px 35px;
	margin:25px 0 0 0;
	border-left:4px solid #ff052b;
	font:italic 1em Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:0.02em;
	}
	
blockquote p {
	margin:8px 0;
	}

pre {
	width:100%;
	overflow:auto;
	}
	
				


/* ---------- @ Structure -----------*/

#page {
	width:960px;
	margin:0 auto;
	}
	
#wrapper {
	font-size:0.85em;
	background:transparent url('../images/bg-wrapper.jpg') repeat-y;
	}

#masthead {
	
	}
	
#flash {
float:right;
}

#content {
	width:562px;
	float:right;
	padding:0 30px 0 0;
	background:#fff url('../images/bg-content.jpg') no-repeat top right;
	}
	
.left {
	float:left;
	}

.right {
	float:right;
	}

#sidebar {
	width: 338px;
	float:left;
	padding:680px 0 0 30px;
	position:relative;
	background:url('../images/bg-sidebar.png') top left no-repeat;
	}

	
	
/* ---------- @ Headers -----------*/

h1 {
	font: bold 2.7em Georgia, "Times New Roman", Times, serif;
	}
	
h2 {
	color:#1f1a1f;
	font: 2em "Gill Sans MT", "Gill Sans", Trebuchet, Helvetica, Arial, sans-serif;
	line-height:1.2em;
	padding-bottom:15px;
	text-transform:uppercase;
	margin: 25px 0 10px 0;
	border-bottom:3px solid #ff052b;
	}
				
h3 {
	color: #1f1a1f;
	font: 1.5em "Gill Sans MT", "Gill Sans", Trebuchet, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin:22px 0 15px 0;
	font-size:1.6em;
	border-bottom:3px solid #f67e22;
	}
	
.last h3 {
	border-bottom:3px solid #2bff05;
	}

h4 {
	font: 1.3em "Gill Sans MT", "Gill Sans", Trebuchet, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin-bottom:-10px;
	}
	
h5 {
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.15em;
	padding:4px 8px;
	margin-bottom:5px;
	background:#f5f3ee;
	border-top:1px solid #d7d7d7;
	}

h6 {
	font:bold 0.9em Arial, Helvetica, sans-serif;
	}


	
/* ---------- @ Content Styles -----------*/


/*Misc*/

h1 a, h1 a:visited {
	color:#444;
	text-decoration:none
	}

h1 a:hover {
	color:#686868;
	}

h1 a:active {
	color:#929292;
	}
			
h4 a, h4 a:visited {
	color:#383838;
	text-decoration: none
	}
	
h5 a, h5 a:visited,
h5 a:hover, h5 a:active {
	text-decoration: none
	}


/*Sidebar and Widgets*/

.contact #sidebar {
	height:380px;
	}

.headlines li {
	margin-left:30px;
	padding:5px 0;
	}

#sidebar a, #sidebar a:visited,
#home #content a, #home #content a:visited, 
.archive-list h4 a, .archive-list h4 a:visited,
.commentcount a, .commentcount a:visited, 
.fullarchive a, .fullarchive a:visited {
	color:#424242;
	}

#sidebar a:hover, #sidebar a:active,
#home #content a:hover, #home #content a:active, 
.archive-list h4 a:hover, h4 .archive-list a:active, 
.commentcount a:hover, .commentcount a:active, 
.fullarchive a:hover, .fullarchive a:active {
	color:#000;
	}

a.rsswidget, a.rsswidget:visited {
	font-weight: bold
	}

.widget {
	padding: 15px 5px 45px 25px;
	line-height:160%;
	font-size:95%;
	background:url('../images/bg-sidebar.png') top center no-repeat;
	}	
	
.widget td {
	background:none;
	}
	
.widget table {
	border:none
	}



/* ---------- @ Post Styles -----------*/

.entry {
	width:500px;
	padding:0 0 10px;
	}
	
.entry .column {
	width:235px;
	}	
	
#content ul {
	list-style: none;
	margin:15px 0;
	}
			
#content ul li {
	margin: 0 0 5px 15px;
	line-height:130%;
	padding-left: 18px;
	background: url('../images/bullit.png') no-repeat 0 .2em;
	}

#content ol li {
	margin:0 0 5px 48px;
	line-height:115%;
	}
	
.column {
 	width:266px;
 	float:left;
 	margin:0 30px 0 0;
	}
	
.last {
	margin:0;
	}
	
span.pulled-left {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 180px;
	font: 1.6em "Gill Sans MT","Gill Sans",Trebuchet,Helvetica,Arial,sans-serif;
	line-height: 1.4em;
	text-align: right;
	color: #000;
	border-left: 3px solid #ccc;
}


/*Images*/
	
#content img {
	display:block;
	margin:15px 0;
	}

.map {
	border:3px solid #0f5980!important;
	}

img.alignleft {
	margin:5px 15px 10px 0;
	float:left
	}

img.alignright {
	margin:5px 0 10px 15px;
	float:right
	}
	
	
/* ---------- @ Form Elements -----------*/

#author, #email, #comment, #url, #s {
	background:#FFF !important;
	padding:5px;
	border:1px solid #bfbfbf;
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	}
		
.button {
	padding: 8px 14px;
	background:#424242;
	color:#FFF !important;
	border:none;
	font-size:1.1em;
	}

.button:hover {
	background:#272727;
	color:#FFF;
	text-decoration:none
	}

.button:active {
	background:#000;
	}

#searchform {
	float:right;
	width:230px;
	text-align:right;
	padding-top:8px;
	}

#s {
	width:190px;
	font-size:1em;
	}
	
#s:focus {
	background:#f8f8f8 !important;
	}

#searchsubmit {
	vertical-align:top
	}		
	

	

/* ---------- @ Float Clearing -----------*/

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

.clearfloat {
	display:inline-block
	}	

.clearfloat {
	display:block
	}
	


/* ---------- @ Footer -----------*/

#footer {
	font-size:0.85em;
	background:#0f5980 url('../images/bg-footer.png') no-repeat top center;
	height:180px;
	}

#footer-wrapper {
	padding:0 30px;
	overflow:hidden;
	width:930px;
	margin:0 auto;
	}

#copyright a, #copyright a:visited, #rss a, #rss a:visited {
	color:#80d2ff;
	}

#copyright a:hover, #rss a:hover {
	color:#fff;
	}

#copyright a:active, #rss a:active {
	text-decoration:underline
	}
	
#copyright, #rss {
	color:#80d2ff;
	text-transform:uppercase;
	width:430px;
	font-size:0.8em;
	padding-top:110px;
	}	
	
#copyright {
	float:left;
	}

/* ---------- @ Navigator -----------*/

/*Top Page Navbar */

.nav {
	width: 352px; height: 380px; background: url(../images/nav.gif) no-repeat; position: absolute; left:0px; top:0px;}

.nav li {
	display: inline;}
	
.nav li a:link, .nav li a:visited {
	position: absolute; top: 0; height: 63px; text-indent: -9000px; overflow: hidden; z-index: 10;}	
	
/*Home Link */
	.nav .home a:link, .nav .home a:visited {
	left: 0px; width: 352px;}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/nav.gif) no-repeat -352px -0px;}
	.nav .home a:active {
		background: url(../images/nav.gif) no-repeat -704px -0px;}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/nav.gif) no-repeat -704px -0px; cursor: default;}
	.nav-home, .nav-home-click {
		position: absolute; top: 0; left: 0; width: 352px; height: 63px; background: url(../images/nav.gif) no-repeat -0px -0px;}
	.nav-home-click {
		background: url(../images/nav.gif) no-repeat -704px -0px;}
	
/*About Link */
	.nav .about a:link, .nav .about a:visited {
	top: 63px; width: 352px;}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/nav.gif) no-repeat -352px -63px;}
	.nav .about a:active {
		background: url(../images/nav.gif) no-repeat -704px -63px;}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/nav.gif) no-repeat -704px -63px; cursor: default;}
	.nav-about, .nav-about-click {
		position: absolute; top: 63px; left: 0px; width: 352px; height: 63px; background: url(../images/nav.gif) no-repeat -0px -63px;}
	.nav-about-click {
		background: url(../images/nav.gif) no-repeat -704px -63px;}

/*Reis Link */
	.nav .reis a:link, .nav .reis a:visited {
	top: 126px; width: 352px;}
	.nav .reis a:hover, .nav .reis a:focus {
		background: url(../images/nav.gif) no-repeat -352px -126px;}
	.nav .reis a:active {
		background: url(../images/nav.gif) no-repeat -704px -126px;}
	.current-reis .reis a:link, .current-reis .reis a:visited {
		background: url(../images/nav.gif) no-repeat -704px -126px; cursor: default;}
	.nav-reis, .nav-reis-click {
		position: absolute; top: 152px; left: 0px; width: 352px; height: 63px; background: url(../images/nav.gif) no-repeat -311px -55px;}
	.nav-reis-click {
		background: url(../images/nav.gif) no-repeat -704px -126px;}
		
/*Aanmelden Link */
	.nav .aanmelden a:link, .nav .aanmelden a:visited {
	top: 189px; width: 352px;}
	.nav .aanmelden a:hover, .nav .aanmelden a:focus {
		background: url(../images/nav.gif) no-repeat -352px -189px;}
	.nav .aanmelden a:active {
		background: url(../images/nav.gif) no-repeat -704px -189px;}
	.current-aanmelden .aanmelden a:link, .current-aanmelden .aanmelden a:visited {
		background: url(../images/nav.gif) no-repeat -704px -189px; cursor: default;}
	.nav-aanmelden, .nav-aanmelden-click {
		position: absolute; top: 189px; left: 0px; width: 352px; height: 55px; background: url(../images/nav.gif) no-repeat -0px -55px;}
	.nav-aanmelden-click {
		background: url(../images/nav.gif) no-repeat -466px -110px;}
		
/*Foto Link */
	.nav .foto a:link, .nav .foto a:visited {
	top: 252px; width: 352px;}
	.nav .foto a:hover, .nav .foto a:focus {
		background: url(../images/nav.gif) no-repeat -352px -252px;}
	.nav .foto a:active {
		background: url(../images/nav.gif) no-repeat -704px -252px;}
	.current-foto .foto a:link, .current-foto .foto a:visited {
		background: url(../images/nav.gif) no-repeat -704px -252px; cursor: default;}
	.nav-foto, .nav-foto-click {
		position: absolute; top: 228px; left: 0px; width: 352px; height: 55px; background: url(../images/nav.gif) no-repeat -0px -55px;}
	.nav-foto-click {
		background: url(../images/nav.gif) no-repeat -466px -110px;}
		
/*Contact Link */
	.nav .contact a:link, .nav .contact a:visited {
	top: 320px; width: 352px;}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/nav.gif) no-repeat -352px -320px;}
	.nav .contact a:active {
		background: url(../images/nav.gif) no-repeat -704px -320px;}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/nav.gif) no-repeat -704px -320px; cursor: default;}
	.nav-contact, .nav-contact-click {
		position: absolute; top: 320px; left: 0px; width: 352px; height: 55px; background: url(../images/nav.gif) no-repeat -0px -55px;}
	.nav-contact-click {
		background: url(../images/nav.gif) no-repeat -466px -110px;}