/* 	naam: screen_splash.css
	geldig voor: orbis splash pagina en de global search.
	versie: 1.0 
	datum: 19-09-06
	auteur: remco van rijt
	www.orbisconcern.nl
	- Is van toepassing op browsers != ie7, firefox, opera etc.
	- css voor ie7 is gedefinieerd in screen_splashie7.css
	- bevat globale definities / positionering splashpage
	- bevat kleuren / images splashpage
*/

/* *************** hoofdelementen */
.bglong {
	background-image: url(/furniture/img/pro-psy/bgsplash_propsy.gif);
	background-color: #FAFAFA;
	}
.bgshort {
	background-image: url(/furniture/img/pro-psy/bgsplash_propsy.gif);
	background-color: #FAFAFA;
	}
#maindiv {
	background-color: transparent;
	background-image: url(/furniture/img/bg_contentcontainer_splash.gif);
	}
#headerdiv { /* de visual bovenaan de pagina */
    background-image: url(/furniture/img/pro-psy/header_propsy_splash.jpg);
    
    background-color: transparent;
	height: 152px;
	}
#logo { /* het logo links bovenaan */
    background-image: none;
	background-color: transparent;
	width: 282px;
	height: 152px;
	position:absolute; 
	top: 22px;
	left: 49px;
	background-position: 50% 10px;
	border: none;
	border-top:1px solid #CCC;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #CCC;
	}

/* *************** subnavigatie algemeen */	


#subnavdiv {
	width: 280px;
	margin-left: 50px;
	
	background-color: #FAFAFA;
	border-bottom: 1px solid #999;
	}
* html #subnavdiv {
	margin-left: 25px;
	width: 267px; 	
	}

#subnav {
	margin-top: 20px;
	font-size: 75%;
	}
.subnavtitel {
	color: #666;
	}

#subnav li a {
	width: 254px;
	border-top: 1px solid #999;
	border-bottom: 0px solid #999;
	text-decoration: none;
	color: #367CB9;
	padding: 4px 6px 4px 6px;
	}
* html #subnav li a {
	width: 266px;
	}
	
.subnavli, .subnavli a {
	color: #004684;
	font-size: 120%;
	}
	


/* *************** subnavigatie PRO-PSY */

#subnav li.subnavpro-psy {
	background-color: #e7e7ee;
	border-left: 14px solid #393d77;
	}
#subnav li.subnavpro-psy a {
	color: #393d77;
	font-weight: normal;
	}
#subnav li.subnavpro-psy a:hover {
	background-color:  #989ab8;
	}
.subnavlipro-psy, .subnavlipro-psy a {
	color: #393d77;
	font-size: 100%;
	font-weight: bold;
	}

/* *************** kruimelpad */			

#kruimelpad, #kruimelpad a, #kruimelpad a:visited {
	color: #339;
	}
#kruimelpad a:hover {
	color: #000;
	}	

	
/* *************** contentarea */	
#contentcontainer {
	background-color: transparent;
	}
#content {
	width: 320px;
	margin-right: 20px;
	}
#content.globsearch {
	width: 359px;
	margin-right: 40px;
	}
* html #content.globsearch {
	margin-right: 20px;
	}
#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 ul.arrow, 
#content ul.search 
 	{
	list-style: url(/furniture/img/arrow2.gif);
	}	
#content ul.search li.pdf {
	list-style: url(/furniture/img/icon-pdf-doc.gif );
	}
#content ul.search li.msword {
	list-style: url(/furniture/img/icon-word.gif );
	}	
#content ul.search li.excel {
	list-style: url(/furniture/img/icon-excel.gif );
	}
		

/* searchform in contentarea */
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 */		
	
#praktisch {
	width: 260px;
	margin: 15px 10px 0px 20px;
	}
.praktischbox {
	background-color: white;
	background-image: url(/furniture/img/bg_praktisch_orbis.gif); 
	border-color: #999;
	}
.praktischbox ul li {
	list-style-image: url(/furniture/img/bullet.gif);
	}
.praktischbox ul li.pdf {
	list-style: url(/furniture/img/icon-pdf-doc.gif );
	}
.praktischbox ul li.msword {
	list-style: url(/furniture/img/icon-word.gif );
	}	
.praktischbox ul li.excel {
	list-style: url(/furniture/img/icon-excel.gif );
	}
#praktisch a, .praktischbox ul li a {
	color: #339;
	}
#praktisch a:hover, .praktischbox ul li a:hover {	
	color: #720010;
	background-color: transparent;
	}	

/* *************** footer */	

#footer {
	width: 772px;
	padding: 10px 0px 0px 70px;
	}
#rightfooter {
	width: 430px;
	line-height: 150%;
	left: 350px;
	padding: 0px 10px 0px 0px;
	}
#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;
	}