/* top elements */
* { margin: 0; padding: 0; outline: 0; } /*sets no padding or margin around the body of our document */
:focus {outline:none;}
body {
background-color:#fff;
color: #333333;
margin: 0px 0; /*sets no padding and a 15px margin around the body of our document */
font-family: Century Gothic, Verdana, Tahoma, arial, sans-serif;
font-size: 11px;
line-height: 1.5em;


 /* sets the height between each line of text.*/
}

/*************************************************
WEBSITE LAYOUT
*************************************************/

#wrap {
position:relative;
width:971px;
background-color: #fff url(images/content.png) repeat-y center top;
margin: 0 auto;
text-align: left; 
}
#content-wrap {
clear: both;
width:971px; /*width of our wrap*/
margin:5px auto;
padding:0 0 20px;
position:relative;
overflow:hidden;
}
#balk_left a {
	color:#FFE43B;
	}
#top{
height:25px;
font-size:10px;
color:#fff;
line-height:22px;
font-weight:bold;
position:relative;
padding:0 0 8px 10px;
background:url(images/bg-top.jpg) no-repeat top center;
}

#taalkeuze {
color:#243F98;
font-size:12px;
height:21px;
text-align:right;
width:56px;
position:absolute;
top:0; right:10px;
}

#taalkeuze a {
text-decoration:none;
}


#top a{
color:#243F98;
text-decoration:none;
font-size:11px;
}

#header {
position: relative;
height: 168px;
width:971px;
padding: 0;
margin:0;
background:url(images/header-default.jpg) top left no-repeat;
}
#header.diensten {background-image:url(images/header-diensten.jpg);}
#header.klanten {background-image:url(images/header-klanten.jpg);}
#header.troeven {background-image:url(images/header-troeven.jpg);}
#header.vacatures {background-image:url(images/header-vacatures.jpg);}
#header.certificaten {background-image:url(images/header-certificaten.jpg);}
#header.schoonmaak {background-image:url(images/header-schoonmaak.jpg);}
#header.binnenschoonmaak {background-image:url(images/header-binnenschoonmaak.jpg);}
#header.recuperatie {background-image:url(images/header-recuperatie.jpg);}
#header.tapijt {background-image:url(images/header-tapijt.jpg);}
#header.opruiming_werven {background-image:url(images/header-opruiming_werven.jpg);}
#header.renovatie {background-image:url(images/header-renovatie.jpg);}
#header.glazen {background-image:url(images/header-glazen.jpg);}
#header.multiservice {background-image:url(images/header-multiservice.jpg);}
#header.schoonmaak_industrie {background-image:url(images/header-schoonmaak_industrie.jpg);}
#header.schoonmaak_kantoor {background-image:url(images/header-schoonmaak_kantoor.jpg);}
#header.schoonmaak_voeding {background-image:url(images/header-schoonmaak_voeding.jpg);}
#header.schoonmaak_fitness {background-image:url(images/header-schoonmaak_fitness.jpg);}
#header.housekeeping {background-image:url(images/header-housekeeping.jpg);}
#header.sanitair {background-image:url(images/header-sanitair.jpg);}
#header.schoonmaak_gezondheid {background-image:url(images/header-gezond.jpg);}
#header.ontmossen {background-image:url(images/header-ontmossen.jpg);}
#header.gevelreiniging {background-image:url(images/header-gevelreiniging.jpg);}
#header.bouwservice {background-image:url(images/header-bouwservice.jpg);}
#header.sloop {background-image:url(images/header-renovatiesloop.jpg);}
#header.bezetting {background-image:url(images/header-bezettingswerken.jpg);}
#header.schilderwerken {background-image:url(images/header-schilderwerken.jpg);}
#header.vloerbekleding {background-image:url(images/header-vloerbekleding.jpg);}
#header.industriele_service {background-image:url(images/header-industriele_service.jpg);}
#header.industriele_schoonmaak {background-image:url(images/header-industriele_schoonmaak.jpg);}
#header.industriele_schilderwerken {background-image:url(images/header-industriele_schilder.jpg);}
#header.personeel {background-image:url(images/header-personeel.jpg);}
#header.onderhoud {background-image:url(images/header-onderhoud.jpg);}
#header.handyman {background-image:url(images/header-handyman.jpg);}
#header.tuinonderhoud {background-image:url(images/header-tuinonderhoud.jpg);}
#header.offerte {background-image:url(images/header-offerte.jpg);}
#header.contact {background-image:url(images/header-contact.jpg);}
#header.inboedel {background-image:url(images/header-inboedel.jpg);}

/*************************************************
WEBSITE NAVIGATION
*************************************************/

#menu {
clear: both;
margin: 0 auto;
padding: 0;
background: #81c524 url(images/navigation.png) no-repeat;
height:39px;
width:971px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 40px;
position:relative;
}

#menu ul {
float: left;
list-style: none;
margin:0; padding: 0 0 0 20px;
}
#menu ul li {
display: inline; 
}
#menu ul li a{
display: block;
float: left;
padding: 0 12px;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover {
color: #E00000;
}

/*************************************************
WEBSITE NAVIGATION
*************************************************/

#title {
background-image:url("images/h1balk.jpg");
background-position:left top;
background-repeat:no-repeat;
float:right;
height:24px;
margin-bottom:5px;
margin-top:5px;
position:relative;
text-transform:uppercase;
width:786px;
_width:760px;
}

#Name{
color:#fff;
font-size:14px;
font-family:century gothic, verdana;
text-transform:uppercase;
line-height:24px;
margin-left:2px;
}
#Name #BTNBack{
display:none;
}

/********************************************
MAIN COLUMN
********************************************/
#main {
display:inline;
float:left;
margin:5px 0 0 3px;
padding:0 15px 0;
text-align:justify;
width:605px;
_width:575px;
position:relative;
color:#2d4d9c;
font-family:verdana;
}
#Info {
display:block;
padding:0 0 10px 0;
}


#main h1 {
padding: 0;
margin-bottom: 0;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
}
#main h2 a {
color: #2666c3;
text-decoration: none;
}



/********************************************
SIDEBAR
********************************************/
#sidebar {
float: left;
width: 171px;
padding: 0;
color: #2f2f30;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
position:relative;

}


#sidebar h2 {
background-image:url("images/bg-menutitle.jpg");
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
font-family:century gothic,verdana;
font-size:12px;
height:24px;
line-height:24px;
margin:5px 0 0;
padding-left:25px;
text-transform:uppercase;
width:171px;
}

#sidebar h2 a{
color:#fff;
text-decoration:none;
background-image:none;
}

#sidebar h2 a:hover{
color:#ffe43b;
text-decoration:none;
}
#sidebar p {
margin-left: 5px;
}
#brochure {
display:block;
margin:20px 0 0 10px;
}
/***orisma*****/

#sidebar ul.sidemenu1 {
background:#f2f2f2;
list-style:none outside none;
margin:0 0 9px 26px;
padding:0;
text-align:left;
text-decoration:none;
width:144px;

}
#sidebar ul.sidemenu1 li {
border-bottom:1px dashed #2D4E9D;
color:#333333;
font-size:11px;
list-style:none outside none;
margin:0 2px;
padding:7px 0 4px 5px;
background-color:#a6c9e9;
}
* html body #sidebar ul.sidemenu1 li {
height: 1%;
}
#sidebar ul.sidemenu1 li a {
text-decoration: none;
color: #2f2f30;
}
#sidebar ul.sidemenu1 li a:hover {
color: #588cab;
}
#sidebar ul.sidemenu1 ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu1 ul li { border: none; }


/***schoonmaaksidemenu*****/
#sidebar ul.sidemenu2 {
background-image:url("images/subschoonmaak.jpg");
list-style:none outside none;
margin:0 0 9px 0;
padding:0;
text-align:left;
text-decoration:none;
width:170px;


}
#sidebar ul.sidemenu2 li {
border-bottom:1px dashed #2D4E9D;
color:#333333;
font-size:11px;
list-style:none outside none;
margin:0 2px;
padding:3px 2px;
background-color:#a6c9e9;
}
* html body #sidebar ul.sidemenu2 li {
height: 1%;
}
#sidebar ul.sidemenu2 li a {
text-decoration: none;
color: #2f2f30;
}
#sidebar ul.sidemenu2 li a:hover {
color: #588cab;
}
#sidebar ul.sidemenu2 ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu2 ul li { border: none; }

/***industrie*****/
#sidebar ul.sidemenu3 {
background-image:url("images/subindustrie.jpg");
list-style:none outside none;
margin:0 0 9px 26px;
padding:0;
text-align:left;
text-decoration:none;
width:144px;


}
#sidebar ul.sidemenu3 li {
border-bottom:1px dashed #2D4E9D;
color:#333333;
font-size:11px;
list-style:none outside none;
margin:0 2px;
padding:7px 0 4px 5px;
background-color:#a6c9e9;
}
* html body #sidebar ul.sidemenu3 li {
height: 1%;
}
#sidebar ul.sidemenu3 li a {
text-decoration: none;
color: #2f2f30;
}
#sidebar ul.sidemenu3 li a:hover {
color: #588cab;
}
#sidebar ul.sidemenu3 ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu3 ul li { border: none; }

/***afwerking*****/
#sidebar ul.sidemenu4 {
background-image:url("images/subafwerking.jpg");
list-style:none outside none;
margin:0 0 9px 26px;
padding:0;
text-align:left;
text-decoration:none;
width:144px;
}
#sidebar ul.sidemenu4 li {
border-bottom:1px dashed #2D4E9D;
color:#333333;
font-size:11px;
list-style:none outside none;
margin:0 2px;
padding:7px 0 4px 5px;
background-color:#a6c9e9;
}
* html body #sidebar ul.sidemenu4 li {
height: 1%;
}
#sidebar ul.sidemenu4 li a {
text-decoration: none;
color: #2f2f30;
}
#sidebar ul.sidemenu4 li a:hover {
color: #588cab;
}
#sidebar ul.sidemenu4 ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu4 ul li { border: none; }


/***tuinonderhoud & dienst*****/
#sidebar ul.sidemenu5 {
background-image:url("images/subtuin.jpg");
list-style:none outside none;
margin:0 0 9px 26px;
padding:0;
text-align:left;
text-decoration:none;
width:144px;


}
#sidebar ul.sidemenu5 li {
border-bottom:1px dashed #2D4E9D;
color:#333333;
font-size:11px;
list-style:none outside none;
margin:0 2px;
padding:7px 0 0px 5px;
background-color:#a6c9e9;
}
* html body #sidebar ul.sidemenu5 li {
height: 1%;
}
#sidebar ul.sidemenu5 li a {
text-decoration: none;
color: #2f2f30;
}
#sidebar ul.sidemenu5 li a:hover {
color: #588cab;
}
#sidebar ul.sidemenu5 ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu5 ul li { border: none; }


/***rightbar***/
#rightbar {
background-image:url("images/rightbar.jpg");
background-repeat:no-repeat;
color:#333333;
float:right;
margin:5px 0 0 0;
padding:0;
position:relative;
width:158px;
}
#rightbar #BTNBack {display:none;}
#rightbar h2{
background-image:url("images/bgmenu.jpg");
background-position:2px 4px;
background-repeat:no-repeat;
border-bottom:1px dashed #FFFFFF;
color:#FFFFFF;
font-family:century gothic,verdana;
font-size:14px;
letter-spacing:3px;
margin-bottom:5px;
margin-left:6px;
margin-top:-10px;
text-align:right;
width:143px;
}

#rightbar #text{
color:#FFFFFF;
font-size:9px;
height:115px;
margin-left:9px;
overflow-x:hidden;
overflow-y:auto;
padding-right:6px;
text-align:justify;
width:143px;
}
#rightbar #text.contactinfo{
height:165px;
}
#rightbar #text a{
color: #ffe43b;
text-decoration: none;
}

#logovca{
position:relative;
left:10px;
width:140px;
height:105px;
}

/********************************************
FOOTER
********************************************/
#footer {
color: #fff;
background-image:url(images/footer.jpg);
border-top:#ffee94 solid 1px;
clear: both;
width: 971px;
height: 53px;
text-align: center;
font-size: 10px;
position:relative;
bottom:0;
}

#footer .text{
margin:0 auto;
position:relative;
text-align:left;
width:971px;
}
#footer .text2{
margin:0 auto;
position:relative;
text-align:right;
width:971px;
}

#footer #script{
position:relative;
top:-5px;
}

#logo {
height:23px;
position:absolute;
right:40px;
top:-19px;
width:70px;
}
#footer p {
padding: 10px 0;
margin: 0;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footerlogo {
position:absolute;
left:35px;
top:1px;
}
#footerlogo2 {
position:absolute;
left:85px;
top:1px;
}



/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/********************************************
WEBSITE LINKS
********************************************/
a, a:visited {
text-decoration: none;
color: #8F2927;
}
a:hover {
text-decoration: underline;
color: #588cab;
}

/********************************************
WEBSITE TEXT HEADERS
********************************************/
h1, h2,  { font-family: 'Trebuchet MS', Tahoma, Sans-serif; }
h1 {
font-size: 180%;
font-weight: normal;
color: #555;
}
h2 {
font-size: 160%;
color: #588cab;
font-weight: normal;
}

h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }


/********************************************
WEBSITE IMAGES
********************************************/

ul, ol {
margin: 5px 15px;
padding: 0 25px;
}

/********************************************
VACATUREMODULE
********************************************/

#vacaturelijst #BTNPage {
display:block;
width:605px;
height:20px;
padding:4px 0 0 0;
background:url(images/vacaturebalktop.jpg);
color:#FFE43B;
}
#vacaturelijst #BTNPage a{
background:none;
color:#fff;
}
#vacaturelijst #BTNPage a:hover{
background:none;
color:#FFE43B;
}
#vacaturelijst #LINE {
min-height:24px;
line-height:24px;
border-bottom:1px dashed #2D4E9D;
}
#vacaturelijst #LINE #Name {
margin:0;
display:block;
min-height:24px;
width:100%;
font-family:Verdana,Tahoma,arial,sans-serif;
}
#vacaturelijst #LINE #Name a {
display:block;
min-height:24px;
width:100%;
font-size:11px;
text-transform:none;
color:#2F2F30;
background:#f2f2f2;
}
#vacaturelijst #LINE #Name a:hover {
text-decoration:none;
background:#e0e0e0;
}
#vacaturedetails {
position:relative;
padding:0 0 60px 0;
}
#vacaturedetails #BTNBack, #vacaturedetails #BTNBack a {
display:block;
width:100px;
height:24px;
line-height:24px;
}
#vacaturedetails #BTNBack {
position:absolute;
left:0; bottom:18px;
}
#vacaturedetails #BTNBack a {
text-align:center;
background:url(images/vacatureknop.jpg);
color:#fff;
}
#vacaturedetails #BTNBack a:hover {
color:#FFE43B;
text-decoration:none;
}
#vacaturedetails input#solliciteer {
width:100px;
height:24px;
background:url(images/vacatureknop.jpg);
color:#fff;
position:absolute;
left:120px;
bottom:18px;
border:none;
font-size:11px;
text-transform:uppercase;
cursor:pointer;
}
#vacaturedetails input#solliciteer:hover {
color:#FFE43B;
}
.vacaturetabel {
text-align:left;
}
.vacaturetabel tr, #vacaturedetails table tr {
border-bottom:1px dashed #2D4E9D;	
}
.vacaturetabel td, #vacaturedetails table td {
padding:5px;	
}
.vacaturetabel ul, .vacaturetabel ol, #vacaturedetails table ul, #vacaturedetails table ol {
padding:0;
}

/* Contact 1.0 */

#CFForm2617, #CFForm2618, #CFForm5227 {width:605px; margin:0 auto;}
#CFField5227Field80680 {position:relative;}
.disabled {
width:362px;
height:17px;
background:url(images/functieomschrijvingoverlay.png);
position:absolute;
left:0; top:1px;
}
#CFForm5227Field80661 {height:22px;}
#CFForm5227Field80680 {line-height:14px;}
#CFForm2617Field40987, #CFForm2617Field40988, #CFForm2617Field40989 {width:362px;}

.CFFieldset * {color:#2F2F30; text-align:left;}
.CFFieldset input {padding:0; height:14px;}

.CFItem {width:593px;clear:both;}   
.CFLabel {width:230px;float:left;font-family:verdana;font-size:10px;margin-bottom:2px;margin-top:2px; font-weight:normal;}   
.CFField {width:360px;float:left;font-family:verdana;font-size:10px;margin-bottom:2px;margin-top:2px; position:relative;}   
.CFFieldText {font-family:verdana;font-size:10px;width:359px;}   
.CFFieldTextarea {font-family:verdana;font-size:10px;width:359px;height:70px;overflow:auto;}   
.CFFieldSelect {font-family:verdana;font-size:10px; height:18px; padding:0;}   
.CFFieldRadio {}   
.CFFieldCheckbox {}   
.CFFieldPassword {font-family:verdana;font-size:10px;width:359px;}   
.CFFieldFile {font-family:verdana;font-size:10px;width:359px;}   
.CFFieldEmail {font-family:verdana;font-size:10px;width:359px;}   
.CFFieldCopy {}   
.CFFieldRadioData {float:left; margin:0 10px 0 0; width:359px;} 
.CFFieldRadioData input {position:relative; top:3px;}  
.CFFieldCheckboxData {}   
.CFCaptcha {width:605px;font-family:verdana;font-size:10px;text-align:center;}   
.CFCaptchaTitre {width:100%;text-align:center;font-weight:bold;display:none;}   
.CFCaptchaTexte {width:100%;text-align:justify;}   
.CFStar {width:605px;font-family:verdana;font-size:10px;color:#ff0000;text-align:center;margin-top:20px;}   
.CFStarIcon {font-family:verdana;font-size:10px;color:#ff0000;}   
.CFButton {width:605px;text-align:center;}   
.CFButtonSubmit input {font-family:verdana;font-size:10px;font-weight:bold;width:200px;text-align:center;margin-top:20px;}   
.CFButtonReset input {font-family:verdana;font-size:10px;font-weight:bold;float:left;width:200px;text-align:center;margin-top:20px;display:none;}   
.CFMessageSent {width:593px;font-family:verdana;font-size:12px;color:#003300;font-weight:bold;text-align:center;margin-top:20px;}   
.CFFieldset {clear:both;display:block;border:solid 1px #e0e0e0;margin:0;margin-bottom:4px;padding:5px;width:593px;/*background:#F2F2F2;*/
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}   
.CFLegend {display:none;}    

/* Coda Slider */

#marqueecontainer{
height:114px;
overflow:hidden;
padding:2px 2px 2px 4px;
position:relative;
width:145px;
}

p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
p#cross-links { text-align: center }
p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px ; color:#2d4d9c;}
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
a:focus { outline:none }
a.cross-link {color:#8f2927 ;}
a {color:#8f2927;}
img { border: 0 }
h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;  /* this is the border. should have the same value for the links */
	margin: auto;
	width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
	background: #fff;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 600px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display:none;
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #ffe43b;
	color: #000;
	text-decoration: none;
	display: hidden;
	padding: 0 15px;
}
.stripNav a:hover {background: #2d4d9c;}
.stripNav a.current {background: #39c;color: #fff;}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
.stripNavL {left: 0;}
.stripNavR {right: 0;}
/*.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}*/