/* main style-sheet: style.css						*/
/* Design by MeB (c)2006  								*/
/* for genENomgeving VU FPP BioPsy Vinkhuysen 	*/
/* layout: center on page 								*/

*
{ 
	margin: 0;
	padding: 0;
 }

body {	
	margin: 0px; 
	padding: 0px;
	top: 0;
	background-color: #F4F4F4;
	font-family: trebuchet ms, verdana, tahoma, arial;
	font-size: 80%;
	line-height: 150%;
/* stupid MSIE hack to get page centered in browser */	
	text-align: center;
}
html, body
{
	height: 100%;
	text-align: center;
}

img { border: none; } 
#wrap, #footer
{ 
	width: 800px;
 }

#wrap {
	background-color: #FFF;
	background-image: url(../images/menu-bg.gif); 
	background-repeat: repeat-y;
/* stupid MSIE hack to get page centered in browser */
	position: relative;
	min-height: 100%;
	margin: auto;
	text-align: left;
}

* html #wrap
{
	height: 100%;
}

a:active, a:visited, a:link
{
	color: #AA0000;
	text-decoration: none;
}

a:active, a:visited, a:link
{
	color: #AA0000;
	text-decoration: none;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}


#main { padding-bottom: 50px; }

#content
{ 
 	display: inline;
	float: right;
	width: 540px;
	margin: 5px 25px 0 0;
}
#content p { text-align: justify; }

#content h1 { margin-bottom: .5em; border-bottom: 1px solid #aa0000; padding-top: .5em; padding-bottom: .2em; color: #aa0000; font-family: arial; font-weight: 100; letter-spacing: 2px;	font-size: 200%; text-align: left; }




#topimage
{  
	position: absolute;
   top: 0%;
	left: 0%;
}

#header
{ 	
	position: relative; 
	top: 0;
	height: 140px;
	overflow: hidden;
	background-color: #aa0000;
	border-bottom: 5px solid #FFFFFF;
}
#header H2, H3
{
	text-decoration: none;
	font-size: 1.2em;
	
	color: #fff;
	display: block;
	margin: 0 25px 0 25px;
}
#header A { text-decoration: none;  }
#header h2 { margin-top: 20px; margin-bottom: 20px;  font-family: arial; font-weight: 600; letter-spacing: 4px; font-size: 220%; text-align: right; color: white; }
#header h3 { padding-top: 0px; font-family: arial; font-weight: 400; letter-spacing: 1px; font-size: 125%; text-align: right; color: white; }



#menubar-logo, #menubar-logo img { position: relative; text-align: center; margin: 50px auto 0px auto; color: white; }


#footer
{  position: relative;
	margin: -2.5em auto auto auto;
	height: 2.5em;
	color: white;
   text-align: center;
	background-color: #aa0000;
	border-top:5px solid #FFFFFF;

	padding: 0px 0px 0px 0px;
	
}
/** SPECIAL **/
.clearout
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/** MENU **/

#menu
{	display: inline;
	float: left;
 	overflow: hidden;
 	background-color: #aa0000;
} 

.navcontainer { padding-top: 0px; }
.navcontainer a:link, .navlist a:visited
{
color: #fff;
text-decoration: none;
}
.navcontainer a:hover
{ 
background-color: #444;
color: #fff;
}

DIV.navcontainer a
{ display: block;
padding: 3px 15px ;


} 
/* Menu 1 column */
TD#menu_1 {	

  	padding-left: 0px;
	padding-top: 5px;
	margin-top: 10px;
	vertical-align: top;
	width:200px;
}
TD#menu_1 DIV {
	width: 200px;
}
TD#menu_1 DIV A {
	color: #eee;
	text-decoration: none;
	border-bottom: 1px solid #999;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no A{
  font-size: 12px;
  padding-left:5px;
}


TD#menu_1 DIV.menu1-level1-act A {
  font-weight: bold; 
  background-color: #E84B00;
  font-size: 12px;  
 padding-left:5px;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
  font-size: 11px;
  font-weight: normal; 
 margin-left: 0px;
}
TD#menu_1 DIV.menu1-level2-no A {
  background-color: #aa0000;
  font-weight: normal; 
 margin-left: 0px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
  font-size: 11px;

  font-weight: normal; 
 margin-left: 0px;
}
TD#menu_1 DIV.menu1-level2-act A {
  background-color: #FF8000;
  font-weight: bold; 
 margin-left: 0px;
}
TD#menu_1 DIV A:hover { background-color: #FFF4EA; color: #aa0000; font-weight: bold; text-align: left; background-image: url(../images/menu-item-bg.jpg); background-position: left; background-repeat: no-repeat;}



