body {
	background: url(../images/design/background.gif) repeat-x top #eee;
	margin: 0px;
	font-family: Trebuchet MS, Verdana;
	font-size: 10pt;
	}

h1, .header1 {
	color: #134c85;
	font-size: 16pt;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	line-height: 26px;
}
h2 {
	color: #134c85;
	font-size: 13pt;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}
h3 {
	color: #134c85;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	display: inline;
}
h4 {
	color: #134c85;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	display: inline;
}

a {
	color: #0071c0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0px;
}

#wrap {
	margin: 0 auto;
	background: url(../images/design/sitebg.gif) repeat-y top;
	width: 978px;
	padding: 0px 13px 0px 13px;
}

#navigatie {
	background: url(../images/design/balk.gif) no-repeat top;
	height: 35px;
	padding: 5px 0px 0px 0px;
} 
#navigatie ul {
	list-style: none;
	margin: 0px 0px 0px 7px;
	padding: 0px;
}
#navigatie ul li {
	float: left;
	padding: 6px 9px 11px 9px;
	margin: 0px 10px 0px 0px;
	font-weight: bold;
}
#navigatie ul li.selected {
	background: #fff;
}
#navigatie ul li.selected a {
	color: #134c85;
}
#navigatie ul li a {
	color: #fff;
}

#intro {
	background: url(../images/design/introimage.gif) no-repeat top;
	height: 138px;
	padding: 25px 400px 20px 20px;
	margin: 0px 0px 6px 0px;
	line-height: 20px;
} 

#calculator {
	display: none;
	background: url(../images/design/calbar.gif) no-repeat top;
	height: 24px;
	padding: 15px 15px 15px 20px;
	margin: 0px 0px 6px 0px;
} 
#calculator_dummy {
	display: none;
}

#calculator ul {
	list-style: none;
}
#calculator ul li  {
	float: left;
	padding: 6px 18px 6px 6px;
	margin: 0px 0px 0px 4px;
	background: url(../images/design/arrow.gif) no-repeat right #f5f5f5;
	border: 1px solid #ccc;
}
#calculator ul li:hover {
	background: url(../images/design/arrow.gif) no-repeat right #fff;
}
#calculator ul li.fix  {
	float: left;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 4px;
	background: #fff;
	border: 1px solid #fff;
	}
#calculator ul li input.small {
	width: 50px;
	/*width: 50px;*/
	margin: 3px 0px 0px 0px;
	border: 1px solid #ccc;
}

#calculator ul li.titel  {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #fff;
	width: 170px;
	border: 0px solid #fff;
	}


#footer {
	margin: 0 auto;
	height: 30px;
	background: url(../images/design/footer.gif) no-repeat top;
	width: 1004px;
}

#main {
	width: 720px;
	float: left;
}
#main #content, #sitemap {
	background: url(../images/design/windowtop.gif) no-repeat top;
	width: 680px;
	min-height: 300px;
	padding: 20px;
	line-height: 20px;
}
#main #contentfooter {
	background: url(../images/design/windowbottom.gif) no-repeat bottom;
	width: 720px;
	height: 10px;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}


					#box {
						background: url(../images/design/boxtop.gif) no-repeat top;
						width: 220px;
						padding: 15px;
					} 
					#box ul {
						list-style: none;
						margin: 0px;
						padding: 0px;
					}
					#box ul li {
						padding: 3px;
					}
					#box ul li select {
						border: 1px solid #ccc;
						float: right;
						padding: 1px;
						width: 146px;
						/*width: 144px;*/
						margin: 0px;
						font-size: 10pt;
					}
					#box ul li input {
						border: 1px solid #ccc;
						float: right;
						padding: 1px;
					}
					#box ul li input.small {
						width: 64px;
						/*width: 63px;*/
						margin: 0px 0px 0px 10px;
					}
					#box ul li input.button {
						border: 0px;
						clear: both;
						}
					#boxfooter {
						background: url(../images/design/boxbottom.gif) no-repeat bottom;
						width: 250px;
						height: 10px;
						padding: 0px;
						margin: 0px 0px 6px 0px;
					}

.box {
	background: url(../images/design/boxtop.gif) no-repeat top;
	width: 220px;
	padding: 15px;
} 
.box ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.box ul li {
	padding: 3px;
}
.box ul li select {
	border: 1px solid #ccc;
	float: right;
	padding: 1px;
	width: 146px;
	/*width: 144px;*/
	margin: 0px;
	font-size: 10pt;
}
.box ul li input {
	border: 1px solid #ccc;
	float: right;
	padding: 1px;
}
.box ul li input.small {
	width: 64px;
	/*width: 63px;*/
	margin: 0px 0px 0px 10px;
}
.box ul li input.button {
	border: 0px;
	clear: both;
	}
.boxfooter {
	background: url(../images/design/boxbottom.gif) no-repeat bottom;
	width: 250px;
	height: 10px;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

#rechts {
	width: 250px;
	float: right;
}

#footercontent {
	padding: 5px;
	clear: both;
	font-size: 8pt;
}
#footercontent div {
	float: right;
}

img.icon {
	margin: 0px 7px 0px 0px;
}

#footerbar {
	height: 198px;
	width: 980px;
	margin: 0px 0px 5px 0px;
	clear: both;
	background: url(../images/design/footerbalk.gif) no-repeat;
}
#footerbar #blok {
	height: 158px;
	width: 285px;
	float: left;
	padding: 20px;
	border-right: 1px solid #fff;
}
#footerbar #blok ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#footerbar #blok ul li {
	padding: 2px 0px 2px 0px;
}
#footerbar .blok {
	position: relative;
	height: 158px;
	width: 285px;
	float: left;
	padding: 20px;
	border-right: 1px solid #fff;
}
#footerbar .blok ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#footerbar .blok ul li {
	padding: 2px 0px 2px 0px;
}

#nav, #nav ul {
	/* all lists */	padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}
#nav a {
	display: block;
}
#nav li {
	/* all list items */	float: left;
	/* width: 10em;
	width needed or else Opera goes nuts */ }
#nav li ul {
	/* second-level lists */	position: absolute;
		left: -999em;
	margin-top: 5px;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li:hover ul, #nav li.sfhover ul {
	/* lists nested under hovered list items */	left: auto;
	margin: 6px 0px 0px -11px;
	padding: 0px;
}
#nav li ul li, #nav li ul li:hover {
	background: #fff;
	width: 300px;
	border-top: 1px dotted #ccc;
} 
#nav li ul li input {
	border: 1px solid #ccc;
	width: 32px;
	float: left;
	margin: 0px 10px 0px 0px;
}
#nav li ul li div {
	width: 100px;
	font-size: 9pt;
	padding: 5px 0px 5px 0px;
	float: left;
	}

#main #content ul  {
	margin-bottom: 30px;
	margin-top: 0px;
	float: left 
}
#main #content ul li {
	margin: 0px 0px 0px 20px;
}

hr {
	border-bottom: 1px solid #fff;
	border-top: 1px dotted #ccc;
	width: 99%;
	background: transparent;
	clear: both;
	margin: 0px 0px 20px 0px;
}

#alfabet {
	width: 300px;
	float: right;
	padding-bottom: 20px;
} 
#alfabet_provincie {
	width: 660px;
} 
#alfabet_letters {
	padding-left: 10px;
}

			#box ul#lijst {
				margin-top: 0px;
				list-style: disc;
			}
			#box ul#lijst li{
				margin: 0px 0px 0px 20px;
				padding: 2px 0px 2px 0px;
			}
.box ul#lijst {
	margin-top: 0px;
	list-style: disc;
}
.box ul#lijst li{
	margin: 0px 0px 0px 20px;
	padding: 2px 0px 2px 0px;
}

#blok {
	border-top: 1px dotted #ccc;
	padding: 10px;
	width: 316px;
	float: left;
	min-height: 110px;
}
#blok img.aanbieder {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0px 20px 10px 0px;
}
#blok a img {
	margin-top: 5px;
}
.blok {
	border-top: 1px dotted #ccc;
	padding: 10px;
	width: 316px;
	float: left;
	min-height: 110px;
}
.blok img.aanbieder {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0px 20px 10px 0px;
}
.blok a img {
	margin-top: 5px;
}

.blok2 {
	border-top: 1px dotted #ccc;
	padding: 10px 10px 0 10px;
	width: 316px;
	float: left;
	min-height: 131px;
}
.blok2 .left {
	float: left;
	}
.blok2 .left img {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0px 20px 10px 0px;
	max-height: 75px;
	max-width: 75px;
}
* html .blok2 .left img {
	height: 87px;
	width: 87px;
}
.blok2 .right {
	margin-left: 105px;
}
.blok2 .right .button{
	display: block;
	background: url(../images/design/button-orange.gif) no-repeat;
	height: 28px;
	width: 123px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 28px;
	margin: 10px 0px 10px 0px;
}
.blok2 .right .button_selected {
	display: block;
	background: url(../images/design/button-green.gif) no-repeat;
	height: 28px;
	width: 123px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 28px;
	margin: 10px 0px 10px 0px;
}

.blok3 {  
	border-top: 1px dotted #ccc;
	padding: 10px 0px 0px 0px;
	width: 316px;
	float: left;
	min-height: 100px;
}
.blok3 .left { 
	float: left;
}
.blok3 .right {
	width: 190px;
	float: left;
}

.blok3 .left img {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0px 10px 10px 0px;
	width: 57px;
}
* html .blok3 .left img { 
	height: 57px;
}
.blok3 .icon_right {
	float: right;
}

.blok3 .icon_left {
	float: left;
}

#offerte_wrap_l, #offerte_wrap_r {
	float: left;
	width: 311px;
	border: 2px solid #c4c4c4;
	padding: 10px;
	margin-right: 5px;
	background: url(../images/design/bg_offerte.gif) repeat-x;
}
#vestiging_wrap_l, #vestiging_wrap_r {
	float: left;
	width: 311px;
	border: 1px dotted #c4c4c4;
	padding: 10px;
	margin-right: 5px;
}
#offerte_wrap_r {
	float: right;
	margin-left: 5px;
	margin-right: 0px;
}
#vestiging_wrap_r {
	float: right;	
	margin-left: 5px;
	margin-right: 0px;
}

#content input { border: 1px solid #ccc; margin: 2px 0px 2px 0px; }
#content input.button { border: 0px; clear: both;}

#orange { background: url(../images/design/button-orange.gif) no-repeat; height: 28px; width: 123px; text-align: center; font-weight: bold; color: #fff; line-height: 28px; margin: 10px 0px 10px 0px; }
#orange a { color: #fff; }
.orange { background: url(../images/design/button-orange.gif) no-repeat; height: 28px; width: 123px; text-align: center; font-weight: bold; color: #fff; line-height: 28px; margin: 10px 0px 10px 0px; }
.orange a { color: #fff; }

#blue { background: url(../images/design/button-blue.gif) no-repeat; height: 28px; width: 123px; text-align: center; font-weight: bold; color: #fff; line-height: 28px; margin: 10px 0px 10px 0px; }
#blue a { color: #fff; }

/* FilterSearchForm */

.FSForm { background: url("/images/design/boxtop.gif") no-repeat 0 0;  width: 250px; padding: 0; margin: 0; margin-bottom: 6px; } 
.FSForm * { padding: 0; margin: 0; } 
.FSForm form { background: url("/images/design/boxbottom.gif") no-repeat bottom;  width: 250px; } 

.FSForm form fieldset { border: 0; padding: 6px 0 6px 18px; margin: 0; } 
.FSForm form fieldset legend { zoom: 1; white-space: normal; padding: 15px 20px 12px 28px; background: url("/images/design/box_view.png") no-repeat -2px 15px; color: #134c85; font-size: 13pt; } 
.FSForm form fieldset legend,
.FSForm form fieldset legend span {float:left;}
.FSForm form fieldset .fieldset-content {clear:both;}

.FSForm form fieldset .legend2 { background: url("/images/design/box_preferences.png") no-repeat 0 15px; } 
.FSForm form fieldset label { display: block; width: 70px; float: left; padding-top: 1px; } 
.FSForm form fieldset input { vertical-align: middle;} 
.FSForm form fieldset select { vertical-align: middle;} 
.FSForm form fieldset .input1 { border: 1px solid #cccccc; width: 138px; padding: 1px; margin-bottom: 4px; } 
* html .FSForm form fieldset .input1 { width: 142px; } 
.FSForm form fieldset .input2 { border: 1px solid #cccccc; width: 58px; padding: 1px; margin-bottom: 4px; } 
* html #SearchForm form fieldset .input2 { width: 62px; } 
.FSForm form fieldset select option { padding: 0 5px 0 3px; } 
.FSForm form fieldset select { border: 1px solid #cccccc; width: 142px; margin-bottom: 4px; } 
.FSForm form fieldset .select1 { border: 1px solid #cccccc; width: 76px; margin-bottom: 4px; } 
.FSForm form fieldset .submit { margin-left: 118px; margin-top: 4px; } 

/* Offerte formulier */
#OfferteForm {
	
} 
#OfferteForm * {
	background: #eaf4fd;
	padding: 2px;
	font-family: Trebuchet MS, Verdana;
	font-size: 10pt;
} 
#OfferteForm form fieldset {
	border: 0;
	padding: 6px 0 6px 18px;
	margin: 0;
} 
#OfferteForm form fieldset label {
	display: block;
	float: left;
	width: 140px;
	margin-top: 2px;
} 
#OfferteForm form fieldset input {
	background: #fff;
	margin-top: 2px;
	margin-right: 5px;
	border: 1px solid #cccccc;
	vertical-align: middle;
}
#OfferteForm form fieldset textarea {
	background: #fff;
}

#OfferteForm form fieldset input[type="radio"] {
	margin: 5px 5px 6px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#OfferteForm form fieldset input.radio { 
	border-width: 0px;
}
#OfferteForm form fieldset input.button { 
	background: url(../images/design/button-orange.gif) no-repeat;
	height: 28px;
	width: 123px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 28px;
	margin: 10px 0px 10px 145px;
}
#TAFForm .button { 
	background: url(../images/design/button-orange.gif) no-repeat;
	height: 28px;
	width: 123px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 28px;
	margin: 10px 0px 10px 0px;
	font-family: Trebuchet MS, Verdana;
	font-size: 10pt;	
}
/* Offerte lightbox */

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);

}
.white_content {
    display: none;
    position: fixed;
    top: 0%;
    left: 10%;
    width: 80%;
    height: 100%;
    padding: 16px;
    border: 16px solid #e4eff8;
    background-color: white;
    z-index:1002;
    overflow: auto;
}

/* ul met vinkjes */
.vinkjes {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.vinkjes li {
	background: url('/images/design/vinkje.png') 0 0 no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}

/* breadcrumb */
#breadcrumb {
	padding-bottom: 10px;
}


.date {
	padding-bottom: 5px;
}
.hidden {
	display: none;
}
.button {
	cursor: pointer;
}