@import "reset.css";

body {
	font:12px/16px Verdana, Arial, sans-serif;
	color:#272a2d;
	padding-top:10px;
}
div#header div.container, div#content div.container, div#footer div.container, div#nav ul {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
div#nav {
	height:41px;
	overflow:hidden;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#fff url(../images/bg-nav-repeat.gif) repeat-x;
}	
div#nav div.content {
	height:41px;
	background:url(../images/bg-nav.gif) no-repeat -30px 0;
}
div#nav ul {
	list-style:none;
	list-style-position:outside;
}
div#nav ul li {
	float:left;
}


div#nav ul li a {
       display:block;
       padding:0 15px 0 0;
       margin:0 10px 0 0;
       background:url(../images/sep.gif) no-repeat right 5px;
       font-size:12px;
       text-transform:uppercase;
       color:#ffffff;
       font-weight:bold;
       overflow:hidden;
       outline:none;
}
div#nav ul li a:hover span.content {
       cursor:pointer;
       text-decoration:underline;
}
div#nav ul li.last a {
       background:none;
       padding-right:0;
       margin-right:0;
}
div#nav ul span {
       margin-top:7px;
       float:left;
       display:block;
       overflow:hidden;
}
div#nav a span.left, div#nav li.selected a span.right {
       width:5px;
       height:33px;
}
div#nav a span.content {
       padding-top:6px;
}
div#nav li.selected a {
       position:relative;
       left:-11px;
       margin-right:0px;
}
div#nav li.selected a span.left {
       background:url(../images/left-nav-hover.gif) no-repeat;
}
div#nav li.selected a span.right {
       background:url(../images/right-nav-hover.gif) no-repeat;
}
div#nav li.selected a span.content {
       padding:6px 5px 11px;
       background-color:#fff;
       color:#036dad;
}



div#nav li.selected a {
	position:relative;
	left:-11px;
	margin-right:0px;
}
div#nav li.selected a {
	padding-right:0;
}
div#intro {
	margin-bottom:15px;
	background-color:#f1f1f1;
	border-bottom:1px solid #c6c6c6;
}
div#intro div.container {
	padding:20px 0;
	position:relative;
}
div#intro div.container a.btn {
	width:15px;
	height:15px;
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	top:20px;
	background:url(../images/btn-close.gif) no-repeat;
}
div#intro h1, div#intro strong {
	margin-bottom:15px;
	display:block;
	color:#000;
}
div#main h1.gray {
	color:#717171;	
}
p.col {
	width:440px;
	padding-right:40px;
	float:left;
	line-height:20px;
}
p.col.last {
	width:480px;
	padding-right:0;
}
h1 {
	font-size:14px;
	color:#000000;
	text-transform:uppercase;
}
ul#search {
	list-style:none;
	list-style-position:outside;
	padding-bottom:20px;
}
ul#search li {
	margin:5px 15px 0 0; 
	float:left;
	font-weight:bold;
	color:#000000;
	font-size:15px;
}
ul#search li h1 {
	color:#000000;
	font-size:15px;
	margin-bottom:0;
}
ul#search li li {
	position:relative;
	top:-10px;
	margin-right:0;
	float:none;
}
ul#search li a {
	padding:5px 20px 5px 10px;
	background:#0879bf url(../images/ico-arrow.gif) 95% 13px no-repeat;
	display:block;
	color:#fff;
	line-height:16px;
}
ul#search li.submenu {
	position:relative;
}
ul#search ul {
	list-style-position:outside;
	list-style:none;
}
ul#search li.submenu ul {
	display:none;
	position:absolute;
	left:0;
	top:26px;
	border:1px solid #196274;
	padding-right:0;
}
ul#search li.submenu ul a {
	width:230px;
	font-size:12px;
	font-weight:normal;
	background:url(../images/bg-drop_down.png) repeat;	
}
ul#search li.submenu ul a:hover {
	background:url(../images/bg-drop_down-hover.png);	
}
ul#search li.submenu li {
	top:0;
	margin-top:0;
}
ul#search li.submenu:hover ul {
	display:block;	
}
div#main {
	width:680px;
	float:left;	
}
ul#companies {
	list-style:none;
	list-style-position:outside;
}
ul#companies li {
	padding:17px;
	background-color:#ebf6fd;	
	border:1px solid #63b5e8;
	overflow:hidden;
}
ul#companies li.focus {
	background-color:#d5efff;
}
ul#companies.nobg li {
	background:none;
	border:none;
	padding-left:0;
	cursor:auto;
}
ul#companies div.pic {
	float:left;	
}
ul#companies div.info {
	width:470px;
	float:right;
}
ul#companies.nobg div.info {
	width:500px;	
}
h3, div#content h2 a, div.container h1 {
	font-size:14px;
	color:#0879bf;
}
h2 {
	color:#0879bf;
	font-size:13px;
}
div#content h2 a:hover {
	text-decoration:underline;
}
h3 strong {
	font-size:10px;
	font-weight:normal;
	color:#7a98aa;
	display:block;
	margin-top:-2px;
	text-transform:uppercase;
}
ul#companies li {
	margin-bottom:20px;
	cursor:pointer;
}
ul#companies div.info h1 {
	float:left;
}
ul#companies div.info h3 {
	text-align:right;
	float:right;	
}
ul#companies div.info p {
	margin-bottom:12px;
	line-height:22px;
}
ul#companies.nobg div.info p {
	padding-top:20px;
	font-weight:bold;	
}
ul#companies a.btn {
	padding:3px 7px 5px;
	display:block;
	background:url(../images/bg-btn.gif) repeat-x;
	border:1px solid #fff;
	float:left;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:16px;
}
div#sidebar {
	width:208px;
	padding:20px;
	float:right;
	border:1px solid #c7c7c7;
	background-color:#f1f1f1;
}
div#sidebar h3 {
	padding-bottom:10px;	
}
ul ul {
	padding-left:15px;
}
ul#search ul {
	padding-left:0;
}
ul.list {
	list-style:none;
	list-style-position:outside;
}
ul.list li, .sep, div#footer dd a {
	display:block;
	padding-left:20px;
	background:url(../images/sep-arrow.gif) no-repeat left 6px;	
}
div#sidebar ul.list {
	padding-bottom:15px;	
}
div#sidebar ul.list a {
	color:#000;
	font-size:12px;
	line-height:18px;
}
div#sidebar ul.list a:hover, div#sidebar .sep:hover {
	text-decoration:underline;
}
div.border {
	height:1px;
	overflow:hidden;
	background-color:#c6c6c6;	
}
div#sidebar .sep {
	color:#0879bf;
	font-weight:bold;
}
div#footer {
	margin-top:45px;
	padding-bottom:40px;
	background:#f1f1f1 url(../images/bg-footer.gif) repeat-x;
}
ul#submenu {
	list-style:none;
	list-style-position:outside;
	overflow:hidden;
	padding:25px 0 17px;	
}
ul#submenu li {
	float:left;
	margin-right:24px;
}
ul#submenu li.last {
	margin-right:0;	
}
ul#submenu a {
	color:#0879bf;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#submenu a:hover {
	text-decoration:underline;
}	
ul#cols {
	list-style:none;
	list-style-position:outside;
	position:relative;
	left:-30px;
	margin-bottom:30px;
	overflow:hidden;
}
ul#cols li {
	float:left;
	width:259px;
	padding:15px 30px;
	border-right:1px solid #c6c6c6;
}
ul#cols li.last {
	border:none;
	padding-right:0;
}
ul#cols li a {
	color:#777777;
	font-size:12px;
	line-height:18px;
}
ul#cols li a:hover {
	text-decoration:underline;
}
h4 {
	color:#777777;
	font-size:12px;
}
div#footer ul.list a {
	font-size:12px;
	color:#777777;
	line-height:18px;
}
div#footer ul.list a:hover {
	text-decoration:underline;
}
div#footer ul.list strong {
	font-size:10px;
	color:#0879bf;
	font-weight:normal;
}
div#footer div.goleft {
	width:640px;	
}
div#footer div.goright {
	float:left;
}
p.centered {
	background:url(../images/centered.gif) repeat-x 0 2px;	
}
.centered {
	text-align:center;	
}
p.centered span {
	padding:0 20px;
	font-size:12px;
	color:#777777;
	background-color:#f1f1f1;	
}
ul#breadcrumbs {
	list-style:none;
	list-style-position:outside;
	padding:12px 0 22px;
	overflow:hidden;	
}
ul#breadcrumbs li {
	font-weight:bold;
	float:left;
	color:#0879bf;
}
ul#breadcrumbs li a {
	padding-right:14px;
	margin-right:5px;
	background:url(../images/sep-breadcrumbs.gif) no-repeat right 6px;
	display:block;
	color:#919191;	
}
ul#breadcrumbs li a:hover {
	color:#0879bf;
	text-decoration:underline;
}
div#main.content h2, div.container h1 {
	margin-bottom:5px;
	text-transform:none;
}
div#main.content p {
	margin-bottom:20px;
	line-height:20px;
	color:#272a2d;
}
h3.info, dl.info dt {
	margin-bottom:10px;
	font-size:12px;
	color:#272a2d;
	font-weight:bold;
}
dl.info dd {
	margin-bottom:15px;	
}
ul.info {
	list-style:none;
	list-style-position:outside;
	overflow:hidden;
}
ul.info li {
	width:190px;
	float:left;	
}
div#main ul.info dl dd a {
	color:#272a2d;
	margin-bottom:10px;
	display:block;
}
ul.info {
	margin-bottom:15px;	
}
div#sidebar.form {
	background-color:#d5efff;
	border-color:#63b5e8;
}
form#contact label.title {
	margin-bottom:15px;
	line-height:22px;
	font-weight:bold;
	display:block;
	color:#0879bf;
	cursor:pointer;
	white-space:nowrap;
}
form#contact label strong {
	font-size:16px;
	display:block;
	padding-bottom:5px;
}
form#contact label span {
	color:#919191;	
}
form#contact p {
	padding-bottom:15px;	
}
form#contact p span, form#contact label {
	padding-bottom:5px;
	display:block;
	font-size:12px;
	color:#0879bf;
	font-weight:bold;
}
form#contact input.text {
	width:204px;
	padding:4px 0 4px 5px;
	display:block;
	border:1px solid #adadad;
}
form#contact input.text.error {
	border-color:red;
}
form#contact textarea.error {
	border-color:red;
}
form#contact input.text:focus, form#contact textarea:focus {
	border:1px solid #0879bf;	
}
form#contact select {
	width:209px;
}
form#contact textarea {
	width:198px;
	height:73px;
	padding:5px;
	border:1px solid #adadad;
}
form#contact span.required {
	 display: inline;
	 font-size: 10px;
	 color: #CC0000;
	 font-weight: normal;
}
form#contact span.error_message {
	color: #CC0000;
	font-size: 10px;
	font-weight: normal;
	padding-top: 4px;
}
form#contact input.submit {
	width:188px;
	height:27px;
	display:block;
	border:none;
	cursor:pointer;
	overflow:hidden;
	background:url(../images/btn-submit.gif) no-repeat;	
}
div#footer p.centered a {
	color:#777777;	
}
div#footer p.centered a:hover {
	text-decoration:underline;
}
div.padded-30 img {
	border:none;	
}
ul#companies li h2 {
	float:left;
}
ul#companies div.info h3 {
	margin-bottom:4px;
}
/* Aanmeldformulier adviseurs */
form#aanmeld div {
	overflow:hidden;
	padding-bottom:10px;
}
form#aanmeld div.goleft, form#aanmeld div.goright {
	width:330px;	
}
form#aanmeld span.info {
	padding-left:115px;
	display:block;
	color:#000;
}
form#aanmeld div.checkboxes {
	padding-top:20px;	
}
form#aanmeld div.checkboxes div {
	width:340px;
	float:left;
}	
form#aanmeld div.checkboxes div label {
	margin-left:5px;
	top:-2px;
	position:relative;
}
form#aanmeld span {
	padding-bottom:5px;
	display:block;
	color:red;
}
form#aanmeld strong {
	width:115px;
	padding-top:5px;
	display:block;
	font-size:12px;
	color:#272A2D;
	float: left;
	font-weight:normal;
}
form#aanmeld span.italic {
   font-style:italic;    
   padding-left:0;
   color:#000;
}
form#aanmeld strong.info {
	width:auto;
	padding-left:5px;
}
form#aanmeld strong span {
   margin-right:3px;
   padding:0;
   color:#000;
   display:inline;
   float:right;
}
form#aanmeld span.bold {
	color:#000;
	padding:0;
	display:inline;
	font-weight:bold;
}
form#aanmeld input.text {
	width:204px;
	padding:4px 0 4px 5px;
	display:inline;
	border:1px solid #adadad;
	float: left;
}
form#aanmeld input.text:focus, form#contact textarea:focus {
	border:1px solid #0879bf;	
}
form#aanmeld input.text.error {
   border-color:red;    
}
form#aanmeld textarea.error {
   border-color:red;    
}
form#aanmeld select {
	width:209px;
}
form#aanmeld textarea {
	width:198px;
	height:73px;
	padding:5px;
	border:1px solid #adadad;
}
form#aanmeld input.submit {
	width:188px;
	height:27px;
	display:block;
	border:none;
	cursor:pointer;
	overflow:hidden;
	background:url(../images/btn-adviesbureau.gif) no-repeat;	
}
div#nav ul {
      overflow:visible;
      width:973px;
}