/*

grijs tekst: #5f5e5e
groene tekst: #54a629
Rode tekst: #d70909

*/ 



html,head {
	width: 100%;
	height: 100%;
	}

body {
	margin: 0px;
	height: 100%;
	font-family: "Trebuchet MS", Verdana;
	background-color:#FFFFFF;
	color:#5f5e5e;
	font-size:12px;
	}
	
#container {
	width: 1002px;
	height:auto;
	margin:auto;
	
	}
	
	
p {
margin:0px;
padding:0px;
}


h1 {
line-height:92%;
margin:0px;
padding:0px;
color:#d70909;
font-size:28px;
font-weight:bold;}

h2 {
line-height:92%;
margin:0px;
padding:0px;
color:#54a629;
font-size:16px;
font-weight:bold;}

h3 {
line-height:92%;
margin:0px;
padding:0px;
color:#54a629;
font-size:14px;
font-weight:bold;}



a {
text-decoration:none;}	


#head {
background-image:url(img/harar-head.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:254px;}
	
	
#menu {
float:left;
height:auto;
min-height:200px;
width:290px;
background-image:url(img/menu-back.jpg);
background-position:top;
background-repeat:no-repeat;

}	


#menu-onder {
background-image:url(img/menu-onder.jpg);
height:151px;
}


/* hoofdmenu
------------------------------------------------------------------ */


#menu ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding:10px 0px 0px 56px;
}

#menu li {
list-style: none;
height:auto;
width:167px;
background-image:url(img/menu-button-wit.png);
background-repeat:no-repeat;
background-position:top;
padding:0px; 
margin:0px 0px 6px 0px;
}

#menu a {
	display: block;
	width:167px;
	height:30px;
	margin:0px;
	padding:10px 0px 0px 0px;
	text-align:center;
	text-decoration: none;
	color:#5f5e5e;
	text-transform: uppercase;
}

#menu ul ul {
margin:0px 0px 0px 15px;
padding:0px;

}

#menu li li {
background-image:none;
height:18px;
margin:0px;
padding:0px;
display:block;
text-transform:uppercase;}

#menu li li a {
background-image:none;
text-align:left;
display: block;
margin:0px;
padding:0px;
color:#d70909;
}

#menu li li a:hover {
background-image:none;
color:#54a629;
}


#menu li li #active {
background-image:none;
color:#54a629;

}




#menu a:hover {
		background-image:url(img/menu-button-grijs.png);
		background-repeat:no-repeat;
background-position:top;
	width:167px;
	color:#5f5e5e;
}

#menu  #active {	background-image:url(img/menu-button-active.png);
background-repeat:no-repeat;
background-position:top;
	width:167px;
	color:#d70909;}



/* CONTENT
------------------------------------------------------------------ */



#content-1 {
width:356px;
float:left;}

#content-wrap-1 {
padding:0px 50px 10px 0px;}

#content-1 a {
color:#d70909;
font-weight:bold;}

#content-1 a:hover {
color:#5f5e5e;
font-weight:bold;}



/* FOOTER
------------------------------------------------------------------ */

#footer {
clear:both;
background-image:url(img/onder.jpg);
background-position:top;
background-repeat:no-repeat;
height:135px;
width:1002px;
color:#FFFFFF;}

#footer-wrap {
margin:20px 5px 5px 30px;}

#footer a {
color:#d70909;}

#footer a:hover {
color:#FFFFFF;}