html { padding: 0; margin: 0; height: 100%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 62.5%; /* resets 1em to 10px */
  	background:url(images/default/background_gradient.gif) bottom left #ffffff repeat-x;
		background-attachment: fixed;
	}

p, li, td {
  font-size:14px;
}

table p {
  padding:0;
  margin:0;
}
	
a img { border:0 }
	
#wrapper { 
 margin: 0 auto;
 width: 900px;
}
#header {
 width: 900px;
 float: left;
 padding-bottom:1em;
}
#leftcolumn { 
 padding-right:32px;
 float: left;
}
#content { 
 float: left;
 width: 580px;
 display: inline;
}
#footer { 
 width: 900px;
 clear: both;
 color: #333;
 padding-top:32px;
}	

.logo {
display:inline-block;
padding:10px 0;
width:270px;
position:absolute;
margin-left:8px;
}

div.menuLeft { 
  background-color:#d7a488;
	background-image:url("images/corner.png?2");
	background-position:left bottom;
	background-repeat:no-repeat;
  padding-left:20px;
  width:612px;

}
div.menuRight { 
	background-image:url("images/corner2.png?4");
	background-position:right bottom;
	background-repeat:no-repeat;
  padding-right:20px;
}

	* html div.foto a img.pijl { visibility:hidden; }
	div.foto a:hover img.pijl { visibility:visible; display:block; position:relative; left:119px; top:21.5em; color:#000000; z-index:100; border:none; }
	div.foto img.uitsnede { position:absolute; width:274px; height:199px; z-index:100;  }	
	img.callout { position:absolute; width:274px; height:199px; z-index:-100  }	
	.ervaring img.callout { z-index:100   }	
	div.ervaring { width:274px }
	div.ervaring img.foto { position:absolute; width:270px; height:195px; border:2px solid #FFFFFF; }
	div.ervaring img.uitsnede { position:absolute; width:274px; height:199px;  }
	div.ervaring img.pijl { display:block; position:relative; left:119px; top:21.5em; color:#000000; z-index:100; border-top:1px solid #ffffff; }	
	div.ervaring { display: block; width: 274px; height: 199px; text-decoration:none; }
	div.content  {  padding:0.4em 2em 0 2em;}
	div.content p { color:#FFFFFF; font-size:1.2em; font-weight:bold; }

  div.ervaringencontentbox { background: url(images/default/ervaringen_background.gif) repeat; margin-top:1.6em; }
	div.top div, div.top, div.bot div, div.bot { width: 100%; height: 10px; font-size:1px }
  div.top div  { background: url(images/default/ervaringen_top_left.gif) no-repeat top left; }
	div.top      { background: url(images/default/ervaringen_top_right.gif) no-repeat top right; }
	div.bot div  { background: url(images/default/ervaringen_bottom_left.gif) no-repeat bottom left; }
	div.bot      { background: url(images/default/ervaringen_bottom_right.gif) no-repeat bottom right; }
		div.content  { width:220px;  }
		div.content p { color:#FFFFFF; font-size:1.2em; font-weight:bold; }
	div.content p span.start { background:url(images/default/quote_start.gif) left 7px no-repeat; padding:0.5em 1em 0 0em;}
	div.content p span.end{ background:url(images/default/quote_end.gif) right top no-repeat; padding:0 0 0 1em }



ul.leftmenu { list-style:none; margin:2em 0 0 0; padding:0; width:274px }
ul.leftmenu li { border-bottom:1px solid #c6c5c4; padding:1em 0; height:4.5em; font-size:1.2em; color:#696969; }
ul.leftmenu li:hover { background:url(../images/default/hover_leftmenu.gif) repeat-x bottom left; }
ul.leftmenu li img { float:left; margin:0 1em 0 0; }
ul.leftmenu li a { color:#696969; text-decoration:none; outline:none; }
ul.leftmenu li a span { font-size:1.2em; font-weight:bold; color:#074f82; margin:0; padding:0; text-decoration:none; }


h1 {
  margin-top:0;
  text-decoration:none;
  color:rgb(62,126,174);
  font-weight:bold;
  font-size:16px;
  font-family:sans-serif;
}


h1 .navSection {
  float:right;
  display:inline-block;
  font-weight:normal;
}
.navSection {
  font-size:12px;
}
.navSection a {
  text-decoration:none;
}
.navSection img {
  position:relative;
  top:3px;
}

.quote td {
  padding:4px 8px;
  white-space:nowrap;
}

.quote td#c0 {
  padding-right:12px;
  text-align:center;
}
.quote td#c0 input {
  text-align:center;
  }
.quote td#c1 {
  padding-left:0;
}

.quote:hover td {
background-color:#a2e68d;
}

#quotes tr#basis {
display:none;
}
.basis#quotes tr#basis {
display:block;
}


.quote td#c2,.quote td#c3 {
  padding-right:0;
  text-align:right;
}

.quote td#c3,.quote td#c4 {
  padding-left:0;
}


.quote td#c2,.quote td#c3,.quote td#c4 {
  font-family:tahoma;
  font-weight:bold;
  font-size:15px;
}

.quote td#c5 {
  width:100%;
}

.quoteHdr td {
  padding:10px;
  border-top:1px solid #bbbbbb;
}

.hint {
  font-size:12px;
}
td.hint {
  padding-left:16px;
}

table.order input {
margin:2px 0;
display:inline-block;
}
table.order td {
  white-space:nowrap;
  padding:2px 8px;
}
table.order td.hint {
}


