/* ============================== */ 
/* (Non-)verbaal - Youp Cheung
/* ============================== */ 
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	margin-top: 5px;
}

table{
	margin-left: auto;
	margin-right: auto;
	border:none;
}

th{
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
	text-align:left;
}

td{
	color: #000000;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 140%;
}

img{
	border: none;
}

h1{
	font-size: 14px;
	color: #000000;
	margin-top: 20px;
}

h2{
	font-size: 11px;
	margin: 0;
	color: #ffffff;
	margin-bottom: -5px;
	margin-top: 20px;
}

p, input, select, textarea, ul {
	color: #ffffff; 
	font-size: 11px;
	font-weight:normal;
}

ul{
	margin-top: 0;
	margin-bottom: 0;
	list-style: square;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

li{
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p{
	margin-bottom:8px;
	margin-top:5px;
	line-height: 140%;
	font-size: 11px;
}

.txtGrey {
color: #333333;
margin-bottom: -10px;
}

/* hoeken voor de hoofdtabel */
.bgTop { background: url(../images/bg_main_top.gif) repeat-x; height: 5px; background-position: top; }
.bgRight { background: url(../images/bg_main_right.gif) repeat-y; width: 5px; background-position: left; }
.bgBottom { background: url(../images/bg_main_bottom.gif) repeat-x; width: 73px; background-position: bottom;}
.bgLeft { background: url(../images/bg_main_left.gif) repeat-y; width: 5px; background-position: right; }


/* ======================= */ 
/* begin classes */
/* ======================= */ 
   
.main{
	background: #918C7B;
}

a  { color:#ffffff; text-decoration : underline; }
a:visited { color:#ffffff; }
a:hover { color:#000000; text-decoration : none;}

.moreInfo{
	background: url(../images/icon_puzzelOrange.gif) no-repeat;
	background-position: 5px;
	padding-left:30px;
	color:#ffffff;
}

a.moreInfo  { color:#ffffff; font-weight: bold; text-decoration : none; height: 100%; width: 100%; }
a.moreInfo:visited { color:#ffffff; text-decoration: underline;}
a.moreInfo:hover { color:#ffffff; text-decoration : none;}

.txtBold {color: #000000}

.mainContent{ 
	background: url(../images/bg_main_content.gif) no-repeat; 
}

/* begin hoofdnavigatie */
.mainNav{
	color: #37352F;
	list-style: none;
	font-weight: bold;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 5px;
	width: 200px;
	padding:0;
	line-height: 110%;
}

.mainNav li{ padding: 4px 5px 8px 20px; }

a.menuNav { font-size: 11px;  color:#37352F; text-decoration : none; height: 100%; width: 100%; }
a.menuNav:visited { color:#37352F; text-decoration : none;}
a.menuNav:hover { color:#ffffff; }
#active{ color:#ffffff; text-decoration : none;}

.mainTop, .mainSubNav{
	background: #FF6600;
	height: 202px; width: 214px;
}

.mainSubNav{
	background: #FF8C40 url(../images/bg_subnav.gif) no-repeat;
	padding-left: 4px;
	height: 214px;
}



/* drie kolommen voor de content */
.txtColumn1{ 
	width: 250px; 
}

.txtColumn1b{ 
	width: 210px; 
}
.txtColumn2, .txtColumn3{
	padding: 0px 15px;
	width: 200px;
	background: url(../images/bg_stippellijn.gif) repeat-y;
}

.txtColumnsAll{
padding: 0px 25px;
}

.txtVacatureList{
	padding: 0px 15px;
	background: url(../images/bg_stippellijn.gif) repeat-y;
	width: 425px;
	font-weight:normal;
	color:#ffffff;
	line-height: 140%;
}

a.vacNav:link{ text-decoration:underline; color: #000000; }
a.vacNav:visited {text-decoration:underline; color: #000000;}
a.vacNav:hover{text-decoration:none;}

#navActive {font-weight: bold; color: red;}

.vacField{
	width: 245px;
	border: 1px solid #91836E;
	color: #000000;
	padding: 1px;
}

.vacTextArea{
	width: 245px;
	border: 1px solid #91836E;
	color: #000000;
	padding: 1px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.vacButton{
	width: 250px;
	border: 1px solid #91836E;
	color: #000000;
}


.txtBothcolumns{
	padding: 0px 15px;
	background: url(../images/bg_stippellijn.gif) repeat-y;
	width: 400px;
}

.tdRow, .tdRowBottom{
	border-top: 1px solid #B1AFA0;
	padding: 8px 0px;
	font-size: 11px;
}

.tdRowBottom{
	border-bottom: 1px solid #B1AFA0;
}
a.vac:link{ text-decoration:underline; color: #ffffff; }
a.vac:visited {text-decoration:underline; color: #ffffff;}
a.vac:hover{text-decoration:none;}

a.vacFunctie:link{ text-decoration:underline; font-weight: bold; color: #ffffff;}
a.vacFunctie:visited {text-decoration:underline; font-weight: bold; color: #ffffff;}
a.vacFunctie:hover{text-decoration:none; font-weight: bold;}

.orangeStar {
	color: #FF6600;
	font-weight: bold;
}

/* lokale navigatie deze staat in het eerste kolom */
.localSection{
	margin-top: 0px;
	margin-left: 10px;
	border: 1px solid #716C5E;
	background:#918C7B;
	color: #ffffff;
	width: 190px;
}

.sectionHeader{
	margin-bottom:0px; 
	padding-bottom: 0px;
}
.localNav{
	list-style: none;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
}

.localNav ul{
	list-style: none;
}

.localNav li{
	padding: 8px 0px 8px 15px;
	border-top: 1px solid #ABA79A;
	background: url(../images/icon_arrowOrange.gif) no-repeat;
	background-position:0px 12px;
	font-size: 9px;
}

.localNav a {  color: #ffffff; text-decoration : underline; }
.localNav:visited a{ 	color: #ffffff; }
.localNav:hover a{ color:#ffffff; text-decoration : none; }

.footer{ font-weight: bold; font-size: 10px; color:#918C7B; text-align: right; padding-bottom: 3px;}
a.footer:link{ text-decoration:none; font-weight: bold; color: #918C7B;}
a.footer:visited {text-decoration:none; font-weight: bold; color: #918C7B;}
a.footer:hover{text-decoration:underline; font-weight: bold;}

.menusmall {
	position:relative;
	top:5px;
	left:0px;
	line-height:6px;
}