/* 
April 2008
Door : Koen Haarbosch  |  Bit Squad

Kleuren:
oranje: #F49B00;
grijs: #58585A;

*/

/* --------------------------------------------- // -------- ALGEMENE SITE */

*
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}

a:link { color: #000000; text-decoration: underline; } /*  niet bezochte link */
a:hover  { color: #000000; text-decoration: none;} /*  roll over  */

body 
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
	background: #FFF3D7;
}

.clear 
{
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
}

#wrapper 
{
	width: 980px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	text-align: left;
}

/* --------------------------------------------- // -------- Instellen Fonts */
#login_details, #breadcrumb, #content {
	font-size: 0.75em;
}
#projects {
	font-size: 0.7em;
}

#projects h3 {
	font-size: 1.2em;
}
/* --------------------------------------------- // -------- Header */

#header {
	float: left;
	width: 980px;
	height: 251px;
	margin-top: 30px;
}

#flash_pt1 {
	float: left;
	width: 980px;
	height: 182px;
}

#login_details {
	float: left;
	width: 980px; /* 980 */
	height: 22px;
	line-height: 22px;
	text-align: right;
	padding: 0;
	color: #666666;
	background: url(../_images/bg_login_details.jpg) no-repeat 0 0;
}
#login_details a {
	color: #F49B00;
	margin: 0 44px 0 33px;
}
#flash_pt2 {
	float: left;
	width: 980px;
	height: 47px;
}

/* --------------------------------------------- // -------- Columns */

#columnContainer {
	float: left;
	width: 980px;
	background: url(../_images/bg_contentContainer.gif) repeat-y 0 0;
}
/* --------------------------------------------- // -------- Column Left */

#colLeft {
	float: left;
	width: 247px;
}

/* -------------------- // -------- Menu */

#menu {
	float: left;
	width: 247px;
}
#menu ul
{
	float: right;
	width: 205px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#nav li {
	float: left;
	padding: 0;
	margin: 0;
}
#nav img {	
	display: block;
	padding: 0;
	margin: 0;
}
a#btn01, a#btn02, a#btn03, a#btn04, a#btn05, a#btn06, a#btn07, a#btn08 { 
	display: block;
	width: 205px;
	height: 37px;
}

#nav li.menu_footer 
{
	width: 205px;
	height: 27px;
	background: url(../_images/buttons/menu_footer.gif) no-repeat 0px 0px;
}

a#btn01 { background: url(../_images/buttons/grondinvest_btn.gif) no-repeat 0px 0px; }
a#btn01:hover { background: url(../_images/buttons/grondinvest_over.gif) no-repeat 0px 0px; }
li.active a#btn01 { background: url(../_images/buttons/grondinvest_active.gif) no-repeat 0px 0px; }
li.active a#btn01:hover { background: url(../_images/buttons/grondinvest_active.gif) no-repeat 0px 0px; }

a#btn02 { background: url(../_images/buttons/investeren_btn.gif) no-repeat 0px 0px; }
a#btn02:hover { background: url(../_images/buttons/investeren_over.gif) no-repeat 0px 0px; }
li.active a#btn02 { background: url(../_images/buttons/investeren_active.gif) no-repeat 0px 0px; }
li.active a#btn02:hover { background: url(../_images/buttons/investeren_active.gif) no-repeat 0px 0px; }

a#btn03 { background: url(../_images/buttons/de_toekomst_btn.gif) no-repeat 0px 0px; }
a#btn03:hover { background: url(../_images/buttons/de_toekomst_over.gif) no-repeat 0px 0px; }
li.active a#btn03 { background: url(../_images/buttons/de_toekomst_active.gif) no-repeat 0px 0px; }
li.active a#btn03:hover { background: url(../_images/buttons/de_toekomst_active.gif) no-repeat 0px 0px; }

a#btn04 { background: url(../_images/buttons/de_werkwijze_btn.gif) no-repeat 0px 0px; }
a#btn04:hover { background: url(../_images/buttons/de_werkwijze_over.gif) no-repeat 0px 0px; }
li.active a#btn04 { background: url(../_images/buttons/de_werkwijze_active.gif) no-repeat 0px 0px; }
li.active a#btn04:hover { background: url(../_images/buttons/de_werkwijze_active.gif) no-repeat 0px 0px; }

a#btn05 { background: url(../_images/buttons/contact_btn.gif) no-repeat 0px 0px; }
a#btn05:hover { background: url(../_images/buttons/contact_over.gif) no-repeat 0px 0px; }
li.active a#btn05 { background: url(../_images/buttons/contact_active.gif) no-repeat 0px 0px; }
li.active a#btn05:hover { background: url(../_images/buttons/contact_active.gif) no-repeat 0px 0px; }

a#btn06 { background: url(../_images/buttons/portfolio_btn.gif) no-repeat 0px 0px; }
a#btn06:hover { background: url(../_images/buttons/portfolio_over.gif) no-repeat 0px 0px; }
li.active a#btn06 { background: url(../_images/buttons/portfolio_active.gif) no-repeat 0px 0px; }
li.active a#btn06:hover { background: url(../_images/buttons/portfolio_active.gif) no-repeat 0px 0px; }

a#btn07 { background: url(../_images/buttons/actualiteiten_btn.gif) no-repeat 0px 0px; }
a#btn07:hover { background: url(../_images/buttons/actualiteiten_over.gif) no-repeat 0px 0px; }
li.active a#btn07 { background: url(../_images/buttons/actualiteiten_active.gif) no-repeat 0px 0px; }
li.active a#btn07:hover { background: url(../_images/buttons/actualiteiten_active.gif) no-repeat 0px 0px; }

a#btn08 { background: url(../_images/buttons/rva_btn.gif) no-repeat 0px 0px; }
a#btn08:hover { background: url(../_images/buttons/rva_over.gif) no-repeat 0px 0px; }
li.active a#btn08 { background: url(../_images/buttons/rva_active.gif) no-repeat 0px 0px; }
li.active a#btn08:hover { background: url(../_images/buttons/rva_active.gif) no-repeat 0px 0px; }


/* Submenu */
#menu ul ul
{
	float: left;
	width: 205px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	
}

#nav li li {
	display: block;
	float: left;
	width: 196px; /*  */
	background: #F6A934 url(../_images/buttons/bg_submenu_items.gif) repeat-y 0px 0px;
	letter-spacing: 0.1em;
	padding: 0 0 5px 0;
	margin: 0;
	border: 0;
}
#nav li li.submenu_footer {
	width: 196px;
	height: 17px;
	background: url(../_images/buttons/submenu_footer.gif) no-repeat 0px 0px;
}


#nav li li a {
	display: block;
	padding: 0 0 0 38px;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	background: url(../_images/line_submenu_item.gif) no-repeat 26px 6px;
	
}
#nav li li a:hover {
	font-weight: bold;
}

/* --------------------------------------------- // -------- Column Middle */

#colMiddle {
	float: left;
	width: 544px;
}

/* --------------------------------------------- // -------- Breadcrumb */

#breadcrumb {
	float: left;
	width: 525px; /* 544 */
	padding: 0 0 0 19px;
}

#breadcrumb ul li {
	float: left;
	
	margin: 0 10px 0 0;
	padding: 0 0 18px 12px;
	background: url(../_images/arrow_breadcrumb.gif) no-repeat 0px 5px
}

#breadcrumb ul li a {
	color: #666666;
}

/* --------------------------------------------- // -------- Content */
#content {
	float: left;
	width: 505px; /* 544 */
	padding: 0 20px 0 19px;
	color: #666666;
}
#content h1 {
	color: #954227;
	font-size: 1.5em;
	margin: 0 0 20px 0;
}

#content h2 {
	color: #666666;
	font-size: 1.2em;
}
#content p {
	margin: 0 0 20px 0;
}
#content em {
	color: #6699CC;
}
#content ul {
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	background: #FEECD3;
}
#content ul li {
	list-style: disc;
	margin: 0 0 0 20px;
}
#content ul#no_bullets {
	padding: 5px 0 5px 0;
}
#content ul#no_bullets li {
	list-style: none;	
	margin: 0;
	padding: 0 0 0 5px;
}
#content ul#no_bullets li strong {
	margin: 0 10px 0 0;
}


#content ul.docs li { 
	list-style: none; 
	margin: 0 0 0 10px;
}
#content ul.docs li {
	padding-bottom: 5px;
}
#content ul.docs li.pdf {
	padding-left: 20px;
	background: url(../_images/icon_pdf.gif) no-repeat 0px 0px
}
#content ul.docs li.txt {
	padding-left: 20px;
	background: url(../_images/icon_doc.gif) no-repeat 0px 0px
}
#content ul.docs li a { 
	margin: 0 3px 0 3px;
	color: #000;
}



a.direct_inschrijven {
	display: block;
	float: right;
	width: 136px;
	height: 28px;
	margin: -15px 6px 0 0;
	background: url(../_images/btn_direct_bestellen.gif) no-repeat 0px 0px
}
a.direct_inschrijven:hover {
	background: url(../_images/btn_direct_bestellen_over.gif) no-repeat 0px 0px
}
/* --------------------------------------------- // -------- Column Right */

#colRight {
	float: left;
	width: 189px;
}
/* --------------------------------------------- // -------- Projects */

#projects {
	float: left;
	width: 142px; /* 167 */
	padding: 20px 25px 20px 0;
	margin: 13px 0 0 0;
	color: #58585A;
	background: url(../_images/bg_projects.gif) repeat-y 0 0;
}
#projects h3 { 
	width: 117px;
	color: #F49B00;
	margin: 0 0 0 25px; 
}

#projects dl {
	width: 117px;
	margin: 15px 0 0 25px;
}

#projects dt {
	font-weight: bold;
}
#projects dd {
	margin: 0 0 15px 0;
}
#projects dd a {
	text-transform: uppercase;
	color: #58585A;
}

/* --------------------------------------------- // -------- Footer */

#footer {
	float: left;
	width: 980px;
	height: 98px;
	background: url(../_images/bg_footer.gif) no-repeat 0 0;
}
.rva
{
 clear:both;
 border-style:solid;
 border-width:thin;    
    
}