/**
 * Standaard-stylesheet voor Rhotia Valley
 *
 * @copyright 2008 Slik BV
 * @version $Id$
 * @author Aniek Velthuizen
 */

/* RESETCODE VOOR BROWSER COMPATIBILITEIT *******************************/
img { border: 0; }
hr { display: none;}
p, form, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
ul, li { list-style-type: none; }
h1 span, h2 span { display: none; }
hr { display: none; }
.break { clear: both; }
a { outline: none; }

body {
	background: #E5CCA3;
	padding: 0;
	margin: 0;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;	line-height: 20px;
	color: #69564C; 
	height: 100%; }

h1 { color: #A12E12; font-size: 24px; font-weight: bold; line-height: 40px; }
h2 { color: #A12E12; font-size: 22px; font-weight: bold; line-height: 40px; }
h3 { color: #A12E12; font-size: 20px; font-weight: bold; line-height: 40px; }
h4 { color: #A12E12; font-size: 18px; font-weight: bold; line-height: 40px; }
h5 { color: #A12E12; font-size: 16px; font-weight: bold; line-height: 40px; }
h6 { color: #A12E12; font-size: 14px; font-weight: bold; line-height: 40px; }
a { color: #D08818; text-decoration: none; }
a:hover { color: #9D650F; }
a:active{ color: #644310; }
.flags { position: absolute; z-index: 5; margin: 5px 0 0 520px; }

#header {
	height: 285px;
	position:relative;
	z-index: 2;
	min-width: 962px;
	background: url(../gfx/header.jpg) repeat-x center; }
	#headerContent {
		position:relative;
		margin: auto;
		width: 985px;
		height: 238px; }
		h1#logo {
			position: absolute;
			margin: -11px 0 0 -5px;
			width: 985px;
			height: 286px;
	 		top: 10px; }
	 	a#logolink {
	 		z-index:10;
	 		position: absolute;
	 		width: 280px;
	 		height: 150px;
	 		top: 30px;
	 		left: 20px;	}
	 	h1.home {background: url(../gfx/headerHome.jpg) no-repeat; }
	 	h1.vervolg {background: url(../gfx/headerVervolgpagina.jpg) no-repeat; }
			h1#logo span { display: none; }
		#navigation { position: relative; z-index: 100; }
		
		/* Menu item 1 en 2 */
		li#menuItem1, li#menuItem2 {
			position: absolute;
			width: 299px;
			height: 88px;
			padding: 0;
  			margin: 0;
  			font-size: 0;
  			list-style: none; }
  			li#menuItem2 a,	li#menuItem1 a { 
  				position:absolute;  
				  z-index: 6; 
				  text-align: right; 
				  width: 299px; 
				  height: 88px;
				  color: #63473C; }
  			li#menuItem2 a { background: url(../gfx/menuChildrensHome.png) no-repeat; }
  			li#menuItem1 a { background: url(../gfx/menuTentedLodge.png) no-repeat; }
			body#home li#menuItem1 { top: 220px; left: 135px; }
			body#home li#menuItem2 { top: 210px; left: 557px; }
			body#volg li#menuItem1 { top: 70px; left: 325px; }
			body#volg li#menuItem2 { top: 70px; left: 657px; }
			li#menuItem1 ul, li#menuItem2 ul {
				display: none;
				z-index: 5;
				position: absolute;
				top: 73px;
				left: 40px; }
				li#menuItem1 ul { top: 70px; }
			li#menuItem1 ul li, li#menuItem2 ul li {
				position: relative;
				background: url(../gfx/subnav.jpg) no-repeat 0 0;
			  	width: 233px;
			  	height: 16px;
			  	z-index: 5;
				padding: 13px 0px 15px 0px; } /* ie6_default andere margin-top */
			#subSubMenuItem1 { margin: -73px 0 0 190px; }
			#subSubMenuItem2 { margin: 0px 0 0 190px; }
			#subSubMenuItem3 { margin: -73px 0 0 190px; }
			#subSubMenuItem4 { margin: 0px 0 0 190px; }
			#subSubMenuItem5 { margin: -73px 0 0 190px; }
			#subSubMenuItem6 { margin: 0px 0 0 190px; }
			#subSubMenuItem7 { margin: -73px 0 0 190px; }
			#subSubMenuItem8 { margin: 0px 0 0 190px; }
			#subSubMenuItem9 { margin: -73px 0 0 190px; }
			#subSubMenuItem10 { margin: 0px 0 0 190px; }
			#subSubMenuItem11 { margin: -73px 0 0 190px; }
			#subSubMenuItem12 { margin: 0px 0 0 190px; }
			#subSubMenuItem13 { margin: -73px 0 0 190px; }
			#subSubMenuItem14 { margin: 0px 0 0 190px; }
			#subSubMenuItem15 { margin: -73px 0 0 190px; }
			#subSubMenuItem16 { margin: 0px 0 0 190px; }
			#subSubMenuItem17 { margin: -73px 0 0 190px; }
			#subSubMenuItem18 { margin: 0px 0 0 190px; }
			#subSubMenuItem19 { margin: -73px 0 0 190px; }
			#subSubMenuItem20 { margin: 0px 0 0 190px; }
			#subSubMenuItem21 { margin: -73px 0 0 190px; }
			#subSubMenuItem22 { margin: 0px 0 0 190px; }
			#subSubMenuItem23 { margin: -73px 0 0 190px; }
			#subSubMenuItem24 { margin: 0px 0 0 190px; }
			#subSubMenuItem25 { margin: -73px 0 0 190px; }
			#subSubMenuItem26 { margin: 0px 0 0 190px; }
			#subSubMenuItem27 { margin: -73px 0 0 190px; }
			#subSubMenuItem28 { margin: 0px 0 0 190px; }
			li#menuItem1 ul li ul li, li#menuItem2 ul li ul li{
				display: none; }
			li#menuItem1 ul li:hover, li#menuItem2 ul li:hover, li#menuItem1 ul li.hover, li#menuItem2 ul li.hover{
				background: url(../gfx/subnav.jpg) no-repeat 0 -47px; }
			li#menuItem1 ul li a, li#menuItem2 ul li a{
				background: none;
				color: #6C5D58;
				z-index: 6;
				position: absolute;
				font-size: 12px;
				width: 164px;
				right: 35px;
			  	height: 47px;
				display: block; }
			li#menuItem1:hover ul, li#menuItem2:hover ul, li#menuItem1.hover ul, li#menuItem2.hover ul, 
			li#menuItem1 ul li.hover ul li, li#menuItem1 ul li:hover ul li, li#menuItem2 ul li.hover ul li, li#menuItem2 ul li:hover ul li {
				display: block;  }
		
		/* Menu item 3 ++ */
		li#menuItem3, li#menuItem4, li#menuItem5, li#menuItem6, li#menuItem7 {
			position: relative; /* voor ie6 */
			float: right;
			color: white;
			display: block; }
		li#menuItem3 a, li#menuItem4 a, li#menuItem5 a, li#menuItem6 a, li#menuItem7 a {
			display: block;
			float: left;
			background: url(../gfx/metaNav.jpg) no-repeat 30px -20px;
			width: 60px;
			height: 0px;
			text-align: center;
			cursor: pointer;
			outline: none;
			padding: 20px 20px 0 12px;}
			li#menuItem3 a:hover,li#menuItem4 a:hover, li#menuItem5 a:hover, li#menuItem6 a:hover, li#menuItem7 a:hover { background-position: 30px 0px; outline: none;}
		#headerContent a { color: #fff; text-decoration: none;  }
		#headerContent .slideshowStandard {
			position: absolute;
			background: url(../gfx/slideshow_std.jpg) no-repeat;
			width: 392px;
			height: 312px;
			top: 170px;
			left: 550px; }
		#headerContent .slideshowStandardImage { margin: 50px 50px 50px 47px; }
#content {
	margin: auto;
	position: relative;
	z-index: 1;
	width: 872px;
	padding: 40px 50px 130px 50px; /* default_ie6/default_ie7 padding-bottom 0px */
	background: url(../gfx/content.jpg) repeat-y; }
	#content table {
		border-spacing: 0px;
		border-collapse: collapse; }
	#content td {
		border: 1px dotted #C78879;
		padding: 6px; }
	#content ul li {
		list-style-type: disc;
		list-style-position: inside;
		margin: 5px 0 5px 2px;
		background: #DDBE97;
		padding-left: 5px; }
	#content ol li {
		list-style-type: decimal;
		list-style-position: inside;
		margin: 5px 0 5px -40px;
		background: #DDBE97;
		padding-left: 5px; }
	#content #tentedlodge {
		float: left;
		width: 393px; }
	#content #childrenshome {
		float: right;
		width: 393px; }
		#tentedlodge .text.groot {
			float: right;
			width: 301px; }
			.text.groot h1 {
				color: #A12E12;
				font-size: 22px;
				font-weight: bold;
				background: url(../gfx/h1BG.jpg) no-repeat;
				height: 56px;
				width: 470px;
				padding: 10px 0 0 10px; }
			.text.groot h2 {
				color: #A12E12;
				font-size: 22px;
				font-weight: bold;
				background: url(../gfx/h2BG.jpg) no-repeat 0 10px;
				height: 53px;
				width: 470px;
				padding: 22px 0 0 10px; }
			.text.groot h3 { color: #A12E12; font-size: 20px; font-weight: bold; line-height: 40px; }
			.text.groot h4 { color: #A12E12; font-size: 18px; font-weight: bold; line-height: 40px; }
			.text.groot h5 { color: #A12E12; font-size: 16px; font-weight: bold; line-height: 40px; }
			.text.groot form input {
				border: none;
				background: url(../gfx/messageboardInput.jpg) no-repeat;
				width: 309px;
				height: 16px;
				color: white;
				padding: 17px 20px 20px 25px; }
			.text.groot form textarea {
				background: url(../gfx/messageboardTextarea.jpg) no-repeat;
				width: 309px;
				height: 90px;
				border: none;
				color: white;
				font-family: Trebuchet MS, Arial, Verdana;
				font-size: 12px;
				padding: 17px 20px 20px 25px; }
			.text.groot form input.subscribe {
				background: url(../gfx/messageboardSubmit.jpg) no-repeat;
				width: 204px;
				margin: 10px 0 0 120px;
				height: 59px;
				font-size: 10px;
				padding-left: 20px;
				text-align: left;
				cursor: pointer; }
		#childrenshome .text.klein {
			float: right;
			width: 301px; }
		.home.icon{
			float: left;
			width: 92px; }

	/* Hoofdtekst */
	#content #headtxt {
		float: left;
		width: 480px; }
		#head .text.groot {
			width: 495px;
			overflow: hidden; }

	/* Sidebar */
	#content #sidebar {
		width: 325px;
		margin-right: 20px;
		margin-top: 180px;
		float: right; }
	#content #sidebar .sidebarNewsMiddle h2 { margin: -62px 0 0 105px; padding-bottom: 30px; color: white; font-size: 25px; }
		#sidebar .sidebarTop {
			width: 352px;
			height: 34px;
			background: url(../gfx/sidebar_top.jpg) no-repeat; }
		#sidebar .sidebarMiddle {
			width: 297px;
			padding: 5px 25px 0 30px;
			background: url(../gfx/sidebar_middle.jpg) repeat-y; }
		#sidebar .sidebarBottom {
			width: 352px;
			height: 34px;
			background: url(../gfx/sidebar_bottom.jpg) no-repeat; }
		#sidebar .sidebarNewsTop {
			width: 375px;
			height: 103px;
			background: url(../gfx/news_top.jpg) no-repeat; }
		#sidebar .sidebarNewsMiddle {
			width: 300px;			
			padding: 5px 25px 0 40px;
			background: url(../gfx/news_middle.jpg) repeat-y; }
		#sidebar .sidebarNewsBottom {
			width: 375px;
			height: 37px;
			background: url(../gfx/news_bottom.jpg) no-repeat; }
			#sidebar form input.email {
				border: none;
				background: url(../gfx/formEmail.jpg) no-repeat;
				width: 260px;
				height: 16px;
				color: white;
				padding: 15px 20px 20px 25px; }
			#sidebar form input.subscribe {
				width: 142px;
				background: url(../gfx/formEmailSubmit.jpg) no-repeat 2px 3px;
				border: none;
				color: white;
				height: 52px;
				cursor: pointer; }
			#sidebar .nieuws.klein em { 
				background: #F5EDDF;
				display: block;
				float: left;
				width: 40px;
				border-bottom: 1px dotted white;				
				padding: 6px; }
			#sidebar .nieuws.klein strong {
				background: #E7DCCB;
				display: block;
				width: 220px;
				float: left;
				border-bottom: 2px solid white;
				padding: 6px; }
		.mailingVeld .mailingAanmelding h2 {
				font-size: 18px;
				text-align: center; }
		#content #sidebar ul li { background: #F5EDDF; }
		
	/* News */
	#content .nieuws h3{ /*zzz*/ 
		background: url(../gfx/nieuwsHeader.jpg) repeat-y; 
		margin-left: -10px; 
		padding-left: 20px; 
		color: white; }
	#content .nieuws h4{ 
		font-size: 12px; 
		margin: 0 15px 0 0; 
		float: right; 
		background: url(../gfx/newsDate.jpg) no-repeat; 
		line-height: 20px; 
		padding: 5px 5px 5px 18px; 
		width: 100px;
		height: 44px; }
	.nieuwsText { margin-top: 20px; }
	
	/* Image Gallery */
	.gallery.zoom {
		margin: 0 auto;
		text-align: center; }
	.gallery.zoom a {
		text-align: center;
		margin: 0 auto;	}
	.gallery.zoom h2, .gallery.zoom h3 {
		text-align: left; }
	.gallery.index h3 em, .gallery.zoom h3 em { 
		padding: 10px; 
		color: #856A60; 
		font-size: 12px;
		text-align: left; }
	.gallery.index img, .gallery.zoom img, .gallery.overzicht img { 
		background: #856A60;
		margin: 0 auto;
		text-align: center;
		padding: 10px; }
	.gallery.overzicht .camera { 
		background: none; 
		padding: 0; }
	.gallery.index img:hover, .gallery.zoom img:hover, .gallery.overzicht img:hover { 
		background: #5B3B30; }
	#content .gallery.zoom ul {
		text-align: center; }
	#content .gallery.zoom ul li{ 
		display: inline; 
		background: none; 
		list-style-type: none; 
		border:none;
		margin-left: 22px; }
	#content .gallery.zoom small { display: block; margin-top: 30px; text-align: center; }
	.galleryThumb { width: 150px; margin-bottom: 20px; float: left; padding-right: 20px; }

	/* Slideshow Home */
	#content .slideshowHome {
		float:left;
		position: relative;
		width: 412px;
		z-index: 1;
		height: 325px; }
		#content .slideshowHome.childrenshome {
			background: url(../gfx/slideshowBgCh.jpg) no-repeat; }
		#content .slideshowHome.tentedlodge {
			background: url(../gfx/slideshowBG.jpg) no-repeat;	}
		#content .slideshowHomeImages {
			width: 305px;
			height: 228px;
			margin: 50px; }

	/* Messageboard */
	.messageboard .message {
		border: 2px dotted #AA3E22;
		margin-bottom: 20px; }
	.messageboard .message h3 {
		color: white;
		background: #AA3E22;
		padding-left: 10px;}
	.messageboard .message h4 {
		color: #796F5E;
		font-size: 11px;
		padding-left: 10px;
		line-height: 23px;
		font-style: italic;
		background: #D6B38D; }
	.messageboard .message p { padding: 10px; }
	.messageboardError {
		position: absolute;
		color: red;
		top: 350px;
		left: 550px;
		z-index: 5;}
		/* paginering */
		.messageboard .paginering .pagineringContainer {
			background: #D6B38D;
			height: 30px;
			margin-bottom: 10px; }
		.messageboard .paginering .pagineringContainer p {
			float: left;
			color: #AA3E22;
			padding: 5px;
			font-weight: bold; }
		.messageboard .paginering .pagineringContainer ul { margin-right: 5px; }
		#content .messageboard .paginering .pagineringContainer li {
			float: right;
			list-style-type: none;
			border: none;  }
		.messageboard .paginering .pagineringContainer li a {
			display: block;
			width: 15px;
			height: 20px;
			background: #AA3E22;
			padding-left: 7px; }
		.messageboard .paginering .pagineringContainer li a:hover { background: #CC5B40; }
		.messageboard .paginering .pagineringContainer li a:active { background: #FFE6E0; }

	/* Contact */
	.contact form div { clear: both; }
		.contact form label { 
			float: left; 
			font-size: 16px; 
			margin: 15px 15px 0 10px; 
			width: 100px; 
			text-align: right; }
		.contact form input,#content .contact form textarea { width: 309px; }
		#nieuwsbrief { float: left; width: 20px; height: 20px; }
		#content .nieuwsbriefCheck label { margin: 0px 15px 0 10px; }
		#nieuwsbrief .cmsCheck { margin-top: 30px; }
		#content input.submit {
			background: url(../gfx/messageboardSubmit.jpg) no-repeat;
			width: 204px;
			font-size: 15px;
			padding-left: 25px;
			text-align: left;
			color: white;
			margin: 10px 0 0 120px;
			height: 59px;
			cursor: pointer; }
		/* Video */
		#playlist a {
			background-color:#A53416;
			color:white;
			display:block;
			margin:5px 5px 5px 0;
			padding:5px;
			text-align:right;
			width:455px; }
		#playlist a:hover { background-color: #CC5235; }
		#playlist table { float: left; }
		#playlist table td { border: none; }
		#playlist span { float: right; margin-top: 15px; }

/* Footer */
#footer {
	background: url(../gfx/footer.jpg) repeat-x center;
	height: 90px;
	position: relative;
	z-index: 2;
	min-width: 962px; }
	#footerContent {
		margin: auto;
		width: 978px;
		height: 90px;
		background: url(../gfx/footerContent.jpg) no-repeat 0 0; }
		#footerContent p {
			padding: 65px 0 0 414px; }
						
 /* The CSS that's required to position the footer */
html { height: 100%; }
#page { position: relative; min-height: 100%; }
#footer { position: absolute; bottom: 0; width: 100%; }