html,body {
	height:100%;
	margin:0px;
	padding:0px;
} 
body{
	background: url(../images/background6.gif);
}
#tbl {
	height:100%;
	width:960px;
}
#container {
	position: relative;
	height: 600px;
	width: 960px;
}
#achtervlak {
	position:absolute;
	top:92px;
	left:86px;
	filter: Alpha(Opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#menu_portfolio{
	position:absolute;
	top:202px;
	left:413px;
	z-index:2;
}
#menu_top_rest{
	position:absolute;
	top:202px;
	left:544px;
}
#menu_top_rest img, #menu_bottom img{
	margin-right:11px;
}
#menu_bottom{
	position:absolute;
	top:469px;
	left:413px;
}
#contentScroll{
	position:absolute;
	top:240px;
	left:413px;
	font: 13px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	height: 214px; 
	width: 380px; 
	overflow: auto;
	padding-right: 20px; 
	scrollbar-arrow-color: #FFF; 
	scrollbar-base-color: #FFF; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #7ab51d; 
	scrollbar-face-color: #7ab51d; 
	scrollbar-highlight-color: #7ab51d; 
	scrollbar-shadow-color: #7ab51d;
	z-index:1;
}
#taalselectie {
	position:absolute;
	top:522px;
	left:419px;
}


/* FLASH */
#kip{
	 position:absolute;
	 top:344px;
	 left:86px;
}
#maan{
	position:absolute;
	top:107px;
	left:769px;
}
#zon{
	position:absolute;
	top:268px;
	left:86px;
}


/** ACTUEEL **/
#contentScroll.actueel{
	width: 620px;
	left: 173px;
}


/** PORTFOLIO **/
#contentScroll_portfolio{
	position:absolute;
	top:240px;
	left: 271px;
	font: 13px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	height: 214px; 
	width: 530px;
	overflow: auto;
	padding-right: 20px; 
	scrollbar-arrow-color: #FFF; 
	scrollbar-base-color: #FFF; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #7ab51d; 
	scrollbar-face-color: #7ab51d; 
	scrollbar-highlight-color: #7ab51d; 
	scrollbar-shadow-color: #7ab51d;
	z-index:1;
	text-align: center;
}
.portfolio-item{
	float: left;
	margin-right: 11px;
}
.thumb{
	display:block;
	width:120px;
	height:120px;
	background-color:#606745;
}
.thumb a img{
	border:none
}

.description{
	display:block;
	width:120px;
	height:80px;
	text-align: left;
	margin-top: 10px;
	font-size: 11px;
}


/* diversen opmaak */
a { 
	color: #7ab51d; 
}
a:hover{
	text-decoration:none;
}
ul{
	margin-left:15px;
	padding-left:0px;
}
li{
	margin-bottom:5px;
}
p{
	margin-top:0px;
}
.kopje{
	font-weight:bold;
}
.bijschrift{
	font-size:12px;
	font-style:italic;
}
.formfield{
	width:164px;
	font-size:12px;
}

/* STEPCAROUSEL */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 530px; /*Width of Carousel Viewer itself*/
height: 210px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 11px; /*margin around each panel*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

