*
{
	font-family : Verdana, Arial;
	color : #86796a;
	font-size : 12px;
}

HTML, BODY
{
	height : 100%;
	margin : 0px;
	padding : 0px;
}

BODY
{
	background-color : #E7E4E1;
	margin : 0px;
	padding : 0px;
}

H1
{
	font-size : 18px;
	margin : 0px;
	margin-bottom : 18px;
	font-weight : bold;
}

H2
{
	font-size : 12px;
    font-weight : bold;
    padding : 0px;
    margin: 0px;
}

H3
{
	font-size : 14px;
    font-weight : normal;
    padding : 0px;
    margin: 0px;
	display:inline;
}

.textarea
{
	border : 1px solid #86796a;
	overflow : auto;
	width : 200px;
	height : 100px;
}

.input
{
	border : 1px solid #86796a;
	margin-bottom : 5px;
	width : 200px;
}

FORM
{
	margin:0px;
}

IMG
{
	border : 0;
	padding : 0;
	margin : 0;
}

A, A:link, A:visited, A:active
{
	font-weight : bold;
    text-decoration : none;
}

A:hover
{
	font-weight : bold;
    text-decoration : underline;
}

P
{
	margin: 0px;
	padding-bottom : 15px;
}

UL
{
	margin-top : 0px;
	margin-bottom : 5px;
}

TABLE TD
{
	vertical-align : top;
	text-align : left;
}

HR
{
	width : 480px;
	border : 0;
	border-bottom : 2px solid #e8f775;
	height : 2px;
	margin-top : 20px;
	float : left;
}

.errortext *
{
	color : #ff0000;
}
.errortext
{
	margin-top : 20px;
	margin-bottom : 20px;
}

/* ADMIN DIV */
               /* ADMIN */
#admindiv
{
    background-color:#eeeeee;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
    position:absolute;
    border:1px solid #000;
    width : 250px;
    left : 20px;
    top : 10px;
}

#admindiv .header
{
    padding:2px;
    background-color:#e32322;
    color:#FFF;
    font-weight:bold;
    background-image : url(/_images/generic/sitemanager.png);
    background-repeat : no-repeat;
    background-position : 232px 0px;
    height : 15px;
    border-bottom : 1px solid #000;
}

#admindiv .header SPAN A
{
    color:#FFF;
    font-weight:bold;
    text-decoration : none;
}

#admindiv .body
{
    padding:4px;
}

#admindiv .body A
{
    color : #000;
    font-weight : bold;
}


/* MAIN CSS */
#body
{
	height : 100%;
}

#main 
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width : 955px;
	min-height : 100%;
	height : 100%;
}

#maintable
{
	width : 955px;
	height : 525px;
	height : 100%;
}
#maintable TD
{
	background-color : #FFF;
}

#maintable .col1
{
	width : 200px;
}

#maintable .col2
{
	width : 747px;
}

#maintable .seperator
{
	background-image : url(/_images/site/seperator.gif);
	background-repeat : repeat-y;
	width : 8px;
}

#contenttable,
#hometable
{
	width : 747px;
}

#contenttable TD,
#hometable TD
{
	background-color : #FFF;
}

#contenttable .col1
{
	width : 547px;
	padding-left : 37px;
	padding-top : 19px;
	padding-bottom : 19px;
	padding-right : 30px;
	line-height : 18px;
}

.column
{
	width : 480px;
	line-height : 18px;
}

#hometable .col1
{
	width : 547px;
	padding-left : 37px;
	padding-top : 19px;
	padding-bottom : 19px;
	padding-right : 30px;
}

.biggerspacing
{
	line-height : 24px;
}

#contenttable .col2,
#hometable .col2
{
	width : 200px;
}

.referencetable
{
	width : 710px;
}

#widettable
{
	width : 747px;
}
#widettable TD
{
	background-color : #FFF;
}
#widettable .col1
{
	width : 747px;
	padding-left : 37px;
	padding-top : 19px;
	padding-bottom : 19px;
	padding-right : 0px;
	line-height : 18px;
}

/* YELLOWBLOCK */

.yellowblock
{
	width : 200px;
	float: right;
}

.yellowblock .header
{
	height : 30px;
	width : 200px;
	background-color : #d3ef36;
	text-align : center;
}
.yellowblock .header H1
{
	padding-top : 4px;
	font-size : 18px;
	color : #FFF;
	font-weight : normal;
}

.yellowblock .body
{
	background-color : #e8f775;
	text-align : left;
	padding : 15px;
	font-size : 11px;
}

.yellowblock .body P,
.yellowblock .body A
{
	font-size : 11px;
}

.yellowblock .body H1
{
    margin : 0;
    padding : 0;
	font-size : 14px;
	font-weight : normal;
	line-height : 16px;
    margin-bottom : 5px;
}

/* MENU */

#menu
{
	background-color : #86796a;
	width : 747px;
	height : 30px;
}

#menu .innertext
{
	padding-top : 8px;
	padding-left : 6px;
	height : 20px;
	color : #FFF;
}

#menu A
{
	color : #FFF;
	font-weight : normal;
	position : relative;
	padding-left : 3px;
	padding-right : 3px;
	padding-top : 3px;
	padding-bottom : 3px;
}

#menu  A:hover,
#menu  A.selected
{
	background-color : #e8f775;
	color : #86796a;
	text-decoration : none;
}


/* SUBMENU */

#submenu,
#submenuhome
{
	background-color : #cfc9c3;
	width : 747px;
	height : 15px;
}

#submenu
{
    height : 20px;
}

#submenu .innertext
{
	position : relative;
	top : 1px;
	padding-left : 6px;
	height : 15px;
	color : #FFF;
}

#submenu A
{
	color : #FFF;
	font-weight : normal;
	position : relative;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	padding-bottom : 5px;
	font-size : 11px;
}

#submenu  A:hover,
#submenu  A.selected
{
	background-color : #e8f775;
	color : #86796a;
	text-decoration : none;
}

/* SPACERS */
.spacer30
{
	width : 30px;
	height : 30px;
}

/* COLORS */

.dark_text
{
	color : #86796a;
}

.dark
{
	background-color : #86796a;
}

.light_text
{
	color : #cfc9c3;
}

.light
{
	background-color : #cfc9c3;
}

.yellow_light
{
	background-color : #e8f775;
}

.yellow_dark
{
	background-color : #d3ef36;
}

.white_text
{
	color : #FFF;
}

/* LEFTBAR */

/* HOME */
#leftbar_home #header
{
	background: #fff url(/_images/site/header_home.gif) no-repeat 0 0 scroll;
	width : 199px;
	height : 70px;
}

#leftbar_home #bigimage
{
	background: #fff url(/_images/site/home_large.jpg) no-repeat 0 0 scroll;
	width : 200px;
	height : 245px;
	margin-bottom : 3px;
}
	
#leftbar_home #smallimage1
{
	background: #b6afa6 url(/_images/site/home_small1.jpg) no-repeat left 0 scroll;
	width : 200px;
	height : 100px;
	margin-bottom : 3px;
}

#leftbar_home #smallimage2
{
	background: #9e9488 url(/_images/site/home_small2.jpg) no-repeat right 0 scroll;
	width : 200px;
	height : 100px;
}

/* VERVOLG */
#leftbar_vervolg #header
{
    background: #fff;
    width : 199px;
    height : 70px;
}

#leftbar_vervolg #bigimage
{
    background: #fff url(/_images/site/home_large.jpg) no-repeat 0 0 scroll;
    width : 200px;
    height : 245px;
    margin-bottom : 3px;
}
    
#leftbar_vervolg #smallimage1
{
    background: #b6afa6 url(/_images/site/home_small1.jpg) no-repeat left 0 scroll;
    width : 200px;
    height : 100px;
    margin-bottom : 3px;
}

#leftbar_vervolg #smallimage2
{
    background: #9e9488 url(/_images/site/home_small2.jpg) no-repeat right 0 scroll;
    width : 200px;
    height : 100px;
}

/* WAT WE DOEN */
#leftbar_wat_we_doen  #header
{
	background: #fff url(/_images/site/header_watwedoen.gif) no-repeat 0 0 scroll;
	width : 199px;
	height : 70px;
}

#leftbar_wat_we_doen #bigimage
{
	background: #fff url(/_images/site/watwedoen_large.jpg) no-repeat 0 0 scroll;
	width : 200px;
	height : 245px;
	margin-bottom : 3px;
}
	
#leftbar_wat_we_doen #smallimage1
{
	background: #b6afa6 url(/_images/site/watwedoen_small1.jpg) no-repeat left 0 scroll;
	width : 200px;
	height : 100px;
	margin-bottom : 3px;
}

#leftbar_wat_we_doen #smallimage2
{
	background: #9e9488 url(/_images/site/watwedoen_small2.jpg) no-repeat right 0 scroll;
	width : 200px;
	height : 100px;
}

/* REFERENTIES */
#leftbar_referenties  #header
{
	background: #fff url(/_images/site/header_referenties.gif) no-repeat 0 0 scroll;
	width : 199px;
	height : 70px;
}

#leftbar_referenties #bigimage
{
	background: #fff url(/_images/site/referenties_large.jpg) no-repeat 0 0 scroll;
	width : 200px;
	height : 245px;
	margin-bottom : 3px;
}
	
#leftbar_referenties #smallimage1
{
	background: #b6afa6 url(/_images/site/referenties_small1.jpg) no-repeat left 0 scroll;
	width : 200px;
	height : 100px;
	margin-bottom : 3px;
}

#leftbar_referenties #smallimage2
{
	background: #9e9488 url(/_images/site/referenties_small2.jpg) no-repeat right 0 scroll;
	width : 200px;
	height : 100px;
}

/* WERKWIJZE */
#leftbar_werkwijze  #header
{
	background: #fff url(/_images/site/header_werkwijze.gif) no-repeat 0 0 scroll;
	width : 199px;
	height : 70px;
}

#leftbar_werkwijze #bigimage
{
	background: #fff url(/_images/site/werkwijze_large.jpg) no-repeat 0 0 scroll;
	width : 200px;
	height : 245px;
	margin-bottom : 3px;
}
	
#leftbar_werkwijze #smallimage1
{
	background: #b6afa6 url(/_images/site/werkwijze_small1.jpg) no-repeat left 0 scroll;
	width : 200px;
	height : 100px;
	margin-bottom : 3px;
}

#leftbar_werkwijze #smallimage2
{
	background: #9e9488 url(/_images/site/werkwijze_small2.jpg) no-repeat right 0 scroll;
	width : 200px;
	height : 100px;
}

/* WIE ZIJN WIJ */
#leftbar_wie_wij_zijn  #header
{
	background: #fff url(/_images/site/header_wiezijnwij.gif) no-repeat 0 0 scroll;
	width : 199px;
	height : 70px;
}

#leftbar_wie_wij_zijn #bigimage
{
	background: #fff url(/_images/site/wiezijnwij_large.jpg) no-repeat 0 0 scroll;
	width : 200px;
	height : 245px;
	margin-bottom : 3px;
}
	
#leftbar_wie_wij_zijn #smallimage1
{
	background: #b6afa6 url(/_images/site/wiezijnwij_small1.jpg) no-repeat left 0 scroll;
	width : 200px;
	height : 100px;
	margin-bottom : 3px;
}

#leftbar_wie_wij_zijn #smallimage2
{
	background: #9e9488 url(/_images/site/wiezijnwij_small2.jpg) no-repeat right 0 scroll;
	width : 200px;
	height : 100px;
}

/* ZAKELIJK */
#leftbar_zakelijk  #header
{
    background: #fff url(/_images/site/header_wiezijnwij.gif) no-repeat 0 0 scroll;
    width : 199px;
    height : 70px;
}

#leftbar_zakelijk #bigimage
{
    background: #fff url(/_images/site/wiezijnwij_large.jpg) no-repeat 0 0 scroll;
    width : 200px;
    height : 245px;
    margin-bottom : 3px;
}
    
#leftbar_zakelijk #smallimage1
{
    background: #b6afa6 url(/_images/site/wiezijnwij_small1.jpg) no-repeat left 0 scroll;
    width : 200px;
    height : 100px;
    margin-bottom : 3px;
}

#leftbar_zakelijk #smallimage2
{
    background: #9e9488 url(/_images/site/wiezijnwij_small2.jpg) no-repeat right 0 scroll;
    width : 200px;
    height : 100px;
}

/* NIEUWS */
#leftbar_nieuws  #header
{
	background: #fff url(/_images/site/header_nieuws.gif) no-repeat 0 0 scroll;
	width : 199px;
	height : 70px;
}

#leftbar_nieuws #bigimage
{
	background: #fff url(/_images/site/nieuws_large.jpg) no-repeat 0 0 scroll;
	width : 200px;
	height : 245px;
	margin-bottom : 3px;
}
	
#leftbar_nieuws #smallimage1
{
	background: #b6afa6 url(/_images/site/nieuws_small1.jpg) no-repeat left 0 scroll;
	width : 200px;
	height : 100px;
	margin-bottom : 3px;
}

#leftbar_nieuws #smallimage2
{
	background: #9e9488 url(/_images/site/nieuws_small2.jpg) no-repeat right 0 scroll;
	width : 200px;
	height : 100px;
}

/* CONTACT */
#leftbar_contact  #header
{
	background: #fff url(/_images/site/header_contact.gif) no-repeat 0 0 scroll;
	width : 199px;
	height : 70px;
}

#leftbar_contact #bigimage
{
	background: #fff url(/_images/site/contact_large.jpg) no-repeat 0 0 scroll;
	width : 200px;
	height : 245px;
	margin-bottom : 3px;
}
	
#leftbar_contact #smallimage1
{
	background: #b6afa6 url(/_images/site/contact_small1.jpg) no-repeat left 0 scroll;
	width : 200px;
	height : 100px;
	margin-bottom : 3px;
}

#leftbar_contact #smallimage2
{
	background: #9e9488 url(/_images/site/contact_small2.jpg) no-repeat right 0 scroll;
	width : 200px;
	height : 100px;
}

#logo
{
	background: #FFF url(/_images/site/logo.gif) no-repeat 0 0 scroll;
	width : 517px;
	height : 70px;
    margin-top : 30px;
}

#logo10jaar
{
    background: #FFF url(/_images/site/logo_10_jaar.gif) no-repeat 0 0 scroll;
    width : 648px;
    height : 100px;
}

#footer
{
	padding-left : 37px;
	padding-top : 15px;
	font-size : 10px;
	line-height : 16px;
    vertical-align : bottom;
}

#footer A
{
	font-size : 10px;
}

#vectacontainer
{
    vertical-align: bottom;
    padding-bottom : 5px;
}

#vectalogo
{
    padding-left : 15px;
}
#brainportlogo
{
    padding-left : 10px;
}
#linkedinlogo
{
    padding-left : 20px;
}

.imgcontainer
{
	padding-top : 10px;
}

.imgcontainer SPAN
{
	padding-right : 1px;
}


.homereferenties
{
    width : 480px; 
    padding-top : 20px;
}

.homereferenties .ref_cat
{
    vertical-align: bottom;
    width : 25%;
    line-height : 14px;
    padding-bottom : 6px;
    text-align: left;
}

.homereferenties .ref_image
{
    vertical-align: middle;
    line-height : 14px;
    text-align: left;
}

.homereferenties .ref_klant
{
    padding-top : 4px;
    vertical-align: top;
    line-height : 14px;
    text-align: left;
    text-overflow : ellipsis;
    overflow : hidden;
}