/*--> COMMON  <--*/
p{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 110%;
}
strong {
	font-weight: normal;
	color: #858585;
}
p.borderbottom, p.noborderbottom {
	border-bottom: 1px solid #F4F4F4;
	margin-bottom: 6px;	
	padding-bottom: 5px;
	width: 88px;
}
p.noborderbottom {
	border-bottom: 0px;
}
p.naw{
	width: 121px;
	border-bottom: 1px solid #F4F4F4;
	margin-bottom: 0px;	
	padding: 0 11px 22px 11px;
}

table.form{
	width: 308px;
	margin:0px;
	padding:0px;
}
input.lettertext{
	border: 1px solid #ffffff;
	color: #fff;
	width: 100%;
	background: #FE8B04 url(../img/bg_form.gif) no-repeat fixed;
}
textarea{
	border: 1px solid #ffffff;
	color: #fff;
	background: #FE8B04 url(../img/bg_form.gif) no-repeat fixed;
	width: 100%;
}
.opaciteit input, .opaciteit img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.opaciteit:hover input, .opaciteit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7;}

#press{
	width: 308px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #E5E5E5;
}
#press td{
	border-top:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	margin:0px;
	padding:0px;
}
#press td.last{
	border-right:0px;
}


/*--> H123  <--*/

h1 {
	font-weight: regular;
	margin: 0 0 11px 0;
	font-size: 20px;
}
h2 {
	font-weight: regular;
	margin: 0px;
	font-size: 24px;
}
h3 {
	font-weight: regular;
	margin: 0px;
	font-size: 42px;
}

/*--> IMAGES  <--*/
img {border: 0;}

img.floatright {
	float: right;
	border: 1px solid #F4F4F4;
}
img.thumb {
	border: 1px solid #E5E5E5;
	margin-right:2px;
	margin-top:22px;
}
img.thumb2 {
	border: 1px solid #F4F4F4;
	margin:0px;
}
img.thumb3 {
	border: 1px solid #F4F4F4;
	margin:0px 4px 4px 0px;
}
img.thumb4 {
	border: 1px solid #F4F4F4;
	margin:0px 0px 4px 0px;
}
#button {
	margin: 0 0 4px 0;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff; cursor:default;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-22px; left:11px; 
	width:8em;
    border:1px solid #DADADA;
    background-color:#303030; 
	color:#ffffff;
	padding:3px 6px 4px 6px;
    text-align: left;
}
/*--> LINKS  <--*/
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

a:link.link {
	color: #515151; 
	text-decoration: none;
	padding-right: 9px;
	background: url(../img/nav-arrow_link.gif) no-repeat 100% 50%;
}
a:visited.link  {
	color: #858585; 
	text-decoration: none;
	padding-right: 9px;
	background: url(../img/nav-arrow_link_visited.gif) no-repeat 100% 50%;
}
a:hover.link  {
	color: #ff6600; 
	text-decoration: none;
	padding-right: 9px;
	background: url(../img/nav-arrow_link_over.gif) no-repeat 100% 50%;
}

/*--> WRAPPER <--*/
#nav {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	border: 1px solid #D6D6D6;		
}

#nav a {
	display: block;
	padding: 3px 3px 3px 10px;
	width: 128px;
	color: #fff;
	border-bottom: 1px solid #D5D5D5;	
	background: #9B9B9A url(../img/nav-arrow.gif) no-repeat 0 8px;
}
#nav a:link, #navlist a:visited {
	text-decoration: none;
}
#nav a:hover, #nav a.active{
	color: #515151;
	background: #9B9B9B url(../img/nav-arrow_active.gif) no-repeat 0 0;
}
#last a {
	border-bottom: 0px;	
}

/*--> LIST <--*/
#list {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	border-top: 1px solid #E5E5E5;		
}

#list a {
	position:relative; /*this is the key*/
    z-index:0; 
	display: block;
	padding: 5px 3px 5px 10px;
	width: 295px;
	font-size:11px;
	color: #515151;
	background: #ffffff url(../img/nav-arrow_diamond.gif) no-repeat 0 8px;
	border-bottom: 1px solid #E5E5E5;
}
#list b{
	color: #515151;
}
#list a:hover{
	z-index:25;
	color: #ffffff;
	background: #FE9104 url(../img/nav-arrow_diamond2.gif) no-repeat 0 8px;
}
#list a.active{
	z-index:25;
	color: #545454;
	background: #EBEBEB url(../img/nav-arrow_diamond2.gif) no-repeat 0 8px;
}

#list a span{display: none}

/*#list a:hover span{ the span will display just on :hover state
    display:block;
    position:absolute;
    top:-1px; left:250px; 
    border:1px solid #E5E5E5;
    background-color:#fff; 
	color:#ffffff;
	padding:0px;
    text-align: left;
}*/

/*--> WRAPPER <--*/

#frameA {
	margin-top: 11px;
}
#frameB {
	margin-top: 11px;
	padding-left: 183px;
}

div.overflow {
	overflow: hidden;
	display: inline;
	width: 308px;
	padding: 0; /* MOET NAAR GEKEKEN WORDEN VOOR IE 5.5 */
	float: left;
	margin:0px;
	background:#fff;
}

h3 {
	margin: 0px;
	cursor: pointer;
}
h3 a:link, h3 a:visited {
	padding: 0px;
}
#content div {
	margin: 0;
	padding: 0;
	height: 1%;
}
div.stretcher {
	width: 308px;
	padding: 0; /* MOET NAAR GEKEKEN WORDEN VOOR IE 5.5 */
	margin:0px;
	background: none !important;
	background: #ffffff;
}
#vacature{
width:286px;
margin:0px;
padding:11px;
background:#F97930;
}
#datum{
width:286px;
margin:0px;
padding:11px;
background:#DBDBDB;
}
#moved{
width:286px;
margin:0px;
padding:11px;
background:#ff0000;
}

.colomA-top{
	display: inline;
	width: 173px;
	background: #fff url(../img/bg-colomA-top.gif) no-repeat bottom left;
	float: left;
	margin: 0px 3px 6px 7px;	
}
.colomA-top div{
	display: inline;
	width: 139px;
	padding: 0px 4px 7px 4px; /* MOET NAAR GEKEKEN WORDEN VOOR IE 5.5 */
	float: left;
	background: url(../img/bg-colomA1-top.gif) no-repeat;
}