/* All rights reserved (c) 2001 - 2009, WEBBER interactieve vormgeving. More information at info@webber.nl */

/* de standaard styles om problemen te voorkomen */

* { margin: 0; padding: 0; } 
p { margin: 0; padding: 0; } 
hr { display: none; clear: both; }
a img { border : none; }
a { outline: none; }
body {color : #000; margin: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif; background-color: #fff;
}

/* einde standaard styles */

a:link {text-decoration: none; color: #a32126;}
a:visited {text-decoration: none; color: #a32126;}
a:hover {text-decoration: none; color: #666;}
a:active {text-decoration: none; outline: 0px; color: #a32126;}
a:focus {outline: 0px;}

.toonmidden a
{
	color:#fff;	
}

/* IE 5.5+ styles voor transparante PNG */

img, div { behavior: url(html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

/* basis DIV's start */

#centerblok
{
      position: absolute;
      left: 50%;
      width: 889px;
      margin-left: -445px; /* helft van de breedte */
      z-index: 1;
      margin-top: 20px	;
}

#top
{
	clear: both;
	position: relative;
}

#menu
{
	left: 41px;
	top: 211px;
	height: 337px;
	width: 167px;
	position: absolute;
}

#eng_menu
{
	left: 41px;
	top: 211px;
	height: 337px;
	width: 167px;
	position: absolute;
}

label
{
	font-size: 11px;	
}

#field_bedrijfsnaam
{
	width: 250px;
}

#field_contactpersoon
{
	width: 250px;
}

#field_adres
{
	width: 250px;
}

#field_postcode
{
	width: 70px;
}

#field_plaats
{
	width: 170px;
}

#field_telefoon
{
	width: 250px;
}

#field_fax
{
	width: 250px;
}

#field_email
{
	width: 250px;
}

#field_huidigewerkgever
{
	width: 250px;	
}
#field_opmerkingen
{
	width: 400px;
}

#field_diploma
{
	width: 400px;
}

#field_ervaringen
{
	width: 400px;
}

#icse
{
	width: 167px;
	height: 167px;
	position: absolute;
	left: 721px;
	top: 382px;
}

#menu .accordion-toggle
{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
}

#menu .accordion-toggle:hover
{
	color: #bbbdbe;
}

#menu .accordionnotoggle a
{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
}

#menu .accordionnotoggle a:hover
{
	color: #bbbdbe;
}

#menu .accordion-content ul 
{
	list-style-type: disc;
	margin: 0px 0px 0px 12px;
	padding: 0;	
}

#menu .accordion-content ul li
{
	margin: 0;
	margin-left: 12px;
	color: #bbbdbe;
	font-size: 11px;
}

#menu .accordion-content ul a li
{
	color: #bbbdbe;
}

#menu .accordion-content ul li a
{
	color: #bbbdbe;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;	
}

#menu .accordion-content ul li a:hover
{
	color: #fff;
}

#eng_menu .accordion-toggle
{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
}

#eng_menu .accordion-toggle:hover
{
	color: #bbbdbe;
}

#eng_menu .accordionnotoggle a
{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
}

#eng_menu .accordionnotoggle a:hover
{
	color: #bbbdbe;
}

#eng_menu .accordion-content ul 
{
	list-style-type: disc;
	margin: 0px 0px 0px 12px;
	padding: 0;	
}

#eng_menu .accordion-content ul li
{
	margin: 0;
	margin-left: 12px;
	color: #bbbdbe;
	font-size: 11px;
}

#eng_menu .accordion-content ul a li
{
	color: #bbbdbe;
}

#eng_menu .accordion-content ul li a
{
	color: #bbbdbe;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;	
}

#eng_menu .accordion-content ul li a:hover
{
	color: #fff;
}

.accordion-toggle
{	
	display: block;
	cursor: pointer;
	border-bottom: 0px solid #bbbdbe;
	/*height: 30px;
	width: 160px;
	padding: 15px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 0;*/
}
		
.accordion-toggle_active
{
		/*
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		*/		
}
		
.accordion-content
{
		/*
			background-color: #ffffff;
			color: #444444;
		*/
	overflow: hidden;

	display: block;
}

#logo
{
	border-style:solid;
	border-color:#000;
	border-width:1px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#taalwissel
{
	position: absolute;
	top:0px;
	left:220px;
	font-size: 13px;
	font-weight: normal;
}
#taalwissel img
{
	margin-right: 3px;
}

div#fadefoto{
	height:337px;
	overflow:hidden;
	position:relative;
}

div#fadefoto div {
	height:337px;
	position:absolute;
	width:507px;
	z-index:1;
}

#footer
{
	background-image: url(../img/bgfooter.jpg);
	background-repeat:repeat-x;
	background-position:top;
	min-height:35px;
	border-top-color:#fff;
	border-top-width: 3px;
	border-top-style: solid;
	left: 41px;
	position: absolute;
	top: 718px;
	width: 847px;
	clear: both;
}

#footer p
{
	text-align:right;
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	font-variant:small-caps;
	font-stretch: semi-condensed;
}

#topfooter
{
	border-top-color:#fff;
	border-top-width: 3px;
	border-top-style: solid;
	left: 41px;
	position: absolute;
	top: 548px;
}

.bgtext
{
	background-image: url(../img/bgtext.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 15px;
}

#lijnblok
{
	height: 167px;
	width: 167px;
	float: left;
	border-right-color:#fff;
	border-right-width: 3px;
	border-right-style: solid;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

#lijnblok p{
	height:165px;
}

div#lijnblok h4
{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

#blok
{
	height: 167px;
	width: 167px;
	float: left;
	font-size:10px;
	font-weight:bold;
}

#blok p{
	height:165px;
}


.donkerrood:hover, .donkerderrood:hover
{
	background-color: #000;
	cursor: default hand;
}

.donkerrood
{
	background-color: #8b0e13;	
}

.donkerderrood
{
	background-color: #650d0e;	
}

.grijs_donker
{
	background-color: #4f4f4f;		
}

.grijs_mid
{
	background-color: #929395;	
}

.grijs_licht
{
	background-color: #e2e2e2;	
}

/* nieuwsblok */

#nieuwsblok
{
	position: absolute;
	left: 721px;
	top: 42px;
	width: 167px;
	height: 337px;
	border-bottom-color:#fff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#nieuwsblok h1
{
	color:#fff;
	font-size: 30px;
	font-weight: bold;	
	margin: 0;
	padding: 0;
}

/* content styles */

#content
{
	position: absolute;
	width: 507px;
	height: 507px;
	top: 42px;
	left: 211px;
	background-color: #fff;
	overflow: hidden;
}

#content_topimagegroot
{
	position: relative;
	height: 337px;
	overflow: hidden;
	border-bottom-color: #fff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#content_topimageklein
{
	position: relative;
	height: 167px;
	overflow: hidden;
	border-bottom-color: #fff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#content_topimageklein
{
	position: relative;
	height: 167px;
	overflow: hidden;
	border-bottom-color: #fff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#content_tekstkort
{
	position: relative;
	overflow: auto;
	background-image: url(../img/bgtext.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 507px;
	height: 337px;
}

#indexfototekst
{
	margin-bottom: 11px;
	bottom: 0;
	font-size: 11px;
	line-height: 176px;
	position:absolute;
	z-index:100;
	color:#fff;
}

#padding
{
	padding: 11px;
}

#content_video
{
	border-left-color: #fff;
	border-left-width: 3px;
	border-left-style: solid;
	right: 0px;
	top: 0px;
	float: right;
	position: relative;
	margin-left: 20px;
	font-size:10px;
}

#content_tekst
{
	position: relative;
	overflow: hidden;
	height: 337px;
	padding: 11px;
}

#content_tekst p, #content_tekstkort p
{
	color: #000;
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 8px;
}

#content_tekstkort ul li span.contactlabel
{
	width: 200px;
	display: block;
	float: left;
}

#content_tekstkort ul li, #content_tekstkort ul

{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.unIndentedList
{
	margin-left: 15px;
	margin-bottom: 8px;
}

#content_tekst p ul, #content_tekstkort p ul
{
	list-style-type:circle;
	margin-left: 15px;
	margin-bottom: 8px;
}

#content_tekst ul li, #content_tekstkort ul li
{
	color: #000;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
}

#content_tekstkort ul.projecten li
{
	/*float: left;*/
	padding-bottom: 0px;
	padding-top: 0px;	
	height: 0px;
}

#content_tekstkort ul.projecten li img
{
	/*float: left;*/
	padding-bottom: 5px;
}
#content_tekst ul li img, #content_tekstkort ul li img
{
	float: none;
	right: 0px;
	top: 0px;
	vertical-align: middle;
	border-left-color: #fff;
	border-left-width: 0px;
	border-left-style: solid;
}

#content_tekst h1, #content_tekstkort h1, #content_tekst h4, #content_tekstkort h4
{
	color: #000;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

#content_tekst h5, #content_tekstkort h5
{
	color: #333;
	font-size: 11px;
	margin-top: 6px;
	padding-top: 4px;
	margin-bottom: 3px;
	display: block;
	border-top-color: #ece5e5;
	border-top-width: 1px;
	border-top-style: solid;
}

#content_tekstkort h1 span
{
	color: #646567;
}

#content_tekstkort img
{
	border-left-color: #fff;
	border-left-width: 3px;
	border-left-style: solid;
	right: -15px;
	top: -15px;
	float: right;
	position: relative;
}

#content_tekst img
{
	float: right;
	position: relative;
	margin-left: 15px;
	margin-bottom: 15px;
}

#content_tekstkort img.indexafbeelding
{
	border-left-color: #fff;
	border-left-width: 3px;
	border-left-style: solid;
	right: 0px;
	top: 0px;
	float: right;
	position: relative;
	margin-left: 20px;
}

#content_tekst span.link img, #content_tekstkort span.link img
{
	float: none;
	right: 0px;
	top: 0px;
	vertical-align: middle;
}

#content_tekstkort .projecten li
{
list-style-type: none;
}

#content_tekstkort .projecten li a img
{
	border-left-color: #fff;
	border-left-width: 0px;
	border-left-style: solid;
	float: left;
	position: : absolute;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 5px;
}

ul.projecten li.terug
{
	font-size: 11px;
	height:20px;
	line-height: 20px;
	display: block;
	padding-left: 5px;
	border: dotted #ccc 1px;
	background-color: #eee9e8;
}

/* overzicht lijsten */

.overzicht
{
	
}

ul.lijst
{
	list-style-type: none;
	border-top-color: #c6c7c8;
	border-top-width: 1px;
	border-top-style: solid;
}

ul.lijst li
{
	display: block;
	border-bottom-color: #c6c7c8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height: 22px;
	line-height: 22px;
	font-size: 11px;
}

ul.lijst li a
{
	color:#000;
}


ul.lijst li a:hover
{
	display: block;
	color: #8b0e13;
	background-color: #e7e7e7;
}


ul.lijst li span
{
	/*font-weight: bold;*/
	padding-right: 5px;
}
/* zoeken */

#zoeken
{
	height: 24px;
	width: 167px;
	top: 14px;
	left: 721px;
	vertical-align: middle;
	position: absolute;
	color: #fff;
}

.zoekbox
{
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-bottom-color:#e0e0e0;
	border-left-color:#c2c2c2;
	border-right-color:#c1c1c1;
	border-top-color:#848484;
	line-height: 22px;
	height: 16px;
	color: #000;
	width: 114px;
	padding:2px;
	font-size: 11px;
}

.verzendknop
{
	border-style: solid;
	border-width: 1px;
	border-bottom-color:#a5a5a5;
	border-left-color:#a4a4a4;
	border-right-color:#a4a4a4;
	border-top-color:#dbdbdb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: 22px;
	height: 22px;
	color: #000;
	background-color: #dbdbdb;
	background-image: url(../img/bg_verzendknop.gif);
	background-repeat: repeat-x;
	background-position: top;
	float: right;
	width: 42px;
	font-size: 11px;
}

/* nieuws */

#nieuwsitempreview
{
	padding-top: 6px;
	padding-bottom: 6px;
}

#nieuwsitempreview p
{
	color: #333;
	line-height: 16px;
	font-size: 11px;	
}

#nieuwsitempreview h4
{
	color: #000;
	font-size: 11px;
	font-weight: bold;	
}

#nieuwsitempreview p span
{
	font-weight: bold;	
}

#nieuwsitempreview p span a
{
	color: #000;
}

#nieuwsitempreview p span a:hover
{
	color: #d53829;
}

.underlinenieuwspreviewitem
{
	border-bottom-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
}

/* teksten verticaal centreren */

.toonbuiten 
{
	display: table;
	#position: relative;
	overflow: hidden;
	height: 167px;
	width: 100%;
}
 
.toonmidden
{
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
}

.toonbinnen 
{
	#position: relative;
	#top: -50%;
}

/* toevoeging indexfilm */
#indexfilm
{
	width:507px;
	height: 336px;
	background-color: #000;
	padding-top: 25px;
}