/*
 *  Merkwaardig genoeg schijnt voor sommige versies van sommige browsers het
 *  nog uit te maken in welke volgorde eigenschappen vermeldt staan. Aanbevolen
 *  volgorde is als volgt:
 *
 *  display
 *  list-style
 *  position
 *  float
 *  clear
 *  width
 *  height
 *  margin
 *  padding
 *  border
 *  background
 *  color
 *  font
 *  text-decoration
 *  text-align
 *  vertical-align
 *  white-space
 *  overige text instellingen
 *  content
 */

body { 
	min-width: 980px; 
	font-family: arial;
	font-size: 80%;
	background-color: #000;	
	/*background-image: url(../images/right_back.gif);
	background-position: right;
	background-repeat: no-repeat;*/
	
}
h1 { 
	font-size: 2em; 
}

h2 { 
	font-size: 1.6em; 
	font-weight: bold;
}

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.aj { text-align: justify; }


div#global {
	width: 995px;
	margin: 0 auto;
}

div#global img.print_header {
	display: none;
}

div#global div#header {
	width: 100%;
	height: 283px;
}

div#global div#global_content {
	float: left;
	width: 100%;
	min-height: 490px;	
}
div#global div#footer {
	margin-bottom: 20px;
	background-color: #fff;
	text-align: center;
	width: 740px;
	float: right;
	padding: 10px 20px 10px 20px;
}

div#global div#footer h1, div#global div#footer h2 {
	padding: 0;
	margin: 0;
	color: #960505;
	font-size: 0.8em;
}

div#global  div#global_content div#left{
	float: left;
	width: 200px;
	padding-right: 10px;
	color: #960505;
}

div#global  div#global_content div#left h2#reserveren{
	color: #960505;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 80px;
}

div#global div#global_content div#content{
	background-color: #fff;
	background-image: url(../images/content_back.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	color: #000;
	float: right;
	width: 740px;
	padding: 20px;
	min-height: 490px;
}

div#global div#global_content div#content img{
	border: 1px solid black;
	margin: 15px;
}

div#global div#global_content div#content h1 {
	font-weight: bold;
	font-size: 1.8em;
}

div#global  div#global_content div#left #menu {
	margin: 10px;
}
div#global  div#global_content div#left #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#global  div#global_content div#left #menu ul li {
	width: 200px;
	padding-left: 20px;
	color: #fff;
}
div#global  div#global_content div#left #menu ul li.currentpage {
	background-image: url(../images/actief.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}
div#global  div#global_content div#left #menu ul li.currentpage h3 {
	color: #960505;
	margin: 0pt;
	padding: 0px;
	font-weight:bold;
	font-size: 1.4em;
	line-height: 1.4em;
}

div#global  div#global_content div#left #menu ul li a, 
div#global  div#global_content div#left #menu ul li a:link, 
div#global  div#global_content div#left #menu ul li a:visited, 
div#global  div#global_content div#left #menu ul li a:active {
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration:none;
	line-height: 1.4em;
}
div#global  div#global_content div#left #menu ul li a:hover {
	color: #960505;
}

div#global  div#global_content div#content div.breadcrumbs {
   padding: 0 0 1.2em 0; 
   font-size: 85%;        
   margin: 0;   
}

div#global  div#global_content div#content div.breadcrumbs span.lastitem { 
   font-weight:bold; 
   color: #960505;               
}

div#global  div#global_content div#content div.breadcrumbs a,
div#global  div#global_content div#content div.breadcrumbs a:link, 
div#global  div#global_content div#content div.breadcrumbs a:visited,
div#global  div#global_content div#content div.breadcrumbs a:active {
   color: #960505;               
}



/*********FotoAlbum****************/

#imagegallery {
	float: left;
	width: 100%;
}

div#global div#global_content div#content #imagegallery .thumb {
	margin: 1em 1em 1.6em 0; /* Space between images */
	padding: 0;
	float: left;
	text-decoration: none;
	line-height: normal;
	text-align: left;
}

div#global div#global_content div#content #imagegallery .thumb img,
div#global div#global_content div#content #imagegallery .thumb a img,
div#global div#global_content div#content #imagegallery .thumb a:link img{ /* Set link formatting*/
	display: inline;
	padding: 12px; /* Image padding to form photo frame */
	/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
	margin: 0;
	background-color: white; /*Background of photo */ 
	border-top: 1px solid #eee; /* Borders of photo frame */
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #eee;
	text-decoration: none;
}

div#global div#global_content div#content #imagegallery .thumb a:visited img {
	background-color: #eee; /*Background of photo on hover - sort of a light grey */
}

div#global div#global_content div#content #imagegallery .thumb a:hover img {
	background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
}

div#global div#global_content div#content #imagegallery .thumbPicCaption {
	text-align: center;
	font-size: smaller;
	margin: 0 1px 0 0;
	padding: 0;
	width: 124px; 
}

/* Image Gallery - Big Images */
div#global div#global_content div#content #imagegallery .bigPic {
	margin: 10px 0 5px 0;
	padding: 0;
	line-height: normal;
	text-align: center;
}

div#global div#global_content div#content #imagegallery .bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0 1px 0 0;
	padding: 0;
	width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
	/* display: none;  if you do not want to display this text */
}

div#global div#global_content div#content #imagegallery .bigPic img{ /* Big Image settings */
	display: inline;
	padding: 18px; /* Image padding to form photo frame. */
	/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
	margin: 0;
	background-color: white; /* Background of photo */ 
	border-top: 1px solid #eee; /* Borders of photo frame */
	border-right: 2px solid #ccc; 
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #eee;
	text-decoration: none; 
	text-align: left;
}

div#global div#global_content div#content #imagegallery .bigPicNav { 
	text-align: center;
	font-weight: bold;
}

div#global div#global_content div#content #imagegallery .bigPicNav a,
div#global div#global_content div#content #imagegallery .bigPicNav a:link, 
div#global div#global_content div#content #imagegallery .bigPicNav a:visited,
div#global div#global_content div#content #imagegallery .bigPicNav a:active {
   color: #960505;               
}

#social_media {
  margin-left: 42px;
  margin-top: 30px;
}
#social_media a {
  padding-right: 5px;
}