table#layout {
    border-collapse: collapse;
	width: 100%;
	height: 100%;
}

tr#mid td {
	background-color: #ddd;
	height: 40px;
}

td#menu_container {
	background-color: limegreen;
}

/* ###################################################### */

	/* Algemeen */
* {
	margin: 0px;
	padding: 0px;
}

html,body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
    overflow: hidden;
}

.content-index-container {
    display: none;
}

#welkom {
    display: block;
}

h2{font-size: 11px; margin-bottom: 10px; margin-top: 10px;}

h3{font-size: 11px;}



table {

	font-size: 11px;

}



img {border: none;}

p{margin-bottom:10px;}

a{color:#000000;}



/* Siteopmaak ABC */

#aantalTraineeships {

	width: 40px;

	margin: 42px 5px 0px 0px;

	float: right;

	color: #FFF;

	line-height: 19px;

}



.bg_contentBottom {background: url(../images/layout/background/bg_index_b.gif) repeat-x;}

.bg_contentTop {background: url(../images/layout/background/bg_index_t.gif) repeat-x;}

.bg_contentLeft {background: url(../images/layout/background/bg_index_l.gif) repeat-y; width: 23px;}

.bg_contentRight {background: url(../images/layout/background/bg_index_r.gif) repeat-y; width: 23px;}



.blauw strong{ color: #8688b0;}

.blauw h3 {color: #8688b0; font-size: 11px;}

	

#buttons {

	width: 200px;

	height: 227px;

	padding: 0px;

	margin: 0px;

	background: url(../images/layout/bg_buttons_rechts.jpg) no-repeat bottom;

}



#buttons ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



/* Button items */

#buttons ul li.waaromTraineeportal {

	margin: 0px;

	height: 168px;

}



#buttons ul li.waaromTraineeportal a {

	display: block;

	height: 100%;

	width: 100%;

	background: url(../images/layout/button_waarom.jpg) no-repeat;

}



#buttons ul li.waaromTraineeportal a:hover {

	background: url(../images/layout/button_waarom_roll.jpg) no-repeat;

}



#buttons ul li.instappen {

	margin: 0px;

	height: 28px;

}



#buttons ul li.instappen a {

	display: block;

	height: 100%;

	width: 100%;

	background: url(../images/layout/button_instappen.jpg) no-repeat;

}



#buttons ul li.instappen a:hover {

	background: url(../images/layout/button_instappen_roll.jpg) no-repeat;

}



#buttons ul li.vertelDoor {

	margin: 0px;

	height: 31px;

}



#buttons ul li.vertelDoor a {

	display: block;

	height: 100%;

	width: 100%;

	background: url(../images/layout/button_verteldoor.jpg) no-repeat;

}



#buttons ul li.vertelDoor a:hover {

	background: url(../images/layout/button_verteldoor_roll.jpg) no-repeat;

}



#counter {

	background: url(../images/layout/counter.jpg) no-repeat top;

	width: 288px;

	height: 177px;

}



.disclaimer {

	margin-bottom: 8px;

	margin-left: 15px;

	color: #35397c;

}



.disclaimer a {

	color: #35397c;

	text-decoration: underline;

}



.disclaimer a:hover {

	text-decoration: none;

}



#logo {

	background: url(../images/layout/logo.gif) no-repeat 12px 19px;

}



#buttonHome {

	width: 46px;

	height: 14px;

	background: #35397c;

	margin: 12px 21px 0px 0px;

}

/**
	General testimonials
*/
.general-testimonial-image{margin-right: 20px; border: 3px solid #dceea7; text-align:left}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #83b51b;
	background-color: #bedf74;
	padding: 5px;
	color:#FFFFFF;
}

#buttonTipsTricks {
	width: 113px;
	height: 14px;
	background: #35397c;
	margin: 12px 0px 0px 21px;
}

#navigatie {
	width: 285px;
	padding: 0px;
	margin-left: 2px;
}



#navigatie ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



#navigatie ul li {

	margin: 0px 0px 1px 0px;

	height: 29px;

	background: url(../images/layout/menu/empty_listitem.gif) no-repeat;

}



#navigatie ul li a {

	display: block;

	height: 100%;

	width: 100%;

}



/* Menu items */

#navigatie ul li.ict a {

	background: url(../images/layout/menu/ict.gif) no-repeat;

}



#navigatie ul li.ict a:hover {

	background: url(../images/layout/menu/ict_roll.gif) no-repeat;

}



#navigatie ul li.informatie-management a {

	background: url(../images/layout/menu/informatiemanagement.gif)

		no-repeat;

}



#navigatie ul li.informatie-management a:hover {

	background: url(../images/layout/menu/informatiemanagement_roll.gif)

		no-repeat;

}



#navigatie ul li.inkoop a {

	background: url(../images/layout/menu/inkoop.gif) no-repeat;

}



#navigatie ul li.inkoop a:hover {

	background: url(../images/layout/menu/inkoop_roll.gif) no-repeat;

}



#navigatie ul li.finance a {

	background: url(../images/layout/menu/finance.gif) no-repeat;

}



#navigatie ul li.finance a:hover {

	background: url(../images/layout/menu/finance_roll.gif) no-repeat;

}



#navigatie ul li.sociale-zekerheid a {

	background: url(../images/layout/menu/socialezekerheid.gif) no-repeat;

}



#navigatie ul li.sociale-zekerheid a:hover {

	background: url(../images/layout/menu/socialezekerheid_roll.gif)

		no-repeat;

}



#navigatie ul li.uw-bedrijf a {

	background: url(../images/layout/menu/uwbedrijf.gif) no-repeat;

}



#navigatie ul li.uw-bedrijf a:hover {

	background: url(../images/layout/menu/uwbedrijf_roll.gif) no-repeat;

}



#scroll_container {

	width: 100%;

	height: 100%;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

}



.scrollable_content {

	overflow-y: scroll;

	width: 100%;

	height: 100%;

}



.scrollable_content ul {

	margin: 0px;

	list-style: none;

}



.scrollable_content ul li.contentList {

	background: url(../images/layout/bg_content_list.gif) no-repeat;

	width: 361px;

	height: 17px;

	margin-bottom: 2px;

	padding: 1px;

}



.scrollable_content ul li.contentList a {

	color: #88b91c;

	margin: 0px 0px 0px 16px;

	text-decoration: none;

}



.scrollable_content ul li.contentList a:hover {

	color: #67900d;

	text-decoration: none;

}



.testimonial_table h2{color:#e0842b; font-weight:bold; font-size:26px; font-family:Trebuchet MS, Arial, sans-serif}



.testimonial {

	width: 180px;

	height: 50px;

	background: url(../images/layout/bg_testimonial.gif) no-repeat right;

	margin: 9px 0px 0px 6px;

	padding: 4px;

}



.testimonial_icon {

	width: 56px;

	height: 54px;

	margin-right: 5px;

	float: left;

}



.testimonial_text {

	float: left;

	width: 115px;

	color: #FFF;

}



.testimonial_text a {

	color: #FFF;

	text-decoration: underline;

}



.testimonial_text a:hover {

	color: #FFF;

	text-decoration: none;

}



.title {

	padding: 15px 0px 0px 21px;

}



/* Title items Groen */

.titleGreen {

	width: 100%;

	height: 30px;

	margin-bottom: 20px;

}



.titleGreenRight {

	width: 15px;

	height: 30px;

	background: url(../images/layout/titels/blok_groen_rechts.gif) no-repeat

		right;

	float: right;

}



.title_ict {

	background: #bedf74 url(../images/layout/titels/blok_groen_ict.gif)

		no-repeat left;

}



.title_uw-bedrijf {

	background: #bedf74 url(../images/layout/titels/blok_groen_uwbedrijf.gif)

		no-repeat left;

}



.title_informatie-management {

	background: #bedf74

		url(../images/layout/titels/blok_groen_informatie.gif) no-repeat left;

}



.title_inkoop {

	background: #bedf74 url(../images/layout/titels/blok_groen_inkoop.gif) no-repeat left;

}



.title_finance {

	background: #bedf74 url(../images/layout/titels/blok_groen_finance.gif)	no-repeat left;

}



.title_sociale-zekerheid {

	background: #bedf74 url(../images/layout/titels/blok_groen_sociale.gif)	no-repeat left;

}



.title_waarom {

	background: #bedf74 url(../images/layout/titels/blok_oranje_waarom.gif)

		no-repeat left;

}



/* Title items Oranje */

.titleOrange {

	width: 100%;

	height: 30px;

	margin-bottom: 20px;

}



.title_traineeportal {background: #e0a974	url(../images/layout/titels/blok_oranje_traineeportal.gif) no-repeat left;}

.title_waarom {background: #e0a974	url(../images/layout/titels/blok_oranje_waarom.gif) no-repeat left;}

.title_instappen {background: #e0a974 url(../images/layout/titels/blok_oranje_instappen.gif) no-repeat left;}

.title_instappen-ttp {background: #e0a974 url(../images/layout/titels/blok_oranje_instappen.gif) no-repeat left;}

.title_instappen-axioma {background: #e0a974 url(../images/layout/titels/blok_oranje_instappen.gif) no-repeat left;}

.title_tell-a-friend {background: #e0a974	url(../images/layout/titels/blok_oranje_vertel.gif) no-repeat left;}

.title_testimonial {background: #e0a974	url(../images/layout/titels/blok_oranje_testimonial.gif) no-repeat left;}



.titleOrangeRight {

	width: 15px;

	height: 30px;

	background: url(../images/layout/titels/blok_oranje_rechts.gif)

		no-repeat right;

	float: right;

}



.titleDarkBlue {

	width: 100%;

	height: 30px;

	margin-bottom: 20px;

}



.titleDarkBlueText {

	float: left;

	color: #FFF;

	margin-left: 162px;

	margin-top: 8px;

	font-weight: bold;

}



.titleDarkBlueRight {

	width: 15px;

	height: 30px;

	background: url(../images/layout/titels/blok_dblauw_rechts.gif) no-repeat right;

	float: right;

}



.title_tips-tricks {

  background: #35397C	url(../images/layout/titels/blok_dblauw_tips.gif) no-repeat left;

}



.title_disclaimer {

  background: #35397C	url(../images/layout/titels/blok_dblauw_disclaimer.gif) no-repeat left;

}



.title_contact {

  background: #35397C url(../images/layout/titels/blok_dblauw_contact.gif) no-repeat left;

}



/* Title items LichtBlauw */

.titleBlue {

	width: 100%;

	height: 30px;

	margin-bottom: 20px;

	position:relative;

}



.titleBlueText {

	position:absolute;

	color: #FFF;

	left: 162px;

	margin-top:8px;

	font-weight: bold;

	text-align:left;

	width: 300px;

	overflow:visible;

}



.title_traineeship {

	background: #9c9ecd	url(../images/layout/titels/blok_blauw_traineeship.gif) no-repeat left;

}



.titleBlueRight {

	width: 110px;

	padding: 0px;

	margin: 0px;

	position:absolute;

	right:-3px;

}



.titleBlueRight ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



.titleBlueRight ul li {

	margin: 0px;

	height: 30px;

}



.titleBlueRight ul li a {

	display: block;

	width: 100%;

	height: 100%;

	background: url(../images/layout/titels/blok_blauw_instappen.gif) no-repeat right;

}



.titleBlueRight ul li a:hover {

	background: url(../images/layout/titels/blok_blauw_instappen_roll.gif) no-repeat right;

}



#top {

	background-color: #FFF;

	height: 63px;

}



.inset {

	margin: 15px;

}



ol,ol li {

	list-style-position: inside;

}



#ajax_loading {

	display: none;

}



.scrollable_content ul {

	list-style-type: circle;

	list-style-position: outside;

}



.scrollable_content ul,

.scrollable_content ul li {

	margin:0;

	padding:0;

}



.scrollable_content ul li{

	margin-left: 15px;

} 

.scrollable_content ul.nolist,
.scrollable_content ul.nolist li {
	list-style-type: none;
	margin-left: 0px;
}

.titleGreen ul,
.titleBlue ul,
.titleDarkBlue ul,
.titleOrange ul {
    list-style-type: none;
}

/* Blue template */
.ajaxBlue h2{color: #8688b0; font-size: 11px; margin-bottom: 10px; margin-top: 15px;}
.ajaxBlue a{color: #8688b0;}
.ajaxBlue a:hover{color: #000000;}
.ajaxBlue p{margin-bottom:10px;}


/* Tabel bij opleiding */
.traineeship_opleiding td {
	padding-bottom: 10px;
}
.content-index-container h1 {
	font-size: 14px;
	font-weight: bold;
}



/* tres importante*/
.anchor { /*display:absolute;*/ border: 1px solid #ff0000;}

