
body#defaultbody {
	background: #527DBF url(../images/bggg.gif) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 75%;
	color: #000;
}

#sitebox-with-shadow {
	width: 758px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	background: #fff url(../images/bg_sitebox.gif) repeat-y right;
}


/* HEADER */


#printlogo {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}


#topheader {
	
}

#topheader-logo {
	float: left;
	width: 540px;
	height: 63px;
	text-align: left;
	margin: 0;
	background: url(../images/bg_topheader_logo.jpg) no-repeat;
}

#topheader-logo img {
	margin: 10px 0 0 10px;
}

#topheader-freesearch {
	float: left;
	height: 63px;
	width: 211px;
	background: url(../images/bg_topheader_freesearch.jpg) no-repeat;
}

#orange-bar {
	width: 750px;
	border-top: 1px solid #fff;
}

#midheader {

}

#midheader-photo {
	float: left;
	width: 279px;
	height: 102px;
	background: url(../images/bg_midheader_photo_01.jpg) no-repeat;
}

#midheader-payoff {
	float: left;
	width: 472px;
	height: 102px;
	background: url(../images/bg_midheader_payoff.jpg) no-repeat;
}

#arrow-bar {
	width: 750px;
}

#arrow-bar img {
	margin: 0 0 0 153px;
} 

/* CENTER */

#center {
	width: 750px;
	margin: 25px 0 20px 0;
}


/* LAYOUTS */

#left {
	float: left;
	width: 160px;
	text-align: right;
}

#left-container {
	margin: 0 10px 50px 0;
}

#right {
	float: left;
	width: 590px;
}

#right-container {
	text-align: left;
	margin: 7px 30px 50px 30px;
	line-height: 2.0em;
}

#shadow-bottom {
	width: 758px;
	height: 8px;
	background: url(../images/shadow_bottom.gif) no-repeat;
	font-size: 0em;
	margin: 0 auto;
}

#footer-box {
	width: 740px;
	margin: 2px auto;
	text-align: right;
}


#content-left {
	float: left;
	width: 320px;
}

#content-right {
	float: left;
	width: 150px;
}


/* MENU */

ul.menu {
	padding: 0;
	margin: 10px;
	list-style: none;
}

ul.menu li {
	list-style-image: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 12px 0 0 0;
}

ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active {
	text-decoration: none;
	color: #F16803;
}

ul.menu li a:hover  {
	color: #F5B540;
}

ul.menu li#currentmenu a:link, ul.menu li#currentmenu a:visited, ul.menu li#currentmenu a:hover, ul.menu li#currentmenu a:active {
	color: #F5B540;
}



/* SUBMENU */

ul.submenu {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

ul.submenu li {
	margin: 5px 0 0 0;
	padding: 0;
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
}

ul.menu li ul.submenu li a:link, ul.menu li ul.submenu li a:visited, ul.menu li ul.submenu li a:active {
	color: #06458E;
}

ul.menu li ul.submenu li a:hover {
	color: #99cccc;
}

ul.menu li#currentmenu ul.submenu li a:link, ul.menu li#currentmenu ul.submenu li a:visited, ul.menu li#currentmenu ul.submenu li a:active {
	color: #598D9F;
}

ul.menu li#currentmenu ul.submenu li a:hover {
	color: #99cccc;
}

ul.menu li#currentmenu ul.submenu li#currentsubmenu a:link, ul.menu li#currentmenu ul.submenu li#currentsubmenu a:visited, ul.menu li#currentmenu ul.submenu li#currentsubmenu a:link,  {
	font-weight: bold;
	color: #000;	
}

/* ul zoekresultaten */

ul.zoekresultaten {
	margin: 0 0 0 15px;
}



/* BASIX */

h1 {
	font-size: 1.6em;
	color: #F57F21;
}

h2 {
	color: #000;
	font-size: 1.2em;
	margin: 5px 0 10px 0;
}

h2.vooraannemers {
	margin: 5px 0 5px 0;
	color: #055DDE;
}

h2.voorbedrijven {
	margin: 5px 0 5px 0;
	color: #093F90;
}

h2.voorparticulieren {
	margin: 5px 0 5px 0;
	color: #F57F21;
}	

h3 {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h4 {
	margin: 5px 0 5px 0;
	color: #F57F21;
}	

/* HOME */


#homeblocks {
	margin: 30px 0 0 0;
	width: 480px;
}

.home-item {
	float: left;
	width: 215px;
	margin: 0 20px 0 0;
	line-height: 1.6em;
	border: 1px solid #ccc;
	text-align: center;	
}

.home-item img {
	margin: 10px 0 0 0;
}

.home-item-text {
	font-size: 0.9em;
	margin: 10px;
	color: #333;
}



/* LINKS */

a:link, a:visited, a:active { 
	color: #055DDE;
}

a:hover {
	color: #055DDE;
}

a.leesverder:link, a.leesverder:visited, a.leesverder:hover, a.leesverder:active { 
	background: url(../images/icon_readmore.gif) no-repeat;
	padding: 1px 0 0 15px;
	background-position: left;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	text-transform: uppercase;
}

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active { 
	background: url(../images/icon_pdf.gif) no-repeat;
	padding: 0 0 0 25px;
	background-position: left;
}

a.route:link, a.route:visited, a.route:hover, a.route:active { 
	background: url(../images/icon_route.gif) no-repeat;
	padding: 0 0 0 18px;
	background-position: left;
}


/* FREE SEARCH */

#freesearch-box {
	bbbborder: 1px solid red;	
	margin: 20px 0 0 30px;
	padding: 0;
	width: 170px;
}

#freesearch-box form {
	margin: 0;
	padding: 0;
}

#freesearch-input {
	float: left;
}

#freesearch-input input {
	width: 100px;
}

#freesearch-submit {
	float: left;
}

#freesearch-submit input#submit {	
	font-size: 0.9em;
	height: 23px;
	width: 30px;
	margin: 0 0 0 5px;
}


/* CONTENT */

.warning {
	color: #cc0000;
}

table {
	border-top: 1px solid #a2cdd5;
	border-left: 1px solid #a2cdd5;
	margin: 0;
	padding: 0;
	border-collapse: collapse; 
	border-spacing: 0;
}

tr {
	margin: 0;
	padding: 0;
}

td {
	border-right: 1px solid #a2cdd5;
	border-bottom: 1px solid #a2cdd5;
	padding: 5px;
	vertical-align: top;
}



/* LISTS */


ul {
	margin: 0 0 0 15px;
	padding: 0;
}

ul li {
	list-style-image: url(../images/li.gif);
}




/* CONTACTFORM */

form#contactformulier  {
	width: 200px;
}

form#contactformulier select {
	margin: 0 0 10px 0;
	border: 1px solid #888; 
	font-family: trebuchet ms, verdana, arial;
	font-size: 1.0em;
}

form#contactformulier input {
	margin: 0 0 10px 0;
	border: 1px solid #888; 
}

form#contactformulier input#phone {
	width: 100px;
}

form#contactformulier input#submit {
	border: 1px solid #fff; 
	padding: 2px 0 0 0;
	color: #fff;
	background: #ff9900;
}

form#contactformulier .radio-box {
	height: 25px;
}

form#contactformulier .radio-box input {
	float: left;
	border: none;
}


form#contactformulier textarea {
	width: 300px;
	height: 150px;
	border: 1px solid #888; 
}



/* CATEGORY */

#categorylist {

}


.category-box {
	float: left;
	width: 230px;
	margin: 0 20px 15px 0;
	background: #e8f0f4 url(../images/bg_projectblok.gif) repeat-y;
	border: 1px solid #C1D0D6;
}

.category-image {
	width: 100px;
	float: left;
}

.category-image img {

}

.category-text {
	float: left;
	width: 100px;
	margin: 5px 0 0 0;
	line-height: 1.4em;
}

.category-text h2 {
	margin: 0 0 1px 0;
	font-size: 1.0em;
}


/* PROJECT */


.categoryname {
	color: #527DBF;
}

.project-box {
	width: 400px;
	background: #e8f0f4 url(../images/bg_projectblok.gif) repeat-y;
	border: 1px solid #C1D0D6;
	margin: 0 0 20px 0;
	
}

.project-image {
	width: 100px;
	float: left;
}

.project-image img {

}

.project-text {
	float: left;
	width: 300px;
	margin: 5px 0 0 0;
	line-height: 1.4em;
}

.project-text h2 {
	margin: 0 0 1px 0;
	font-size: 1.0em;
}


/* DETAIL */

#project-summary {
	border: 1px solid #C1D0D6;
	width: 490px;
	margin: 0 0 20px 0;
	background: #e8f0f4 url(../images/bg_projectsummary.gif) repeat-y;
}

#project-data {
	background: url(../images/bg_projectcontent.gif) repeat-y;
	border: 1px solid #C1D0D6;
	width: 490px;
}

#project-data-container {
	margin: 10px;
}

#project-summary_image {
	float: left;
	width: 200px;
}

#project-summary-text {
	float: left;
	width: 230px;
	line-height: 1.4em;
	font-size: 0.9em;
	margin: 10px 0 0 15px;
}

.project-kenmerk {
	width: 200px;
	float: left;
	font-weight: bold;
}

.project-waarde {
	width: 220px;
	float: left;
}


/* DIENSTEN */

.dienst-box {
	margin: 10px 0 0 0;
	width: 450px;
	border: 1px solid #ddd;	
	background: #e8f0f4;
}

.dienst-image {
	float: left;
}

.dienst-text {
	float: left;
	line-height: 1.5em;
}

.dienst-text a:link, .dienst-text a:visited, .dienst-text a:hover, .dienst-text a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.dienst-text-container {
	margin: 5px 10px 5px 10px;
}

.dienst-subtitle {
	font-size: 0.9em;
}	
	

/* FOOTER */

#footer-text {
	margin: 6x 0 0 0;
	color: #fff;
	font-size: 1.0em;
}

.footer-line {
	color: #FDA50B;
}

a.footer-link:link, a.footer-link:visited, a.footer-link:hover, a.footer-link:active {
	color: #fff;
	text-decoration: none;
}

a.neemcontactop:link, a.neemcontactop:visited, a.neemcontactop:hover, a.neemcontactop:active {
	color: #FAA805;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
}

/* IMAGES */

img {
	border: none;
}

img.content-image {
	float: right;
}

img.left-image {
	border: 1px solid #333;
	float: left;
	margin: 5px 20px 0 0;
}



/* CONTACT OPNEMEN */

#contact-link {

}

#contact-text {
	float: left;
}

#contact-image {
	float: left;
	margin: 3px 0 0 10px;
}


/* SPECIAL */ 

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

