@charset "UTF-8";
/* CSS Document */
@import url("reset.css");
@import url("home.css");
@import url("workshops.css");
@import url("contact.css");
@import url("admin.css");

body {
	background: #3c3018 url("../img/bg_line.jpg") repeat-x top left;
}
#container {
	margin: 0 auto;
	width: 700px;
	}
#top {
	float: left;
	width: 700px; 
	height: 75px;
	background: url("../img/top.png") no-repeat top left;
}
#flash_left{
		float: left;
		width: 92px; 
		height: 194px;
		background: url("../img/flash_left.png") no-repeat top left;
}
#flash_center {
		float: left;
		width: 516px; 
		height: 194px;
		background: url("../img/flash_center.jpg") no-repeat top left;
}
#flash_right {
		float: left;
		width: 92px; 
		height: 194px;
		background: url("../img/flash_right.png") no-repeat top left;
}
#menubalk {
		float: left;
		width: 700px; 
		height: 50px;
		background: url("../img/menubalk.png") no-repeat top left;
}
	#space{
		float:left;
		width: 92px ;
		height: 50px;
	}
	#menubalk ul{
	list-style-type: none;
	text-align: left;
	}
	#menubalk ul li{
	float: left;
	display: inline;
	}
	#menubalk ul li a{
	float: left;
	font: 18px / 1em "Trebuchet MS", verdana, arial, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #9c917c;	
	width: 125px;
	height: 50px;
	padding: 20px 0px 0px 0px;
	background: url("../img/menu_b.png") no-repeat top left; 
	}
	* html #menubalk ul li a{
		height:	30px;
	}
	#menubalk ul li a:hover{
	color: #383838;
	background: url("../img/menu_h.png") no-repeat top left; 
	}
	#menubalk ul li a:active{
	color: #383838;
	background: url("../img/menu_h.png") no-repeat top left; 
	}
	#menubalk ul li a.selected{
	color: #383838;
	background: url("../img/menu_h.png") no-repeat top left; 
	}
	
	
#intro_top {
		float: left;
		width: 700px; 
		height: 40px;
		background: url("../img/intro_top.png") no-repeat top left;
		}
#intro_container {
	float: left;
	width: 700px; 
	background: url("../img/intro_line.png") repeat-y top left;
	}
	#intro_left{
	float: left;
	width: 120px; 
	height: 154px;
	background: url("../img/intro_left.png") no-repeat top right;
	}
	* html #intro_left{
	float: left;
	width: 120px; 
	height: 154px;
	background: url("../img/intro_left_.png") no-repeat top right;
	}
	#intro_right {
	float: left;
	width: 120px; 
	height: 154px;
	background: url("../img/intro_right.png") no-repeat top left;
	}
#intro_bot {
	float: left;
	width: 700px; 
	height: 25px;
	background: url("../img/intro_bot.png") no-repeat top left;
	}	
#cont_container {
	border: 0;
	float: left;
	width: 700px; 
	background: url("../img/w_line.png") repeat-y top left;
	}
#cont_left {
	float: left;
	width: 92px; 
	height: 150px;
	background: url("../img/aanbod_left.png") no-repeat top right;
	}
*html #cont_left {
	float: left;
	width: 92px; 
	height: 150px;
	background: url("../img/aanbod_left_.png") no-repeat top right;
	}
#cont_right {
	float: left;
	width: 92px; 
	height: 150px;
	background: url("../img/aanbod_right.png") no-repeat top left;
	}
#aanbod_bot {
	/* IE6 line-height bug 
	The problem was an empty div with a height set to 6px. The actual height in IE6 was 18px. If I set the height to 20px, it would be 20px, but if it was less than 18px, it would stay at 18px. Well, it just so happens that 18px is the line-height. So what’s happening is the empty div is inheriting the line-height, even though there is no text inside the div. Go figure.

Another interesting thing is that reducing the line-height doesn’t fix the problem. No matter how I tried, it stayed at 18px. Even setting the line-height inline doesn’t work. What does work is setting the font size to 0. This fixed it instantly. So remember, if you are using empty divs in IE and they are smaller than the line-height, you need to set font size to 0.
	*/
	font-size: 0;
	/* or overflow: hidden; */ 
	width: 700px; 
	height: 18px;
	float: left;
	background: url("../img/aanbod_bot.png") no-repeat top left;
	}
#footer_1 {
		float: left;
		width: 700px; 
		height: 66px;
		background: url("../img/footer_1.png") no-repeat top left;
}
*html #footer_1 {
		height:20px;
}

#footer_1 ul{
	margin: 0;
	padding-top: 25px;
	list-style-type: none;
	text-align: center;
	font: 12px / 1.7em "Trebuchet MS", verdana, arial, sans-serif;
	color: #9c917c;
}
*html #footer_1 ul{
	font-size: 10px;
	line-height: 13px;
	padding-top: 20px;
}

#footer_1 li{
	display: inline;
}

#footer_2 {
		float: left;
		width: 700px; 
		height: 90px;
		background: url("../img/footer_2.png") no-repeat top left;
}