/* 	naam: screen_orbis.css
	geldig voor: site orbis.
	versie: 1.0 
	datum: 19-09-06
	auteur: remco van rijt
	www.orbisconcern.nl
	- bevat kleuren / images orbis
	- 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: none;
	background-color: #FAFAFA;
	}
.bgshort {
	background-image: url(/furniture/img/pro-psy/bgshort_propsy.gif);
	background-color: #FAFAFA;
	}
	
/* ********************* algemene container */	
#maindiv {
	background-color: transparent;
	background-image: url(/furniture/img/bg_contentcontainer_orbis.gif);
	border-top: none;
	border-right: 1px solid black;
	border-bottom: none;
	border-left: none;
	}
	
/* ********************* logo linksboven met link naar splashpagina */	
#logo {
	background-image: url(/furniture/img/pro-psy/logo_propsy.jpg);
	background-color: transparent;
	position:absolute;
	background-position: 50% 10px;
	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/pro-psy/header_propsy.jpg);
	
	background-color: #F5F5F5;
	}
#grijskort {
	background-color: #F5F5F5;
	border-color: #ccc;
	}

#mainnavcontainer {

padding-left: 230px;
margin-left: 0;
}
	
/* *************** het dropdown menu */
#nav li a { /* de letters van het hoofdmenu */
	color: #FFF;
	}
#nav li a:hover { 
	color: #7893c9;
	}
#nav li ul { /* het submenu in het dropdownmenu*/
	background: #e7e7ee;
	color: #393d77; 
	border-color: #393d77;
	}
#nav li ul a {
	color: #393d77;
	border-color: #ccd6e6;
	}
#nav li ul a:hover {
	color: #fff;
	background-color: #989ab8;
	}
#nav li a.navselected {
 	color: #7893c9;
	}
	
/* *************** contentcontainer */
#contentcontainer {
	background-color: transparent;
	}

/* *********************  subnavigatie in subnav div aan linkerkant */	
.subnavtitel {
	background-color: #393d77;
	color: #FFF;
	}
.subnavtitel a {
	color: #FFF;
	}
.subnavtitel a:hover {
	color: #7893c9;
	}	
#subnav, #subnav ul, #subnav li {
	background-color: #e7e7ee;
	}
#subnav li a {
	color: #393d77;
	/*background: url(/furniture/img/bullet.gif) no-repeat 5px 8px;*/
	border-color: #ccd6e6;
	}
#subnav li a:hover {
	color: #FFF;
	/*background: url(/furniture/img/bullet_orb.jpg) no-repeat 5px 8px;*/
	background-color: #989ab8;
	}
#subnav li.subnavselected {
	background-color: #c9cbda;
	}
#subnav li ul li.subnavselected {
	background-color: #c9cbda;
	}
#subnav li ul li a {
	border-color:#ccd6e6;
	}	
	
#subnav li ul li a {
	background: url(/furniture/img/arrow.gif) no-repeat 15px 6px;
	}
#subnav li ul li a:hover {
	color: #fff;
	background: url(/furniture/img/arrow.gif) no-repeat 15px 6px;
	background-color: #989ab8;
	}
	
/* *********************  actueel list in subnav aan linkerkant */	
.actueeltitel {
	background-color: #393d77;
	color: #FFF;
	}
#actueel, #actueel ul, #actueel li {
	background-color: #E6E7F2;
	}
#actueel li a {
	color: #339;
	border-color: #999;
	/*background-image: url(/furniture/img/bullet.gif);*/
	}
#actueel li a:hover {
	color: #fff;
	background-color: #7893c9;
	/*background-image: url(/furniture/img/bullet_orb.jpg);*/
	}
	
/* ********************* als er een plaatje in subnavdiv aan de linkerkant staat */	
#mainvisualdiv img {
	border-top-color: #000;
	border-bottom-color: #000;
	}	
	
/* *************** kruimelpad */	
#kruimelpad, #kruimelpad a, #kruimelpad a:visited {
	color: #339;
	}
#kruimelpad a:hover {
	color: #000;
	}	

/* *************** contentarea */	
#content h1 {
	color: #282F90;
	}	
#content h2 {
	color: #3D64B1;
	}
#content h3, #content h4, #content h5, #content h6, .headerclass, .headerclassdeep {
	color: #333;
	}
#content a {
	color: #339;
	}
#content a:hover {
	color: #720010;
	}
#content table {
	background-color: transparent;
	border-color: #ccc;
	}
#content th { 
	background-color: transparent;
	border-color: #ccc;
	}	
#content .overzicht th { 
	color: #339;
	}	
#content td {
	background-color: transparent;
	}
#content th.color { 
	background-color: #393d77;
	color: FFF;
	}
#content td.color { 
	background-color: #ccd6e6;
	color: #393d77;
	}
#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 ul.search li.pdf a,
#content ul.search li.pdf a:hover,
#content .downloads ul li.pdf,
#content .downloads ul li.pdf a,
#content .downloads ul li.pdf a:hover, {
	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 );
	}
#content ul.search li.powerpoint,
#content .downloads ul li.powerpoint {
	list-style: url(/furniture/img/icon-powerpoint.gif );
	}

#content ul.search li.video,
#content .downloads ul li.video {
	list-style: url(/furniture/img/icon-filmcamera.jpg);
	}

#info,
#content .downloads, 
#content .links, 
#content .tak, 
#content .overzicht {
	color: #339;
	background-color: #fff;
	background-image: url(/furniture/img/bg_praktisch_orbis.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_orbis.gif);
	background-repeat: repeat-x;
	border-color: #999;
	}
#content form legend {
	color: #333;
	background-color: transparent;
	}	
#content form label {
	color: #339;
	}		
#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_orbis.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 );
	}
.praktischbox ul li.powerpoint, .extrabox ul li.powerpoint {
	list-style: url(/furniture/img/icon-powerpoint.gif );
	}
#praktisch a, .praktischbox ul li a, .extrabox ul li a {
	color: #339;
	}
#praktisch a:hover, .praktischbox ul li a:hover, .extrabox ul li a:hover {	
	color: #720010;
	background-color: transparent;
	}	
				

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