@charset "utf-8";
/* CSS Document */
html, body
{ 
	margin:0; 
	padding:0; 
	text-align:center;
	font-family: Tahoma;	
}
#wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#header
{
	position:relative;
	width: 960px;
	height: 110px;
	background: #fff url(../images/header-bg.jpg) no-repeat;
}
    #logo
    {
        position: absolute;
        width: 157px;
        height: 65px;
        left: 5px;
        top: 17px;
    }
        #logo img
        {
            border: 0;
        }
    #navigation
    {
	    position: absolute;
	    height: 26px;
	    right: 5px;
	    top: 84px;
    }
        #navigation ul
        {
	        margin:0; 
	        padding:0; 
	        list-style: none;
	        list-style-type: none;
	        float: right;
        }
            #navigation ul li
            {
	            list-style: none;
	            list-style-type: none;
	            float: right;
	            display: block;
	            width: 86px;
	            height: 26px;
	            margin-left: 3px;	
	            /*border: 1px solid #ff0000;*/
            }
                #navigation ul li a
                {
	                display: block;
	                width: 86px;
	                height: 26px;
	                background: transparent url(../images/navigationitem-bg.gif) no-repeat;
	                text-decoration: none;
	                padding-top: 7px;
	                font-size: 10px;
	                color: #828282;
                }
                #navigation ul li a:hover, #navigation ul li a.active
                {
	                display: block;
	                width: 86px;
	                height: 26px;
	                background: transparent url(../images/navigationitem-bg-hover.gif) no-repeat;
	                color: #ff7200;
                }
#menuleft
{
	position:relative;
	margin-top: 10px;
	float: left;
	width: 170px;
	height: 721px;
	text-align: left;
	background: #fff url(../images/menuleft-bg.jpg) no-repeat;	
}
	#menuleft #countrymenu
	{
		position: absolute;
		width: 152px;
		top: 140px;
		margin-left: 9px;
	}
		#menuleft #countrymenu p
		{
			color: #fff;
			font-size: 11px;
		}
		#menuleft #countrymenu ul
		{
			margin:0; 
			padding:0; 
			list-style: none;
			list-style-type: none;
		}
		#menuleft #countrymenu ul li
		{
			list-style: none;
			list-style-type: none;
			display: block;
			width: 152px;
			height: 27px;
			margin-top: 3px;
		}
		#menuleft #countrymenu ul li a
		{
			display: block;
			width: 152px;
			height: 27px;
			background: transparent url(../images/menuleft-menu-a.jpg) no-repeat;
			color: #ff7200;
			font-size: 12px;
			text-decoration: none;
			padding-left: 20px;
			padding-top: 6px;
		}

/* Content */
#content
{
	position:relative;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	width: 780px;
	height: 721px;
	text-align: left;
	background: #fff url(../images/content-bg.jpg) no-repeat;	
	font-size: 11px;		
	color: #293f53;
}
	#content h1
	{
		display: block;
		/*width: 762px;*/
		height: 22px;
		background: transparent url(../images/content-h1-bg.gif) no-repeat;
		text-decoration: none;
		margin-top: 9px;
		margin-left: 9px;
		margin-bottom: 0px;
		padding-top: 3px;
		padding-left: 10px;
		font-size: 13px;
		color: #fff;
	}
	#content #innercontent
	{
		width: 760px;
		height: 668px;
		margin-top: 9px;
		margin-left: 9px;
		background: #fff url(../images/content-body-bg.jpg) no-repeat;	
	}
		#content #innercontent h2
		{
		   width: 750px;
		   height: 24px;
		   background: #fff url(../images/content-innercontent-h2.jpg) no-repeat;	
			text-decoration: none;
			padding-top: 3px;
			padding-left: 10px;
			font-size: 13px;
			color: #fff;		   
		}
		#content #innercontent p
		{
		   width: 734px;
		   margin-top: 13px;
		   margin-left: 13px;
		}
		    #content #innercontent .house p
		    {
		       width: 545px;
		       margin-top: 13px;
		       margin-left: 13px;
		    }	
		#content #innercontent img
		{
		   margin-top: 13px;
		   margin-left: 13px;
		   border: solid 1px #00c6ff;
		}
		#content #innercontent a
		{
		    color: #ff7200;
		}
		#content #innercontent #overview
		{
		}			
			#content #innercontent #overview #overviewheader
			{
				margin-left: 13px;
				width: 747px;
			}				
				#content #innercontent #overview #overviewheader #mainpicture
				{
					float: left;
					margin: 0;
					padding: 0;					
				}	
					#content #innercontent #overview #overviewheader #mainpicture img
					{
						margin: 0;
						padding: 0;					
					}						
				#content #innercontent #overview #overviewheader #info
				{
					width: 562px;
					height: 107px;
					margin-left: 14px;
					float: left;
					border: solid 1px #d4d4d4;
				}
				#content #innercontent #overview #overviewheader #info h3
				{
					margin-top: 13px;
					margin-bottom: 10px;
					margin-left: 13px;
					color: #00b7f7;
					font-size: 16px;
				}				
				#content #innercontent #overview #overviewheader #info p
				{
					width: 550px;
					margin-top: 0px;
					margin-bottom: 0px;
				}	
			#content #innercontent #overview #overviewbody
			{
				position: absolute;
				top: 194px;
				margin-top: 13px;
				margin-left: 13px;
				width: 734px;
				height: 487px;
			}	
				#content #innercontent #overview #overviewbody #overviewbodymenu
				{
					float: left;
				}
					#content #innercontent #overview #overviewbody #subnav
					{
						margin:0; 
						padding:0; 
						list-style: none;
						list-style-type: none;
					}
						#content #innercontent #overview #overviewbody #subnav li
						{
							list-style: none;
							list-style-type: none;
							display: block;
							width: 100px;
							height: 23px;
							float: left;
							text-align: center;
							padding-top: 6px;
						}
							#content #innercontent #overview #overviewbody #subnav li a
							{
								color: #5e92a1;
								font-size: 12px;
								text-decoration: underline;
								/*padding-left: 20px;*/
								padding-top: 9px;
							}						
						#content #innercontent #overview #overviewbody #subnav li.active
						{
							border-top: solid 1px #d4d4d4;
							border-left: solid 1px #d4d4d4;
							border-right: solid 1px #d4d4d4;
						}
							#content #innercontent #overview #overviewbody #subnav li.active a
							{
								color: #ff7200;
								font-size: 12px;
								text-decoration: underline;
								/*padding-left: 20px;*/
								padding-top: 9px;
							}							

				#content #innercontent #overview #overviewbody #overviewbodycontent
				{	
					float: left;
					border: solid 1px #d4d4d4;
					width: 737px;
					height: 460px;
					display: block;
					overflow: auto;
				}
					#content #innercontent #overview #overviewbody #overviewbodycontent ul
					{
					    margin-top: 10px;
					    margin-bottom: 0;
					}
					#content #innercontent #overview #overviewbody #overviewbodycontent p
					{
						width: 708px;
						margin-top: 10px;
						margin-bottom: 0; 
					}
					#content #innercontent #overview #overviewbody #overviewbodycontent hr
					{
						width: 708px; 
						margin: 0;
						margin-left: 13px;
						margin-top: 13px;
						margin-bottom: 13px;
						padding: 0;
						color: #d4d4d4;
					}
					#content #innercontent #overview #overviewbody #overviewbodycontent table
					{
						margin-left: 13px;
					}
						#content #innercontent #overview #overviewbody #overviewbodycontent table tr
						{
							height: 18px;
						}			
						#content #innercontent #overview #overviewbody #overviewbodycontent table td
						{
							width: 200px;
						}								
					#content #innercontent #overview #overviewbody #overviewbodycontent a
					{
						color: #ff7200;
						font-weight: normal;
					}
					#content #innercontent #overview #overviewbody #overviewbodycontent #overviewbodycontentimagebig
					{
						float: left;
						width: 532px;
					}
						#content #innercontent #overview #overviewbody #overviewbodycontent #overviewbodycontentimagebig img
						{
						    float: left;
							border: solid 1px #ff7200;
						}
					#content #innercontent #overview #overviewbody #overviewbodycontent #overviewbodycontentimagesmall
					{
						float: left;	
						width: 175px;
					}	
						#content #innercontent #overview #overviewbody #overviewbodycontent #overviewbodycontentimagesmall img
						{
						    float: left;	
						}											
												
	
/* Footer */	
#footer
{
	position:relative;
	margin-top: 10px;
	float: left;
	width: 960px;
	height: 25px;
	background: #fff url(../images/footer-bg.jpg) no-repeat;	
}
	#footer p
	{
		color: #ff7200;
		font-size: 11px;
		font-weight: bold;
		float: right;
		margin-top: 9px;
		margin-right: 9px;
	}

.send
{
    background: #fff url(../images/verzenden-bg.jpg) no-repeat;
    width: 88px;
    height: 19px;
    display: block;
}

.period
{
    float: right;
}

.pricenormal
{
    color: Gray;
    text-decoration: line-through;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
}

.pricediscount
{
    font-size: 18px;
    font-weight: bold;
    float: right;
}


/* FORM ELEMENTS */
input.input
{
	height:15px; /* displays as 19px in ff */
}
input.required
{
    border-left: solid 2px #ff0000;
}
input.required.ivld
{
    background-color: #ffefef;
    border: solid 1px #ff0000;
}

/* PHOTO GALLERY */
#jgal 
{ 
    list-style: none; 
    width: 175px; 
    float: right;
}
#jgal li 
{ 
    opacity: .5; 
    float: right; 
    display: block; 
    width: 60px; 
    height: 60px; 
    background-position: 50% 50%; 
    cursor: pointer; 
    border: 3px solid #fff; 
    outline: 1px solid #ddd; 
    margin-right: 14px; 
    margin-bottom: 14px; 
}
#jgal li img 
{ 
    position: absolute; 
    top: 68px; 
    left: 20px; 
    display: none; 
}
#jgal li.active img 
{ 
    display: block;
    width: 499px;
    height: 340px;
}
#jgal li.active, #jgal li:hover 
{ 
    outline-color: #bbb; 
    opacity: .99 /* safari bug */ 
}

/* styling without javascript */
#gallery 
{ 
    list-style: none; 
    display: block; 
}
#gallery li 
{ 
    float: left; 
    margin: 0 10px 10px 0; 
}