/********/
/* html */
/********/
body {
	background:#b1df36 url(../img/bg/body.gif) repeat-y;
	margin:0;
	padding:0
}

body#homepage {
	background:#83d3f6 url(../img/bg/body_homepage.gif) repeat-y;
}

img {
	border:0;
	display:block
}

h1 {
	font-size:18px;
	line-height:18px;
	margin:0 0 18px 0;
	padding:0
}

h2 {
	font-size:11px;
	margin:0;
	padding:0
}

h3 {
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0
}

h4 {
	font-size:18px;
	line-height:18px;
	margin:0;
	padding:0
}

h5 {
	
}

h6 {
	
}

p {
	margin:0 0 18px 0;
	padding:0
}

a {
	color:#000;
	text-decoration:underline
}

a:hover {
	color:#132e6c;
	text-decoration:underline
}

a:focus {
	outline:0
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #9b9b9b;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

form input{
	height:20px;
	cursor:pointer;
	padding:0 0 2px 0;
	width:115px;
}

input,
textarea,
select {
	border:1px solid #444;
	color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

select {
	padding:0
}

td {
	color:#7F7F7F;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
	vertical-align:top
}

ul {
	margin:0 0 20px 15px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
}

/* header */
#header {
	background:#132E6C;
	height:100px;
	position:relative;
}

#banner,
#banner_variant{
	position:absolute;
	width:580px;
	height:160px;
	z-index:1;
}

#vastgoed_management #banner_variant{
	width:580px;
	height:160px;
	margin:0;
	position:absolute;
}

#banner img {
	width:580px;
	height:160px;
}

/* vastgoed management banner */
#banner_variant #linkerdeel{
	background:url(../img/banner_vastgoedmanagement_linkerdeel.jpg);
	height:160px;
	width:260px;
	float:left;
}

#banner_variant #middendeel{
	height:160px;
	width:160px;
	float:left;
}

#banner_variant #rechterdeel{
	background:url(../img/banner_vastgoedmanagement_rechterdeel.jpg);
	height:160px;
	width:160px;
	float:left;
}

#banner_variant #middendeel #inschrijfformulier{
	height:80px;
	width:160px;
	float:left;
}

#banner_variant #middendeel #huuraanbod{
	height:80px;
	width:160px;
	float:left;
}

#banner_variant #middendeel #inschrijfformulier a,
#banner_variant #middendeel #huuraanbod a{
	height:80px;
	width:160px;
	float:left;
}

#banner_variant #middendeel #inschrijfformulier a{
	background:url(../img/header_vastgoedmanagement_inschrijfformulierlink.gif) no-repeat 0 0;
}

#banner_variant #middendeel #huuraanbod a{
	background:url(../img/header_vastgoedmanagement_huuraanbodlink.gif) no-repeat 0 0;
}

#banner_variant #middendeel #inschrijfformulier a:hover{
	background:url(../img/header_vastgoedmanagement_inschrijfformulierlink.gif) no-repeat 0 -80px;
}

#banner_variant #middendeel #huuraanbod a:hover{
	background:url(../img/header_vastgoedmanagement_huuraanbodlink.gif) no-repeat 0 -80px;
}

#banner_variant #middendeel #inschrijfformulier span,
#banner_variant #middendeel #huuraanbod span{
	display:none;
}

#logo {
	height:100px;
}

#logout {
	bottom:30px;
	position:absolute;
	right:0;
}

#logout a {
	color:#FFF;
	text-decoration:none
}

#logout a:hover {
	text-decoration:underline
}

#homepage #main {
	width:885px;
}

#standard #main,
#era_makelaars #main,
#vastgoed_management #main{
	width:970px;
}

/* menu */
#menu {
	float:left;
	padding:24px 0 0 0;
	width:160px;
	z-index:2;
	position:relative;
	height:430px;
}

#homepage #menu {
	background:url(../img/bg/main.gif) no-repeat;
}

#standard #menu,
#era_makelaars #menu,
#vastgoed_management #menu{
	background:none;	
}

#menu ul {
	border-top:1px solid #FFF;
	list-style:none;
	margin:0;
	padding:0;
	width:160px;
}

#menu ul ul {
	display:none;
	left:160px;
	position:absolute;
	top:-1px;
}

#menu li:hover ul,
#menu li.cs_hover ul {
	color:#ff9600;
	display:block;
}

#menu li {
	background:#b4e8ff;
	border-bottom:1px solid #FFF;
	float:left;
	position:relative;
	width:160px;
}

#menu li li {
	border-left:1px solid #FFF;
}

#menu li a {
	background:#b4e8ff;
	color:#000;
	display:block;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	padding:0 6px;
	text-align:right;
	text-decoration:none;
}

#menu li li a {
	background:#b4e8ff;
}

#menu li a:hover,
#menu li a.active {
	background:#83b5de;
}

/* content */
#content_wrapper{
	z-index:1;
	background:#fff url(../img/bg/content_wrapper.gif) repeat-y;
	float:left;
}

#homepage #content_wrapper{
	width:725px;
}

#standard #content_wrapper,
#era_makelaars #content_wrapper,
#vastgoed_management #content_wrapper{
	width:795px;
	background:none;
}

#homepage #content {
	width:550px;
	padding:15px;
	float:left;
}

#standard #content,
#era_makelaars #content {
	position:absolute;
	bottom:0;
	left:160px;
	top:260px;
	overflow:auto;
	width:550px;
	padding:15px;
	overflow-x:hidden;
}

#era_makelaars #content{
	top:100px;
	width:580px;
	padding:0;
}

#vastgoed_management #content{
	position:absolute;
	bottom:0;
	left:160px;
	top:260px;
	overflow:auto;
	width:580px;
	padding:0;
	overflow-x:hidden;
}

#left_column{
	width:160px;
	float:left;
	margin:0 0 0 -15px;
	display:inline;
	min-height:1px;
}

#left_column img{
	max-width:160px;
}

#right_column{
	width:365px;	/*390px*/
	float:left;
	margin:0 0 0 20px;
}

#textbox{
	width:385px;	/*390px*/
}

/* quick menu */
#quick_menu {
	padding:28px 0 0 0;
}

#homepage #quick_menu {
	width:145px;
	float:left;
	position:relative;
}

#standard #quick_menu,
#era_makelaars #quick_menu,
#vastgoed_management #quick_menu{
	width:230px;
	position:absolute;
	left:740px;
}

#quick_menu h1 {
	background:#000;
	color:#FFF;
	font-size:11px;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0 0 0 10px;
	position:absolute;
	top:-12px;
	left:10px;
	width:125px;
}

#standard #quick_menu h1,
#era_makelaars #quick_menu h1,
#vastgoed_management #quick_menu h1 {
	width:210px
}

#quick_menu ul {
	list-style:none;
	margin:0;
	padding:0 10px;
}

#quick_menu li{
	margin:0 0 4px 0;
}

#quick_menu li a {
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	line-height:11px;
}

#quick_menu li a:hover,
#quick_menu li a.active {
	color:#132e6c;
	text-decoration:underline;
}

/* footer */
#footer {
	background:#FFF url(../img/bg/footer.gif) repeat-y;
	clear:both;
	height:210px;
}

#footer a{
	width:145px;
	height:260px;
	float:left;
}

#footer .footer1 a{
	background:url(../img/footer_1.jpg) no-repeat 0 0;
}

#footer .footer1 a:hover{
	background:url(../img/footer_1.jpg) no-repeat 0 -260px;
}

#footer .footer2 a{
	background:url(../img/footer_2.jpg) no-repeat 0 0;
}

#footer .footer2 a:hover{
	background:url(../img/footer_2.jpg) no-repeat 0 -260px;
}

#footer .footer3 a{
	background:url(../img/footer_3.jpg) no-repeat 0 0;
}

#footer .footer3 a:hover{
	background:url(../img/footer_3.jpg) no-repeat 0 -260px;
}

#footer .footer4 a{
	background:url(../img/footer_4.jpg) no-repeat 0 0;
}

#footer .footer4 a:hover{
	background:url(../img/footer_4.jpg) no-repeat 0 -260px;
}

#footer .footer5 a{
	background:url(../img/footer_5.jpg) no-repeat 0 0;
}

#footer .footer5 a:hover{
	background:url(../img/footer_5.jpg) no-repeat 0 -260px;
}

#footer .item {
	float:left;
	height:260px;
	width:145px;
}

#footer span{
	display:none;
}

/* tiaramanager / component */
#cs_tiara_page form {
	background:#ffae00;
	margin:0;
}

#era_makelaars #cs_tiara_page form {
	height:72px;
	padding:2px 0 0 0;
}

#vastgoed_management #cs_tiara_page form {
	padding:5px 0;
}

table.search_options {
	width:580px;
}

#era_makelaars table.search_options {
	height:72px;
}

table.search_options #cs_to_amount{
	width:115px;
}

table.search_options select{
	height:18px;
}

#vastgoed_management #cs_tiara_page #textbox{
	margin:20px 0 0 175px;
}

#era_makelaars #cs_tiara_objects {
	bottom:0;
	overflow:auto;
	position:absolute;
	top:75px;
	width:580px;
}



table.cs_table_objects {
	margin:0;
	padding:0;
}

th {
	font-size:11px;
	text-align:left;
	line-height:16px;
}

td {
	color:black;
	font-family:verdana,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
}

td.cs_label_1 {
	background:#ffae00;
	margin:4px;
	text-align:right;
	width:160px;
}

td.cs_label_2 {
	background:#ffae00;
	margin:4px;
	text-align:right;
	width:104px;
}

td.cs_field {
	background:#ffae00;
	margin:4px;
	width:230px;
}

td.cs_field select,input {
	font-size:11px;
	width:100px;
}

#vastgoed_management td.cs_field select,input {
	width:200px;
}

table.cs_table_objects th {
	background:#132e6c;
	color:#fff;
	padding:4px;
}

table.cs_table_objects th a {
	color:#fff;
}

table.cs_table_objects td {
	vertical-align:top;
}

table.cs_table_objects td.alternate {
	background:#dff5ff;
}

.cs_object_thumbnail {
	border:0px;
	width:160px;
}	

table.cs_tiara_object {
float:left;
	margin:20px 0 0 0;
	padding:0;
}

.cs_tiara_object td {
	vertical-align:top;
}

.cs_tiara_object td.cs_description {
	padding-left:12px;
}

.cs_tiara_object .thumb {
	margin-bottom:2px;
}

/*********/
/* pages */
/*********/

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

ul.list {
	border-bottom:1px solid #9b9b9b;
	margin-bottom:15px;
	padding-bottom:15px;
}

ul.list li {
	font-size:14px;
	font-weight:bold;
}

ul.list li a {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

/* forms */
/* form fields */
#standard .cs_form_wrapper{
}

#standard .cs_form_wrapper .cs_form_input input,
#standard .cs_form_wrapper .cs_form_input textarea,
#standard .cs_form_wrapper .cs_form_input select {
	width:237px;
}

#standard .cs_form_wrapper .cs_form_label label {
	width:109px;
}

#standard .cs_form_wrapper input.cs_submit,
#standard .cs_form_wrapper input.cs_reset {
	margin:0 0 0 114px;
}

.cs_form_wrapper {
	margin:0 0 15px 0
}

.cs_form_wrapper fieldset {
	border:1px solid #FFF;
	margin:0;
	padding:0
}

.cs_form_wrapper fieldset p {
	margin:0 0 18px 175px
}

.cs_form_wrapper .cs_form_row {
	margin:0 0 1px 0;
	min-height:17px
}

.cs_form_wrapper legend {
	display:none
}

.cs_form_wrapper .cs_form_label label {
	font-weight:normal;
	margin-right:15px;
	text-align:left;
	width:159px;
	margin-top:7px;
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	border:1px solid #000;
	height:13px;
	width:338px;
	cursor:text;
	margin-top:10px;
}

.cs_form_wrapper .cs_form_input textarea{
	height:100px;
	padding:0;
}

.cs_form_wrapper .cs_form_input select {
	height:15px;
}

.cs_form_wrapper .cs_form_input input:hover,
.cs_form_wrapper .cs_form_input textarea:hover,
.cs_form_wrapper .cs_form_input select:hover {
	background:#FFF
}

.cs_form_wrapper input.cs_submit,
.cs_form_wrapper input.cs_reset {
	background:#ECE9D8;
	border:1px solid #000;
	float:left;
	margin:0 0 0 165px;
	color:#000;
}

.cs_form_wrapper input.cs_reset {
	margin:0 0 0 0
}

.cs_form_wrapper .cs_form_button {
	float:left;
	margin-top:10px;
	color:#000;
}

.cs_feedback_info {
}

.cs_feedback_info p {
	font-weight:normal;
	margin-left:0
}

/* visitor upload */
.cs_visitor_upload {
	padding:20px
}

.cs_visitor_upload_header_size {
	width:50px
}

.cs_visitor_upload_header_date {
	width:100px
}

.cs_visitor_upload .cs_visitor_upload_file .cs_visitor_upload_download,
.cs_visitor_upload .cs_visitor_upload_file_hover .cs_visitor_upload_download {
	background:#FFF;
	padding-left:10px
}

.cs_visitor_upload .cs_visitor_upload_file_hover .cs_visitor_upload_download {
	background:#e1e0e0
}

/* client extranet */
#extranet {
	background:#FFF
}

#page_extranet {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:25px
}

#extranet h1 {
	margin:0 0 20px 0
}

#extranet p {
	margin-left:0
}

/* google maps */
#cs_google_maps_root_node {
	border:1px solid #666;
	height:240px;
	width:360px;
}