/* stylesheet PBSworldwide
------------------------------------------------------------------*/

body{
margin:0px;
padding:0px;
text-align:center;
background-image:url(../images/interface/bg.gif);
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
color:#153544;
}

/* positioning of main div's
------------------------------------------------------------------*/
#image{
margin:0px;
padding:0px;
position:absolute;
top: 0px;
left: 0px;
width:600px;
height:371px;
border-right:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
}
#navcontainer{
margin:0px;
padding:0px;
position:absolute;
top: 280px;
left: 30px;
width:302px;
text-align:right;
}
#archief{
margin:0px;
padding:8px 0px 0px 0px;
position:absolute;
top: 204px;
top/**/:/**/ 200px;
left: 600px;
width:160px;
width/**/:/**/ 156px;
height:40px;
height/**/:/**/ 30px;
background-color:#9FC43A;
border:2px solid #FFFFFF;
font-weight:bold;
font-size: 0.8em;
}
#contentcontainer{
margin:0px;
margin:0px;
position:absolute;
top: 237px;
top/**/:/**/ 235px;
left: 330px;
width:430px;
}

/* mouseover archief knop
------------------------------------------------------------------*/

#archief a{
text-decoration:none;
color:#729511;
font-size: 0.9em;
}
#archief a:hover{
color:#18600A;
}
#archief img{
border:0px;
vertical-align:top;
}

/* navigation look
------------------------------------------------------------------*/

#navcontainer img{
margin:0px;
padding:0px;
border:0px;
float:right;
}
#nav{
margin:0px;
padding:0px;
width:300px;
background-color:#37505C;
float:right;
}
#nav ul{
margin:0px;
padding:0px;
}
#navlist{
padding-left: 0;
margin-left: 0;
width: 300px;
font-weight:bold;
font-size: 0.8em;
}

#navlist li{
list-style: none;
margin: 0px;
padding: 5px 15px 5px 10px;
border-bottom: 2px solid #576C75;
border-left: 2px solid #576C75;
border-right: 2px solid #576C75;
}
#navlist li a { 
text-decoration: none; 
color:#8B9EAD;
}
#navlist li a:hover { 
color:#FFFFFF;
}
#navlist li#active {
background-color:#FFFFFF;
padding: 5px 17px 5px 10px;
color:#1D6482;
border:0px;
border-bottom: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
}
#navlist li#topactive {
padding: 5px 15px 5px 10px;
border-bottom: 2px solid #37505C;
border-left: 2px solid #576C75;
}

/* settings look (language/home/contact)
------------------------------------------------------------------*/

#settings{
margin:0px;
padding:0px;
width:298px;
border-bottom:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
font-weight:bold;
font-size: 0.7em;
background-color:#517390;
float:right;
}
#settings a{
margin:0px;
padding:5px 10px 5px 10px;
border-right:2px solid #FFFFFF;
float:right;
color:#B2D3E1;
text-decoration:none;
}
#settings a:hover{
color:#FFFFFF;
}
#settings a.active{
color:#FFFFFF;
}


/* content look
------------------------------------------------------------------*/


#content{
margin:0px;
padding:0px;
background-color:#D6E3EC;
border-top:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
border-bottom:0px;
text-align:left
}
#content h1{
margin:0px;
padding:10px 15px 0px 15px;
font-size: 1.2em;
color:#FFFFFF;
}
#content h2{
margin:0px;
padding:10px 15px 4px 15px;
font-size: 0.8em;
}
#content a#active{
color:#153544;
}
#content a#subactive{
color:#153544;
}
#content p{
margin:0px;
padding:0px 20px 15px 15px;
font-size: 0.8em;
line-height: 1.3;
}
.bluetitle{
background-color:#517390;
border-bottom:2px solid #FFFFFF;
height:43px;
}
.bluecontent{
margin:0px;
padding:0px 0px 15px 0px;
background-color:#D6E3EC;
border-bottom:2px solid #FFFFFF;
}
.bluecontent ul{
margin:0px 0px 0px 20px;
padding:10px 10px 10px 30px;
list-style: square;
}
.bluecontent ol{
margin:0px 20px 0px 20px;
padding:10px 10px 10px 30px;
list-style: square;
}
.bluecontent li{
padding:0px 0px 2px 0px;
font-size: 0.7em;
}
.bluecontent a{
color:#84A0B3;
text-decoration:none;
font-weight:bold;
}
.bluecontent a:hover{
color:#355571;
}
.bluecontent h3{
margin:0px;
padding:10px 10px 4px 35px;
font-size: 0.8em;
background-image: url(../images/interface/arrowblue.gif);
background-repeat: no-repeat;
background-position: 15px 12px;
}
.greentitle{
background-color:#65980E;
border-bottom:2px solid #FFFFFF;
height:43px;
}
.greencontent{
background-color:#DDE0B6;
border-bottom:2px solid #FFFFFF;
}
.greencontent ul{
margin:0px;
padding:10px 10px 10px 15px;
list-style: none;
}
.greencontent li{
padding:0px 0px 12px 15px;
background-image: url(../images/interface/file.gif);
background-repeat: no-repeat;
background-position: 0 1px;
font-size: 0.7em;
}
.greencontent a{
color:#7D9B2B;
text-decoration:none;
font-weight:bold;
}
.greencontent a:hover{
color:#35532D;
}
.greencontent h3{
margin:0px;
padding:10px 10px 4px 35px;
font-size: 0.8em;
background-image: url(../images/interface/arrowgreen.gif);
background-repeat: no-repeat;
background-position: 15px 12px;
}
form {
margin:0px 0px 0px 15px;
padding:0px;}

input{
margin:0px;
padding:3px;
border:1px solid #517390;
color:#517390;
font-weight:bold;
font-size: 0.7em;
background-color:#FFFFFF;
width:200px;
}
.button
{
margin:0px;
padding:3px;
border:1px solid #517390;
color:#FFFFFF;
font-weight:bold;
font-size: 0.7em;
background-color:#517390;
width:120px;
}


/* footer look
------------------------------------------------------------------*/

#footer{
margin:0px 0px 30px 0px;
padding:5px 0px 0px 0px;
font-size: 0.7em;
color:#B2D3E1;
}

/* other stuff
------------------------------------------------------------------*/
.strong{
font-weight:bold;
}
.clear{
clear:both;
}