/* CSS Document */
/*
-----------------------------------------------------
WIJNEN DE KOK
Name:     Beren
Designer: Pieter Collier
URL:      www.android.be
Date:     March 2005
------------------------------------------------------ */

/* basic styles */
body {
	margin:0 auto;
	padding:0;
	width:780px;
	position: relative;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 40px;
}

img {
	border: none;
	background: transparent;
}

/* general link styles */
a:link {
	color: #7E151A;
	text-decoration: none;
	}
a:visited {
	color: #7E151A;
	text-decoration: none;
	}
a:hover, a:active {
	color: #770000;
	}

/* main menu */

#hoofdmenu {
	width: 180px;
	background: #67604C;
}

/* layout */
#mainimg {
	width: 780px;
	height: 70px;
	background-image: url(../images/mainimg.gif);
	background-position: center;
	margin: 0px;
}

/* main content window */

#hoofdvenster {
	width: 600px;
	background: #FFFFFF;
}


#hoofdvenster p {
	padding: 0px 50px 0px 50px;
}

#hoofdvenster h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7E151A;
	text-align: left;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 5px;
	background:  url(../layout/ster.gif) no-repeat left center;
}

/* --- )) layout (( --- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 

.ruimte{	padding: 2px 0px 7px 0px;}
.ruimteL{	padding: 0px 0px 7px 7px;}
.ruimteR{	padding: 0px 17px 7px 0px;}

.red {
	color: #7E151A;	
}
.grijs {
	color: #333333;	
background-color: #CCCCCC;	
padding:1px 3px 1px 3px ;
border-width:1px;
border-style:solid;
border-color:#333333;	
}
.top {
	margin-top: 50px;
}
.knop {
	color: 			#7E151A;
	font-weight:	700;
}
.geelb {
	background-color: #E8E8AC;
}

	
/* ---- )) Menu 1 (( --- */
	
#menu {
	width: 180px;
	background-color: #675F4C;
	}
	
#menu li a {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #949662;
	display: block;
	background: url(../images/menu1.gif);
	padding: 6px 0px 0px 20px;
	}
	
#menu li a:hover {
	color: #FFFFFF;
	background: url(../images/menu1.gif) 0 -24px;
	padding: 6px 0px 0px 20px;
	}
	
#menu li a:active {
	color: #FFFFFF;
	background: url(../images/menu1.gif) 0 -48px;
	padding: 6px 0px 0px 20px;
	}

/* ---- )) Menu 2 (( --- */
	
#menu2 {
	width: 180px;
	}
	
#menu2 li a {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;
	}
	
#menu2 li a:link, #menu2 li a:visited {
	color: #fff;
	display: block;
	background: url(../images/menu2.gif);
	padding: 6px 0 0 20px;
	}
	
#menu2 li a:hover {
	color: #FFFFFF;
	background: url(../images/menu2.gif) 0 -24px;
	padding: 6px 0 0 20px;
	}
	
#menu2 li a:active {
	color: #FFFFFF;
	background: url(../images/menu2.gif) 0 -48px;
	padding: 6px 0 0 20px;
	}	

/* ---- )) Menu 3 (( --- */
	
#menu3 {
	width: 180px;
	}
	
#menu3 li a {
	height: 24px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;
	}
	
#menu3 li a:link, #menu3 li a:visited {
	color: #fff;
	display: block;
	background: url(../images/menu3.gif);
	padding: 6px 0 0 20px;
	}
	
#menu3 li a:hover {
	color: #FFFFFF;
	background: url(../images/menu3.gif) 0 -24px;
	padding: 6px 0 0 20px;
	}
	
#menu3 li a:active {
	color: #FFFFFF;
	background: url(../images/menu3.gif) 0 -48px;
	padding: 6px 0 0 20px;
	}	
.foto{
float: left;
margin: 80px 0px 0px 0px;
}

/* ---- )) Menu 4 (( --- */
#menu4 {
	width: 180px;
	height:125px;
	background-color:#7e151a;
}


#menu4 li a{
	height:20px;
	text-decoration:none;
	display: block;
	padding: 5px 0 0 20px;
	border-bottom:1px dotted #770000;
}

#menu4 li a:link, #menu4 li a:visited {
	color:#fff;
}

#menu4 li a:active{
	color:#7e151a;
	
}

#menu4 li a:hover{
	color:#7e151a;
	background-color:#e8E8ac;
	
}
	


/* separators */

#separator {
	border-bottom: 1px dashed #CAC4B0;
}

.separator {
	border-bottom: 1px dashed #CAC4B0;
}