﻿html, body
{    
    margin: 0;
    padding: 0;
}

body
{
    background-image: url(/Images/header_bg2.jpg);
    background-position: left top;
    background-repeat: repeat-x;
}

img
{
	border:0px;
}

div#framework
{
    position: relative;
    
    width: 862px;
    
    margin-left: auto;
    margin-right: auto;
}

div#blom-logo
{
    position: absolute;
    top: 6px;
    left: 1px;
    
    width: 132px;
    height: 131px;
}

div#sidebar
{
    position: absolute;
    
    top: 175px;
    left: 1px;
}

div#content-section
{
    margin-top: 13px;
    margin-left: 143px;
    width: 100%;
}

div#sidebar-banners
{
    margin-top: 2px;
}

div#sidebar-locaties .locatie-kop
{
	font-weight:bold;
}

div#sidebar-locaties .locatie-top
{
	margin-top:6px;
}

div#sidebar-locaties .locatie
{
	margin-top:12px;
}

div#sidebar-locaties
{
	font-family: Arial;	
	font-size:12px;
	color:#a7a7a7;
	margin-top:8px;
	text-align:right;
}

div#sidebar-disclaimer
{
	font-family: Arial;	
	font-size:12px;
	color:#a7a7a7;
	text-align:right;
	margin-top:15px;
}

div#visual-framework
{
    position: relative;
    width: 719px;
    height: 340px;
    background-image: url(/Images/visual-frame.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div#visual-framework-big
{
	position: relative;
    width: 719px;
    height: 489px;
    background-image: url(/Images/visual-frame-big.png);
    background-position: top left;
    background-repeat: no-repeat;
}

div#visual
{
    position: absolute;
    top: 7px;
    left: 7px;
}

div#home-columns
{
    margin-left: 6px;
    margin-top: 12px;
}

.home-column
{
	position:relative;
    float: left;
    width: 142px;
    height:auto;
    z-index:1;
    cursor:pointer;
}

.home-column-mouseover
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2;
	display:none;
	opacity:0.4;
	filter:alpha(opacity=40);
	background-color:White;
}

.home-column-header
{
    position: relative;
    background-image: url(/Images/kader-bg.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    width: 130px;
    height: 18px;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    padding-left: 8px;
    padding-top: 1px;
}

.home-column-textblock
{
    font-family: Arial;
    font-size: 13px;
    color: #999999;
    margin-left: 13px;
}

.home-column-text
{
    font-family: Arial;
    font-size: 13px;
    color: #999999;
    padding-left: 8px;
    padding-bottom: 20px;
}

div#content-block
{
    width: 100%;
    border-left: 1px solid #dededf;
    margin-left: 7px;
    margin-top: 12px;
    padding-top:16px;
    margin-bottom: 20px;
    height:auto;
    min-height:352px;
    float:left;
    font-family: Arial;
    font-size: 13px;
    color: #999999;
}

.content
{
    margin-left: 8px;    
    font-family: Arial;
    font-size: 13px;
    color: #999999;
}

/**** JB paginas ****/

.blok
{
    float:left;
    width:219px;
    padding-left:17px;
    
}

#blokA
{
    min-height: 471px;
    border-right: 1px solid #e2e2e2;
    
}
#blokA a
{
    color:#dda965;
    font-weight:bold;
}
#blokA a:hover
{
    color:#a54c27;
    text-decoration:none;
    
}
.janny-selected
{
    color:#a54c27;
    font-weight:bold;
    
}
/**** COLLECTIE ****/

div#collectie-columns-left
{
	float:left;
	width:180px;
	height:auto;
	margin-left:15px;
}

div#collectie-columns-middle
{
	width:260px;
	float:left;
	margin-left:65px;
	height:auto;
}

div#collectie-columns-right
{
	width:180px;
	float:left;
	padding-left:20px;
	height:auto;
}

ul#collectie-links
{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:20px;
	font-weight:bold;
}
ul#collectie-links li a
{
	font-size:20px;
	font-weight:bold;
	color:#dda965;
	text-decoration:none;
}
ul#collectie-links li a:hover
{
	font-size:20px;
	font-weight:bold;
	color:#a54c27;
	text-decoration:none;
}
.collectie-content
{
	display:none;
}

/**** VACATURES ****/
div#vacatures-first-item
{
	width:236px;
	margin-left:15px;
	float:left;
	height:47px;
}

div#vacatures-second-item
{
	width:336px;
	margin-left:28px;
	float:left;
	height:47px;
}
div.vacature-item-arrow
{
	float:left;
}
div.vacature-item-txt
{
	float:left;
	margin-left:3px;
}

div.vacature-item-txt a
{
	text-decoration:none;
	font-weight:bold;
	color:#a7a7a7;
}

div.vacature-content
{
	float:left;
	margin-top:18px;
	margin-left:15px;
	display:none;
}

span.vacature-kopje
{
	font-weight:bold;
	color:#000;
}

/**** NIEUWSBRIEF ****/
div#nieuwsbrief-left
{
	float:left;
	width:320px;
	margin-left:15px;
}
.nieuwsbrief-privacy
{
	font-size:10px;
}

div#nieuwsbrief-right
{
	float:left;
	margin-top:-3px;
	margin-left:38px;
}

.nieuwsbrief-txtbox
{
	border:1px solid #bcbdbe;
}

.contact-bigtxtbox
{
	border:1px solid #bcbdbe;
	height:51px;
}

.nieuwsbrief-txt-kop
{
	color:#000;
	font-weight:bold;
	font-size:12px;
}

div#nieuwsbrief-verstuur-link
{
	margin-top:55px;
	margin-left:3px;
}

div#contact-verstuur-link
{
	margin-top:23px;
	margin-left:3px;
}

.nieuwsbrief-verstuur
{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

/**** FOLDER ****/
div#folder-content-first
{
	float:left;
	margin-left:15px;
	margin-top:17px;
}
div#folder-content-second
{
	float:left;
	margin-left:32px;
	margin-top:17px;
}
div#folder-first-item
{
	width:236px;
	margin-left:15px;
	float:left;
	height:47px;
}

div#folder-second-item
{
	width:336px;
	margin-left:28px;
	float:left;
	height:47px;
}
div.folder-item-arrow
{
	float:left;
}
div.folder-item-txt
{
	float:left;
	margin-left:3px;
}

div.folder-item-txt a
{
	font-family: Arial;
    font-size: 13px;
    color: #999999;
	text-decoration:none;
	font-weight:bold;
	color:#a7a7a7;
}

div#merken-assen-col1
{
    position: absolute;
    width: 140px;
    height: 287px;
    border-right: 1px solid #868785;
    top: 20px;
    left: 55px;
    font-family: Arial;
    font-size: 10px;
    color: #999999;
}
div#merken-drachten-col1
{
    position: absolute;
    width: 140px;
    height: 287px;
    top: 20px;
    left: 210px;
    font-family: Arial;
    font-size: 10px;
    color: #999999;
}
div#merken-drachten-col2
{
    position: absolute;
    width: 175px;
    height: 287px;
    border-right: 1px solid #868785;
    top: 20px;
    left: 340px;
    font-family: Arial;
    font-size: 10px;
    color: #999999;
}
div#merken-sneek-col1
{
    position: absolute;
    width: 140px;
    height: 287px;
    top: 20px;
    left: 533px;
    font-family: Arial;
    font-size: 10px;
    color: #999999;
}

a.linkvet
{
    font-weight: bold;
    color: #a54c27;
    text-decoration: none;
}
a:hover.linkvet
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

a.linkvet2
{
    font-weight: bold;
    color: #dda965;
    text-decoration: none;
}
a:hover.linkvet2
{
    font-weight: bold;
    text-decoration: undeline;
    color: #000;
}

a 
{
    text-decoration: none;
    color: #999999;
}

a:hover
{
    text-decoration: underline;
    color: #000;
}

.rotator-frame
{
    position: relative;
    width: 705px;
    height: 326px;
}

#ActieLijst
{
}

.ActieOut
{
    font-family: Arial;
    font-size: 16px;
    color: #a7a7a7;
}

.ActieOver
{
    font-family: Arial;
    font-size: 16px;
    color: #1a171b;
}

.vacature_text_wit
{
    position: absolute;
    left: 390px;
    top: 62px;
    width: 290px;
    height: 122px;
}

.vacature_text_zwart
{
    position: absolute;
    left: 397px;
    top: 198px;
    width: 213px;
    height: 112px;
}

.hampshire_form
{
    position: absolute;
    left: 390px;
    top: 28px;
    width: 290px;
    height: 122px;
    font-family: Arial;
    font-size: 12px;
    color: #60808c;
}

#facebook
{
    float:left;   
    width:40px;
 }
#facebook_like_button
{
    float:left;
    width:100px;
}
