/* Body */

body{
	margin:0;
	font-size:12px;
	color:#FFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
	
img, div, body { _behavior: url(http://www.villatopaz.nl/iepngfix.htc)}

#container{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:1003px;
	}
	
#top{
	position:relative;
	float:left;
	width:1003px;
	height: 301px;
	background-repeat:no-repeat;
	}

#top .bottom{
	position:absolute;
	float:left;
	width:100%;
	height:27px;
	top:267px;
	z-index:1
	}

#top .bottom a.home{
	position:relative;
	float:left;
	width:19px;
	height:18px;
	z-index:1;
	margin:4px 0 0 10px;
	}

#top .bottom a.nacht-knop{
	position:relative;
	float:left;
	width:17px;
	height:22px;
	z-index:1;
	margin:3px 0 0 900px;
	}

#top .bottom a.dag-knop{
	position:relative;
	float:left;
	width:25px;
	height:25px;
	z-index:1;
	margin:1px 0 0 10px;
	}

.dag #top .bg{
	position: absolute;
	width: 142px;
	height: 34px;
	left:338px;
	top:267px;
	z-index:3
	}

.home #left{
	position:relative;
	float:left;
	width:195px;
	height:259px;
	}

.content #left{
	position:relative;
	float:left;
	width:170px;
	height:259px;
	}

#left ul{
	position:relative;
	float:left;
	list-style:none;
	padding:0;
	margin:6px 0 0 0;
	}

#left ul li ul{
	margin:0;
	}

#left ul li{
	position:relative;
	float:left;
	padding:0;
	margin:0
	}

#left ul li a{
	position:relative;
	height:20px;
	width:173px;
	display:block;
	padding:5px 0 0 2px;
	border-bottom:1px solid #fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
	}

#left ul li.active a{
	cursor:default
	}

#left ul li ul li a{
	padding:10px 0 0 10px;
	font-size:11px;
	width:135px;
	padding:4px 0 0 40px;
	height:17px;
	}
	
#center{
	position:relative;
	float:left;
	width:370px;
	min-height:239px;
	_height:239px;
	margin-left:8px;
	padding: 10px 30px 10px 20px;
	}
	
#center a{
	text-decoration:none;	
	}
	
#center a:hover{
	text-decoration:underline;	
	}
	
.content #center{	
	_margin-left:4px;
	}

.content #center input{
	width:248px;	
	}

#center textarea{
	width:248px;	
	}
	
h1{
	font-size:14px
	}
	
#center-right{
	position:relative;
	float:left;
	width:42px;
	min-height:259px;
	_height:259px;
	}
	
#right{
	position:relative;
	float:left;
	width:338px;
	min-height:259px;
	_height:259px;
	}

#right .center{
	position: absolute;
	width:311px;
	height:233px;
	top:12px;
	left:13px;
	}

.content #right .center{
	position: absolute;
	width:311px;
	height:233px;
	top:12px;
	left:13px;
	border:1px solid #FFF;
	_border:0
	}

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	}

#fade-example-1 li {
	position:absolute;
	margin:0;
	width:311px;
	height:233px;
	visibility: hidden;
}

ul.crossfade li img {
	display: block;
	_border:1px solid #FFF;
}

.caption {
	position:absolute;
	top:222px;
	_top:223px;
	left:75px;
	width:200px;
	height:20px;
	padding: 1em;
	color:#c88775;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}

.frank{
	font-weight:normal;
	}

.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

#fade-example-1-next {
	background:url(images/next.png) no-repeat top;
	width:20px;
	height:16px;
	left:280px;
	top: 210px
}

#fade-example-1-next:hover {
	background-position:0 -17px;
	}

#fade-example-1-previous {
	background:url(images/previous.png) no-repeat top;
	width:20px;
	height:16px;
	left:250px;
	top: 210px
}

#fade-example-1-previous:hover {
	background-position:0 -17px;
	}
	
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}
	
#bottom{
	position:relative;
	float:left;
	width:100%;
	height:27px;
	margin-top:8px;
	text-align:center;
	font-size:9px;
	}

#bottom a{
	color:#FFF;
	text-decoration:none
	}

#bottom a:hover{
	color:#FBC094
	}

#bottom p{
	position:relative;
	display:block;
	float:left;
	margin-left:250px;
	_margin-left:160px;
	padding-right:259px;
	_padding-right:180px;
	margin-top:6px;
	}
	
#bottom ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:6px
	}

#bottom ul li{
	position:relative;
	display:block;
	float:left;
	}

#bottom ul li a img{

	border:0;
	margin-left:5px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	khtml-opacity: 0.6;
	}

#bottom ul li.active a img{
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
	khtml-opacity: 1.0;
	cursor:default
	}
	
#bottom ul li a:hover img{
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
	khtml-opacity: 1.0;
	}
	
#footer{
	position:relative;
	float:left;
	width:100%;
	margin-top:5px;
	text-align:center;
	font-size:10px;
	color:#C88775;
	}

#footer a{
	color:#C88775;
	text-decoration:none
	}

#footer a:hover{
	color:#FBC094
	}
	
/* Dag/Nacht */

body.nacht{
	background:#000;
	}
	
body.dag{
	background: #fff3ea
	}
	
.dag #top{
	background-image:url(images/top-bg.jpg)
	}

.dag #top .bg{
	background:url(images/top_bottom-bg.gif);
	}
	
.nacht #top{
	background-image:url(images/top-bg-nacht.jpg)
	}

.dag #top .bottom a.home{
	background: url(images/top_bottom-home.gif) no-repeat left top;
	}

.nacht #top .bottom a.home{
	background: url(images/top_bottom-home-nacht.gif) no-repeat left top;
	}
	
#top .bottom a:hover.home{
	background-position:left bottom
	}
	
.dag #top .bottom a.nacht-knop{
	background: url(images/top_bottom_dag-maan.gif) no-repeat left bottom;
	}

.nacht #top .bottom a.nacht-knop{
	background: url(images/top_bottom_nacht-maan.gif) no-repeat left bottom;
	}
	
#top .bottom a:hover.nacht-knop{
	background-position:left top
	}
	
.dag #top .bottom a.dag-knop{
	background: url(images/top_bottom_dag-zon.gif) no-repeat left bottom;
	}

.nacht #top .bottom a.dag-knop{
	background: url(images/top_bottom_nacht-zon.gif) no-repeat left bottom;
	}
	
#top .bottom a:hover.dag-knop{
	background-position:left top
	}	

#top .bottom a.nacht-knop.active, #top .bottom a.dag-knop.active{
	background-position:left top;
	cursor:default
	}

.dag #left{
	background:#fbc094 url(images/left-bg.gif) no-repeat;
	}

.nacht #left{
	background:#d3975a; 
	}

.dag #left ul li a{
	color: #c88775
	}

.dag #left ul li a:hover{
	color:#FFF;
	}

.dag #left ul li.active a{
	color:#8A5445;
	}

.nacht #left ul li a{
	color: #FFFFFF;
	}

.nacht #left ul li a:hover{
	color: #8a3926
	}

.nacht #left ul li.active a{
	color: #5b1707;
	}


.dag #center{
	background: #89C5D8 url(images/center_content-bg.gif) no-repeat 46px 0;
	}

.nacht #center{
	background: #6db6bb;
	}
	
.dag #center a{
	color:#c88775
	}

.dag #center a:hover{
	color:#fcd3b4
	}

.nacht #center a{
	color:#000000
	}

.nacht #center a:hover{
	color:#5b1707
	}
	
.dag #center-right{
	background: #B8DCE8;
	}

.nacht #center-right{
	background: #A7D3D6
	}

.dag .table_center-right{
	background: #B8DCE8
	}
	
.nacht .table_center-right{
	background: #A7D3D6
	}
	
		
.dag #right{
	background: #fbc094 url(images/right_bottom-bg.gif) no-repeat right 225px;
	}

.nacht #right{
	background: #d3975a url(images/right_bottom-bg-nacht.gif) no-repeat right top;
	}
	

.dag .caption {
	color:#c88775;
}

.nacht .caption {
	color:#5b1707;
}


.dag .content .table-right{
	background: #fbc094 url(images/right_bottom-bg.gif) no-repeat right 225px;
	}

.nacht .content .table-right{
	background: #d3975a url(images/right_bottom-bg-nacht.gif) no-repeat right top;
	}
	
.dag .content .table-left{
	background:#fbc094 url(images/left-bg.gif) no-repeat;
	}

.nacht .content .table-left{
	background:#d3975a no-repeat;
	}
	
.dag #top .bottom{
	background:#C88775;
	}
	
.nacht #top .bottom{
	background:#5B1707;
	}
	
.dag #bottom{
	background:#C88775;
	}

.nacht #bottom{
	background:#5B1707;
	}

.dag #right .top{
	position: absolute;
	float: left;
	width:224px;
	height:12px;
	background:#FDD9BF url(images/right_top-over.gif) no-repeat left top;
	top:0;
	left:106px
	}

.dag #right .right{
	position: absolute;
	float: left;
	width:12px;
	height:239px;
	background-color:#FDD9BF;
	top:0;
	left:326px
	}		
	

/* Editor*/
.mceContentBody{
	background-color: #89C5D8;
	text-align:left;
	}	

p{
	margin:0
	}