body {
    background-color: #3a3a3a;
    cursor: default;
    font-family: 'Arial','Helvetica',sans-serif;
    background-image: url('../images/background.png');
	font-size: 1.1em;
	}
  
a
{
	color: #f26822;
}
a:hover {
    text-decoration: none;
  }
div {
    text-align: justify;
  }
  
img
{
	vertical-align: middle;
}

li {

  }

p {

  }

strong {
font-weight: bold;
  }
  
.odd
{
	background-color: #D9D9D9;
}

div.content
{
	font-size: 0.7em;
}

div.content ul
{
	list-style-image: url('../images/bullet.png');
	list-style-position: inside;
	text-indent: 1em;
	padding: 1em 0;
}

h3
{
	font-size: 1.15em;
	font-weight: bold;
}

h4
{
	font-size: 1.05em;
	font-weight: bold;
}
  
form
{
	margin-top: 2em;
}

td
{
	padding: 0.2em;
}

input
{
	margin-right: 0.3em;
}

/**
 *	ID's voor de gehele lay-out van de website
 */
  
/* Alles omvattende container */
#framework {
    margin: auto;
    width: 700px;
	background-color: #7b7b7b;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Bovenste gedeelte met de wetenschapswinkels.nl graphic */
#header {
	background-image: url('../images/header.png');
	overflow:hidden;
	background-color: #BBD1E6;
	height: 121px;
	background-repeat: no-repeat;
	border: 2px solid #7b7b7b;
  }
  
h1#firstheader, h2#secondheader
{
	display: none;
}

hr {
height: 0;
border: 0;
border-top:  1px dashed #f26822;
}

/* Containter voor het menu met tabbladen (meteen onder #header) */
#menu {
	background-image: url('../images/menu.png');
	overflow:hidden;
	background-color: white;
	height: 66px;
	background-repeat: no-repeat;
	border-top: 2px solid #7b7b7b;
	border-left: 2px solid #7b7b7b;
	border-right: 2px solid #7b7b7b;
	margin-top: 1px;
	position: relative;
  }
#menutitle
{
	position: absolute;
	top: 51px;
	left: 0px;
	height: 16px;
	width: 169px;
	overflow: hidden;
	font-size: 0.7em;
	color: white;
	padding-left: 12px;
}  
#tabbar
{
	position: absolute;
	top: 23px;
	left: 172px;
	height: 31px;
	overflow: hidden;
	}

/* Container voor alle content op de site */
#body {
    /*background-image: url('../images/background.png');*/
    /*background-position: left bottom;*/
    /*background-repeat: no-repeat;*/
	margin-top: 1px;
	border-top: 2px solid #7b7b7b;
	border-left: 2px solid #7b7b7b;
	border-right: 2px solid #7b7b7b;
	background-color: white;
	
  }
  
/* Container nieuws of subpagina's */
#sidebar {
	width: 152px;
	float: left;
	padding: 10px;
	font-size: 0.65em;

  }
 
#sidebar li{
	text-align: left;
	}
#sidebar strong{
	font-size: 0.95em;
	color: #f26822;
	text-decoration: underline;
	font-weight: bold;
  }
#sidebar p{
	font-size: 0.95em;
	color: #f26822;
	text-decoration: underline;
	font-weight: bold;
	text-align: right;
	width: 100%;
  }
  
#sidebar a.sidebar{
	color: gray;
  }

  #sidebar ul li{
	padding-bottom: 15px;
  }

/* Container voor het grote contentvak in het midden (rechts) van de pagina */  
#main {
    margin-left: 172px;
    background-color: white;
    padding: 10px;
    min-height: 500px;
	border-left: 1px dashed #f26822;
	/**
	 *  Hier wat vieze hacks voor Microsoft Internet Explorer (damn you!) :-(
	 */
    _height: 500px;
	_margin-left: -1px;
  }

/* Container voor de copyright informatie */
#footer {
	overflow:hidden;
	text-align: center;
	font-size: x-small;
	background-color: white;
	clear: left;
	height: 25px;
	border-bottom: 2px solid #7b7b7b;
	border-left: 2px solid #7b7b7b;
	border-right: 2px solid #7b7b7b;
  }
div #copyright {
    margin: auto;
    margin-top: 10px;
    text-align: center;
    }
	
	.tabbar{
float: left;

}

.tabbar ul{
list-style-type: none;

	position: absolute;
	top: 23px;
	left: 172px;
	height: 31px;
	overflow: hidden;
}

.tabbar ul li{
float: left;
background: url('../images/tabs/2ww.png') no-repeat right top;
}

.tabbar ul li a{
display: block;
padding: 10px 20px 0px 0px;
height: 31px;
color: gray;
font-size: 0.7em;
}

.tabbar ul li a span{
background: #FFF url('../images/tabs/bg.png') repeat right top;
padding: 10px 0px;
display:block;
position: relative;
height: 31px;
top: -10px;
cursor: pointer;
}

.tabbar ul li a:hover{
}

.tabbar ul li.first a{
padding-left: 13px;
background: url('../images/tabs/1w.png') no-repeat;
}

.tabbar ul li.last{
background: url('../images/tabs/3w.png') no-repeat right top;
}

.tabbar ul li.last a{
padding: 10px 13px 10px 0px;
}

.tabbar ul li#firstcurrent{
background: #fff url('../images/tabs/2ow.png') no-repeat right top;
}

.tabbar ul li#firstcurrent a{
background: url('../images/tabs/1o.png') no-repeat;
color: #FFF;
text-decoration: none;
}

.tabbar ul li#firstcurrent a span {
background: #f26822;
padding: 10px 0px;
display:block;
position: relative;
height: 31px;
top: -10px;
cursor: pointer;
}

.tabbar ul li#current{
margin-left: 0px;
background: url('../images/tabs/2ow.png') no-repeat right top;
}

.tabbar ul li#current a{
margin-left: -20px;
padding-left: 20px;
padding-right: 20px;
background: url('../images/tabs/2wo.png') no-repeat;
color: white;
text-decoration: none;
}

.tabbar ul li#current a span {
background: #f26822;
padding: 10px 0px;
display:block;
position: relative;
height: 31px;
top: -10px;
cursor: pointer;
}

.tabbar ul li#lastcurrent{
background: url('../images/tabs/3o.png') no-repeat right top;
}

.tabbar ul li#lastcurrent a{
padding: 10px 13px 0px 20px;
margin-left: -20px;
background: url('../images/tabs/2wo.png') no-repeat;
color: #FFF;
text-decoration: none;
}

.tabbar ul li#lastcurrent a span {
background: #f26822;
padding: 10px 0px;
display:block;
position: relative;
height: 31px;
top: -10px;
cursor: pointer;
}