/*
CSS basic layout
Op basis van code geschreven door Dimitri Gorrebeeck.
www.godi.be
*/
* 
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
	color: #000;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	background-color: #333333;
	text-align: center;
	height: 100%;
	font-size: x-small;
}
body 
    {
    behavior: url("csshover.htc");
    }


	{
	font-size:65%;
	margin-bottom: auto;
	height: auto;
	}
p {padding: 7px 0 7px 0;}

a {
color: #CCCCCC;
}

#memorie{
border-style:solid;
border-color:#000000;;
border-width:medium;
}
a:hover{
color: #FFFFFF;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
	width: 760px;
	min-height: 100%;
	text-align: left;
	background-color: #336666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: auto;
}
* html #mainContainer {
height: 100%; 
}
/**************************
HEADER
**************************/
#header {
	text-align:right;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position:left center;
	background-color: #006666;
	height: 150px;
}

li:hover
        {
	z-index: 1;
	cursor: pointer;
	background-image: url(../images/bttn_over2.png);
        }
li{
	
}


/**************************
Inhoud en kolommen
**************************/
.outer {
}
* html .outer {
}
.inner {
	width: 595px;
	padding-bottom: 30px;
	padding-left: 160px;
}
* html .inner {
width: 100%;
}

.float-wrap {
	float: left;
	width: 760px;
	height: auto;
	margin-left: -160px;
}

#content {
	float: right;
	width: 600px;
	background: #fff;
	margin-left: -5px;
}
* html #content {
	height: 100%;
}
.contentWrap{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.contentWrap ol, .contentWrap ul {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	position: absolute;
	left: 198px;
	top: 226px;
	width: 968px;
}
.contentWrap li {
	padding-left: 30px;
	width: auto;
}
/**************************
Linker kolom
**************************/

#left {
	float: left;
	width: 150px;
	height: auto;
}
* html #left {
	position: relative;
	height: 100%;
}
#left ul {
	list-style: none;
}
#left li {
	padding-bottom: 4px;
	height:auto;	
	padding-left:500px;
	
}
#sublinks{
	text-align:right;		
}

#sublinks a{
	font-size:12px;
}

/*************************
Rechter kolom
**************************/
#right {
	float: right;
	width: 120px;
	padding: 5px;
}
* html #right {
	position: relative;
	margin-right: -120px; /*** IE krijgt deze margin. ***/
	height: 100%;
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer {
	width: 760px;
	height: 30px;
	margin-top: -30px; /*** Deze negatieve waarde is gelijk aan de hoogte van de footer (30px). Als je borders en padding gebruikt in je footer, moet je daar mee reking houden in de berekeing van deze negatieve waarde. ***/
	text-align: center;
	background-color:#006666;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}