body{
	margin: 0; 
	padding: 0;
	background-repeat: repeat-x;
	background-image: url('../images/bg.gif');
	background-color: #f0ebe6;		
	font-family: Trebuchet Ms, Arial;
}

img{ border: 0; }

#container{
	width: 973px;
	border: 1px solid #fff;	
	background-position: center;
	background-repeat: repeat-y;	
	margin: 5px auto 20px auto;
	background-image: url('../images/genteeklo/container_bg.gif');	
}

#content{
	float: right; 
	display: inline;
}

#menu{
	float: left;
	display: inline;
}

#footer{
	clear: both;
	padding-top: 20px;
	font-size: 11px;
	border-bottom: 15px solid #1e190a;
	padding: 20px 0 15px 205px;
}

a{
	text-decoration: none; 
}

/******************************
 TOPLINKS
*******************************/

#toplinks{
	width: 973px;
	margin: 40px auto 0 auto;
	
	.margin-bottom: -29px;
}

#toplinks a{
	color: #1e190a;
	font-weight: bold;
}

#toplinks ul{
	font-family: Verdana;
	font-size: 11px;
	padding-bottom: 8px;
	.padding-bottom: 10px;
}

#toplinks ul li{
	float: right; 
	display: inline;
	background-image: url('../images/divider.gif');
	background-position: right 2px;
	background-repeat: no-repeat;
	padding: 0 7px 12px 7px;
}

#toplinks ul ul li:hover{
	background-image: url('../images/netwerken_active.gif');
	background-position: right bottom;
	background-repeat: repeat-y;
}

#toplinks ul ul{ 
	display: none;
	border-left: 1px solid #1e190a;
	border-right: 1px solid #1e190a;
	border-bottom: 1px solid #1e190a;
	background-color: #fcfaf8;		
	margin: 7px 0 0 0;
	padding: 0 0 0 3px;
	position: absolute;
	
	.margin: 19px 0 0 -95px;

} 

#toplinks ul ul li{ 
	float: none;
	display: block;
	margin: 0;
	padding: 5px 15px 6px 0;
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 11px;
	background-image: url('../images/genteeklo/menu_divide.gif');	
}

#toplinks ul li:hover ul{
	display: block;
}

#toplinks ul ul li a{
	background-position: left 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;	
	margin: 0 0 0 10px;	
	font-weight: normal;
	color: #6d470c; 
	background-image: url('../images/genteeklo/bullet.gif');	
}


/******************************
 HEADER
*******************************/

#header{
	height: 126px;
	border-bottom: 1px solid #fff;
	background-color: #1e190a;
	background-image: url('../images/publiek/header.jpg');
	background-position: right;
	background-repeat: no-repeat;
}

#zoek a{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #1e190a;
}

#header h1, #header h2{
	font-family: Century Gothic;
	font-size: 24px;
	margin: 0 0 0 205px;
	float: left;
	font-weight: normal;
	text-transform: uppercase;
	border: 0;
	width: 450px;
	color: #e7dccd;
}
#header h2{
	font-size: 18px;
	text-transform: none;
	font-variant: small-caps;
	width: 350px;
	padding-top: 25px;
}

#zoek ul{
	float: right;
	list-style: none;
	margin: 3px 5px 6px 0;
	.margin-top: 3px;
	padding: 0;
}
#zoek li{
	float: left;
	font-size: 11px;
	background-image: url('../images/divider.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding: 0 7px 0 7px;
}

#zoek li.last, #toplinks ul li.last{
	background-image: none;
}



#zoek{
	float: right;
	margin: -2px 0 0 0;
	background-image: url('../images/div_bar.gif');
	background-repeat: repeat-x;
	width: 100%;
	padding-top: 2px;
	
}

#zoek input.search_txt{ 	
	margin: 0 2px 0 0;
	height: 14px;
	font-size: 10px;
	width: 125px;
	vertical-align: middle;	
	display: inline;
}
#zoek input.btn{
	margin: 0;	
	font-size: 10px;
	/*padding: 4px 5px 2px 5px;*/
	vertical-align: middle;
	display: inline;
}
#zoek form{ 
	display: inline;
	margin: 4px 5px 5px 5px;
	padding: 0;
}


ul#barlinks{ float: right; }

.homelink{
	border: 0;
	float: left;
	background-repeat: no-repeat;
	margin: 20px 15px 0 15px;
}

address{
	position: absolute;
	margin: 100px 0 0 205px;
	.margin-top: 50px;
	.margin-left: -448px;
	display: block;	
	color: #e7dccd;
	font-size: 10px;
	font-style: normal;
}

address div{
	display: inline;
}

address a{
	color: #e7dccd;
}

/******************************
 MENU
*******************************/
.menu_head{
	background-repeat: no-repeat;
	padding: 7px 0 7px 10px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 13px;
	background-image: url('../images/genteeklo/menu_head.gif');
}

.menu_head a{
	text-decoration: none;
}


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

#menu li{
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 4px 0 4px 1px;
	padding: 0 0 5px 0;
	font-size: 11px;
	background-image: url('../images/genteeklo/menu_divide.gif');
}

#menu ul ul{
	margin: 3px 0 0 0;
}

#menu li li{
	background: none;
	margin: 0 0 0 10px;
}

#menu li.active a{
	font-weight: bold;
}

#menu li.active li a{
	font-weight: normal;
}

#menu li a{
	background-position: left 5px;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;	
	margin: 0 0 0 10px;	
	font-weight: normal;
	color: #6d470c; 
	background-image: url('../images/genteeklo/bullet.gif');	
}

#menu li li a{
	background-image: none;
}

#menu li li.active a{
	font-weight: normal;
}

/******************************
 CONTENT
*******************************/

#content{
	float: right;
	color: #6f5834;
	font-size: 13px;
	font-family: Trebuchet Ms;
	margin: 5px 0 0 0;
	width: 770px;
	float: right;
}

#content #box{
	float: right;
	width: 300px;
	background-image: url('../images/splash/container_bg.gif');	
	background-position: right;
	padding: 0 10px 0 25px;	
}

#content #box h1, #content #box p, #content #box div{ 
	margin: 0 15px 0 15px;
}

#content h1{
	padding: 0 0 3px 0;
	margin: 0 15px 0 0;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	font-family: Century Gothic;
}

#content h3{
	font-size: 11px;
	font-family: tahoma, verdana;
	font-weight: bold;
	margin: 10px 0 0 30px;
}

#content h2{
	font-family: Century Gothic;
	font-size: 13px;
	margin: 15px 0 5px 0;	
}


#content #box p{
	font-family: Tahoma;
	font-size: 11px;
}

#content #box p.date{
	font-size: 11px;
	border: 0;
	margin: 0 0 3px 15px;	
}


#content hr{ 
	border: 0;
	margin: 10px 30px 10px 30px;
	.margin: 5px 30px -15px 30px;
	padding: 0;
	height: 1px;
}

#content a{
	text-decoration: none;
	padding-bottom: 2px;
}

#content p{
	margin: 5px 25px 6px 0;
	line-height: 165%;
}

#content ul{ margin: 0; padding: 0; list-style: none; }
#content li{
	background-image: url('../images/genteeklo/bullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 15px; 
	padding-bottom: 5px;
}

#content li ul{
	padding-top: 5px;
}



/******************************
 FORMS
*******************************/
#content form{ margin: 5px 0 0 0; }

#content label{
	padding: 1px 0 0 0;
	margin: 0 20px 8px 0;
	width: 100px;
	display: -moz-inline-box;	 /* Firefox */
	display: inline-block;	
	text-align: right;
	float: left; 
	text-align: left;
	clear: both;
}

label.req{ font-weight: bold; } 

#content input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
	margin: 0 0 4px 0;
	/*background-image: url('../images/inputbg.gif');
	background-position: left top;
	background-repeat: no-repeat;	*/
}

.checkboxes{
	margin: 5px 0 0 0;
}

#content input.chk{
	margin: auto;
	pading: auto;
	line-height: 170%;
}

#content input.btn{
	color: #a27e46;
	border: 1px solid #e4dfd7;
	background-color: #f6f2ec;
	padding: 4px;
	font-size: 12px;
	vertical-align: middle;
}

input.med{ width: 252px; }
input.small{ width: 75px; }
input.long{ width: 500px; }

.xplain{
	margin-left: 120px;
	color:#666666;
	font-size: 10px;
	margin-bottom: 6px;
}

.form{
	line-height: 150%;
	padding-left: 30px;	
}

.form textarea, .form input{
	/*margin-bottom: 5px;*/
}


p.msg{
	font-weight: bold;
	padding-bottom: 15px;
}

/* Validation Error Messages */
.error {
	color: #ab1b26;
	font-size: 18px;
	display: inline;
	margin-left: 5px;
}

.zoek_error{
	font-weight: bold;
	margin-top: 5px;
}

/******************************
 DOWNLOADS
*******************************/
div.download{
	margin: 10px 20px 0 0;
	padding-left: 20px;
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
#content div.download h3{
	margin: 0;
	font-weight: normal;
}
#content div.download h3 a{
	font-weight: bold;
}

#content div.download p{
	margin: 3px 0 0 0;
	font-size: 11px;
	font-style: italic;
}

/******************************
 CURSUSSEN
*******************************/
div.cursus{
	margin: 10px 20px 0 0;
	padding-left: 20px;
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
#content div.cursus h3{
	margin: 0;
	font-weight: normal;
}
#content div.cursus h3 a{
	font-weight: bold;
}

#content div.cursus p{
	margin: 3px 0 0 0;
	font-size: 11px;
	font-style: italic;
}

.cursusdetails {	
	margin-bottom: 15px;
}

.cursusdetails table{
	font-size: 12px;
	background-color: #fefefe;
	margin-bottom: 15px;
	width: 300px;
}
.cursusdetails td{
	padding-right: 20px;
}

.full{
	font-style: italic;
}

.inschrijven{
	float: right; 
	width: 440px;
}

/******************************
 SEARCH
*******************************/
#content .searchresult p{
	line-height: 100%;
}

#content .searchresult p{
	margin: 0 0 5px 0; 	
}
.searchresult h4{
	margin-bottom: 6px; 
}
.searchurl{
	color: #bbb;
}


/******************************
 ADRESSEN & LINKS
*******************************/
.adres{
	border-bottom: 1px solid #dedede;
	margin: 5px 20px 20px 0;
	padding-bottom: 15px;
	font-size: 11px;
}

#content .adres h3{
	margin-left: 0px;
}


/******************************
 COLORS
*******************************/

#menu a{
	color: #6d470c;
}



#menu li.active a{
	color: #1e190a;
}

#menu li a:hover{
	color: #c77900;
	text-decoration: underline;	
}
#menu li li a, #menu li.active li a{
	color: #a48755;
}


#footer{
	color: #baa789;
}

h1{
	color: #a27e46;
	border-bottom: 1px solid #f3ebe1;
}

#content{
	color: #6f5834; 
}


#content h3{
	color: #9a825c;
}

#content h3 a{
	color: #9a825c;
	border-bottom: 1px solid #ccc0ad;
}

#content h2{
	color: #aa9173;
}

p.date{
	color: #b2a28c;
}

#content hr{	
	color: #f3ebe1;
	background-color: #f3ebe1
}

#content a, #footer a{ color: #c77900; border-bottom: 1px solid #c77900; padding: 0; }
#content a:hover, #footer a:hover{ border-bottom: 1px solid #e8920e; }

div.download, div.cursus{
	background-image: url('../images/genteeklo/bullet.gif');
}

.newsimage{
	float: right;
	margin: 0 -10px 10px 15px;
	border: 1px solid #f3ebe1;
}

#content p.back{
	margin-top: 40px;
}


/******************************************************************
 * library
 ******************************************************************/

#loader{ display: none;  text-align:center; }
fieldset{ margin: 10px 10px 20px 0; padding: 10px; border: 1px solid  #cec0ac; background: #fbf9f7; }
fieldset select,fieldset input{ padding: 2px; }

#content div.actionbar a{ border: 0; margin-left: 2px;  margin-right: 5px; }
div.actionbar{ float: right; margin: -30px 10px 0 0;  }

#lib{ border-collapse: collapse; margin: 15px 0 20px 0; }
#lib td a{ border: 0; }
#lib td a:hover{ border: 0; text-decoration: underline; }
#lib td{ vertical-align: top; padding: 2px;  border-bottom: 1px solid #ae9e8b; font-size: 11px;   }