@charset "utf-8";
body  {
	background: #50659e;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

img{border:none;}

.twoColFixLtHdr #container {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	border-left: 1px solid #C99466;
	border-right: 1px solid #C99466;
} 
.twoColFixLtHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(../images/stroll_header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	position: absolute;
	top: -100px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	clear: left;
}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 224px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-left: 1px dashed #000000;
} 
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #8A5B31;
	text-align: right;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
ul,ol{list-style:none;}

#bezig_met li{padding-left:18px;background: url(http://www.lolo-aannemersbedrijf.nl/images/style/arrow.gif)  0 3px no-repeat;}


p    {
	font-size: 85%;
}

#footer p {
font-size:12px;
}
H1 {font-size:18px;font-weight:bold;}

H2 {font-size:16px;font-weight:bold;}

blockquote {
	font-family:Verdana;
	color: #FFFFFF;
	background-color: #999999;
	margin: 10px;
	padding: 0;
	background-image: url(../images/top_quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	text-indent: 0px;
}
#quote_attrib {
	font-size: 70%;
	background-image: url(../../images/btm_quote.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	text-indent: 0px;
	margin-top: 0px;
	padding-bottom: 30px;
}
#nav {
	width: 780px;
	height: 2.2em;
}


#mainContent_offerte {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #F3f3f3;
	height:550px;
}

 fieldset
{
border: 1px solid #666666;
width: 30em;
position: relative;
}

legend
{
color: #fff;
background: #50659E;
border: 1px solid #666666;
padding: 2px 6px;
}

form{padding: 2px 6px;}

form span {
float:left;
}

form span {
color:#444444;
margin:0pt 4px 0pt 0pt;
padding:0pt 0pt 4px;
}
 label
{
width: 12em;
text-align: left;
margin-right: 0.5em;
display: block
}

label.date{
clear:both;
color:#444444;
display:block;
font-size:9px;
line-height:9px;
margin:0pt;
padding-top:3px;
width: 5em;
}

form p {
clear:left;
margin:0px;
padding:0px 0px 0px 0px;
}


.submit input
{

}

.datepicker {
cursor:pointer !important;
float:left;
height:16px;
margin:0.1em 5px 0pt 0pt;
padding:0pt;
width:16px;
}


.jsvalidation {
color:#FF0000;
font-family:"Trebuchet MS",Tahoma,sans-serif;
font-size:11px;
margin-left:10px;
}

#jsvalidator_contact_geslacht{
float:none;}

#jsvalidator_contact_visitor{
float:none;}

#jsvalidator_contact_email{
float:none;}

#jsvalidator_contact_telefoon{
float:none;}

* html fieldset{ position: relative; }
* html legend{ position:absolute; top: -.5em; left: .5em; }
* html fieldset{ position: relative; margin-top:1em; padding-left:1em; padding-top:2em;padding-bottom:2em;}

html>body fieldset{ position: relative; }
html>body legend{ position:absolute; top: -.5em; left: .5em; }
html>body fieldset{ position: relative; margin-top:1em; padding-left:1em; padding-top:2em;padding-bottom:2em;}

div.calendar {
position:relative;
z-index:3000;
}
.calendar table {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#000000;
cursor:pointer;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:11px;
}
.calendar .button {
padding:2px 0pt 3px;
text-align:center;
}
.calendar thead .title {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
font-size:12px;
font-weight:bold;
padding:3px 0pt 3px 19px;
text-align:center;
}
.calendar thead .headrow {
background:#DEDEDE none repeat scroll 0%;
color:#333333;
font-weight:bold;
}
.calendar thead .daynames {
background:#F5F5F5 none repeat scroll 0%;
color:#333333;
}
.calendar thead .name {
border-bottom:1px solid #DEDEDE;
color:#000000;
padding-left:7px;
text-align:center;
}
.calendar thead .weekend {
background:#F5F5F5 none repeat scroll 0%;
color:#000000;
}
.calendar thead .hilite {
background-color:#444444;
color:#FFFFFF;
padding:1px;
}
.calendar thead .active {
background-color:#D12F19;
color:#FFFFFF;
}
.calendar tbody .day {
border:1px solid #FFFFFF;
color:#222222;
padding:1px;
text-align:right;
width:2em;
}
.calendar tbody .day.othermonth {
color:#BBBBBB;
font-size:80%;
}
.calendar tbody .day.othermonth.oweekend {
color:#FFBBBB;
}
.calendar table .wn {
background:#666666 none repeat scroll 0%;
border-right:1px solid #000000;
padding:2px;
}
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn {
background:#DDDDDD none repeat scroll 0%;
}
.calendar tbody td.hilite {
background:#444444 none repeat scroll 0% !important;
color:#FFFFFF !important;
}
.calendar tbody td.active {
background:#529214 none repeat scroll 0% !important;
color:#529214;
}
.calendar tbody td.selected {
background:#F5F5F5 none repeat scroll 0% !important;
border:1px solid #888888;
color:#222222 !important;
font-weight:bold;
padding:1px;
}
.calendar tbody td.weekend {
color:#666666;
}
.calendar tbody td.today {
background:#D9EFC2 none repeat scroll 0%;
color:#529214;
font-weight:bold;
}
.calendar tbody .disabled {
color:#999999;
}
.calendar tbody .emptycell {
visibility:hidden;
}
.calendar tbody .emptyrow {
display:none;
}
.calendar tfoot .footrow {
background:#555566 none repeat scroll 0%;
color:#FFFFFF;
text-align:center;
}
.calendar tfoot .ttip {
background:#222222 none repeat scroll 0%;
border-top:1px solid #DEDEDE;
color:#FFFFFF;
font-size:10px;
padding:3px;
}
.calendar tfoot .hilite {
background:#AAAAFF none repeat scroll 0%;
border:1px solid #0044FF;
color:#000000;
padding:1px;
}
.calendar tfoot .active {
background:#7777CC none repeat scroll 0%;
padding:2px 0px 0px 2px;
}
.calendar .combo {
background:#F5F5F5 none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#222222;
display:none;
font-size:90%;
left:0px;
position:absolute;
top:0px;
width:4em;
z-index:100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
padding:1px;
text-align:center;
}
.calendar .combo .label-IEfix {
width:4em;
}
.calendar .combo .hilite {
background:#444444 none repeat scroll 0%;
color:#FFFFFF;
}
.calendar .combo .active {
background:#DEDEDE none repeat scroll 0%;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
font-weight:bold;
}


	/*menu*/

.nav, .nav ul { list-style: none;margin: 0;padding: 0;}
.nav { z-index: 100;position: relative;}
.nav li {float: left;margin: 0;padding: 0;position: relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { line-height:18px;background: #E30074;color: #FFF; padding:3px 9px;display: block;text-decoration: none;}
.nav li a:hover {background: #F7328E;color: #CCC;}
#nav-one li:hover a, #nav-one li.sfHover a {background: #F7328E;color: #CCC;}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {background: #E30074;color: #FFF;	}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {background: #F7328E;color: #CCC;}
.nav ul {background: #E30074;list-style: none;margin: 0;width: 203px;position: absolute;top: -999em;left: -1px;}
.nav li:hover ul,.nav li.sfHover ul {top: 24px;}
.nav ul li {border: 0; float: none;}
.nav ul a {border-bottom: 0;padding-right: 20px;width: 185px;white-space: nowrap;}
.nav ul a:hover {background: #ccc;color: #000;}