/*
MF GROEP
=================================================================*/
/* Mainbar
=================================================================*/
#mainbar {
	width:860px;
	margin:0px auto;
	height:40px;
	background-color:#999;
	border-bottom:1px solid #000;
}

#mainbar div {
	position:relative;
	height:40px;
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

#mainbar h1 {
	position:absolute;
	top:13px;
	right:10px;
	color:#fff;
	font-size:1.3em;
}

#mainbar ul {
	height:40px;
	border-left:1px dotted #fff;
	border-right:1px dotted #fff;
}

#mainbar li {
	float:left;
	height:40px;
	border-right:1px dotted #fff;
	list-style:none;
}

#mainbar a:link,
#mainbar a:visited,
#mainbar a:hover,
#mainbar a:visited:hover {
	float:left;
	display:block;
	padding:13px 10px 0px 10px;
	height:27px;
	font-weight:bold;
	text-decoration:none;
}

#mainbar a:link,
#mainbar a:visited {
	color:#eee;
}

#mainbar a:hover,
#mainbar a:visited:hover,
#mainbar a.select:link,
#mainbar a.select:visited {
	color:#fff;
	background-color:#666;
}

#mainbar a.select:hover,
#mainbar a.select:visited:hover {
	color:#fff;
	background-color:#000;
}

.foto_links{
 position:relative;
 float:left;
 margin-top:8px;
 margin-right:8px;
}

.foto_rechts{
 position:relative;
 float:right;
 margin-top:8px;
 margin-left:8px;
}

.foto_center{
 position:relative;
 margin-left:auto;
 margin-right:auto;
 margin-top:8px;
}

.note{
	background:url('../gfx/arrownaarbovenhover.gif') no-repeat 155px 5px;
}

.note span{
 margin-left:165px;
	font-size:80%;
}

.strong{
 font-weight:bold;
 font-size:100%;
 margin:0px;
 padding:20px 0px;
}

/* Aanmelden nieuwsbrief
=================================================================*/
#frm_nl{
 background-color:#eee;
 padding:4px;
}

#frm_nl fieldset{
 border:0px;
}

#frm_nl div{
 text-align:center;
 color:#000;
}

#frm_nl div span{
 display:block;
 color:#000;
}

#frm_nl div small{
 display:block;
 color:#f00;
 margin:2px;
}

#frm_nl div #nl_email{
 width:126px;
}

#frm_nl div .button{
 margin-top:10px;
}

/* Algemeen
=================================================================*/
.afb_breed {
	position:relative;
	width:374px;
	background-color:#eee;
}

.afb_breed {
	position:relative;
	width:374px;
	background-color:#eee;
}

.afbeelding_onderschrift,
.foto_links span ,
.foto_rechts span {
	display:block;
	border-bottom:1px solid #999;
	padding:2px;
	margin-bottom:10px;
	font-size:10px;
	color:#000;
}

.afb_breed img.vglas ,
.foto_links img.vglas ,
.foto_rechts img.vglas {
	position:absolute;
	left:0;
	top:0;
}

#printpage {
	display:none;
}

/*=================================================================*/
/* Hoofdlayout
=================================================================*/
* {
	margin:0px;
	padding:0px;
}

body {
	font-family:arial, verdana, sans-serif;
	font-size:70%;
	line-height:130%;
	background-color:#A6A6A6;
}

.noshow {
	position:absolute;
	left:-9000px;
}

.clearlaag {
	clear:both;
	line-height:1px;
	font-size:1px;
}

#wrapitall {
	position:relative;
	width:860px;
	border-top:10px solid #FDB826;
	margin-left:auto;
	margin-right:auto;
}

img {
	display:block;
	border:0px;
}

#logo {
	position:absolute;
	top:15px;
	left:0px;
}

#midden {
	background:#ddd url('../gfx/talostraanplaat.gif') repeat-y 0px 0px;
	width:860px;
}

.kwart	{
	float:left;
	width:200px;
	padding-bottom:10px;
}

.half	{
	float:left;
	width:460px;
}

#topbar {
	height:140px;
	background:url('../gfx/topfadetalos.gif');
	border-bottom:1px solid #bbb;
}

#footer {
	background-color:#000;
	color:#FDB826;
	text-align:center;
	padding:6px 0px;
	font-weight:bold;
}

#slogan {
	width:200px;
	height:170px;
	background:url('../gfx/slogantalos.gif');
}

/* Infoblokje en slogan
=================================================================*/
#slogan {
	width:200px;
	height:170px;
	background:url('../gfx/slogantalos.gif');
}

#infoblokje {
	background-color:#FDB826;
	color:#000;
	padding:6px 10px;
	font-family:verdana, arial, sans-serif;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

/* Kruimelpad
=================================================================*/
#kruimelpad {
	background-color:#FDB926;
	color:#805D13;
	padding:5px 10px;
	font-weight:bold;
}

#kruimelpad a:link,
#kruimelpad a:visited {
	color:#59400A;
}

#kruimelpad a:hover,
#kruimelpad a:visited:hover {
	color:#000;
}

/* Links
=================================================================*/
a:link {
	color:#369;
}

a:hover {
	color:#69c;
}

a:visited {
	color:#636;
}

a:visited:hover {
	color:#969;
}

/* Blokken
=================================================================*/
.blok_odd,
.blok_even,
.blok_legende {
	background-color:#fff;
	margin:10px 10px 0px 10px;
}

.blok_legende {
	background:#fff url('../gfx/legende.gif') no-repeat left bottom;
	height:150px;
}

.blok_odd h1,
.blok_legende h1 {
	background-color:#000;
	color:#FDB826;
	font-size:1.1em;
	padding:3px 10px;
}

.blok_even h1 {
	background-color:#FDB826;
	color:#000;
	font-size:1.1em;
	padding:3px 10px;
}

.blok_odd p,
.blok_even p {
	padding:3px 10px;
}

.blok_legende p {
	padding:3px 80px 3px 10px;
}

.blok_odd .linkp,
.blok_even .linkp,
.blok_legende .linkp {
	text-align:right;
	padding:0px 10px 10px 10px;
}


.blok_odd .contentlist,
.blok_even .contentlist,
.blok_legende .contentlist {
	padding-bottom:10px;
}
.foto_center{
 position:relative;
 margin-left:auto;
 margin-right:auto;
 margin-top:8px;
 }

/* Homekeuze
=================================================================*/
.homekeuze {
	margin-bottom:10px;
	background-color:#fff;
	width: 210px;
	padding: 5px;
	float: left;
}

.homekeuze img {
	margin-top: -15px;
	margin-left: -5px;
	margin-bottom: 15px;
}

.contentveld h1 {
	clear: left;
}

/* MF GROEP
=================================================================*/
/* Maintabs
=================================================================*/
#maintabs {
	position:absolute;
	top:110px;
	left:200px;
	height:40px;
	width:560px;
}

#maintabs li {
	float:left;
	height:30px;
	width:190px;
	list-style:none;
}

#maintabs a:link,
#maintabs a:visited,
#maintabs a:hover,
#maintabs a:visited:hover {
	display:block;
	float:left;
	padding-top:9px;
	height:21px;
	width:190px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}

#maintabs a:link,
#maintabs a:visited {
	color:#000;
	background:url('../gfx/tabbladtalosgrijs.gif') no-repeat top right;
}

#maintabs a:hover,
#maintabs a:visited:hover,
#maintabs a.select:link,
#maintabs a.select:visited {
	color:#fff;
	background:url('../gfx/tabbladtalosgeel.gif') no-repeat top right;
}


#maintabs a.select:hover,
#maintabs a.select:visited:hover {
	color:#000;
}

/*
TALOS
=================================================================*/

.kwart h2 {
	font-size:1.3em;
	padding:10px 20px;
}

/* Top Navigatie
=================================================================*/
#topmenu {
	float:right;
	margin-top:10px;
}

#topmenu li {
	display:inline;
	list-style:none;
	padding:0px 8px 0px 10px;
	border-left:1px solid #666;
}

#topmenu li.eerste {
	border-left:0px;
}

#topmenu a:link,
#topmenu a:visited,
#topmenu a:hover,
#topmenu a:visited:hover {
	text-decoration:none;
	font-weight:bold;
}

#topmenu a:link,
#topmenu a:visited {
	color:#666;
}

#topmenu a:hover,
#topmenu a:visited:hover {
	color:#000;
}

#topmenu a.select:link,
#topmenu a.select:visited {
	color:#000;
}

/* Niveau 0
=================================================================*/
h2.submenu {
	background:url('../gfx/headertalos.gif') repeat-x;
	padding:6px 10px;
	font-size:1.3em;
}

.submenu {
	background-color:#FDB926;
	border-top:1px solid #000;
	margin-bottom:20px;
}

.submenu li {
	list-style:none;
	border-bottom:1px solid #000;
}


.submenu li a:link,
.submenu li a:visited,
.submenu li a:hover,
.submenu li a:visited:hover {
	display:block;
	padding:3px 10px 3px 20px;
	width:170px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}


.submenu li a:link,
.submenu li a:visited {
}

.submenu li a:hover,
.submenu li a:visited:hover {
	background-color:#E0A118;
}

.submenu li a.subselect:link,
.submenu li a.subselect:visited {
	color:#FDB926;
	background-color:#785405;
}

.submenu li a.subselect:hover,
.submenu li a.subselect:visited:hover {
	color:#FFD67C;
	background-color:#9E710F;
}


.submenu a.subselect:link,
.submenu a.subselect:visited,
.submenu a.subselect:hover,
.submenu a.subselect:visited:hover {
	background:url('../gfx/mapjetalos.gif') no-repeat 182px 6px;
}


.submenu a.select:link,
.submenu a.select:visited,
.submenu a.select:hover,
.submenu a.select:visited:hover {
	background-image:url('../gfx/arrowselecttalos.gif');
	background-repeat:no-repeat;
	background-position:184px 6px;
}

/* Niveau 1
=================================================================*/
.submenu li ul {
	border-top:0px;
	background-color:#785405;
}

.submenu li ul li {
	border-bottom:0px;
}


.submenu li ul li a:link,
.submenu li ul li a:visited,
.submenu li ul li a:hover,
.submenu li ul li a:visited:hover {
	font-weight:normal;
	padding:3px 10px 3px 30px;
	width:160px;
}


.submenu li ul li a:link,
.submenu li ul li a:visited {
	color:#FDB926;
}

.submenu li ul li a:hover,
.submenu li ul li a:visited:hover {
	color:#FFD67C;
	background-color:#9E710F;
}


.submenu li ul li a.subselect:link,
.submenu li ul li a.subselect:visited,
.submenu li ul li a.subselect:hover,
.submenu li ul li a.subselect:visited:hover {
	font-weight:bold;
}


.submenu li ul li a.subselect:link,
.submenu li ul li a.subselect:visited {
	color:#FDB926;
	background-color:#000;
}

.submenu li ul li a.subselect:hover,
.submenu li ul li a.subselect:visited:hover {
	color:#FFD67C;
	background-color:#785405;
}


.submenu li ul li a.select:link,
.submenu li ul li a.select:visited,
.submenu li ul li a.select:hover,
.submenu li ul li a.select:visited:hover {
	background-image:url('../gfx/arrowselectsubtalos.gif');
	background-repeat:no-repeat;
	background-position:184px 6px;
}

/* Niveau 2
=================================================================*/
.submenu li ul li ul {
	background-color:#000;
}

.submenu li ul li ul li {
}


.submenu li ul li ul li a:link,
.submenu li ul li ul li a:visited,
.submenu li ul li ul li a:hover,
.submenu li ul li ul li a:visited:hover {
	padding:3px 10px 3px 40px;
	width:150px;
}


.submenu li ul li ul li a:link,
.submenu li ul li ul li a:visited {
}

.submenu li ul li ul li a:hover,
.submenu li ul li ul li a:visited:hover {
	background-color:#785405;
}


/* TALOS
=================================================================*/
/* Content
=================================================================*/
#contentimage {
	background-color:#fff;
	margin-bottom:10px;
	margin-left:-10px;
	margin-top:-10px;
	font-size:1.1em;
	overflow: hidden;
	width: 460px;
}

#contentveld {
	background-color:#fff;
	margin-bottom:10px;
	padding:10px 10px;
	font-size:1.1em;
	overflow: hidden;
	width: 440px;
}
#contentveld h1 {
	font-size:1.3em;
	margin-bottom:10px;
}

#contentveld h2 {
	font-size:1.1em;
	margin-bottom:2px;
	color:#555;
}

#contentveld .subhead {
	color:#000;
}
#contentveld p {
	margin-bottom:10px;
}


.contentlist {
	margin-bottom:10px;
}

.contentlist li {
	padding-left:16px;
	margin-top:4px;
	background:url('../gfx/contentlistarrow.gif') no-repeat 6px 4px;
	list-style:none;
}

.fotolinks {
	float:left;
	margin:2px 6px 0px 0px;
}

.fotorechts {
	float:right;
	margin:2px 0px 0px 6px;
}

#vacature{
	width:370px;
	margin-bottom:10px;
	font-family:verdana, arial, sans-serif;
	font-size:80%;
}

.afb_breed {
	width:374px;
	background-color:#eee;
}

.afbeelding_onderschrift {
	display:block;
	border-bottom:1px solid #999;
	padding:2px;
	margin-bottom:10px;
	font-size:10px;
	color:#000;
}

/* Documenten
=================================================================*/
a.documenten,
a.documenten:visited,
a.documenten:hover,
a.documenten:visited:hover {
	display:block;
	padding:3px 10px 3px 32px;
	margin-bottom:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

a.documenten,
a.documenten:visited {
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:10px 4px;
}

a.documenten:hover,
a.documenten:visited:hover {
	background-color:#f3f3f3;
}

#docgif {
	background-image:url('../gfx/icons/icon_gif.gif');
}

#docjpg {
	background-image:url('../gfx/icons/icon_jpg.gif');
}

#docbmp {
	background-image:url('../gfx/icons/icon_bmp.gif');
}

#docpdf {
	background-image:url('../gfx/icons/icon_pdf.gif');
}

#docdoc {
	background-image:url('../gfx/icons/icon_doc.gif');
}

#docxls {
	background-image:url('../gfx/icons/icon_xls.gif');
}

#doczip {
	background-image:url('../gfx/icons/icon_zip.gif');
}

#doctxt {
	background-image:url('../gfx/icons/icon_txt.gif');
}

#docwmp {
	background-image:url('../gfx/icons/icon_wmp.gif');
}

/* BOTTOM CONTENTOPTIES
=======================================================================*/
#bottomopties {
	text-align:right;
}

a.naarboven:link,
a.naarboven:visited {
	color:#000;
	background:url('../gfx/arrownaarboven.gif') no-repeat 0px 5px;
	padding-left:12px;
}

a.naarboven:hover,
a.naarboven:visited:hover {
	color:#666;
	background:url('../gfx/arrownaarbovenhover.gif') no-repeat 0px 5px;
	padding-left:12px;
}

#contentopties {
	position:relative;
	list-style:none;
	height:22px;
	padding:0px 10px 5px 10px;
	font-size:1.1em;
}

#contentopties li {
	float:left;
	display:block;
	height:22px;
}

.mailen {
	position:absolute;
	top:0px;
	right:10px;
}

#contentopties a:link,
#contentopties a:visited,
#contentopties a:hover,
#contentopties a:visited:hover {
	display:block;

	padding:3px 0px 0px 20px;
}

#contentopties a:link,
#contentopties a:visited {
	color:#000;
}

#contentopties a:hover,
#contentopties a:visited:hover {
	color:#666;
}

.printen a,
.printen a:visited {
	background:url('../gfx/iconprinter.gif') no-repeat 0px 5px;
}

.printen a:hover,
.printen a:visited:hover {
	background:url('../gfx/iconprinterhover.gif') no-repeat 0px 5px;
}

.mailen a,
.mailen a:visited {
	background:url('../gfx/iconmail.gif') no-repeat 0px 5px;
}

.mailen a:hover,
.mailen a:visited:hover {
	background:url('../gfx/iconmailhover.gif') no-repeat 0px 5px;
}

/* Faq
=================================================================*/
dl {
	font-size:1.0em;
}

dt {
	font-weight:bold;
}

dd {
	padding-left:20px;
	margin-bottom:10px;
}

/* Klassenfoto en referenties
=================================================================*/
.klassenfoto {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #999;
	overflow:hidden;
}

.klassenfoto p {
	margin-bottom:4px;
}

.klassenfoto a {
	font-weight:bold;
}

/* Route
=================================================================*/
#map{
 clear:both;
 border:1px solid #999999;
 height:300px;
 margin-bottom:10px;
 }

#midden {
	overflow: hidden;
}

/* Formulieren
=================================================================*/
input,
select,
textarea {
	font-size:1em;
	font-family:courier, "times new roman", serif;
}

#zoeken {
	position:absolute;
	top:55px;
	right:4px;
	width:236px;
}

#zoeken fieldset {
	border:0px;
}

#zoekveld {
	width:180px;
}

#zoekveld:focus {
	background-color:#eee;
}

#zoeken .button {
	color:#000;
	font-weight:bold;
	background:url('../gfx/bgzoektalos.gif');
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	cursor:pointer;
	font-family:arial, verdana, sans-serif;
}

#zoeken .button:hover {
	color:#fff;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

.formulier .radios_two,
.formulier .radios_three,
.formulier .radios_four,
.formulier .radios_five{
	padding:0px;
	width:340px;
 display:block;
 float:left;
}
.formulier .radios_two div input,
.formulier .radios_three div input,
.formulier .radios_four div input,
.formulier .radios_five div input{
 display:block;
 float:left;
}

.formulier .checkdoos{
	width:auto;
	display:inline;
	float:none;
	font-weight:normal;
}

.formulier #unlimited div .checkdoos{
 display:block;
 float:left;
 width:146px;
 }

.formulier .radios_two div .checkdoos{
 display:block;
 float:left;
 width:144px;
}

.formulier .radios_three div .checkdoos{
 display:block;
 float:left;
 width:87px;
}

.formulier .radios_four div .checkdoos{
 display:block;
 float:left;
 width:59px;
}

.formulier .radios_five div .checkdoos{
 display:block;
 float:left;
 width:42px;
}

#unlimited div{
	 height:160px;
}

.formulier .group div{
 background-color:#eee;
}

.formulier div {
	width: 100%;
	padding:4px 0px;
	border-bottom:1px solid #ccc;
	clear:both;
	float: left;
}

.formulier div div {
	padding:4px 0px;
	clear:both;
	overflow:hidden;
	height:26px;
	border-bottom:0px;
}

.formulier div div div {
	padding:4px 0px;
	float:left;
	clear:none;
}

.formulier div div input,
.formulier div div select,
.formulier div div textarea {
	width:auto;
	display:inline;
}

.formulier div div label {
 width:auto;
	display:block;
	font-weight:normal;
	float:left;
	margin-right:4px;
	margin-top:-1px;
	padding:0px;
}

.formulier {
	background-color:#eee;
	margin-bottom:10px;
	width:440px;
	font-size:0.9em;
}

.formulier input,
.formulier select {
	width:180px;
}

.formulier #postcode {
	width:60px;
}

.formulier #uploadcv {
	width:auto;
}

.formulier #begin_day,
.formulier #begin_year,
.formulier #end_day,
.formulier #end_year,
.formulier #day,
.formulier #year {
	width:auto;
}

.formulier #begin_month,
.formulier #end_month,
.formulier #month,
.formulier #beschikbaarheid {
	width:80px;
}

.formulier fieldset {
	border:0px;
	padding:3px 10px;
}

.formulier textarea {
	width:330px;
}

.formulier label,
.formulier span.labelfake {
	float:left;
	display:block;
	padding-top:2px;
	margin-bottom:8px;
	font-weight:bold;
	color:#666;
	width:144px;
}

.buttons {
	clear:both;
	text-align:right;
	border:0px;
}

.buttons input {
	width:auto;
	color:#fff;
	font-weight:bold;
	font-family:arial, verdana, sans-serif;
	border:0px;
	cursor:pointer;
	background-color:#933;
}

.buttons input:hover {
	background-color:#c66;
}

.formulier small {
	display:block;
	color:#df0024;
	width:180px;
	margin-left:154px;
	font-size:0.8em;
	text-align:right;
}

.formulier h3 {
	font-size:1.0em;
	padding:4px 10px;
	background-color:#ccc;
	color:#000;
}

.formulier #aantaluur,
.formulier #aantalweken {
	width:40px;
}

/* Errorhandeling */
.formulier div.required-error {
	border: 2px solid #f00;
	padding: 6px 0 12px 0;
	margin: 6px 10px 18px 0;
	background: #e4ebf0;
}

.formulier big {
	display: block;
	color: #df0024;
	font-weight: bold;
	font-size: 1.3em;
	padding: 3px 0px 6px 20px;
	background: url(../images/icons/alert.gif) no-repeat 0px 3px;
}

#frmContact select {
	width: auto !important;
}

#frmContact ul {
  display:block;
	float: left;
}

#frmContact ul li {
  list-style-type:none;
  background: none !important;
  padding-left: 0;
}

#frmContact ul li label {
  display:inline;
  width:auto;
  float:none;
}

#frmContact ul li input {
  width: auto !important;
}

#frmContact div div {
	width: auto;
  display:inline;
  float: left;
  clear: none;
  height: auto;
}

#frmContact div div input {
  display:block;
  float:left;
  clear:left;
  margin:0 4px 0 0;
}

div.radio {
	width: 180px !important;
	background: none !important;
	clear: both !important;
	height: auto !important;
	padding: 0 !important;
}

.000000 {
  color: #000000 !important;
}

.73A042 {
  color: #73A042 !important;
}

/* MF GROEP
=================================================================*/
/* Tabellen
=================================================================*/
.gegevenstabel {
	width: 440px;
	border-collapse:collapse;
	background-color:#eee;
	margin-bottom:10px;
	font-family:verdana, arial, sans-serif;
	_margin-left: -6px;
}
.gegevenstabel th {
	text-align:left;
	width: 360px;
}

.gegevenstabel tr {
	width: 360px;
}
.gegevenstabel th,
.gegevenstabel td {
	border:1px solid #ddd;
	padding: 5px 2px;
	width: 116px;
	white-space: normal;
}
.gegevenstabel caption {
	background-color:#ddd;
	color:#000;
	text-align:left;
	font-weight:bold;
	padding: 2px;
}

