/* CSS Document by Stay Hungry  |www.stayhungry.be| */

body {
  background:#BBBBBB;
  margin:0;
  padding:10px 0 14px;
  font:small Verdana,Sans-serif;
  text-align:center;
  color:#FFFFFF;
  font-size/* */:/**/small;
  font-size: /**/small;
  }

a {
 color:#FFFFFF;
 text-decoration:underline;
  }


/* Structure
----------------------------------------------- */
#wrapper {
  position:relative;
  top:4px;
  left:4px;
  background:#999;
  width:744px;
  margin:0 auto;
  text-align:left;
  }
#container {
  position:relative;
  top:-4px;
  left:-4px;
  background:#fff;
  padding:10px;
  }
  
#content {
  margin-top:10px;
  background:url(../images/content_bg.bmp) repeat-y left top;
  width:100%;
  font-size:85%;
  }

#maincontent {
  width:460px;
  color:#fff;
  float:left;
  margin:0;
  }
#maincontent2 {
  margin:0;
  padding:5px 10px;
  }

#maincontent3 {
  margin:0;
  padding:0px 20px;
  }
  
#sidebar {
	padding:0;
	float:right;
	width:254px;
	color:#356;
  }

.sidebar2 {
  margin:0;
  padding:15px 20px 10px;
  }
  
.sidebar3 {
  margin:0;
  padding:10px 5px 10px;
  text-transform:uppercase;
  }

/* #iframe {
   background:#002456;
   overflow:hidden;
   width:450px;
   height: 100*;
   border:none;
   float:left;
   }/*



  
/* Header
----------------------------------------------- */
#header {
  background:url(../images/header.png) no-repeat left bottom;
  padding:0 0 0 160px;
  margin:0 0 10px;
  color:#fff;
  width:100%;
  width/* */:/**/auto;
  width:auto;
  }
  
#title {
  margin:0;
  padding:40px 0 0;
  font:bold 275%/97px "Trebuchet MS",Arial,Sans-Serif;
  text-transform:lowercase;
  }
  
#title a {
  color:#fff;
  text-decoration:none;
  }
  


/* Navigatie
----------------------------------------------- */
#mid {
  background:#002456 url(../images/nav_bg) repeat-y left top;
  height:40px;
  width:100%;
  margin:0px;
  padding:0px;
  color:#fff;
  list-style-type: none;
  font:bold 1.2em "Trebuchet MS",Arial,Sans-Serif;
}


ul#nav {
	float: left;
	margin: 0px 0 0 0px;
	padding: 0px;
	list-style-type: none;
}

#nav li {
	margin: 0px;
	display: block;
	float: left;
	padding: 10px 0px 0px 41px;
}

#nav li a{
    text-decoration:none;
	color:#FFFFFF;
	}

#nav li a:hover {
   background:url(../images/nav-on-bg.gif) repeat-x center center;
   padding: 10px 0px 0px 0px;
   }
   
#nav li a:active {
   background: url(../images/nav-on2-bg.gif) repeat-x center center;
   }
   
li#on a {
	margin: 0;
	background: url(../images/nav-on-bg.gif) repeat-x center center;
	padding: 10px 0px 0px 0px;
	color:#CCDDBB;
	}

/* content layout
----------------------------------------------- */
#maincontent ul {
  line-height:1.4em;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  
#sidebar ul {
  line-height:1.4em;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
 
#sidebar a {
  color:#356;
  text-decoration:none;
  }
  
#sidebar a:hover{
  color:#376;
  text-decoration:underline;
  }

#sidebar a:active {
  color:#356;
  text-decoration:none;
  }
  
h3 {
  font:bold 150%/1.4em "Trebuchet MS",Arial,Sans-Serif;
  color:#fff;
  text-transform:uppercase;
  text-decoration:underline;
  }

.links{
  font:bold 150%/1.4em "Trebuchet MS",Arial,Sans-Serif;
  text-transform:uppercase;
  text-decoration:underline;
  }
  
h4 {
  font:bold 150%/1.4em "Trebuchet MS",Arial,Sans-Serif;
  color:#fff;
  text-transform:lowercase;
  }
  
/* Footer
----------------------------------------------- */

#footer {
	padding: 10px 10px 10px 10px;
	margin-top:10px;
	width:714px;
	clear:both;
	}
	
.footerText {
	font-size: xx-small;
	text-align: right;
	color:#356;
	}
	
#footer a{
	padding: 0px;
	text-decoration: none;
	border:none;
	color:#002456;
	}

#footer a:hover {
   color:#002456;
   text-decoration:none;
   margin:0px;
   padding: 0px;
   }
  
  /* Pictures
----------------------------------------------- */

#sidepic {
  margin:0;
  padding:0px 0 0 40px;
  }
  
#sidepic a {
  text-decoration:none;
  border:none;
  }
  
#firefox {
  text-decoration:none;
  border:none;
  float:left;
  }
  
/* Misc
----------------------------------------------- */
.clear {
  clear:both;
  display:block;
  height:1px;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:1px;
  }
  
#extralist li { list-style-type: square; }

#extralist a {
  color:#CCCCCC;
  text-decoration:none;
  }
  
#extralist a:hover{
  color:#FFFFFF;
  text-decoration:underline;
  }

#extralist a:active {
  color:#FFFFFF;
  text-decoration:none;
  }
 
li#current a {
	margin: 0;
	padding: 0px 0px 0px 0px;
	color:#FFFFFF;
	text-decoration:none;
	}