

body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Arial, Lucida Sans Unicode, Arial, sans-serif;
    background: #c9daea; background: #ffffff;
    text-align: center;
    height: 100%;
    }
html {
	height: 100%;
}

html>body #container {
/* dit wordt alleen in firefox weergegeven */
height:auto;
min-height:100%;
}

a
    {
    color: #132295;
    }
a:hover
    {
    color: #D60808;
    }
a.white
    {
    color: #ffffff;
    }
a.white:hover
    {
    color: #132295;
    }    
img {
border:0px;
}

#container
    {
    margin: 0 auto;
    width: 724px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    height:100%;
    }
    

h1 span
    {
    display: none;
    }
h2
    {
    font-size: 12px;
    margin: 0;
    }

h1{
    color: #006102;
    font: 20px Arial, Lucida Sans Unicode, Arial, sans-serif;
    font-weight: bold;
}

p{
    color: #000000;
    font: 12px Arial, Lucida Sans Unicode, Arial, sans-serif;
}

p.bodytext{
    color: #000000;
    font: 12px Arial, Lucida Sans Unicode, Arial, sans-serif;
}

table{
    color: #000000;
    font: 12px Arial, Lucida Sans Unicode, Arial, sans-serif;
}

span{
    color: #000000;
    font: 12px Arial, Lucida Sans Unicode, Arial, sans-serif;
}

#quickSummary
    {
    padding-top: 15px;
    }
#quickSummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 65px;
    right: 20px;
    margin: 0;
    }
    
#container #intro #back_logo 
    {
    position: absolute;
    top: 25px;
    left: -125px;
    margin: 0;
    z-index:-1;
}

#container #intro #quickSummary .p1
    {
    font-size: 11px;
    height: 171px;
    background: url("background7.gif") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Arial;
}


#main
    {
    margin: 30px 190px 0 0px;
    }



    
div.boxen
    {
    position: absolute;
    top: 20px;
    left:0px;
    }



div.box1
    {
    position: absolute;
    top: 210px;
    left: 572px;
    width: 152px;
    }
    
div.inner_box1
    {
    background: #C1EDBB;
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 0px 15px;
    position:relative;
    left:10px;
    height:142px;
}

div.inner_box1 h1{
    font-size: 12px;
}



b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #C1EDBB;position:relative; left:10px;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}



div.box2
    {
    position: absolute;
    top: 380px;
    left: 572px;
    width: 152px;
    }

div.inner_box2
    {
    background: #5DBC5D;
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 0px 15px;
    position:relative;
    left:10px;
    height:142px;
}

div.inner_box2 h1{
    font-size: 12px;
}

b.rtop2 b, b.rbottom2 b{display:block;height: 1px;
    overflow: hidden; background: #5DBC5D;position:relative; left:10px;}
b.rtop2 b.r4, b.rbottom2 b.r4{margin: 0 1px;height: 2px}




div.box3
    {
    position: absolute;
    top: 550px;
    left: 572px;
    width: 152px;
    }

div.inner_box3
    {
    background: #006102;
    margin: 0px 0px 0px 0px;
    padding: 2px 10px 0px 15px;
    position:relative;
    left:10px;
    height:142px;
}

div.inner_box2 h1{
    font-size: 12px;
    padding-bottom: 10px;
}

div.inner_box3 p.bodytext
    {
    color: #ffffff;
    font: 12px Arial;
}

b.rtop3 b, b.rbottom3 b{display:block;height: 1px;
    overflow: hidden; background: #006102;position:relative; left:10px;}
b.rtop3 b.r4, b.rbottom2 b.r4{margin: 0 1px;height: 2px}




div.menu1
    {
    position: absolute;
    top: 167px;
    left: 20px;
    z-index:2;
}



/* JsCook Menu Style Sheet */

/* Level 1 */

.JsCookMainItemText, .JsCookMainFolderText
{
	margin: 0;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
    font: 12px Arial;
	cursor: default;
	color: #006102;
}

.JsCookMainItem
{
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
}

.JsCookMainItemHover, .JsCookMainItemActive
{
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
	background-color: #C1EDBB;
}

/* Level 2+ */

.JsCookSubMenu
{
	padding: 0;
	margin: 0;
	position:	absolute;
	visibility:	hidden;
	z-index:	100;
	overflow:	visible;
	width: 150px;
}

.JsCookSubMenuTable
{
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	overflow:	visible;
	border: 1px solid #C1EDBB;
	border-top: 0px;
}

.JsCookMenuItem{
	padding: 0;
	margin: 0;
}

.JsCookMenuItemLeft, .JsCookMenuFolderLeft, .JsCookMenuItemRight, .JsCookMenuFolderRight
{
	padding: 0;
	margin: 0;
	width: 0;
} 

.JsCookMenuItemText, .JsCookMenuFolderText
{
	margin: 0;
	padding: 2px 11px 2px 11px;
	font: normal 11px Arial;
	cursor: default;
	border-top: 1px solid #C1EDBB;
	color: #006102;
}

.JsCookMenuItemHover, .JsCookMenuItemActive
{
	background-color: #C1EDBB;
}

/* Horizontal menu split */

.JsCookMenuSplit
{
	margin:	2px;
	height:	1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C1EDBB;
}
