* {outline:0px}
body {margin:8px 0px 0px 0px}
body, #bedrijf,#persoon { font-family: Trebuchet MS, Trebuchet; color:#686868; font-size:12px } 
.generic_shadow, .ui-accordion h3, .ui-accordion-content-active {box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2)}

blockquote {
	border-radius: 0.6em 0.6em 0.6em 0.6em; -moz-border-radius: 0.6em 0.6em 0.6em 0.6em;		
	background: -moz-linear-gradient(center top , #ffffff, #DFEBCD); 
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DFEBCD)); 
	border: 1px solid #DEDEDE;
	color: #0099CC;
	font: italic bold 15px/22px Georgia,Arial,sans-serif;
	line-height:22px;
	margin: 0px;
	height:40px;
	padding: 20px 20px 20px 12px
	background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFEBCD');
}

#container { position:absolute; top:24px; width:960px; left:559px; margin-left:-480px }

#header {font-family: Arial; font-size:18px; color:#66851E; position:relative; padding-left:12px; padding-top:12px}
#header #bedrijfsnaam {color:#0099CC}
#header #bedrijfsnaam .ondertitel { color:#0099CC; font-variant: small-caps; font-size: 11px; font-weight: bold;}
#header #stad{ color:#686868; float:right; display:inline-block; padding-right:12px; font-size:11px; line-height:15px}
#header #adres {color:#686868; float:right; display:inline-block; padding-right:12px; font-size:11px; line-height:15px}
#header #adres .pre { width:12px; color:#0099CC; font-weight:bold}
#header #adres a { text-decoration:none; color:#686868 }
#header #adres a:hover { text-decoration:underline }

#content  { padding:12px; margin-top:24px; margin-bottom:24px;border:1px solid #dfdfdf; border-radius: 0.6em 0.6em 0.6em 0.6em; -moz-border-radius: 0.6em 0.6em 0.6em 0.6em}
#bedrijf  { float:left; width:200px; padding-right:24px; padding-top:18px}
#diensten { float:left; width:485px; padding-right:24px}
#persoon  { float:left; width:200px; padding-top:18px}
#contentpagina  { float:left; width:685px; padding-right:24px; padding-top:18px}

#menu {
	border:1px solid #dfdfdf;
	border-radius: 0.6em 0.6em 0.6em 0.6em; -moz-border-radius: 0.6em 0.6em 0.6em 0.6em;
	background-color: #f0f0f0;
		background: -moz-linear-gradient(center top , #ffffff, #f0f0f0); 
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
	font-size:19px; font-weight:normal; color:#686868;
	padding: 3px 12px 4px;
	height: 36px
}
#menu ul {padding:0px; margin: 0px 0 0;text-indent:0px; display:inline-block;float:left}
#menu ul li { display:inline; padding:0px; margin:0px; text-indent:0px; margin-right:18px; border:1px transparent}
#menu ul li a {display:inline-block; text-decoration:none; padding: 6px 12px; color:#686868}
#menu ul li a:hover { 
	border-radius: 0.3em 0.3em 0.3em 0.3em; -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	background: -moz-linear-gradient(center top , #cccccc, #dfdfdf); 
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dfdfdf)); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dfdfdf');
	color:#ffffff;
}
#menu ul li.active a {
	border-radius: 0.3em 0.3em 0.3em 0.3em; -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
	background: #0099CC;		
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6)
}
#menu ul li.active a {color:#ffffff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
#menu #social {float:right;margin-top:4px}
#menu #social img {height:30px; width:30px; border:0px}

/* from http://jqueryui.com/themes/base/jquery.ui.accordion.css */
.ui-accordion { width: 100%; margin-bottom:6px }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin: 6px 0px 0px 0px; zoom: 1; 
									 border-radius: 0.6em 0.6em 0em 0em; -moz-border-radius: 0.6em 0.6em 0em 0em;
									 font-size: 16px;}
.ui-accordion .ui-accordion-content { font-size: 12px }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; text-decoration:none; color:#0099CC }
.ui-accordion .ui-accordion-header a:hover {
	border-radius: 0.6em 0.6em 0em 0em; -moz-border-radius: 0.6em 0.6em 0em 0em;
	background: -moz-linear-gradient(center top, #dfdfdf, #cccccc); 
		background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dfdfdf)); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#dfdfdf');
}
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; font-size:12px}
.ui-accordion .ui-accordion-content-active { display: block; border-radius: 0em 0em 0.6em 0.6em; -moz-border-radius: 0em 0em 0.6em 0.6em;}
.ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); height: 16px; width: 16px}
.ui-state-default .ui-icon {background-image: url("images/ui-icons_2e83ff_256x240.png")}
.ui-state-active  .ui-icon {background-image: url("images/ui-icons_2e83ff_256x240.png")}
.ui-icon-triangle-1-s {background-position: -64px -16px}
.ui-icon-triangle-1-e {background-position: -32px -16px}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color:#f0f0f0;
		background: -moz-linear-gradient(center top , #ffffff, #f0f0f0); 
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
	border: 1px solid #dfdfdf;
	color: #555555;
	font-weight: normal;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-color:#f0f0f0;
		background: -moz-linear-gradient(center top , #ffffff, #f0f0f0); 
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
	border: 1px solid #dfdfdf;
	color: #D3572B;
	font-weight: normal;
}
.ui-widget-content {
	background: url("http://jqueryui.com/themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
	border: 1px solid #dfdfdf;
}
.leesverder { margin-top:4px; margin-bottom:4px}
.leesverder a {text-decoration:none; color:#0099CC}
.leesverder a:hover {text-decoration:underline}

/* ------------------------------------------------------------------------------------------------------------------------------------------ Generic clearfix method --- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

.clearfix {
zoom: 1;     /* triggers hasLayout */
 display: block;     /* resets display for IE/Win */
}