/* ALGEMENE STIJLEN */
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
margin: 0px 0px 0px 0px;
overflow: scroll;
}

body a, body a:visited
{
color:black;
text-decoration: underline;
}

body a:hover
{
color:#cc3300;
}

body a img
{
border-style:none;
text-decoration: none;
}

/* STIJL VOOR DE HOOFDTABEL */
table.MainTable
{
width:960px;
border-collapse:collapse;
border-style:none;
}

/* STIJLEN VOOR DE HEADER-RIJ = COSMOS LOGOG + PSA LOGO */
td.header
{
height:255px;
background:transparent url('headerBG.png') no-repeat left top;
vertical-align:top;
text-align:right;
padding:10px 10px 0px 0px;
}

span.PSA_reference
{
font-family: Calibri;
font-weight:bold;
font-style:italic;
color:#8c1130;
font-size:13px;
}

/* STIJL VOOR DE TOOLBAR ZELF */
td.toolbar
{
height:32px;
background:transparent url('toolbarBG.png') no-repeat left top;
padding:1px 1px 1px 1px;
}

/* STIJLEN VOOR DE ELEMENTEN OP DE TOOLBAR */
/* td.toolbar a td a, td.toolbar a td a:hover, td.toolbar a td a:visited */
td.toolbar a, td.toolbar a:hover, td.toolbar a:visited
{
text-decoration:none;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
float:left;
color:white;
font-size:11px;
}

td.toolbar a table, td.toolbar a:visited table, td.toolbar a:hover table
{
border-collapse:collapse;
display:inline;
}

td.toolbar a table td, td.toolbar a:visited table td
{
padding-left:5px;
padding-right:5px;
padding-top:7px;
font-weight:bold;
font-size:11px;
color:white;
text-decoration:none;
border-left:1px solid white;
border-right:1px solid black;
height:30px;
vertical-align:top;
cursor:hand;
}

td.toolbar a table td.first, td.toolbar a:visited table td.first
{
border-left-style:none;
}

td.toolbar a:hover table td
{
text-decoration:none;
background-color:#ff6600;
}

td.toolbar a.extranet, td.toolbar a.extranet:hover, td.toolbar a.extranet:visited
{
float:right;
}

td.toolbar a.extranet table td, td.toolbar a.extranet:visited table td
{
background:transparent url('extranet-login.png') no-repeat 10px -1px;
padding-left:40px;
padding-right:15px;
border-right-style:none;
color:#cc3300;
height:30px;
}

td.toolbar a.extranet:hover table td
{
background:#ff6600 url('extranet-login_hover.png') no-repeat 6px -1px;
color:white;
}

/* STIJLEN VOOR DE INHOUD */
div.content
{
background: transparent url('container-bottom.png') no-repeat right top;
/*width: 960px;*/
border-left:1px #ff3300 solid;
text-align: justify;
/*height: 50px;*/
padding: 10px 10px 0px 10px;
padding-left:0px;
}

div.leftContainer
{
padding:35px 0px 0px 0px;
text-align: justify;
color: #666666;
vertical-align: top;
border-left:1px solid #cc3300;
border-right:1px solid white;
background:#d2c1b6 url('bgNav.jpg') repeat-x left top;
}

.leftHeader
{
PADDING-LEFT: 25px;
PADDING-RIGHT: 20px;
PADDING-TOP: 8px;
PADDING-BOTTOM: 8px;
BACKGROUND: url('http://intranetweb/CosmosTheme/cosmosbullet1.gif') #e9e0db no-repeat 10px 12px;
FONT: bold 12px Tahoma, Arial, sans-serif;
}

.leftText
{
PADDING-LEFT: 25px;
PADDING-RIGHT: 20px;
PADDING-BOTTOM: 8px;
font-size: 11px;
color:#666666;
}

td.whiteContent
{
color:black;
border-left:1px solid white;
padding:10px 5px 10px 8px;
}

.whiteDivider
{
height:1px;
width:100%;
color:#999999;
}

H1.homepage
{
font-weight:700;
font-size:160%;
color:#cc6600;
padding-top:10px;
margin-top:0px;
margin-bottom:10px;
}

H1.subpage
{
font-weight:700;
font-size:160%;
color:#cc3300;
border-bottom:1px #cc3300 solid;
margin-top:0px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:20px;
}

H2, H3
{
font-weight:700;
font-size:116%;
margin-top:0px;
margin-bottom:10px;
}

H3
{
color:#666666;
padding-left:10px;
}

P
{
padding-left:10px;
padding-top:0px;
margin-top:0px;
}

div.footer
{
width:960px;
margin-top:20px;
color:#999999;
border-top:1px #d2c1b6 solid;
padding-top:8px;
font-size: 12px;
text-align:center;
}

div.footer a, div.footer a:visited
{
color:#999999;
text-decoration:underline;
}

div.footer a:hover
{
color:#666666;
text-decoration:none;
}

ul.bltorange
{
margin:0px 20px 0px 20px;
padding:0px 10px 0px 10px;
}

li.bltorange
{
list-style:none url('arrowOrange.gif') outside;
}

.DirectionsShown
{
display: block;
}

.DirectionsHidden
{
display: none;
}

/* style for the image show on the left */
.blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}