/*
Theme Name: Venhop
Theme URI: http://venhop.nl
Description: Theme for Campingsite 't Venhop in The Netherlands.
Version: 1.0
Author: Edde Beket
Author URI: http://lauretum.nl
Tags: blue, fixed width, two columns

	The Venhop Theme is Copyright Lauretum 2008. All rights reserved.

*/

body {
	background: #040710 url('/wordpress/wp-content/themes/venhop/gradient.php?colors=256&color1=040710&color2=045BAD&height=500') repeat-x;
	/* background: #040710; */
	/* background: #040710; */
	margin: 0;
	padding: 0;
  text-align: center;
  font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#backgroundcontainer {
  margin: 0;
  padding: 0;
}

#container {
  background: url(images/container.png) top right repeat-y;
  /* CFC3B5 */
  /* background: #C7C8B8; */
  width: 890px;
  margin: 0 auto;
	padding: 0;
  position: relative;
  border-left: 1px solid #040710;
  border-right: 1px solid #040710;
}

#header {
  height: 155px;
}


.hidden {
  display: none;
  }

hr {
  display: none;
  }

a img {
  border: none;
  }

h2 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 14px;
}

#content_right {
  float: right;
  width: 227px;
  /* background: #045aac url(images/sidebar.png) top right repeat-x; */
  background: #023c73 url(images/sidebar.png) top right repeat-x;
  border-top: 1px solid #00213F;
  border-left: 1px solid #00213F;
	color: #fff;
	padding-bottom: 20px;
}

#content_right h2.background {
	color: #003B6F;
	font-size: 17px;
	font-family: "arial black";
	letter-spacing: 0.3em;
	position: relative ; 
}

#content_right h2.ontop {
  color: #fff;
  font-size: 13px;
  font-family: "arial";
  letter-spacing: 0.3em;
  position: relative;
	z-index: 2;
	padding-left: 5px;
	margin-top: -0.7em;
}

#content_right h2, #content_right a, #content_right a:link, #content_right a:active, #content_right a:visited, #content_right a:hover {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#content_right a:hover {
	text-decoration: underline;
}

.nieuws {
	padding: 10px 0 10px 0;
}

.afb {
	float: left;
	padding: 1px;
	margin-left: 5px;
	border: 1px solid #ddd;
	width: 50px;
}

.text {
	float: right;
	padding-right: 2px;
	width: 162px;
	overflow: hidden;
	font-size: 0.9em;
	font-style: italic;
}

.text h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
}

.textonly {
  float: left;
  padding: 5px;
  width: 212px;
  overflow: hidden;
  font-size: 0.9em;
  font-style: italic;
}

.textonly h2 {
  font-size: 1.6em;
  font-weight: bold;
  font-style: normal;
}

ul.post-categories {
	list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.post-categories li {
	display: inline; /* Remove gap in IE */
}

/************************************************
* Topnav                      *
************************************************/

#topnav {
  background: #040710 url(images/tnavbar.gif);
  width: 890px;
  height: 21px;
  color: #FFFFFF;
  margin: 0px auto 0px;
  padding: 0;
  }

#clear {
  clear: both;
}

.clear {  
	clear: both;
}

#topnavleft {
  float: left;
  margin: 0px;
  }

#topnavright {
  float: right;
  margin: 0px;
  }

#tnav {
  margin: 0;
  padding: 0px;
  list-style: none;
  }

#tnav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  }

#tnav a {
  background: url(images/tnavbar.gif);
  color: #FFFFFF;
  display: block;
  font-size: 9px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 5px 10px;
  text-decoration: none;
  }

#tnav a:hover {
  background: url(images/tnavbarhover.gif);
  color: #fff;
  display: block;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 5px 10px;
  }

#tnav li {
  float: left;
  margin: 0px;
  padding: 0px;
  }

#tnav li li {
  float: left;
  margin: 0px;
  padding: 0px;
  }

#tnav .current_page_item a:link, #tnav .current_page_item a:visited, #tnav .current_page_item a:active {
  background: url(images/tnavbarcurrent.gif);
  text-decoration: none;
}

/* END TOPNAV */

#headermain_left {
	margin: 0;
	padding: 0;
	height: 100px;
	width: 500px;
	float: left;
	background: url(images/header/rotate.php) top left no-repeat;
}

#home {
	float: left;
	width: 300px;
}

#home a {
	font-size: 0px;
	display: block;
	padding: 45px;
	text-decoration: none;
	
}

#adres {
	float: right;
	width: 200px;
	margin-top: 47px;
	text-align: left;
	color: #065AAC;
}

/* breedte klopt niet */
#headermain_right {
	float: right;
	height: 100px;
	width: 390px;
	background: url(images/header/rotate.php) top right no-repeat;
}

/************************************************
* Navbar                      *
************************************************/

#navbar {
  background: #034482 url(images/navbar.gif);
  width: 890px;
  height: 35px;
  color: #FFFFFF;
  margin: 0px auto 0px;
  padding: 0px 0px 0px 0px;
  }

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

#navbarleft {
  width: 690px;
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  }

#navbarright {
  width: 200px;
  float: right;
  margin: 0px;
  padding: 6px 0px 0px 0px;
  }

#navbarright img {
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  }

#navpages {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  list-style: none;
  }

#navpages ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
	list-style-type: none;
  }

#navpages a {
  background: url(images/navbar.gif);
  color: #FFFFFF;
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  padding: 11px 10px 11px 10px;
	text-decoration: none;
  }

#navpages a:hover {
  background: url(images/navbarhover.gif);
  color: #fff;
  display: block;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 11px 10px 11px 10px;
  }

#navpages li {
  float: left;
  margin: 0px;
  padding: 0px;
  }

#navpages li li {
  float: left;
  margin: 0px;
  padding: 0px;
  /* width: 140px; */
  }

#navpages .current_page_item a:link, #navpages .current_page_item a:visited, #navpages .current_page_item a:active {
  background: url(images/navbarcurrent.gif);
  text-decoration: none;
}

#navflags {
  margin: 0;
  padding: 0px;
  list-style: none;
  }

#navflags ul {
  margin: 11px 0 0 0;
  padding: 0px;
  list-style: none;
  }

#navflags a {
  /* background: url(images/navbar.gif); */
  color: #FFFFFF;
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 11px 10px;
  text-decoration: none;
  }

#navflags a:hover {
  /* background: url(images/navbarhover.gif); */
  color: #fff;
  display: block;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 11px 10px;
  }

#navflags li {
  float: left;
  margin: 0px;
  padding: 0px;
  }

#navflags li li {
  float: left;
  margin: 0px;
  padding: 0px;
  /* width: 140px; */
  }

#navflags .current_page_item a:link, #navflags .current_page_item a:visited, #navflags .current_page_item a:active {
  /* background: url(images/navbarcurrent.gif); */
  text-decoration: none;
}

/* qtranslate */
.qtrans_language_chooser { 
	list-style-type:none;
  list-style: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
 }

.qtrans_language_chooser li { 
	float:left; 
  margin: 0px;
  padding: 0px;
 }

.qtrans_flag { height:12px; width:18px; display:block;;}

/*
.qtrans_language_chooser a {
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  padding: 11px 10px 11px 10px;
  text-decoration: none;
  }

.qtrans_language_chooser a:hover {
  display: block;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 11px 10px 11px 10px;
  }
*/

/*
.qtrans_flag span { display:none }
.qtrans_flag { height:12px; width:18px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_nl a { background:url(http://venhop.nl/wordpress/wp-content/plugins/qtranslate/flags/nl.png) no-repeat }
.qtrans_flag_en a { background:url(http://venhop.nl/wordpress/wp-content/plugins/qtranslate/flags/gb.png) no-repeat }
.qtrans_flag_de a { background:url(http://venhop.nl/wordpress/wp-content/plugins/qtranslate/flags/de.png) no-repeat }
*/


/*
#navflags li li a, #navflags li li a:link, #navflags li li a:visited {
  background: #999;
  width: 140px;
  float: none;
  margin: 0px;
  padding: 8px 10px 8px 10px;
  border-top: 1px solid #C0C0C0;
  }
*/

#search {
	padding: 4px 20px 0 0;
	position: relative;
	left: 140px;
	top: 60px;
}
#search fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
#search input, #faq_search input {
	background: #fff;
	border: 1px solid #ccdcd3;
	color: #999;
	font-size: 10px;
	padding: 3px 25px 3px 3px;
	width: 100px;
}
#search input.focus, #faq_search input.focus {
	color: #000;
}
#search #search_button {
	border: 0;
	height: 17px;
	padding: 0;
	position: relative;
	right: 23px;
	top: 4px;
	width: 17px;
	z-index: 2;
}

#content {
	text-align: left;
	/* background: url(images/content.png) top right repeat-y;  */
}

#content_left {
	width: 622px;
	float: left;
	/* background: #81919F url(images/maincontent.png) bottom right repeat-x ; */
	background: #00213F url('/wordpress/wp-content/themes/venhop/gradient.php?colors=256&color1=00213F&color2=003B6F&height=200') repeat-x;
	color: #ddd;
	border-top: 1px solid #00213F;
	padding-right: 20px;
	padding-left: 20px;
}

#content_left h2.background {
  color: #003B6F;
  font-size: 1.7em;
  font-family: "arial black";
  letter-spacing: 0.3em;
  position: relative ;
	display: none;
}

#content_left h2.ontop {
	padding-top: 10px;
  color: #fff;
  font-size: 1.8em;
  font-family: "arial";
  letter-spacing: 0.3em;
  position: relative;
  z-index: 2;
  padding-left: 0px;
  /* margin-top: -0.8em; */
}


#inset {
	border-right: 1px solid #EF7B00;
	float: left;
	width: 198px;
	margin-top: 80px;
	margin-bottom: 80px;
	}

#inset ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#inset  ul a {
	display: block;
  font-size: 12px;
  font-weight: normal;
	letter-spacing: 0.2em;
	line-height: 1em;
	text-decoration: none;
	color: #fff;
	margin-left: 10px;
	margin-bottom: 9px;
}

#inset ul a:hover {
  text-decoration: underline;
	color: #EF7B00;
  }

#inset .current_page_item a:link, #inset .current_page_item a:visited, #inset .current_page_item a:active {
	color: #EF7B00;
}


#inset ul li {
	display: inline;
}

.categorylist {
  float: left;
  width: 198px;
  margin-top: 5px;
  margin-bottom: 5px;
  }

.afbcatlist {
  float: left;
  padding: 1px;
  margin-left: 0;
  border: 1px solid #045aac;
}

.categorytext {
  float: right;
  width: 407px;
  margin-left: 13px;
  margin-bottom: 20px;
}

.categorytext p {
  font-size: 14px;
}

.categorytext p a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed #fff;
}

.categorytext p a:hover {
  color: #EF7B00;
  text-decoration: none;
  border-bottom: 1px dashed #EF7B00;
}

.categorytext h2 a, .categorytext h2 a:hover {
  text-decoration: none;
  color: #fff;
}

#contenttext {
	float: right;
	width: 407px;
	margin-left: 13px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #ddd;
}

#contenttext p {
}

#contenttext a {
	color: #eee;
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
}

#contenttext a:hover {
  color: #EF7B00;
  text-decoration: none;
	border-bottom: 1px solid #EF7B00;
}

#contenttext img a {
	border: none;
}

#contenttext h2 a, #contenttext h2 a:hover {
  text-decoration: none;
  color: #ddd;
	border: none;
}

li

.home {
	font-size: 13px;
}

#highlight {
  width: 870px;
	height: 250px;
  background: url(images/highlights.png) top left no-repeat;
  padding: 10px 10px 0 10px;
  text-align: left;
  margin: 0;
}

#featured_content {
  width: 870px;
   /* groen background: #007c00 url(images/background_green.png) top left repeat-x; */
   /* background: #00213f url(images/featured_content.png) top left repeat-x; */
	background: #EF7B00 url(images/bcontent.png) top left repeat-x;
  padding: 10px 10px 0 10px;
  text-align: left;
  margin: 0;
}

.featured {
	width: 870px;
  /* UIT ivm vervallen Chalet C en D height: 450px; */
  height: 350px;
}

div.featured_item {
	/* width: 193px; */
	/* background: #EF7B00 url(images/bcontent.png) top left repeat-x; */
	width: 272px;
	height: 89px;
	padding: 3px;
	margin: 6px 5px;
	text: #fff;
	float: left;
/*
	border: 1px solid #00213f;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
*/

}

.featured_item span.title, .featured_item span.title a {
	display: block;
	font-weight: bold;
	font-size: 150%;
	margin-left: 85px;
	color: #000;
}

.featured_item span.desc, .featured_item span.desc a {
	display: block;
	margin-top: 3px;
  margin-left: 85px;
	color: #000;
}

.featured_item img {
	/* background: #00213f; */
	margin-top: 3px;
  width: 75px;
	height: 75px;
  float: left;
  border: 1px solid #00213f;
/*
  padding: 2px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
*/
}

.featured_item img.symbool {
	border: none;
	margin: none;
	padding: none;
	background: none;
  margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 3px;
  width: 30px;
  height: 30px;
  float: left;
}

#bcontent {
	width: 870px;
	background: #EF7B00 url(images/bcontent.png) top left repeat-x;
	padding: 10px 10px 0 10px;
	text-align: left;
	margin: 0;
}

a.fpmore {
	display: block;
	margin: 5px 0;
	padding: 2px;
	text-decoration: none;
	border: 1px solid #043363;
	color: #043363;
	/* border: 1px solid #ef6400;
	color: #cf5700; */
	font-size: 1.1em;
}

a.fpmore:hover {
	background: #ff9a2f;
}

#featured {
	width: 870px;
	height: 300px;
}

/* 
#featured a {
  text-decoration: none;
  color: #f00;
}
*/

#featured_left {
	width: 433px;
	float: left;
}

#featured_right {
  width: 433px;
  float: right;
	border-left: 1px solid #00213F;
}

#f_leftleft {
  padding: 100px 8px 0 8px;
  width: 200px;
  float: left;
}

#f_leftright {
  padding: 100px 8px 0 8px;
  width: 200px;
  float: right;
  border-left: 1px solid #00213F;
}

#f_left {
	padding: 100px 8px 0 8px;
	width: 200px;
	float: left;
}

#f_right {
  padding: 100px 8px 0 8px;
  width: 200px;
	float: right;
	border-left: 1px solid #00213F;
}

.faciliteiten {
	background: url(images/faciliteiten.jpg) top center no-repeat;
}

.activiteiten {
  background: url(images/activiteiten.jpg) top center no-repeat;
}

.omgeving {
  background: url(images/omgeving.jpg) top center no-repeat;
}

.accomodaties {
  background: url(images/accomodaties.jpg) top center no-repeat;
}

/*
#scroll {
	width: 890px;
	height: 120px;
	background: #333;
	margin: 0;
}
*/

#info {
	border: 1px dashed #EF7B00;
	padding-top: 20px;
	padding-bottom: 20px;
}


.description {
  float: left;
  width: 120px;
  color: #EF7B00;
  text-align: right;
  font-weight: bold;
}

.data {
  float: right;
  width: 270px;
  color: #fff;
}

.data a {
  color: #EF7B00;
  text-decoration: none;
	border-bottom: 1px dashed #EF7B00;
}

#infocategory {
/*
  border-top: 1px solid #EF7B00;
  border-bottom: 1px solid #EF7B00;
*/
  padding-top: 20px;
}


#infocategory.description {
  float: left;
  width: 120px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}

#infocategory.data {
  float: right;
  width: 270px;
  color: #eee;
}

#infocategory.data a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed #fff;
}

.afspraak {
	font-style: italic;
	font-size: 0.8em;
}

#footer {
	margin: 5px;
	width: 890px;
	height: 60px;
  background: #333;
	margin: 0;
  border-top: 1px solid #002A4F;
  background: url(images/footer.png) top left repeat-x ;
}

#footer p, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
  color: #fff;
  text-decoration: none;
	padding-top: 1em;
}

#footer p {
	line-height: 3em;
}


  /* border: 1px solid #045aac; */

/* Captions */
.alignnone, div.alignnone, .aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft, div.alignleft {
  float: left;
  margin: 5px 5px 5px 0;
}

.alignright, div.alignright {
  float: right;
  margin: 5px 0 5px 5px;
}

.wp-caption {
  border: 1px solid #045aac;
  text-align: center;
  padding-top: 4px;
  margin: 10px;
	/*
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
	*/
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

p.wp-caption-text {
  font-size: 9px;
	font-style: italic;
	color: #045aac;
  line-height: 17px;
  padding: 3px 4px 5px;
  margin: 0;
}

.wp-caption img, .wp-caption a, a img.size-medium {
	border: 0;
	text-decoration: none;
}

/* End captions */
/* Tables */
.wptable {
	font-size: 0.7em;	
}

/* End tables */

.more {
  clear: both;
	padding-top: 20px;
  line-height: 1.5em;
	/* color: #040e1e; */
	width: 200px;
}

#featured_left .more a {
  color: #040e1e;
	text-decoration: none;
}


.more a:hover {
	border-bottom: 1px dashed #045aac;
}

#bcontent p .more {
	color: #040e1e;
	font-weight: bold;
}

ul.linklistextra a {
	padding-top: 20px;
}

.pcviewer {
	background: transparent !important;
}

.banner {
	margin-top: 20px;
	/* margin-left: -100px;  */
}

strong.activiteit {
	color: #EF7B00;
}

#navigation {
  background: #ef6500; 
  border: 1px solid #ef6500;
	height: 1.4em;
  color: #00213f;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
  margin: 20px 0 20px 0;
  padding: 0 5px 5px 5px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#navigation a {
  color: #00213f;
}

#navigation a:hover {
  color: #fff;
}

/* Global CSS definitions for WP-Table Reloaded
inspired by "blue" theme of TableSorter 2.0 Plugin */

/* on how to change column widths, see below */

/* general table styles */
table.wp-table-reloaded {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #ef6400;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.wp-table-reloaded thead tr .header {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.wp-table-reloaded tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}


/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#F0F0F6;
}


/**************************************/
/* how to change column widths :
you can access a column with its CSS-class
(that is ".column-" plus the number of the column)
use table.wp-table-reloaded to do your change for every table, or use
table.wp-table-reloaded-id-<id> for just a single table (with ID <id>)

example: this changes the width of the third column of table ID 5 to 25px:


table.wp-table-reloaded-id-5 .column-3
{
	width: 25px;
}

*/


/* Styles for the sorting (if Tablesorter is enabled) */
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(/wordpress/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(/wordpress/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #8dbdd8;
}


/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.wp-table-reloaded-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.wp-table-reloaded-table-description {
	font-size: 10px;	
}

#breadcrumbs {
  padding: 10px 0 0 0;
  font-size: 0.9em;
  color: #ccc;
}

#breadcrumbs a {
  color: #999;
	text-decoration: none;
}