/* General layout */
body {
background:#e0e0e0; 
background-image: url(../images/bodybg.PNG);
background-attachment: fixed;
color:#303030; 
font:76% tahoma, verdana, sans-serif; 
margin:0; 
padding:15px 0 0;
}

#container {
background:#fffff0; 
margin:0 auto 20px; 
padding:5px 20px 20px; 
width:900px;
z-index: 10;
}

/* Site title */
#logo {
margin:15px 0 0;
width: 900px;
}

#logo h1 a {
border:none; 
color:#003366;
}

#logo h1 a:hover {
border:none; 
color:#303030; 
text-decoration:none;
}

#logo p       {
font-size:1.3em;  
color:#003366; 
margin:0 0 20px 0;
}

#search {
float: right; 
background: #fffff0; 
width: 290px;
height: 30px;
}

/* Tags */
a {
border-bottom:px dotted #505050; 
color:#303030; 
text-decoration:none;
}

a:hover {
border-bottom:px solid #505050; 
color:#303030; 
text-decoration:none;
}

a img {
border:0;
}

h1 {
font-size:2.2em; 
font-weight:400; 
margin:0 0 5px; 
padding:0;
}

h2 {
font-size:1.8em; 
font-weight:400; 
margin:0 0 12px;
}

h3 {
font-size:1.4em; 
font-weight:400; 
margin:0 0 10px;
}

p {
line-height:1.5em; 
margin:0 0 15px; 
text-align:left;
}

ul,ol {
margin:0 0 15px 15px; 
padding:0;
}

li {
margin:0 0 3px 0;
}

/* Toptabs menu */
#toptabs {
font-size:.8em; 
margin:10px auto -13px; 
width:900px;
}

#toptabs p {
color:gray; 
text-align:right;
}

.toptab {
background:#003366; 
border-bottom:1px solid #003366; 
color:#fffff0; 
margin:0 0 0 4px; 
padding:4px 5px 3px; 
text-decoration:none;
}

.toptab:hover {
background:#fafafa url(../images/corner2.gif) top right no-repeat; 
border-bottom:1px solid #eaeaea; 
color:#505050; 
text-decoration:none;
}

.activetoptab {
background:#fffff0 url(../images/corner2.gif) top right no-repeat; 
border-bottom:1px solid #fffff0; 
color:#003366; 
margin:0 0 0 4px; 
padding:4px 5px 3px; 
text-decoration:none;
}

.activetoptab:hover {
border-bottom:1px solid #fffff0; 
text-decoration:none;
}

/* Navitabs menu */

#nav, #nav ul {
padding: 4px 0 0 0;
margin: 0px;
list-style: none;
}

#nav li {
float: left;
width: 92.75px;
background: #e0e0e0 url(../images/corner.gif) top right no-repeat; 
color: #003366;
font: 100% tahoma, verdana, sans-serif; 
}

#nav .mainactive {
background: #003366 url(../images/corner.gif) top right no-repeat; 
color: #e0e0e0;
font-weight: bold;
}

#nav .mainactive a{
background: #003366; 
color: #e0e0e0;
}

#nav .mainactive a:hover{
background: #003366; 
color: #e0e0e0;
}

#nav .main {
background: #e0e0e0 url(../images/corner.gif) top right no-repeat; 
color: #003366;
}

#nav .main a{
background: #e0e0e0; 
color: #003366;
}

#nav .main a:hover{
background: #e0e0e0; 
color: #003366;
font-weight: bold;
}

#nav .sub {
background: #e0e0e0; 
color: #003366;
}

#nav .sub a{
background: #e0e0e0; 
color: #003366;
}

#nav .sub a:hover{
background: #e0e0e0; 
color: #003366;
font-weight: bold;
}

#nav .subactive {
background: #e0e0e0; 
color: #003366;
font-weight: bold;
}

#nav .subactive a{
background: #e0e0e0; 
color: #003366;
font-weight: bold;
}

#nav .subactive a:hover{
background: #e0e0e0; 
color: #003366;
font-weight: bold;
}

#nav ul {
position: absolute;
width: 92.75px;
left: -1000px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}


#nav a {
display: block;
margin: 2px 5px 3px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
border-bottom:0px dotted #505050; 
text-decoration:none;
}

ul a{
color: #003366;
cursor: default;
}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #003366;
cursor: pointer;
}

ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #003366;
cursor: pointer;
}

ul li{
background-color: #fffff0;
border-left: 3px solid #FFF;
}

ul ul li{
background-color: #666;
border-top: 0px solid #FFF;
border-left: 0;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */ 

/* Header description area */
#desc {
background:#003366 url(../images/front_.jpg) top left no-repeat; 
clear:both; 
color:#fffff0;
height:240px; 
margin:5px 0 15px; 
padding:0 0 5px 0;
}

#desc p {
font-size:1em; 
line-height:1.3em; 
padding:0 0 0 600px;
width:290px;
}

#desc h2 {
color:#fffff0; 
padding:30px 0 0 600px;
}

#desc a {
border-color:#fffff0; 
color:#fffff0; 
text-decoration:none;
}

/* Main content */
#main {
border-right:2px solid #d8d8d8; 
float:left; 
margin:0; 
padding:0 15px 0 0; 
width:688px;
}

#main h2 {
font-size:1.6em; 
line-height:1.3em;
color:#003366;
}

#main p {
font-size:1.1em; 
color:#505050;
}

#main hr {
color:#D8D8D8;
width:100%;
height:2px;
}

/* Sidebar */
#sidebar {
float:right; 
width:170px;
}

#sidebar p {
font-size:0.9em; 
line-height:1.3em; 
margin:0 0 15px 0;
width:150px;
}

#sidebar a {
font-size:0.8em;
border-bottom:0px dotted #505050; 

}

#sidebar h6 {
font-size:0.9em; 
line-height:1.3em; 
margin:0 0 15px 0;
color:#fffff0;
}

#sidebar ul {
margin:0 0 15px 0; 
padding:0;
}

#sidebar li {
list-style:none;
height:180px;
}

ul.sidelink li {
list-style:none; 
margin:0 0 30px; 
padding:0;
}


#sidebar h4{
background:#e0e0e0 url(../images/corner.gif) top right no-repeat; 
font-size:0.9em; 
line-height:1.3em;
border:none; 
display:block; 
margin:5px 10px 5px 0; 
padding:3px 4px 3px 8px; 
text-align:left; 
width:160px;
}

ul.sidelink li a:hover {
background:#e0e0e0 url(../images/corner.gif) top right no-repeat; 
border:none; 
text-decoration:none;
}

/* Footer */
#footer {
background:#fffff0; 
border-top:2px solid #d8d8d8; 
clear:both; 
margin:0; 
padding:0;
}

#footer a {
color:gray;
}

#footer a:hover {
color:#303030;
}

#footer p {
color:gray; 
font-size:1.1em; 
line-height:1.3em; 
margin:15px 0 0; 
padding:0;
}

/* Additional classes */
.photo {
background-color:#f0f0f0; 
border:1px solid #d8d8d8; 
margin:0 0 15px; 
padding:2px;
}

.timestamp {
font-size:1.2em; 
color:#606060; 
margin:-12px 0 12px 0;
}

.right {
margin:-8px 0 8px 0; 
text-align:right;
}

.block {
background:#f0f0f0; 
padding:10px;
}

.hide {
display:none;
}