/* CSS Da Fruit 2007 - www.dafruit.nl - in opdracht van Da Fruit */



/* --------------------- BEGIN BODY --------------------- */

body, html{
min-height:100%;
height:100%;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;

}

a:link {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color:#000000;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}


.special_link {
color:#FF6600;
}


/* --------------------- BEGIN LAYOUT --------------------- */


.main_placeholder {
min-height:800px;
height:100%;
width:100%;
position:relative;
margin: 0 auto;
background:none;	
}

.main_bg {
width:910px;
min-height:860px;
height:100%;
margin: 0 auto;
background:none;
position:relative;
}

.layout_placeholder {
/*height:100%;*/
height:100%;
width:900px;
background:none;
position:static;
margin: 0 auto;
}

.mainheader {
height:180px;
width:900px;
background:#003366;
position:absolute;
top: 0px;
}

.mainh_image {
height:180px;
width:510px;
background:url(/img/header_img.jpg);
position:absolute;

}

.mainh_info {
height:180px;
width:385px;
background:#006699;
position:absolute;
padding-left:10px;
left:510px;
color:#fff;
font-size:12px;
font-weight:500;
}


.menuheader {
height:20px;
width:900px;
background:#333333/*url(/07/img_layout/bg_menu.jpg)*/;
position:absolute;
top: 178px;
}

.content {
min-height:500px;
height:auto;
width:900px;
background:none;
position:absolute;
top:198px;
}




/* ---------------------   CONTENT      --------------------- */

.content_content {
min-height:480px;
height:auto;
width:880px;
background:none;
position:static;
padding-left:5px;
padding-right:5px;
padding-top:10px;

}

.content_inleiding {
height:160px;
width:650px;
background:url(/07/img_layout/img_id2/dafruit.jpg) no-repeat;

}

.content_in_tekst {
width:340px;
background:none;
font-size:11px;
color:#333333;
text-align:left;
padding:5px;

}


.footer {
height:12px;
width:910px;
background:#000000;
font-size:10px;
text-align:center;
color:#FFFFFF;
position:absolute;

}


/* ---------------------    MENU      --------------------- */

.menu_item_holder {
width:160px;
padding:3px;
/*border-left:dashed 1px #fff;*/
}

.menu_item_text {			/* TEXT IN MENU LEFT */

}

.menu_item a {				/* MENU BUTTON NORMAL */
list-style-type:none;
font-weight:bold;
font-size:12px;
color:#666666;
width:150px;
height:15px;
display:block;
text-align:left;
padding: 3px 0 2px 10px;
text-decoration:none;

}

.menu_item a:hover {				/* MENU BUTTON OVER */
background:#333333;
color:#fff;
width:150px;
height:15px;
}

/* ---------------------    MENU hori     --------------------- */

#menu {
width:670px;
height:auto;
background:none;
float:left;
}

#menu ul {
list-style:none;
margin: 0;
padding: 0;
width: 110px;
float: left;
height:14px;
}
#menu a, #menu h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
display: block;
/*border: 1px;
border-style:dashed;
border-color: #ffffff;*/
margin: 0;
padding: 2px 3px;
text-align:left;
}

#menu h2 {
font-size:10px;
color:#000000;
background:none;
text-transform: uppercase;
}

#menu h3 {
font-size:10px;
color:#ffffff;
background:none;
text-transform: uppercase;
}

#menu a {
color:#fff;
background:#333333;
text-decoration:none;

}

#menu a:hover {
color:#fff;
background:#006699;
}

#menu li {position: static;}


#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 200;
}



/* --------------------- TEKSTSOORT --------------------- */

.kopgroot_oranje 	{color:#FF6600; font-size:16px; font-weight:bold;}
.kopgroot_blauw 	{color:#003366; font-size:16px; font-weight:bold;}
.kopmedium_oranje 	{color:#FF6600; font-size:14px; font-weight:bold;}
.kopmedium_blauw 	{color:#003366; font-size:14px; font-weight:bold;}
.kopmedium_wit 	{color:#FFFFFF; font-size:14px; font-weight:bold;}
.tekst_wit 	{color:#FFFFFF; font-size:11px; font-weight:200;}