/* 

Theme Name: VitaKrala Bed&Breakfast
Theme Url: www.vitakrala.nl
Description: This theme has been created by Dutch Design Office. 
Author: Dutch Design Office
Author Url: www.Dutch-design-office.nl

Version: 1.0

*/

/*Stijlen*/		
	p{ margin-top: 0; text-align: left}
	h1{ margin: 0 0 5px 0; font-size: 20px; font-weight: bold; color: #fff; text-align:left; font-family: Georgia, "Times New Roman", Times, serif }
	h2{ margin: 0 0 5px 0; font-size: 18px; color: #000; text-align:left; font-family: Georgia, "Times New Roman", Times, serif }
	h3{ margin: 10px 0 5px 0; font-size: 16px; color: #fff; text-align:left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  }
	h4{ margin: 10px 0 5px 0; font-size: 16px; color: #000; text-align:left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  }
	.clear{ clear: both;}
	a { color:#333300; text-decoration: underline; } 
	a:hover { color:#000; text-decoration: none; } 
/*******************************/

html, body { 
	height			: 100%;
	padding			: 0; 
	margin			: 0; 
	
}

body {
	font-family		: Arial, Helvetica, sans-serif; 
	color			: #000;
	font-size		: 12px;
	line-height 	: 20px;
	background		: #000; 
	
}

	#bg { z-index: -999; position: absolute; } 
	
#wrapper {
		margin			: 0 auto;
		width			: 100%;
		height			: auto;
		min-height		: 727px;
		min-width		: 100%;
		text-align		: center;
		
}
	#wrapper #container {
		margin			: 0 auto;
		padding			: 0;
		width			: 1014px;
		height			: auto;
		
	}

	#header { 
		float: left;
		margin: 0 auto; 
		width: 1014px;
		height: 90px; 
		padding: 0; 
	} 

	#menu { 
		float: left; 
		background: url(images/main-navigation-bg.png); 
		height: 35px; /*height 35px; */
		width: 1014px;
		padding: 0; 
		margin: 0 0 20px 0; 
		
	}
	
		#menu #language{ 
			float: right; 
			width: 180px; 
			height: auto; 
			margin: 7px 25px 0 0; 
			padding: 0; 
			text-align: left;
		} 
		
			#language ul{ list-style-type: none; margin: 0 auto; } 
			#language li{ float: left; display: inline; height:18px; border-right: 1px solid #ccc;}
			#language li img { margin: 0 5px; }
				#language li:last-child{border: none;}
				
	#welcome {
		float: left; 
		margin: 0 auto; 
		padding: 30px 35px; 
		background: url(images/home-contentbox.png) top no-repeat; 
		width: 550px;
		height: 201px; 
	}
		#welcome ul{
			float: left;
			list-style-type: none; 
			margin: 0; 
			padding: 0;
		} 
		#welcome li{ margin: 0 auto; } 
	
	#showcase { 
		float: right; 
		margin: 0 20px 0 0;
		padding-top: 255px; 
		background: url(images/showcase.png) no-repeat; 
		width: 334px; 
		height: 80px; 
		
	} 
	
	#home-content { 
		float: left; 
		margin:0 auto; 
		padding: 30px 70px 30px 35px; 
		background: url(images/home-sub-content.png) no-repeat; 
		width: 909px;
		height: 223px;
		line-height: 22px; 
		
	} 
	
	.btn{ 
	float: right; 
	background: url(images/btn-bg.png) no-repeat; 
	width: 165px; 
	height: 53px; 
	padding-top: 16px; 
	margin-top: 13px;
		
	}
	
	.btn a{color: #b9b97d; font-size: 14px; text-decoration:none } 
	.btn a:hover{color: #fff; font-size: 14px; text-decoration:none } 
	
		#home-content #last-sesson { 
			float: left; 
			width: 550px;
			height: auto; 
			margin: 0 auto; 
			padding: 0; 
		} 
			
		#home-content #reservation { 
			float: left; 
			margin: 8px 0 0 35px; 
			padding: 0; 
			width: 259px;
			height: 110px; 
			color: #fff; 
			font-size: 14px; 
			font-weight: bold; 
			text-align: left; 
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	} 
				#home-content #reservation ul{ list-style-type: none; margin: 0 auto; padding: 0; } 
	
	#footer { 
		float: left; 
		margin: 10px 0 15px 0;
		padding-top: 4px; 
		width: 1014px;
		height: 30px; 
		background: url(images/footer.png) top center no-repeat;
		color: #b9b97d; 
		
	}
	
		#footer #footer-nav { 
			float: left; 
			width:400px; 
			margin-left: 20px; 
			text-align: left;
			
		} 
		
		#footer #copyright { 
			float: right; 
			width: 350px; 
			margin-right:20px; 
			text-align: right;
			
		}
		
		#footer a{ color: #e1e19f; text-decoration: underline; } 
		#footer a:hover{ color: #e1e19f; text-decoration: none; } 
		
	
	#page { 
		float: left;
		width: 1014px; 
		height: auto; 
		padding-top: 29px; 
		margin-top: 0px;
		background: url(images/header-content.png) top no-repeat; 
		text-align: left;
	} 
		#page #content{ 
			float: left; 
			background: url(images/bg-content.png) repeat-y top; 
			width: 954px; 
			height: auto; 
			padding: 0 30px; 
		} 
		
			#page #content #text{
				float: left; 
				width: 570px; 
				height: auto; 
				padding: 0; 
				margin: 0 auto; 
			} 
			
			#page #content #sidebar { 
				float: right; 
				width: 340px;
				height: auto; 
				padding: 0; 
				margin: 0 auto;
			}
				
				#page #content #sidebar ul{ list-style-type: none; padding: 0; margin: 0 0 20px 0; }  
				#page #content #sidebar li{ border-bottom: 1px solid #ABAE6A; padding:2px 0;  } 
				#page #content #sidebar li:first-child{ border: none; padding:0;  }
				#page #content #sidebar li a { text-decoration: none; font-weight: bold; display: block;  } 
				#page #content #sidebar li a:hover { text-decoration: none; font-weight: normal; } 
				
		#page #footer-content{ 
			float: left; 
			margin: 0 auto; 
			padding: 0; 
			background: url(images/footer-content.png) no-repeat top;
			width: 1014px;
			height: 43px;
		} 
		
		
		
			/**SUCKERFISH MENU**/
#pixopoint_menu1 #suckerfishnav {
    font-size:14px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:bold;
    width:800px;
    }
#pixopoint_menu1 #suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:34px;
	height: 18px;
    padding:0;
    margin: 0 0 0 17px;
    width:791px;
	text-align: left;
    }
#pixopoint_menu1 #suckerfishnav a {
    display:block;
    color:#000;
    text-decoration:none;
    padding:0px 5px;
	font-weight: normal;
    }
#pixopoint_menu1 #suckerfishnav li {
    float:left;
    padding:0;
    }
#pixopoint_menu1 #suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:200px;
    font-weight:normal;
	-moz-opacity:0.95;
    opacity:0.95;
    khtml-opacity:0.95;
    margin-left: 5px;
    line-height:12px;
	text-align: left;
}
	
	
#pixopoint_menu1 #suckerfishnav li li {
    width:200px;
    border-bottom:1px solid #963;
    }
	
	#pixopoint_menu1 #suckerfishnav li li:last-child {
		border: none;
	}
#pixopoint_menu1 #suckerfishnav li li a {
    padding:8px 10px;
    width:180px;
    font-size:12px;
    color:#fff;
	font-weight:normal;
	text-align: left;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
    }
#pixopoint_menu1 #suckerfishnav li ul ul {
    margin:-29px 0 0 200px;
    }
#pixopoint_menu1 #suckerfishnav li li:hover {
   	color: #000;
	background: #fff;
    }
	
	/*Submenu HOVER */
#pixopoint_menu1 #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
	background: #8c8c5c;
    }
	
	/*HOOFDMENU */
#pixopoint_menu1 #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color: #000; 
	text-decoration: underline;
	
	
	
    }
	/*SUBMENU KLEUR */
	#pixopoint_menu1 #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
	background:#000;
    }
#pixopoint_menu1 #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#pixopoint_menu1 #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    
    }
#pixopoint_menu1 #suckerfishnav li:hover, #suckerfishnav li.sfhover {
    color: #000; 
    }
#pixopoint_menu1 #suckerfishnav .current_page_parent {
	color: #000; 
    }
#pixopoint_menu1 #suckerfishnav .current_page_item {
    color: #000; 
}


.ngg-right{ 
				padding: 5px 5px 10px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 0px 13px 8px 8px; float: right; }
				.ngg-left { 
				padding: 5px 5px 10px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 0px 13px 8px 8px; float: left; }
				.alignleft { 
				padding: 5px 5px 10px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 0px 13px 8px 8px; float: left; }
				.alignright{ 
				padding: 5px 5px 10px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 0px 13px 8px 8px; float: right; }
				.alignnone{ 
				padding: 5px 5px 10px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 5px 13px 5px 3px; float: none; } 
				.aligncenter { 
				padding: 5px 5px 10px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 5px 13px 5px 3px; float: none; } 
				.ngg-center { 
				padding: 5px 5px 10px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 5px 13px 5px 3px; text-align: center; clear: both; } 
				
				.gallery img { padding: 5px 5px 5px 5px; background: #fff; border: 1px solid #DBDBDB; margin: 0px 13px 8px 8px;  }
				
	
	#menu2 a:hover{ color: #fff; background: #000; padding: 5px 8px; margin: 3px;
		-moz-opacity:0.80;
   		opacity:0.80;
    	khtml-opacity:0.80;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	} 
	#menu2 ul li ul li a{ color: #333; text-align: center; font-size: 12px; background: #FFF; padding: 5px 8px; margin: 3px;
		-moz-opacity:0.80;
   		opacity:0.80;
    	khtml-opacity:0.80;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;display: block; float: left; 
	} 
	#menu2 ul li ul { 
	float: left;
    list-style:none;
    line-height:14px;
	height: 18px;
    padding:0;
    margin: 0 15px 15px 0;
    width:800px;
	text-align: left;
    }
	#menu2 ul li{ list-style-type: none; }