/*
@charset "UTF-8";
* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, form, #wrap {height: 100%; min-height:100%}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 300px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -250px; /* negative value of footer height */
	height: 260px;
	width:100%;
	clear:both;
	background-color:#000022;
	color:#fff;
} 
	
#footerContent{
	margin-left:200px;	
}

p
{
    margin-bottom:14px;
}


ul{
    
    margin-left:14px;
}

.footercontentbox
{
 max-width:200px;
 min-width: 200px;
 width:200px;
 height: 200px;
 background-image:url("Images/footerImage.png");
 background-position:top left;
 background-repeat:no-repeat;
 float:left;
 padding-left:20px;
 padding-top:20px;
 padding-right:15px;
}

.footercontentbox ul
{
  list-style: none;
  list-style-type: none;
  text-align:left;
  
}
.footercontentbox ul li
{
    margin-left:-12px;
}

.footercontentbox ul li a:link
{
 text-decoration:none;
 color:#fff;
}

.footercontentbox ul li a:hover
{
 text-decoration:none;
 color:#fff;
}

.footercontentbox ul li a:visited
{
 text-decoration:none;
 color:#fff;
}

.footercontentbox .titel
{
    font-size:20px;
    margin-bottom:10px;
}

/* CLEAR FIX*/
.clearfix:after 
{
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix 
{
    display: inline-block;
}

 /* Hides from IE-mac \*/
* html .clearfix  
{
    height: 1%;
}

.clearfix 
{
    display: block;
}
/* End hide from IE-mac */


@font-face {
	font-family: "Dax";
	font-weight:lighter;
	src: url("http://www.robinsoenen.be/FFDaxOTF/DaxReg.otf");
}


body{
	background-color:#DAE5EB;
	font-family: "Dax",helvetica, verdana;
  	font-size: 14px;
    line-height: 21px;
	font-weight:lighter;
	min-width:1200px;
}

#Wrapper{
	height:100%;
	min-height:100%;
	width:100%;
}

#header{
	background-color:#fff;
	width:100%;
	min-height:140px;
	display:block;
}

#headerContent{
	margin-left:200px;
	height:140px;
}

#HeaderContentLogo{
	background-image:url(Images/3PlusLOGONEW.png);
	background-position:top left;
	background-repeat: no-repeat;
	height:72px;
}

#HeaderContentMenu{
	height:68px;
}

#beadcrumbs{
	background-color:#82A2b1;
	width:100%;
	min-height:20px;
	display:block;	
}

#beadcrumbsContent{
	margin-left:200px;
	color:#FFF;
}

#beadcrumbsContent .crumbs
{
    margin-left: 4px;
    margin-right: 4px;
    color:#fff;
    text-decoration:none;
    font-size: 12px;
}

#beadcrumbsContent .crumbs a:link
{
    color:#fff;
    text-decoration:none;
}

#beadcrumbsContent .crumbs a:visited{
     text-decoration:none;
}

#beadcrumbsContent .crumbs a:hover{
     text-decoration:none;
}

#content{
	margin-left:200px;
	margin-top:20px;
	min-height:300px;
}

.intro{
	font-weight:bold;
}

h1
{
   	color:#000022;
	font-size:28px;
	line-height:32px;
	font-weight:600; 
	margin-bottom:10px;
}

h2{
	color:#000022;
	font-size:21px;
    line-height:24px;
    margin-bottom:10px;
    margin-top:20px;
	font-weight:600;
}

h2 b
{
 color: #000022;   
}

h3
{
    font-weight:bold; 
}

#box{
	position:absolute;
	height:200px;
	width:240px;
	display:block;
	margin-left:750px;
	margin-top:-93px;
	z-index:0;
}

#box .taal{
	width:26px;
	height:20px;
	margin-left:12px;
	background-color:#ffffff;
	float:left;
	color:#002;
	font-size:20px;
	padding:0px;
}

#box .taal a:link{
	color:#002;
    text-decoration:none;
}
#box .taal a:hover{
	color:#002;
    text-decoration:none;
}
#box .taal a:visited{
	color:#002;
    text-decoration:none;
}


img{
    margin-bottom:10px;
}


#box .size{
	width:12px;
	height:20px;
	background-color:#fff;
	float:right;
	color:#82A2b1;
}
#box .size a:link{
	
	color:#82A2b1;

}
#box .size a:hover{
	
	color:#82A2b1;

}

#box .size a:visited{
	
	color:#82A2b1;

}

.add
{
    margin-left:20px;
    margin-top:12px;
}

#box #boxContent{
	margin-top:20px;
	width:240px;
	border-width:6px;
	border-style:solid;
	border-color:#DAE5EB;
    display:block;
	height:360px;
	background-color:#FFF;
}

#box #boxContent ul{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:20px;
	margin-right:30px;
	margin-top:0px;
	padding:0px;
	font-size:18px;
} 

#box #boxContent li
{
	float: left;
	width:100%;
} 

#box #boxContent li a
{
	margin-right:30px;
	line-height:50px;
	height: 50px;
	vertical-align:text-bottom;
	float: left;
	text-align: left;
	width:100%;
	display: block;
	font-weight:lighter;
	border-bottom:1px solid #DAE5EB;
	color: #000022;
	text-decoration: none;
} 

#contentHolder{
  width:680px;
}   

#box #boxContent li a.last
{
	border-bottom:0px solid #DAE5EB;
	color: #000022;
	text-decoration: none;
} 

#box #boxContent li a.selected
{
	border-bottom:1px solid #DAE5EB;
	color: #000022;
	text-decoration: none;
} 

a:link
{
    text-decoration:none;
    color:#09F;
}

a:visited
{
    text-decoration:none;
    color:#09F;
}

a:hover
{
    text-decoration:none;
    color:#09F;
}

#HeaderMenuNew {
  float: left;
  width: 100%;
  margin-top:20px;
  z-index:200;
}

#HeaderMenuNew ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-type: none;
}

#HeaderMenuNew ul li {
  list-style: none;
  list-style-type:none;
  margin-right:20px;
}

#HeaderMenuNew ul li a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: normal;
  color: #000022;
}

#HeaderMenuNew ul.horizontal li.level1 {
  float: left;
  color:#000022;
  font-size:21px;
    height: 21px;
}

#HeaderMenuNew ul.horizontal li.level1 selected {
  float: left;
  height: 22px;
  padding: 0px;
}

#HeaderMenuNew ul.horizontal li.level1 a {
  color: #000022;
}

#HeaderMenuNew ul.horizontal li.level1 a:hover {
    	border-bottom:6px solid #06f;
    	color:#06f;
}

#HeaderMenuNew ul.horizontal li.level1 a.selected {
    	border-bottom:6px solid #000022;
    	color: #000022;
}

#HeaderMenuNew ul.horizontal li.level1 a.selected:hover {
        border-bottom:6px solid #06f;
    	color: #06f;
}

#HeaderMenuNew ul.horizontal li.level1:hover {
  /*  background-color:#009EE0;*/
}

#HeaderMenuNew ul.horizontal > li.level1 a {
  width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#HeaderMenuNew ul li a { float:none; }
/* End IE5-Mac hack */

#HeaderMenuNew ul.dropdown,
#HeaderMenuNew ul.flyout {
  position: absolute;
   top: 0px; 
  left: 0px;
  visibility: hidden;
  width: 200px;
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  background-color: white;
}

#HeaderMenuNew ul.dropdown li.level2,
#HeaderMenuNew ul.flyout li.level3 
{
    /*border:solid 1px black;*/
    width:100%;
    border-bottom: 1px solid #999999;
}

#HeaderMenuNew ul.dropdown li.level2 a,
#HeaderMenuNew ul.flyout li.level3 a {
  font-size: 11px;
  font-weight: normal;
  color: black;
  padding: 2px 4px 2px 5px;
}

#HeaderMenuNew ul.dropdown li.level2 a:hover,
#HeaderMenuNew ul.flyout li.level3 a:hover {
  color: white;
  font-weight: bold;
  background-color: #009EE0;
  border-bottom:6px solid #333;
}

ut li.level3 a:hover {
  color: white;
  font-weight: bold;
  background-color: #009EE0;
}

ut li.level3 a:hover {
  color: white;
  font-weight: bold;
  background-color: #009EE0;
}

ut li.level3 a:hover {
  color: white;
  font-weight: bold;
  background-color: #009EE0;
}

ut li.level3 a:hover{
  color: white;
  font-weight: bold;
  background-color: #009EE0;
}

ut li.level3 a:hover {
  color: white;
  font-weight: bold;
  background-color: #009EE0;
}

.form_row {
	width: 400px;
	overflow: hidden;
	margin-bottom:3px;
}

.form_left_column {
	width: 120px;
	float: left;
	display: inline;
	text-align: right;
	color: #333333;
	font-weight: bold;
	
}

.form_right_column {
	/*width: 198px;*/ 
	/*float: right;*/
	width: 225px;	
}

.form_row2 {
	width: 500px;
	overflow: hidden;
	margin-bottom:3px;
}

.form_left_column2 {
	width: 120px;
	float: left;
	display: inline;
	text-align: right;
	color: #333333;
	font-weight: bold;
	
}

.form_right_column2 {
	/*width: 198px;*/ 
	float: right;
	width: 300px;	
}


#naamTxt, #voornaamTxt, #emailTxt, #bedrijfTxt, #usernameTxt, #passwordTxt, #afspraakNaam, #afspraakVoornaam, #afspraakTel, #afspraakBedrijf, #afspraakDatum1, #afspraakDatum2, #afspraakDatum3, #afspraakEmail
{
    font-size:12px;
    width: 220px;
    background: #fff url('Images/status.gif') 202px 0 no-repeat;
}

#naamTxt.thinking, #voornaamTxt.thinking #emailTxt.thinking, #usernameTxt.thinking, #afspraakNaam.thinking, #afspraakVoornaam.thinking, #afspraakTel.thinking, #afspraakBedrijf.thinking, #afspraakDatum1.thinking, #afspraakDatum2.thinking, #afspraakDatum3.thinking, #afspraakEmail.thinking
{
    width: 220px;
    background-position: 202px -19px; 
}

#naamTxt.approved, #voornaamTxt.approved, #emailTxt.approved, #usernameTxt.approved, #afspraakNaam.approved, #afspraakVoornaam.approved, #afspraakTel.approved, #afspraakBedrijf.approved, #afspraakDatum1.approved, #afspraakDatum2.approved, #afspraakDatum3.approved, #afspraakEmail.approved
{
    width: 220px;
    background-position: 202px -34px; 
}

#naamTxt.denied, #voornaamTxt.denied, #emailTxt.denied, #usernameTxt.denied, #afspraakNaam.denied, #afspraakVoornaam.denied, #afspraakTel.denied, #afspraakBedrijf.denied, #afspraakDatum1.denied, #afspraakDatum2.denied, #afspraakDatum3.denied, #afspraakEmail.denied
{
    width: 220px;
    background-color: #FF8282; background-position: 202px -52px; 
}

#ReferenceLeft
{
    width:240px;
    float:left;
}

#ReferenceLeft .quoteNotFar
{
      width:200px;
       margin-top:260px;
      text-align:right;
      margin-right:10px;
      font-size:21px;
      color:#82A2b1;
      line-height:28px;
}

#ReferenceLeft .quoteFar
{
      width:200px;
       margin-top:620px;
      text-align:right;
      margin-right:10px;
      font-size:21px;
      color:#82A2b1;
      line-height:28px;
   
}

#ReferenceLeft .imageholder
{
    width:200px;
    text-align:left;
    padding:10px;
    height:340px;
    background-color:#82A2b1;
    display:block;
    font-size:12px;
    color:#ffffff;
}

#ReferenceRight
{
    float:left;
    width:420px;
}

.companyBox
{
    background-color: #82A2b1;
    padding-left:10px; 
        padding-bottom:10px;
        
            padding-right:10px;
    padding-top:0px; 
    color:#ffffff;
}

.companyBox h2
{
    color:#000022;
    padding-top:10px;
}

.doel
{
    float:left;
    color:#09F;
}

.oplossing
{
    float:left;
    color:#09F;
}


#blogLeft
{
   width:180px;
   height:100%;
   min-height:100%;
   max-height:100%;
   float:left;
   display:block;
}

#blogLeftContent
{
    width:100%;
    min-height:300px;
    background-color:#82A2b1;
    display:block;
    padding:4px;
    padding-left:8px;
}

#blogright
{
    margin-left:204px;
    display:block;
   
}
.boxLink
{
    margin:1px;
    padding:0px;
}

.boxLink a
{
    margin:0px;
    padding:0px;
    text-decoration:none;
    color:#fff; 
    font-size:14px;
    line-height:40px;
}

.boxLink a:link
{
    text-decoration:none;
    color:#fff;
    font-size:12px;
    line-height:14px;
}

.boxLink a:hover
{
    text-decoration:none;
    color:#fff;
    font-size:12px;
    line-height:14px;
}


.boxLink a:visited
{
    text-decoration:none;
    color:#fff;
    font-size:12px;
    line-height:14px;
}



.ctl00_ContentPlaceHolder1_blogContent a
{
    margin:0px;
    padding:0px;
    text-decoration:none;
    color:#fff; 
    font-size:12px;
    line-height:18px;
}

.ctl00_ContentPlaceHolder1_blogContent a:link
{
    text-decoration:none;
    color:#fff;
    font-size:12px;
    line-height:11px;
}

.ctl00_ContentPlaceHolder1_blogContent a:hover
{
    text-decoration:none;
    color:#fff;
    font-size:12px;
    line-height:11px;
}


.ctl00_ContentPlaceHolder1_blogContent a:visited
{
    text-decoration:none;
    color:#fff;
    font-size:12px;
    line-height:11px;
}

.blogPostLink a:link
{
    text-decoration:underline;
    color:#333;
}

.blogPostLink a:hover
{
    text-decoration:underline;
    color:#333;

}


.blogPostLink a:visited
{
    text-decoration:underline;
    color:#333;

}

.ExampleBox
{
    width:100%;
    height:220px;
}

.ExampleBox img
{
    margin-right:20px;
    float:left;
}

.contentFillerHolder{
    width:680px;
    float:none;
    min-height:120px;
}
.rightContent{
    width:480px;
    float:left;
    height: 116px;
}
.leftContent{
    float:left;
    width:200px;
    display:block;
}

#sitemap a:link{
 color:#000022;
 text-decoration:none;
}

#sitemap a:hover{
 color:#000022; 
 text-decoration:none;
}

#sitemap a:visited{
 color:#000022;
 text-decoration:none;
}