.icon {
	background:url(/images/zuiver/icons/icons.png) no-repeat bottom right;
}

#container {
	position: relative;
	margin: 30px auto;
	width: 900px;
	height: 600px;
}
#bg {
	position: absolute;
	top: 0;
	left: 0;
}
#fg {
	position: relative;
	z-index: 10;
	width: 900px;
	height: 600px;
	display: block;
	background-color: transparent;
}
#logo {
	margin: 0 0 0 15px;
	padding: 0;
	border: 0;
	text-decoration: none;
}
#navigation {
	padding: 0;
	margin: 10px 0 0 15px;
	width: 200px;
}
.contact #navigation, .kontakt #navigation, .vacatures #navigation, .reserveren-groot #navigation{
	display: none;
}
#navigation li {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}
#navigation li a {
	font-size: .9em;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 9px;
	margin-bottom: 7px;
}
#navigation li a.current {
	padding-left: 0;
}
#navigation li a:hover {
	color: #FFF;
	text-decoration: underline;
}
#navigation li ul, #navigation li.selected ul li ul{
	display: none;
}
#navigation li.selected ul, #navigation li.selected ul li.selected ul{
	display: block;
	padding: 0;
}
#navigation li.selected ul{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin: 0 0 0 9px;
}
#navigation li ul li{
	margin: 0;
}
#navigation li.selected ul a.current {
	margin: 0 0 0 -9px;
}
* html #navigation li.selected ul li ul li {
	margin-left: -18px;
}
* html #navigation li.selected ul li ul li a{
	padding-left: 9px;
}
* html #navigation li.selected ul li ul li a.current {
	padding-left: 0;
	margin: 0;
}
#navigation li.selected ul li.selected ul, #navigation li.selected ul li.selected ul li.selected{
	border: 0;
	margin: 0;
}
#navigation li.selected ul li.selected ul li{
	border: 0;
	margin: 0 0 0 25px;
	width: 185px;
}
#navigation li ul li a {
	text-transform: none;
	padding-left: 0;
}
#navigation .cart-link, #navigation .video-link {
	left:9px;
	padding-left:22px;
	position:relative;
	white-space:nowrap;
}
#navigation .cart-link {background:url(/images/zuiver/icons/cart-transparent.png) no-repeat left -1px;}
#navigation .video-link {background:url(/images/zuiver/icons/video.png) no-repeat left -1px;}
.page #navigation li ul {
	display: none !important;
}

#navigation li.video a{
	background: url(/images/zuiver/icons/video-icon-wit.png) no-repeat 100% -1px; padding-right:22px;
}

#sub-nav {
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 115px;
	left: 315px;
	width: 180px;
	background: url(../../images/zuiver/bg/brown.png) top left repeat-y;
}
.vacatures #sub-nav {
	left: 385px;
}
.contact #sub-nav, .kontakt #sub-nav, .vacatures #sub-nav {
	display: block;
}
#sub-nav li {
	width: 165px;
	border-bottom: 1px solid #FFF;
}
#sub-nav li.last {
	border: none;
}
#sub-nav li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0 5px 20px;
}
#sub-nav li a:hover, #sub-nav li.selected a {
	color: #FFF;
}
#top-links {
	list-style: none;
	position: absolute;
	top: -23px;
	right: 0;
	color: #898079;
}
#top-links a {
	font-size: .8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 10px;
	color: #898079;
}
#top-links li a:hover {
	text-decoration: underline;
}

/* new stuff */
#top-links a#lang-en{
	padding:2px 0;
}
#top-links a#lang-nl{
	padding:2px 0 2px 10px;
}
#top-links a#lang-de{
	padding:2px 10px 2px 0;
}

#top-links .twitter, #top-links .facebook, #top-links .hyves, #top-links .wordpress, #top-links .youtube {
	display:inline-block;
	height:16px;
	margin:0 3px;
	padding:0;
	text-indent:-9999px;
	width:16px;
}
	#top-links .twitter {
		background-position:-24px -24px;
	}
	#top-links .twitter:hover {
		background-position:0 0;
	}
	#top-links .facebook {
		background-position:-72px -72px;
	}
	#top-links .facebook:hover {
		background-position:-48px -48px;
	}
	#top-links .hyves {
		background-position:-120px -120px;
	}
	#top-links .hyves:hover {
		background-position:-96px -96px;
	}
	#top-links .youtube { /* Added on a PC without PS, so not in sprite */
		background:transparent url(/images/zuiver/icons/youtube_zw.png) center no-repeat;
		padding-right:0;
	}
	#top-links .youtube:hover {
		background:transparent url(/images/zuiver/icons/youtube.png) center no-repeat;
	}
	#top-links .cart-link {
		background-position:-144px -144px;
		margin-left:10px;
		padding-left:20px;
	}
	#top-links .cart-link:hover {
		text-decoration:underline;
	}
	#top-links .wordpress {
		background-position:-216px -216px;
	}
	#top-links .wordpress:hover {
		background-position:-192px -192px;
	}

h3.price{
	text-align:right;
	position:absolute;
	top:0;
	right:28px;
}

.faq #top-links a#top-faq,
.winkelwagen-leeg #top-links .cart-link, 
.winkelwagen #top-links .cart-link,
.reserveren-groot #top-links a#top-reserveren,
.reserveren #top-links a#top-reserveren,
.reservieren #top-links a#top-reserveren,
.bookings #top-links a#top-reserveren,
.nl #top-links a#lang-nl,
.en #top-links a#lang-en,
.de #top-links a#lang-de,
.homepage #top-links a#top-home,
.contact #top-links a#top-contact,
.kontakt #top-links a#top-contact,
.vacatures #top-links a#top-vacatures,
.send-a-friend #top-links a#top-send-a-friend,
.nieuwsbrief #top-links a#top-newsletter
{
	font-weight: bold !important;
	color: #444;
}

#contents {
	position: absolute;
	top:74px; /* gelijk aan logo*/
	right:74px; /* gelijk aan top */
	min-height: 122px;
	width: 360px;
	height: 460px;
	padding: 20px 25px 5px 25px ;
	background: url(../../images/zuiver/bg/brown.png) top left repeat;
	color: #FFF;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-base-color: #302723; /* BAH! */
	/*text-align: justify;*/
}
.pers #contents {
	text-align: left;
}
* html #contents{
	background: #413833;
}
.contact #contents, .kontakt #contents, .vacatures #contents{
	left: 15px !important;
	top: 115px;
	width: 280px;
	height: 440px;
	padding: 10px;
}
.vacatures #contents {
	width: 350px;
}
.reserveren-groot #contents, .winkelwagen #contents{
	left: 15px !important;
	top: 115px;
	width: 800px;
}
.assortiment #contents{
	width:460px;
}

.winkelwagen #navigation {
	display:none;
}
.winkelwagen fieldset {
	border:0;
	padding:5px;
	width:380px;
}
.winkelwagen table {
	text-align:left;
	width:100%;
}
	.winkelwagen td, .winkelwagen th {
		padding:10px 5px;
	}
	.winkelwagen th {
		border-bottom:2px solid #fff;
	}
	.winkelwagen td {
		border-bottom:1px solid #fff;
	}
	.winkelwagen .noborder td {
		border: none;
	}
	.winkelwagen .entree td {
		font-size: .9em;
		padding: 1px 5px;
	}
		.winkelwagen tfoot td, .winkelwagen tfoot th {
			border:0;
		}
.winkelwagen label {
	width:150px;
}
	.winkelwagen label.inline {width:100%;}
.winkelwagen select {
	width:230px;
}
.winkelwagen .text {width:224px;}
.winkelwagen .small{width:120px;float:right;}
.guest-wrap{
	float:left;
	width:230px;
	margin-bottom:6px;
}
.guest{clear:both;}
.add-guest{clear:both;display:block;font-size:.9em;padding-top:8px;}
.winkelwagen .datepicker {width:200px;}
	.winkelwagen table select {width:auto;}
.date-ico {
	cursor:pointer;
	*float:none;
	*margin-left:4px;
}
.sitemap div#contents {
	width: 200px;
}
.reserveren-groot fieldset{
	float: left;
	border: none;
	padding: 0;
	width: 452px;
}
.reserveren-groot fieldset div{
	margin-bottom: 20px;
}
.reserveren-groot fieldset p{
	position: relative;
	margin: 0 0 5px 0;
}
.reserveren-groot fieldset.persoonsgegevens{
	width: 332px;
}
.reserveren-groot fieldset.persoonsgegevens label{
	width: 150px;
}
.reserveren-groot span.price{
	display: inline-block;
	width: 51px;
	text-align: right;
}
.reserveren-groot strong.totalPrice{
	position: absolute;
	right: 2px;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight: normal;
	background-color: #352E28;
	border: 1px solid #FFF;
	padding:2px 5px;
}
.reserveren-groot select.desc{
	width: 216px;
}
.reserveren-groot select.amount{
	width: 80px;
}
.reserveren-groot textarea#remarks{
	width: 300px;
}

.cadeaubon-form select.small{
	width:45px;
}

.cadeau-wrapper, .arrangement-wrapper{clear:both;}
.add-cadeau, .add-arrangement{display:block; font-size:.9em; margin-bottom:1em;clear:both;padding-left:90px;}

.px170{width:170px;}

.assortiment-table tr{
	
}
.assortiment-table td{
	padding:6px 0;
	border-bottom:1px solid #ccc;
}

.assortiment-table td .reserveer-btn-new{
	display:block;	margin-bottom:1px; width:80px;
}
.assortiment-table td img{

	}
.assortiment-table .more-info{
	font-size:11px;	
}

.assortiment-table .head td{
	border-bottom:none;
	padding-top:25px;
}


#bg-flash {
	background-color: #D1C8BA;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 0;
	z-index: 1;
}


  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

/*---- Header styling ---*/
.sIFR-active #contents h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 26px;
  margin:0;
  padding:0;
}
.winkelwagen #contents h1 {
	font-size:18px;
}
/*---- Header styling ---*/
.sIFR-active #contents h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: .9em;
  font-size: 14px;
  margin:0;
  padding:0;
}
.sIFR-active #contents h2.right {
  visibility: hidden;
  font-family: Verdana;
  line-height: .9em;
  font-size: 14px;
  text-align:right;
  margin:0;
  padding:0;
}


.sIFR-active #contents h3.price {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 15px;
	margin:15px 0 5px 0;
	padding:0;
	width:150px; /* enough to fit and put all content on one line */
	text-align:left;
}

.sIFR-active #contents .assortiment-table .head td h2{
	font-size: 16px;
}

.reserveer-btn {float:right;}
.product h3.price {
	top:75px;
}
	
/* Modal
*****************************************/
#modal-content { display:none; }
/* Overlay */
#simplemodal-overlay {background-color:#000; _height:100%;}

#simplemodal-container{background: url(../../images/zuiver/bg/brown.png) top left repeat; color:#fff; height:260px; border:1px solid #ccc; text-align:left;padding:20px; width:500px;}

/* Container */
#simplemodal-container a.modalCloseImg {
	background:url(/images/zuiver/icons/close.png) no-repeat; 
	width:29px; height:30px; display:inline; z-index:3200; position:absolute; top:-10px; right:-10px; 
	cursor:pointer;	
	}

/* IE6 */
#simplemodal-container a.modalCloseImg {
	_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/finanscan/icons/close.png',sizingMethod='scale');
}
#modal-content h1 {
	margin:0 0 8px;
}
#modal-content .thumbnail {
	margin:0 10px 10px 0;
}
#modal-content h3.price {
	top:25px
}
#modal-content select {
	margin-right:50px;
	width:50px;
}
#modal-content #submit-form, .winkelwagen #submit-form {
	margin:0 0 0 25px;
	position:relative;
	top:11px;
}
input.input-text {
	font-family:       Frutiger,Univers,"Helvetica Neue",arial,helvetica,sans-serif;
	background:transparent;
	border:0;
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:         12px;
	font-weight:       normal;
	padding:           0;
	cursor:            pointer;
	overflow:visible;
}
	/*
	#modal-content input.input-text {
		background-color:  #fff;
		border-bottom:1px solid #000;
		color:             #000;
	}
	*/
input.input-text:hover {
	border:0;
}
#modal-content h3.price {position:static; top:0; right:0; text-align:left;}
.upsells {display:none; padding-left:20px;}
