/* 	naam: screen_tz.css
	geldig voor: site thuiszorg.
	versie: 1.0 
	datum: 19-09-06
	auteur: remco van rijt
	www.orbisconcern.nl
	- bevat kleuren / images thuiszorg
	- overige declaraties zijn gedefinieerd in screen_all.css 
	- css voor ie7 is gedefinieerd in screen_ie7.css
*/



/* ***************  algemeen */
p, ul, ol, li, h1, h2, h3, h4, h5, h6, div, table, tr, td, dt, dd, form {
	color: #000;
	}	

/* *************** body */
body {
	background-color: #fff;
	}
.bglong {
	background-image: url(/furniture/img/bglong_tz.gif);
	}
.bgshort {
	background-image: url(/furniture/img/bgshort_tz.gif);
	}
	
/* ********************* algemene container */	
#maindiv {
	background-color: transparent;
	background-image: url(/furniture/img/bg_contentcontainer_orbis.gif);
	}
	
/* ********************* logo linksboven met link naar splashpagina */	
#logo {
	background-image: url(/furniture/img/logo_tz.jpg); 
	background-color: #ebf5f4;
	border-color:  #000;
	}
#logo ul {
	list-style: url(/furniture/img/arrow.gif);
	}
#logo a {
	color: #808080;
	}
#logo a:hover {
	color: #000;
	}		
	
/* ********************* de links naar printpagina, english pages, zoeken, etc */	
.tooltxt, a.tooltxt:link {
	color: #808080;
	}
a.tooltxt:hover {
	color: #000;
	}
#searchbox {
	color: #808080;
	background-color: #FFF;
	border-color: #808080;
	}	
	
/* ********************* header met daarin per divisie een aparte visual */			
#headerdiv {
	background-image: url(/furniture/img/header_tz.jpg); 
	}
#grijskort {
	background-color: #F5F5F5;
	border-color: #ccc;
	}

/* *************** het dropdown menu */
#nav li a { /* de letters van het hoofdmenu */
	color: #fff;
	}
#nav li a:hover { 
	color: #e4fbf8;
	}
#nav li ul { /* het submenu in het dropdownmenu*/
	background: #f0f8f7;
	color: #014e44;
	border-color: #008478;
	}
#nav li ul a {
	color: #014e44;
	border-color: #deebe8;
	}
#nav li ul a:hover {
	color: #014e44;
	background-color: #c6dcd8;
	}
#nav li a.navselected {
 	color: #fff;
	}
	
/* *************** contentcontainer */
#contentcontainer {
	background-color: transparent;
	}

/* *********************  subnavigatie in subnav div aan linkerkant */	
.subnavtitel {
	background-color: #008478;
	color: #e4fbf8;
	}
.subnavtitel a {
	color: #fff;
	}
.subnavtitel a:hover {
	color: #e4fbf8;
	}	
#subnav, #subnav ul, #subnav li {
	background-color: #ebf5f4;
	background-color: #f0f8f7;
	}
#subnav li a {
	color: #014e44;
	border-color: #deebe8;
	}
#subnav li a:hover {
	color: #014e44;
	background-color: #c6dcd8;
	}
#subnav li.subnavselected {
	background-color: #c6dcd8;
	}
#subnav li ul li.subnavselected {
	background-color: #deebe8;
	}
#subnav li ul li a {
	border-color: #deebe8;
	}	
	
#subnav li ul li a {
	background: url(/furniture/img/arrow.gif) no-repeat 15px 6px;
	}
#subnav li ul li a:hover {
	color: #014e44;
	background: url(/furniture/img/arrow.gif) no-repeat 15px 6px;
	background-color: #c6dcd8;
	}
	
/* *********************  actueel list in subnav aan linkerkant */	
.actueeltitel {
	background-color: #79d2c6;
	color: #008478;
	}
#actueel, #actueel ul, #actueel li {
	background-color: #e4fbf8;
	}
#actueel li a {
	color: #008478;
	border-color: #008478;
	/*background-image: url(/furniture/img/bullet.gif);*/
	}
#actueel li a:hover {
	color: #008478;
	background-color: #a3e5dc;
	/*background-image: url(/furniture/img/bullet.gif);*/
	}
	
/* ********************* als er een plaatje in subnavdiv aan de linkerkant staat */	
#mainvisualdiv img {
	border-top-color: #CCC;
	border-bottom-color: #000;
	}	
	
/* *************** kruimelpad */	
#kruimelpad, #kruimelpad a, #kruimelpad a:visited {
	color: #008478;
	}
#kruimelpad a:hover {
	color: #000;
	}	

/* *************** contentarea */	
#content h1 {
	color: #014e44; 
	}	
#content h2 {
	color: #62b1a6;
	}
#content h3, #content h4, #content h5, #content h6, .headerclass, .headerclassdeep {
	color: #333;
	}
#content a {
	color: #337a85;
	}
#content a:hover {
	color: #c90000;
	}
#content table {
	background-color: transparent;
	border-color: #ccc;
	}
#content th { 
	background-color: transparent;
	border-color: #ccc;
	}	
#content .overzicht th { 
	color: #008478;
	}	
#content td {
	background-color: transparent;
	}
#content th.color { 
	background-color: #79d2c6;
	color: #008478;
	}
#content td.color { 
	background: #e4fbf8;
	color: #008478; 
	}
#content .overzicht th { 
	background-color: transparent;
	}	
ul {
	list-style: url(/furniture/img/bullet2.gif);
	}	
#content ul.arrow, 
#content ul.categorie, 
#content ul.search, 
#content .downloads ul li, 
#content .links ul li, 
#content .tak ul li, 
#content .overzicht ul li {
	list-style: url(/furniture/img/arrow2.gif);
	}	
#content ul.search li.pdf, 
#content .downloads ul li.pdf {
	list-style: url(/furniture/img/icon-pdf-doc.gif );
	}
#content .tak ul li.fotoalbum, 
#content .overzicht ul li.fotoalbum {
	list-style: url(/furniture/img/icon_camera.gif);
	}	
#content .overzicht ul li.nolistitem {
	list-style-type: none;
	list-style-image: none;
	}		
#content ul.search li.msword, 
#content .downloads ul li.msword {
	list-style: url(/furniture/img/icon-word.gif );
	}	
#content ul.search li.excel,
#content .downloads ul li.excel {
	list-style: url(/furniture/img/icon-excel.gif );
	}
#info, 
#content .downloads, 
#content .links, 
#content .tak, 
#content .overzicht {
	color: #008478;
	background-color: #fff;
	background-image: url(/furniture/img/bg_praktisch_tz.gif);
	background-repeat: repeat-x;
	border-color: #999;
	}	
#content .thumbnail {
	background-color: #fff;
	}	
#content .thumbnail img {
	border-color: #999;
	}
#content .thumbnail a, 
#content .thumbnail a:visited,
#content .thumbnail a:hover  {
	color: #666;
	}
#content .pict_small {
	background-color: #fff;
	}	
#content .pict_small img {
	border-color: #999;
	}	
#content .pict_small a, 
#content .pict_small a:visited,
#content .pict_small a:hover  {
	color: #666;
	}

fieldset {
	background-color: #fff;
	background-image: url(/furniture/img/bg_praktisch_tz.gif);
	background-repeat: repeat-x;
	border-color: #999;
	}
#content form legend {
	color: #333;
	background-color: transparent;
	}	
#content form label {
	color: #008478;
	}		
#errorDisplay {
	background-image:url(/furniture/img/field-alert.gif);
	border-color: #BB0000;
	background-color: #ffff99;
	}
input.invalid, textarea.invalid, input.invalidBox {
	background-color: #ffff99;
	border-color: #BB0000 !important;
	}
input.invalid:focus, textarea.invalid:focus, input.invalidBox:focus {
	background-color: #ffff99;
	border-color: #BB0000 !important;
	}	
.required {
	background-image: url(/furniture/img/required.gif);
	}		
#content .omschrijving { /* wordt bijvoorbeeld gebruikt op nieuwsbericht */
	color: #666;
	}	
	
/* *************** praktischbox */	

.praktischbox, .extrabox {
	background-color: white;
	background-image: url(/furniture/img/bg_praktisch_tz.gif); 
	border-color: #999;
	}
.mediabox {
	background-color: transparent;
	background-image: none; 
	border-color: #999;
	}
.praktischbox ul li, .extrabox ul li {
	list-style-image: url(/furniture/img/bullet.gif);
	}
.praktischbox ul li.pdf, .extrabox ul li.pdf {
	list-style: url(/furniture/img/icon-pdf-doc.gif );
	}
.praktischbox ul li.msword, .extrabox ul li.msword {
	list-style: url(/furniture/img/icon-word.gif );
	}	
.praktischbox ul li.excel, .extrabox ul li.excel {
	list-style: url(/furniture/img/icon-excel.gif );
	}
#praktisch a, .praktischbox ul li a, .extrabox ul li a {
	color: #337a85;
	}
#praktisch a:hover, .praktischbox ul li a:hover, .extrabox ul li a:hover {	
	color: #c90000;
	background-color: transparent;
	}	
				

/* *************** footer */	
#footer {
	color: #666;
	}
#rightfooter {
	color: #79d2c6;
	}
#footer a, 
#footer a:visited, 
#footer a:hover,
#rightfooter a, 
#rightfooter a:visited,
#rightfooter a:hover  {
	color: #666;
	border-color: #999;
	}