/* FIXES
-------------------------------------------------- */

* {	margin: 0; padding: 0; }
.clearem { clear: both;	height: 1px; font-size: 0; line-height: 0px; }
img { display: block; }
.w100 { width: 100%; }
.w751 { width: 751px; }
ul { list-style: none; }
img { border: none; }

/* CONTAINERS
-------------------------------------------------- */

body {
	background-color: #e7ebd9;
	font-family: "Verdana", Helvetica, Arial;
	font-size: 11px;
}

p img { padding-right:5px;}

#pattern_left {	background-image: url("../img/pattern_left.gif"); background-repeat: repeat-x; }
#pattern_left_shade { background-image: url("../img/pattern_left_shade.gif"); background-repeat: no-repeat; background-position: top right; height: 380px; }
#pattern_right { background-image: url("../img/pattern_right.gif"); background-repeat: repeat-x; }
#pattern_right_shade { background-image: url("../img/pattern_right_shade.gif"); background-repeat: no-repeat; background-position: top left; height: 380px; }

.pattern_border { background-image: url("../img/pattern_border.gif"); background-repeat: repeat-x; background-position: top; }
.pattern_bottom1 { background-image: url("../img/pattern_bottom1.gif"); background-repeat: no-repeat; height: 5px; }
.pattern_bottom2 { height: 60px; background-image: url("../img/pattern_bottom2.gif"); background-repeat: no-repeat; }

#mainContainer {
	width: 751px;
	background-color: #ffffff;
	background-image: url("../img/pattern_center2.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
}

#contentContainer {
	background-color: #ffffff;
	background-image: url("../img/pattern_center2.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
}

#contentLeft {
	float: left;
	width: 178px;
	padding-bottom: 70px;
}

#contentCenter {
	float: left;
	width: 376px;
	min-height:280px;
}

#contentRight {
	float: left;
	width: 197px;
	padding-bottom: 125px;
}

.xvisual { height: 408px; } /* Use this style if there's a heading visual */
.xno_visual { height: 480px; } /* Use this styke if there is no heading visual */

/* MAIN NAVIGATION
-------------------------------------------------- */

#logo {
	float: left;
	width: 159px;
	height: 90px;
}

#topNav {
	float: right;
	width: 592px;
	height: 39px;
	background-image: url("../img/pattern_top.gif");
	background-repeat: repeat-x;
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
}

#mainNav ul li {
	float: left;
	height: 39px;
	background-position: top;
	border-bottom: 4px solid #ffffff;
}

#mainNav ul li.selected { background-position: 0 39px; }
#mainNav ul li:hover { background-position: 0 39px; }
#mainNav ul li.nav_clear:hover { background-position: top left; }
#mainNav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#mainNav .nav_ervaring { width: 110px; background-image: url("../img/nav_ervaring.gif"); }
#mainNav .nav_programma { width: 104px; background-image: url("../img/nav_programma.gif"); }
#mainNav .nav_kosten { width: 77px; background-image: url("../img/nav_kosten.gif"); }
#mainNav .nav_procedure { width: 98px; background-image: url("../img/nav_procedure.gif"); }
#mainNav .nav_ervaring { width: 110px; background-image: url("../img/nav_ervaring.gif"); }
#mainNav .nav_aanmelden { width: 99px; background-image: url("../img/nav_aanmelden.gif"); }
#mainNav .nav_brochure { width: 99px; background-image: url("../img/nav_brochure.gif"); }
#mainNav .nav_clear { width: 99px; background-image: url("../img/nav_BG_vuller.gif"); background-repeat:repeat-x; }

/* nav5*/
#mainNav .nav_verzekeringen { width: 128px; background-image: url("../img/nav_verzekeringen.gif"); }
#mainNav .nav_terugkomdag { width: 115px; background-image: url("../img/nav_terugkomdag.gif"); }
#mainNav .nav_vrijwilligerAFS { width: 156px; background-image: url("../img/nav_vrijwilligerAFS.gif"); }
#mainNav .nav_oproepBericht { width: 166px; background-image: url("../img/nav_oproepBericht.gif"); }

/* nav6*/
#mainNav .nav_afsenschool { width: 117px; background-image: url("../img/nav_afsenSchool.gif"); }
#mainNav .nav_afsstudent { width: 117px; background-image: url("../img/nav_afsstudent.gif"); }
#mainNav .nav_schooldocu { width: 117px; background-image: url("../img/nav_documentatie.gif"); }
#mainNav .nav_voorlichting { width: 120px; background-image: url("../img/nav_voorlichting.gif"); }

/* nav7*/
#mainNav .nav_afsnl { width: 125px; background-image: url("../img/nav_afsNederland.gif"); }
#mainNav .nav_theprog { width: 123px; background-image: url("../img/nav_theprogramme.gif"); }
#mainNav .nav_dutchculture { width: 116px; background-image: url("../img/nav_dutchculture.gif"); }
#mainNav .nav_dutchlanguage { width: 136px; background-image: url("../img/nav_dutchlanguage.gif"); }

/* nav8*/
#mainNav .nav_structuur { width: 95px; background-image: url("../img/nav_structuur.gif"); }
#mainNav .nav_geschiedenis { width: 106px; background-image: url("../img/nav_geschiedenis.gif"); }
#mainNav .nav_internationaal { width: 123px; background-image: url("../img/nav_internationaal.gif"); }
#mainNav .nav_vacatures { width: 93px; background-image: url("../img/nav_vacatures.gif"); }
#mainNav .nav_donaties { width: 93px; background-image: url("../img/nav_donaties.gif"); }

/* nav9*/
#mainNav .nav_prom_mate { width: 140px; background-image: url("../img/nav_prom_mate.gif"); }
#mainNav .nav_adressen { width: 76px; background-image: url("../img/nav_adressen.gif"); }
#mainNav .nav_programmainfo { width: 119px; background-image: url("../img/nav_programmainfo.gif"); }
#mainNav .nav_algemeen { width: 79px; background-image: url("../img/nav_algemeen.gif"); }

/* nav10*/
#mainNav .nav_wereldwerkX { width: 128px; background-image: url("../img/nav_wereldxtra.gif"); }

/* nav12 voor: de Scholarschip*/
#mainNav .nav_descholarschip { width: 125px; background-image: url("../img/nav_scholarschip.gif"); }
#mainNav .nav_werkthet { width: 117px; background-image: url("../img/nav_hoeWerkthet.gif"); }

/* nav13 voor: Inbound Student*/
#mainNav .nav_factsholland { width: 145px; background-image: url("../img/nav_factsholland.gif"); }
#mainNav .nav_documents { width: 90px; background-image: url("../img/nav_documents.gif"); }


/* Lengtevullers voor sub nav*/
#nav0BGvuller { width:592px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
#nav5BGvuller { width:140px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
#nav6BGvuller { width:118px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
#nav7BGvuller { width:89px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
#nav8BGvuller { width:78px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
#nav9BGvuller { width:046px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
#nav10BGvuller { width:463px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }

#nav12BGvuller { width:349px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
#nav13BGvuller { width:356px; height:39px; background-image:url("../img/nav_BG_vuller.gif"); background-position:left top; background-repeat:repeat-x; }
/* SUB NAVIGATION
-------------------------------------------------- */

#contentLeft #subnav {
	padding: 10px;
}

#contentLeft #subnav ul li {
	color: #8ea727;
	font-size: 11px;
	list-style: square;
	margin: 0 0 0 15px;
}
#contactform {
	margin-left:80px;
}
#contentLeft #subnav ul li a {
	color: #8ea727;
	text-decoration: none;
}

#contentLeft #subnav ul li a:hover {
	text-decoration: underline;
}

#contentLeft h4 {
	background-color: #f4f7e9;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	color: #8ea727;
	font-weight: normal;
	margin: 10px 0 0 0;
}

/* CRUMPATH
-------------------------------------------------- */

#crumpath {
	padding: 0px 15px 15px 15px;
}

#crumpath ul li {
	float: left;
	font-size: 10px;
	color: #6b7f13;
}

#crumpath ul li a {
	color: #6b7f13;
	text-decoration: none;
}

#crumpath ul li a:hover {
	text-decoration: underline;
}

.crumpath {
	background-image: url("../img/crumpath_arrow.gif");
	background-position: top;
	background-repeat: no-repeat;
	width: 10px;
}

#crumpath .active {
	font-weight: bold;
}


/* AGENDA FRONT
-------------------------------------------------- */

#agendaFront ul {
	padding: 10px;
}

#agendaFront li {
	font-size: 11px;
	color: #006fbb;
	background-image: url("../img/agenda_list.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 15px;
}

#agendaFront li a {	color: #006fbb; text-decoration: none; }
#agendaFront li a:hover { text-decoration: underline; }

#agendaFront h3 {
	color: #0088ca;
	font-size: 11px;
	margin: 5px 10px 0 10px;
}

#agendaFront h4 {
	color: #0088ca;
	font-size: 10px;
	margin: 0 10px 0 10px;
}
.land_prijsKOP { padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.land_prijs { padding-left:10px; padding-right:10px; font-weight:bold; padding-top:2px; padding-bottom:2px;}

/* CENTER CONTENT
-------------------------------------------------- */

#content h1 {
	color: #9cb430;
	font-size: 16px;
	padding: 5px 15px 5px 15px;
}

#content h2 {
	color: #9cb430;
	font-size: 12px;
	padding: 5px 15px 5px 15px;
}

#content p {
	color: #6b7f13;
	font-size: 11px;
	padding: 0 15px 0 15px;
}

#content #more { padding: 15px; }

#content #more ul li {
	list-style: none;
	color: #6b7f13;
	font-weight: bold;
}

#content #more ul li a {
	background-image: url("../img/more.gif");
	background-repeat: no-repeat;
	background-position: right;
	color: #6b7f13; text-decoration: none;
	padding: 0 15px 0 0;
}

#content #more ul li a:hover { text-decoration: underline; }

#content .more {
	background-image: url("../img/more.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #6b7f13;
	font-weight: bold;
	padding: 0 15px 0 0;
	text-decoration: none;
}

#content a.more:hover, #content a.more2:hover {
	text-decoration: underline;
}

#content .more2 {
	padding: 0 15px 0 0;
	font-size: 10px;
}

#content #actueel {
	padding: 0 15px 0 15px;
}
.actueel_link { text-decoration:none; color:#8ea727;}
.actueel_link:hover { text-decoration:underline; color:#8ea727;}

#content #actueel table {
	background-color: #ffffff;
	border-top: 1px solid #e6ebd9;
	border-right: 1px solid #e6ebd9;
	border-left: 1px solid #e6ebd9;
}

#content #actueel table td {
	border-bottom: 1px solid #e6ebd9;
	padding: 4px;
	border-right: 1px solid #e6ebd9;
	font-size: 10px;
	color: #6b7f13;
}

#content #actueel table td span {
	font-weight: bold;
}

#best_kiezer { text-align:right; width:336px; height:33px; margin-top:18px; margin-bottom:18px; margin-left:18px; background-image:url(../img/bestemmingKiezer.gif); background-position:left top; background-repeat:no-repeat;}
#best_kiezerEN { text-align:right; width:336px; height:60px; margin-top:18px; margin-bottom:18px; margin-left:18px; background-image:url(../img/bestemmingKiezerEN.gif); background-position:left top; background-repeat:no-repeat;}
#bestemming { padding-right:15px; padding-top:6px;}
#bestemming .pull_keuze { height: 22px; font-size:13px; }
#programma { padding-right:15px; padding-top:6px;}
.pull_keuze { width:133px; height:17px; font-size:12px; }

/* SUITCASE
-------------------------------------------------- */
#alignbottom {
	position: absolute;
	margin: -125px 0 0 0;
}
#metamenu { 
	position: absolute; 
}
#metamenu ul { 
	margin: 55px 0 0 20px;
}
#metamenu li { padding: 0; margin: 0; line-height: 0; font-size: 0; }
#metamenu li img { display: block; vertical-align: bottom; }
#metamenu li a { display: block; line-height: 0; font-size: 0; }
#suitcase {
	margin: 0 0 0 554px;
	position: absolute;
}

/* FOOTER
-------------------------------------------------- */
#footermenu {padding-left: 209px;  }
#footermenu img { float: left; }
/* LETF CONTENT
-------------------------------------------------- */

