@charset "UTF-8";
/* CSS Document */


/*OVERALL STYLES*/

body{
	background-color:#f7b274;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:11px;
	letter-spacing:0.3px;
	word-spacing:2px;
	background-image:url(../images/bg_back.png);
	background-repeat:repeat-x;
}

/*FONT*/

@font-face {
    font-family: 'Vanilla';
    src: url('font/vanilla-webfont.eot');
    src: url('font/vanilla-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/vanilla-webfont.woff') format('woff'),
         url('font/vanilla-webfont.ttf') format('truetype'),
         url('/font/vanilla--webfont.svg#Vanilla') format('svg');
    font-weight: normal;
    font-style: normal;

}

#container{
	min-height:768px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#background{
	width:100%;
	background-image:url(../images/1px.png);
	background-repeat:x-repeat;
	background-position:center;
	position:absolute;
	top:0px;
	/*z-index:100;*/
}

	#background_front{
		width:100%;
		position:absolute;
		top:0px;
		background-image:url(../images/bg_front2.png);
		background-repeat:no-repeat;
		background-position:center;
		/*z-index:101;*/
	}

h1{
	padding:10px;
	padding-bottom:3px;
	font-size:40px;
	color:#222;
	font-family:'Chewy', sans-serif;
	background-repeat:no-repeat;
	background-position:right;
	line-height:30px;
	border:none;
	border-bottom:1px dashed #ccc;
}

a{
	text-decoration:none;
	color:#AE312C;
	font-size:11px;
}

strong{
	background-color:#f7f7f7;
	color:#333;
	border:1px solid #ccc;
	padding: 0px 5px 0px 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
	font-weight:0;
	font-style:normal;
}

p::-moz-selection {
	background-color:#ccc;
	color:#333;
}

p::-webkit-selection {
	background-color:#ccc;
	color:#333;
}

object {
outline:none;
/*z-index:102;*/
}

.absolute_positioning_kamer1 {
	position:absolute;
	top:363px;
	margin:0px;
	padding:0px;
}

.absolute_positioning_kamer2 {
	position:absolute;
	top:417px;
	left:475px;
	margin:0px;
	padding:0px;
}


/*MENU*/

.menu{
	position:fixed;
	left:50%;
	margin-left:-200px;
	margin-top:-5px;
	background-color:#fff;
	-moz-border-radius: 0px 0px 15px 15px ;
	border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	behavior: url(PIE.htc);
	border:none;
	border:1px solid #ccc;
	padding:5px;
	z-index:104;
	/*-moz-box-shadow: 0px 0px 2px #333; /* Firefox/Mozilla */  
 	/*-webkit-box-shadow: 0px 0px 2px #333; /*Safari/Chrome */  
  	/*box-shadow: 0px 0px 2px #333; /* Opera & hoe het zou moeten */  
	overflow:hidden;
	 /* for IE */
  	/*filter:alpha(opacity=90);*/
 	 /* CSS3 standard */
 	 /*opacity:0.9;*/
}

	.menu ul{
		padding-left:20px;
		border:none;
	}

	
	.menu ul li{
		float:left;
		margin-right:20px;
		padding:none;
		border:none;
	}
	
/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
	border:none;
	outline:none;
	filter: 0;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		border:none;
		outline:none;
		filter: 0;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background-color:#F2f2f2;
            width: 9px; height: 30px;
            z-index: 105;
            position: absolute;
			moz-border-radius: 25px;
			border-radius: 25px;
			-webkit-border-radius: 25px;
			behavior: url(PIE.htc);
			outline:none;
			border:none!important;
			filter: 0;
        }
            .lavaLamp li.back .left {
                background-color:#F2f2f2;
                height: 30px;
                margin-right: 9px;
				-moz-border-radius: 25px;
				border-radius: 25px;
				-webkit-border-radius: 25px;
				behavior: url(PIE.htc);
				outline:none;
				position:relative;
				border:none!important;
				filter: 0;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
			color:#333;
			background-color:none;
            position: relative; 
			overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 106; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
			border:none!important;
			outline:none!important;
			filter: 0;
        }

	
/*CONTENT*/

.content{
	width:353px;
	background-color:#fff;
	position:relative;
	left:116px;
	top:100px;
	padding:10px;
	/*z-index:102;*/
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	behavior: url(PIE.htc);
}


	.content p{
		position:relative;
		/*z-index:1000;*/
		border:none;
		outline:none;
		margin:0px;
		padding:10px;
		font-size:11px;
		line-height:1.6em;
	}
	

#news{
	position:relative;
	margin-top:10px;
}

	#personal_content_stefanie{
		width:150px;
		float:left;
		margin-left:10px;
	 	margin-top:10px;
	}
	
		#personal_content_stefanie h1{
			cursor:pointer;
			background-image:url(../images/stefanie.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:25px;
			border:none;
		}
		
		#personal_content_stefanie p, ul li{
			font-size:10px;
		}
		
	
		#personal_content_stefanie div{
			position:relative;
			display:none;
			z-index:1000;
			border:none;
			height:200px;
		}
	
	#personal_content_ruud{
		width:150px;
		float:left;
		margin-left:10px;
	 	margin-top:10px;
	}
	
		#personal_content_ruud h1{
			cursor:pointer;
			background-image:url(../images/ruud.png);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:25px;
			border:none;
		}
		
		#personal_content_ruud p, ul li{
			font-size:10px;
		}
		
	
		#personal_content_ruud div{
			position:relative;
			z-index:1000;
			display:none;
			height:200px;
		}
		
#stefanieruud{
	position:relative;
	top:450px;
	left:100px;
}
	
/*KAMERS*/


.kamer{
	height:768px;
	width:100%;
	z-index:0;
	position:relative;
}

.kamer_links{
	width:500px;
	height:100%;
	float:left;
	
}

.kamer_rechts{
	width:500px;
	height:100%;
	float:left;
}

	#sevgilim1{
		background-image:url(../images/floor1.png);
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	
	
			
			#twitter_link{
				position:relative;
				top:0px;
				left:320px;
			}
	
		#lantern{
		width:277px;
		height:338px;
		background:url(../images/lantern.png);
		position:relative;
		top:-211px;
		left:742px;
		z-index:103;
		padding:0px;
		margin:0px;
	}
	
	.iggy{
		position:relative;
		top:160px;
		left:500px;
	}
	
	#sevgilim2{
		background-image:url(../images/floor2.png);
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	
	#sisi{
			position:relative;
			top:100px;
			left:-100px;
			margin:0px;
			padding:0px;
		}
	
		#televisie{	
			position:relative;
			top:140px;
			left:63px;
			width:509px;
			/*height:300px;*/
			margin:0px;
			padding:0px;
		}

	
	#sevgilim3{
		background-image:url(../images/floor3.png);
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	
	
		
	
	#sevgilim4{
		background-image:url(../images/floor4.png);
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	
	.bo{
		position:relative;
		top:375px;
		left:65px;
	}