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

a { outline				:none; 
}

*{
	margin				:0px;
	padding				:0px;
	border				:none;
}

body{	/* Achtergrond kleur, afbeelding, achtergrond afbeelding herhaling x of y as en de opmaak van de tekst (font, grote en kleur) */
	background-image	:url(../img/Wood-floorboards-texture.jpg);
	font-family			:Verdana, Geneva, sans-serif;
	font-size			:10px;
	color				:#333;
}

h1{
	font-size			:10px;
	color				:#7f4909;
}

h2{
	font-size			:14px;
	color				:#7f4909;
}

h3{
	font-size			:12px;
	color				:#7f4909;
}

h4{
	font-size			:18px;
}

a,a visited{ /* link kleur en opmaak */
	text-decoration		:none;
	color				:#fff;
}

#pagina{	/* Pagina is de holder van de gehelen website alle items komen hier onder */
	position			:absolute;
	top					:50%;
	height				:600px;
	width				:100%;
	margin				:-300px 0 0 0px;
}

#pagina2{	/* Pagina is de holder van de gehelen website alle items komen hier onder */
	position			:absolute;
	left				:50%;
	width				:960px;
	margin				:0px 0 0 -480px;
}

#header_menu{	/* Als je in een ID de hoogte of de breedte verandert moet je dit bij alle anderen ID mee berekenen */
	width				:476px;
	height				:131px;
	margin-bottom		:26px;
	background			:url(../img/header.png) no-repeat top left;
	color				:#FFFFFF;
	margin-top			:10px;
	margin-left			:5px;
}

#menu{

	width				:400px;
	height				:26px;
	background-repeat	:no-repeat;
	background-position	:bottom;
	margin				:0px 0px 0px 85px;
	padding-top			:86px;
}

#bgwit{
	width				:100%;
	height				:600px;
	background-image	:url(../img/wit.png);
	background-repeat	:repeat-x;
	padding-top			:6px;
}

#beeldvlak{
	width				:476px;
	height				:300px;
	float				:left;
	margin-left			:5px;
	
	font-family			:Verdana, Geneva, sans-serif;
	font-size			:14px;
	color				:#FFF;
	text-align			:center;
}

#tekstvlak{
	width				:424px;
	height				:280px;
	float				:left;
	margin-left			:30px;
	background-image	:url(../img/textbg.png);	
	padding				: 10px 10px 10px 10px;
}

#footer{
	width				:476px;
	height				:30px;
	float				:left;
	margin-top			:30px;
	background-image	:url(../img/footer.png);
	
	font-family			:Verdana, Geneva, sans-serif;
	font-size			:9px;
	color				:#FFF;
	padding-top			:57px;
	text-align			:center;
	margin-left			:5px;
	line-height:12px;
}

#calltoaction{
	width				:444px;
	height				:77px;
	float				:left;
	margin-top			:30px;
	margin-left			:30px;
	background-image	:url(../img/action.png);
	
	font-family			:Verdana, Geneva, sans-serif;
	font-size			:16px;
	color				:#FFF;
	padding-top			:10px;
	text-align			:center;
}

#grootbeeld{
	width				:306px;
	height				:300px;
	float				:left;
}

#kleinbeeld_rechts_boven{
	width				:138px;
	height				:26px;
	margin-bottom		:12px;
	float				:right;
	padding-top			:112px;
}

#kleinbeeld_rechts_onder{
	width				:138px;
	height				:26px;
	margin-top			:12px;
	float				:right;
	padding-top			:112px;
}

#kleinbeeld_links_bove{
	width				:138px;
	height				:26px;
	float				:left;
	margin-bottom		:12px;
	margin-right		:15px;	
	padding-top			:112px;
}

#kleinbeeld_links_onder{
	width				:138px;
	height				:26px;
	float				:left;
	margin-top			:12px;
	margin-right		:15px;
	padding-top			:112px;
}

#kleinbeeld_midden_bove{
	width				:138px;
	height				:26px;
	float				:left;
	margin-bottom		:12px;
	margin-right		:15px;
	margin-left			:16px;
	padding-top			:112px;
}

#kleinbeeld_midden_onder{
	width				:138px;
	height				:26px;
	float				:left;
	margin-top			:12px;
	margin-right		:15px;
	margin-left			:16px;
	padding-top			:112px;
}

/* Drop down menu */

#sub ul {
	position			: absolute;
	width				: 100px;
	left				: -1000px;
	font-size			:12px;
	font-style			:normal;
	text-align			:left;
}

#nav, #nav ul {
	padding				: 3px 0 0 0;
	margin				: 0;
	list-style			: none;
}

#nav li {
	float				:left;
	width				:80px;
	margin-left			:2px;
	text-align			:center;
}

#nav li:hover {
	float				:left;
	width				:80px;
	margin-left			:2px;
	text-align			:center;
	background-color	:#7a7a26;
}

#nav ul {
	position			: absolute;
	width				: 100px;
	left				: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
	left				: auto;
	background-position	: 0 0;
}

#nav a {
	display					: block;
	margin					: 2px 5px 3px 5px;
	text-decoration			: none;
}

ul a{
	font-weight				: bold;
	color					: #FFF;
	cursor					: default;
}

ul ul a:link, ul ul a:visited{
	font-weight				: normal;
	color					: #FFF;
	cursor					: pointer;
}

ul ul a:hover, ul ul a:active{
	font-weight				: normal;
	color					: #FFF;
	cursor					: pointer;
}

ul li{
	background-color		: #754926;
	border-left				: 3px none #FFF;
}

ul ul li{
	background-color		: #754926;
	border-top				:0 px none;
	margin-top				:2px;
	border-left				: 0;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
	border-bottom			: 3px solid #FFF;
}

* html ul ul li{
	border-top				: 0;
}
/* Einde IE only hack */ 

.rounded-corners {
     -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
	behavior: url(/css/border-radius.htc);
    border-radius: 8px;
	z-index:-1;
}