/* CSS Document */
html, body {
	margin: 0;
	background-color: #ffffff;

}
td,th, div, span, p, h1, h2, h3 {
	font-family: Arial, helvetica;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}
a {
	text-decoration: underline;
	color: #000000;
}
a:hover, a:active{
	text-decoration: underline;
	color: #000000;
}
img { border: none; }

h1 { 
	font-family: arial, helvetica;
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	text-transform: uppercase;
	font-weight:bold;
	margin-top: 0;
}
h2 { 
	font-family: arial, helvetica;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	text-transform: uppercase;
}
h3 { 
	font-family: arial, helvetica;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin:0;
}
table {
	border: 0px solid white;
}
tr {
	vertical-align: top;
}
.wachtkamer_hr {
	color: #893489;
	height: 1px;	
}

#wachtkamer_open_obj {
	cursor: pointer;
}

#wachtkamer_close_obj {
	cursor: pointer;
}

/* client */
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 981px;
	text-align: left;
}
.wrapper_client_home, .wrapper_hulpverlener_home {
	background-image: url(../../images/structure/bg_3.jpg);
	background-repeat: no-repeat;
	background-color: #6c016c;
	min-height: 600px;
	height: auto !important;
	min-height: 600px;
}
.wrapper_client_inloggen, .wrapper_hulpverlener_inloggen, .wrapper_hulpverlener_contactjournaal, .wrapper_hulpverlener_chatlog {
	background-image: url(../../images/structure/bg_2.jpg);
	background-repeat: no-repeat;
	background-color: #6c016c;
	min-height: 830px;
	height: auto !important;
	min-height: 830px;
}
.wrapper_client_wachtkamer, .wrapper_hulpverlener_wachtkamer  {
	background-image: url(../../images/structure/bg_client_wachtkamer.jpg);
	background-repeat: no-repeat;
	background-color: #6c016c;
	min-height: 630px;
	height: auto !important;
	min-height: 630px;
}
.wrapper_client_chat, .wrapper_hulpverlener_chat {
	background-image: url(../../images/structure/bg_chat.jpg);
	background-repeat: repeat-y;
	background-color: #ffffff;
	min-height: 650px;
	height: auto !important;
}
#logo_client, #logo_hulpeverlener {
	position: absolute;
	top: 0;
	left: 0;
}
#top_client, #top_hulpverlener {
	position: absolute;
	top: 0;
	left: 190px;
	background-image: url(../../images/structure/menu_bg_groen.gif);
	background-repeat: repeat-x;
	width: 555px;
	height: 39px;
	border-left: 1px solid white;
}
#top_right_client, #top_right_hulpverlener {
	position: absolute;
	top: 0;
	left: 745px;
	background-image: url(../../images/structure/menu_bg_lichtgroen.gif);
	background-repeat: repeat-x;
	width: 236px;
	height: 39px;
	border-left: 1px solid white;
}

#top_nomenu {
	position: absolute;
	top: 0;
	left: 187px;
	background-image: url(../../images/structure/menu_bg_lichtgroen.gif);
	background-repeat: repeat-x;
	width: 793px;
	height: 39px;
	border-left: 1px solid white;
}
#heading_welkom {
	position: absolute;
	top: 34px;
	left: 188px;
	z-index: 10;
}
#clock {
	position: absolute;
	top: 10px;
	left: 135px;
	color: #ffffff;
	font-size: 11px;
}
#heading_client, #heading_hulpverlener {
	position: absolute;
	top: 90px;
	left: 190px;	
}

/* client blok wachtkamer */
#blok_wachtkamer_client, #blok_wachtkamer_hulpverlener {
	position: absolute;
	top: 0;
	left: 745px; 
	width: 236px;
}
#blok_wachtkamer_client_top, #blok_wachtkamer_hulpverlener_top {
	background-image: url(../../images/structure/menu_bg_paars.gif);
	background-repeat: repeat-x;
	width: 225px;
	height: 26px;
	padding: 13px 0 0 10px;
	border-left: 1px solid white;
}
#blok_wachtkamer_client_content, #blok_wachtkamer_hulpverlener_content {
	background-color: #6c016c;
	color: #ffffff;
	font-size: 12px;
	padding: 10px;
	border-left: 1px solid white;
}

#blok_wachtkamer_hulpverlener_text {
	background-color: #6c016c;
	color: #ffffff;
	font-size: 12px;
	padding: 0px;
}

#blok_wachtkamer_hulpverlener_content img {
	vertical-align: middle;
	padding-right: 10px;
	
}
#blok_wachtkamer_client_bot, #blok_wachtkamer_hulpverlener_bot {
	background-image: url(../../images/structure/wachtkamer_bg_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 10px 10px;
	margin-left: 1px;
}

/* content */
#content_mask_client {
	position: absolute;
	top: 202px;
	left: 0;
	width: 746px;
	z-index: 3;
}

#content_mask_client_waiting {
	position: absolute;
	top: 172px;
	left: 0;
	width: 746px;
	z-index: 3;
}

#content_text_client {
	position: absolute;
	top: 222px;
	left: 55px;
	width: 653px;
	height: 280px;
	padding-top: 10px;
	overflow: auto;
	z-index: 3;
}

#content_text_client_waiting {
	position: absolute;
	top: 222px;
	left: 55px;
	width: 653px;
	height: 280px;
	padding-top: 10px;
	overflow: auto;
	z-index: 1;
}


#content_mask_client_big, #chat_mask_client, #content_mask_hulpverlener, #content_mask_hulpverlener_big, #content_mask_hulpverlener_contactjournaal, #content_mask_hulpverlener_chatlog  {
	position: absolute;
	top: 172px;
	left: 0;
	width: 746px;
	z-index: 3;
}
#content_bg_client_big, #content_bg_hulpverlener, #content_bg_hulpverlener_big, #content_bg_hulpverlener_contactjournaal, #content_bg_hulpverlener_chatlog {
 	position: absolute;
	top: 172px;
	left: 0px;
	width: 746px;
	z-index: 2;
}
#content_bg_client_waiting {
	position: absolute;
	top: 172px;
	left: 0px;
	width: 746px;
	z-index: 0;
}


#content_text_hulpverlener, #content_text_client_inloggen, #content_text_client_uitloggen, #content_text_hulpverlener_inloggen {
	position: absolute;
	top: 222px;
	left: 55px;
	width: 653px;
/*	height: 313px;	*/
	height: 280px;
	padding-top: 10px;
	overflow: auto;
	z-index: 3;
}
#content_text_hulpverlener_contactjournaal, #content_text_hulpverlener_chatlog {
	position: absolute;
	top: 230px;
	left: 80px;
	/* height: 580px;	*/
	overflow: auto;
	z-index: 3;
}
#content_bottom_client, #content_bottom_hulpverlener {
	position: absolute;
	top: 555px;
	left: 50px;
	width: 640px;
	color: white;
	font-size: 11px;
	z-index: 7;
}
#content_bottom_client a, #content_bottom_hulpverlener a {
	color: white;
	text-decoration: underline;
}
#content_bottom_client a:hover, #content_bottom_hulpverlener a:hover {
	text-decoration: none;
}

/* chat */

#chat_mask_profiel_hulpverlener {
	position: absolute;
	top: 220px;
	left: 745px;
	z-index: 2;
}
#chat_text_profiel_hulpverlener {
	position: absolute;
	top: 260px;
	left: 765px;
	width: 180px;
	height: 170px;
	color: #ffffff;
	z-index: 3;
}
#chat_icons {
	position: absolute;
	top: 520px;
	left: 475px;
	z-index: 4;
}



.chat_bericht_zwart {
	color: black;
	width: 100%;
}
.chat_bericht_groen {
	color: #65bf29;
}
.chat_bericht_oranje {
	color: orange;
}

 /* CLIENT CHAT */
#chat_bg_client {
	position: absolute;
	top: 172px;
	left: 0px;
	width: 746px;
	z-index: 2;
}
#chat_mask_client {
	position: absolute;
	top: 0px;
	left: 0;
	width: 746px;
	z-index: 3;
}

#chat_text_client {
	position: absolute;
	top: 25px;
	left: 50px;
	width: 653px;
	height: 280px;
	padding-top: 10px;
	overflow: auto;
	z-index: 3;
}
	/* Background for textarea */
#chat_bg_bericht_client {
	background-color: white;
	position: absolute;
	top: 332px;
	left: 0;
	width: 462px;
	z-index: 2;
}

#chat_mask_bericht_client {
	position: absolute;
	top: 332px; /* 502 */
	left: 0;
	width: 746px;
	z-index: 3;
}

#chat_berichten_client {
	position: absolute;
/*	top: 511px;	*/
	top: 346px;
	left: 60px;
/*	width: 382px;	*/
	width: 367px;
	height: 67px;
/*	padding-top: 10px;	*/
	overflow: auto;
	border: 0;
	z-index: 4;
}
#chat_button_verzenden_client{
	position: absolute;
	cursor: pointer;
	top: 5px;
	left: 657px;
	z-index: 8;
}


/* CHAT HELPER */

#chat_bg_hulpverlener {
 	position: absolute;
	top: 172px;
	left: 0px;
	width: 746px;
	z-index: 2;
}

#chat_mask_hulpverlener{
	position: absolute;
	top: 0px;
	left: 0;
	width: 746px;
	z-index: 3;
}

#chat_text_hulpverlener {
	position: absolute;
	top: 22px;
	left: 55px;
	width: 653px;
	height: 280px;
	padding-top: 10px;
	overflow: auto;
	z-index: 3;
}

#chat_sessie_sluiten {
	position: absolute;
	top: 196px;
	left: 569px;
	z-index: 3;
}

#chat_bg_bericht_hulpverlener {
	background-color: white;
	position: absolute;
	top: 332px;
	left: 10px;
	width: 464px;
	z-index: 4;
}

#chat_mask_bericht_hulpverlener {
	position: absolute;
	top: 332px;
	left: 0;
	width: 746px;
	z-index: 5;
}

#chat_button_verzenden_hulpverlener {
	position: absolute;
	cursor: pointer;
	top: 5px;
	left: 657px;
	z-index: 8;
}

#chat_berichten_hulpverlener {
	position: absolute;
	top: 346px;
	left: 60px;
	width: 367px;
	height: 67px;
	overflow: auto;
	border: 0;
	z-index: 6;
}

#chat_icons_helper {
	position: absolute;
	top: 350px;
	left: 497px;
	z-index: 6;
}

/** ANDERE **/
#menu_right_wit {
	position: absolute;
	top: 540px;
	left: 840px;
	text-align: right;
}
#menu_right_wit img {
	margin-bottom: 5px;
}

/* contactjournaal/chatlog content --- links --- */
.contactjournaal_overzicht_headingleft, .chatlog_overzicht_headingleft {
	width: 293px;
}

.contactjournaal_overzicht_headingright, .chatlog_overzicht_headingright {
	width: 323px;
	padding-right: 20px;
}

.contactjournaal_overzicht, .chatlog_overzicht {
	width: 280px;
}
.contactjournaal_overzicht_label, .chatlog_overzicht_label {
	font-weight: bold;
	padding-right: 10px;
}
.contactjournaal_overzicht_data, .chatlog_overzicht_data {
	padding-right: 10px;
}

/* contactjournaal/chatlog content --- tussen --- * /	
.contactjournaal_tussen, .chatlog_tussen {
	width: 40px;
} */

/* contactjournaal/chatlog content ---rechts --- */
.contactjournaal_content_heading, .chatlog_content_heading {
/*		width: 358px;	*/
	padding-right: 20px;
}
.chatlog_content_heading img {
	padding-right: 20px;
}
#contactjournaal_content, #chatlog_content {
	height: 511px;
	overflow: auto;
	overflow-x: hidden;
}
#contactjournaal_content img, #chatlog_content img {
	padding-right: 10px;
}
#contactjournaal_content table, #chatlog_content table {
	width: 100%;
}
.contactjournaal_content_label, .chatlog_content_label {
	font-weight: bold;
	padding: 1px 10px 1px 0;
	border-bottom: 1px solid #cccccc;
	width: 40%;
}
.contactjournaal_content_data, .chatlog_content_data {
	padding-right: 10px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
.chatlog_printicon {
	text-align: right;
	float: right;
}


/* profiel */
.profiel_hulpverlener, .profiel_hulpverlener td {
	color: #ffffff;
}
.profiel_hulpverlener a {
	color: #ffffff;
	text-decoration: underline;
}
.profiel_hulpverlener a:hover {
	color: #ffffff;
	text-decoration: none;
}
.profiel_hulpverlener_label {
	height: 18px;
	width: 80px;
	font-weight:bold;
}
.profiel_hulpverlener_data {
	height: 18px;
	width: 120px;
}
#button_wachtkamer_bekijken {
	position: absolute;
	top: 445px;
	left: 752px;
}
/* formulier */
.input_form {
	border-right: 1px solid #6c016c;
	border-bottom: 1px solid #6c016c;
	border-top: 1px solid #d3b3d3;
	border-left: 1px solid #d3b3d3;
	height: 16px;
	padding: 2px;	
	margin-bottom: 3px;
}
.select_form {
	border-right: 1px solid #6c016c;
	border-bottom: 1px solid #6c016c;
	border-top: 1px solid #d3b3d3;
	border-left: 1px solid #d3b3d3;
	height: 22px;
	padding: 2px;	
	margin-bottom: 3px;
}
#helper_chatsessionclose_img {
	border: 0px;
	cursor: pointer;
}