body{
    margin-top: 0px;
    background-image: url('../images/background.jpg');
    background-color: #c7c7c7;
    background-repeat: repeat-x;
    font-family: verdana;
    font-size: 8pt;
}

.clearfix:after{content: "."; visibility: hidden; display: block; height: 0; clear: both; } 

img{ 
    border: none;
}
h1{
    font-size: 14pt;
    color: #303030;
}

h3 {
	font-size: 14px;
    color: #303030;
}

iframe {border: none;}

#container{
    width: 990px;
    margin-left: auto;
    margin-right: auto; 
    position:relative;
}

#top1{
    width: 774px;
    height: 54px;
    background-image: url('../images/top1.jpg');
    display: block;
    float:left;
}

#top2{
    width: 194px;
    height: 54px;
    background-image: url('../images/top2.jpg');
    display: block;
    float:right;
    text-align: right;
    line-height:63px;
    padding-right:22px;
    color:#303030;
}

#foto{
    width: 990px;
    height: 311px;
    background-color:#FF0000;
    /*background-image: url('../images/foto.jpg');*/
    display: inline-block;
}

#menu{
    width: 990px;
    xheight: 26px;
    /*background-image: url('../images/menu.jpg');*/
    display: block;
    text-transform: uppercase;
    position:absolute;
    z-index:11;
    bottom: 2px;
    left:0px;
}

    #menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
    #menu li {
		float:left;
	}
	
	#menu li a  {
        font-size: 9pt;
        color: #FFFFFF;
        font-weight:bold;
        text-decoration:none; 
        padding-left:15px;       
    }
    
    #menu a:hover{
        color:#FFFF99;
    }
#contentcontainer{
    background-color:#FFFFFF;
    height:100%;
    display:block;
}
#u-left{
	margin: 0;
	padding: 4px 0px 0px 0px;
    width: 198px;
    min-height: 396px;
    xbackground: url('../images/left.jpg') 0px 396px bottom no-repeat;
    display: inline-block;
    float:left;
	position:relative;
}

#left{
	margin: 0;
	padding: 0;
	width: 178px;
	position:relative;
}

#left div {
    position:relative;
    top:0px;
    left:0px;
    z-index:8;
	margin: 0 0 0 3px;
	padding: 10px;
	background: #D9D9D9;
	width: 158px;
	height: 210px;
	display:none;
}

#left div h3 {
	margin: 0;
	padding: 0 0 10px;
	color: #303030;
}

#left div p {
	margin: 0;
}

#left div p.subtitel {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-style: italic;
	color: #666;
}

#left div a {
	float: right;
	color: #FF9900;
	text-decoration:underline;
}

#left div.active {
    z-index:10;
	display: block;
}

#left div.last-active {
    z-index:9;
	display: none;
}

#content{
    width: 525px;
    /*height: 401px;*/
    height:100%;
    display: block;
    background: #FFFFFF;
    float:left;
    text-align: justify;
    padding-left:10px;
    padding-right:5px;
    padding-top: 15px;
    padding-bottom:15px;
}

#content img{
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

#content a{
    color:#ff9900;
    font-weight:inherit;
    font-size: inherit;
    padding:0px;
}

	#content .nieuwsBericht {
		padding: 10px 0 10px 0;
		border-bottom: 1px solid #FF9900;
	}
	
		#content .nieuwsBericht h3 {
			margin: 0;
			font-size: 14px;
		}
		
		#content .nieuwsBericht p {
		
		}
		
		#content .nieuwsBericht p.subtitel {
			margin: 0;
			padding: 0;
			font-size: 11px;
			font-style: italic;
			color: #666;
		}
		
		#content .nieuwsBericht img {
			margin: 0 5px 5px 0;
			padding: 0;
		}

#right{
    width: 252px;
    height: 416px;
    display: block;
    float:right;
}

#boeking{
    width: 207px;
    height: 213px;
    background-image: url('../images/boeking.jpg');
    padding-left:45px;
    color: #727272;
}

    #boeking input{
        background-color: #ff9900;
        color: #FFFFFF;
        border:none;
        padding:5px;
        margin-right: 30px;
        margin-top: 6px;
        cursor: pointer;
		width: 170px;
    }
	
	
        
    #boeking h1{
        text-transform: uppercase;
        color: #303030;
        font-size:11pt;
        display:inline-block;
    }

#map{
    width: 252px;
    height: 203px;
    background-image: url('../images/map.jpg');
    cursor: pointer;
}

#footer{
    width: 990px;
    height: 31px;
    background-image: url('../images/footer.jpg');
    display: inline-block;
    text-align: center;
    font-size: 7pt;
    color: #898989;
}


fieldset{
    margin-top:15px;
    width: 90%;
    padding: 5px 0 10px 10px;
    border: 1px solid #ff9900;
}

legend{
    background-color: #ff9900;
    color: #FFF;
    font-weight: bold;
    padding: 4px 6px 4px 6px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    font-size: 0.8em;
}

.subtitelgb{
    background-color:#ffefd8;
    padding:2px;
    margin-right:10px;
}

#header {position: relative; width: 990px; height: 311px;}

#slideshow {
    position:relative;
    height:311px;
    top:0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}