/*CSS BASIS Document*/
/* ONDERDELEN
#transparantfilter { position:absolute; top:133px; left:167px; width:536px; height:40px; background-color:#fff; opacity:.80;filter:alpha(opacity=80); -moz-opacity:0.80; z-index:2 }

Gebruikte kleuren in de site bijv.
groen #e1e8c7
oranje #f28e00
etc.

LIST
.menu { height:45px; font-size:75%; background-color:#FFFFFF}
.menu a { font-weight:bold; color:#000000; text-decoration:none;}
.menu ul{ margin: 0 0 0 25px; padding: 0; list-style: none; }
.menu li { display:inline;}
.menu li a{ display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0px 0px; background-color:#ffffff}
.menu li a:hover {display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0 0; border-bottom: 2px none #ed008c; background-color:#ecedee}


*/

html, body { height:100%}
/* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */

body { font-family:arial,sans-serif; margin:0; font-size:100%; background-color:#99CCCC; }

/* sitewide weergave van links */
a {color:#2b415c}
a:hover {color:#b52c2f}
a:visited {color:#2b415c}


/* De hoofdcontainer. Dit is het werkgebied waarbinnen de div's worden gepositioneerd */
#container {height:100%; margin-left:auto; margin-right:auto; width:900px; position:relative; background-color:#FFFFFF; }

#header_container { position:relative; top:0px; left:0px; height:113px; width:900px; margin-left:auto; margin-right:auto; }
#header_left { position:relative; top:0px; left:0px; width:187px; height:113px; float:left; background-image:url(../img/copijn-hof-logo.jpg); background-repeat:no;}
#header_center { position:relative; top:0px; left:3px; width:550px; height:113px; text-align:right; float:left; background-color:#FFFFFF;}



#header_menu { position:relative; top:88px; left:0px; float:right; font-size:12px; height:25px; line-height:25px; width:250px; text-align:right; color:#79adb8;}

#header_menu  a:link , #header_menu a:visited { font-size:12px;line-height:25px; text-decoration:none; color:#79adb8; font-family:"Trebuchet MS" ,Verdana ; te }

#header_menu  a:hover { text-decoration:underline;}

#header_right {
	position:relative;
	top:0px;
	left:6px;
	width:157px;
	height:113px;
	float:left;
	background-color:#FFFFFF;
	
}


#menu_container { position:relative; top:0px; left:0px; height:232px; width:900px; margin-left:auto; margin-right:auto; }

#links_container { position:absolute; top:345px; left:0px; height:365px; width:187px; background-color:#ffffff; }

#rechts_container { position:absolute; top:345px; left:743px; height:365px; width:157px; background-color:#ffffff; }

#vlinks_container { position:absolute; top:345px; left:0px; height:520px; width:187px; background-color:#ffffff; }

#vrechts_container { position:absolute; top:345px; left:743px; height:520px; width:157px; background-color:#ffffff; }

#tlinks_container { position:absolute; top:345px; left:0px; height:560px; width:187px; background-color:#ffffff; }

#trechts_container { position:absolute; top:345px; left:743px; height:560px; width:157px; background-color:#ffffff; }



#menu { position:relative; top:0px; left:0px; height:232px; width:187px; float:left; background-color:#79adb8;}


.menu_tab , .menu_tab_actief { position:relative; top:0px; left:0px; height:23px; width:187px; text-align:right;}

.menu_tab a:link , .menu_tab a:visited {font-size:12px;line-height:23px; text-decoration:none; color:#ffffff; font-family:"Trebuchet MS" ,Verdana ; position:absolute; height:23px; width:172px; padding-right:15px; top:0px; left:0px; background-color:#79adb8;}

.menu_tab a:hover {text-decoration:none; color:#ffffff; background-color:#f3e483;}

.menu_tab_actief a:link , .menu_tab_actief a:visited {font-size:12px;line-height:23px; text-decoration:none; color:#ffffff; font-family:"Trebuchet MS" ,Verdana ; position:absolute; height:23px; width:172px; padding-right:15px; top:0px; left:0px; background-color:#f3e483;}

.menu_tab_actief a:hover {text-decoration:none; color:#ffffff;}

#banner { position:relative; top:0px; left:3px; height:232px; width:550px; float:left; background-repeat:no-repeat; background-position:center;}

#menu_right {
	position:relative;
	top:0px;
	left:6px;
	width:157px;
	height:232px;
	float:left;
	background-color:#79adb8;
	background-image:url(../img/rechts.jpg); background-repeat:no-repeat; background-position:bottom;
}

#sub_menu { position:relative; top:0px; left:0px; width:187px; float:left; height:300px;}

#submenu { position:relative; top:2px; left:0px; width:187px; height:16px; text-align:right;}

#submenu a:link , #submenu a:visited {font-size:11px;line-height:16px; text-decoration:none; color:#79adb8; font-family:"Trebuchet MS" ,Verdana ; position:absolute; height:16px; width:172px; padding-right:15px; top:0px; left:0px; background-color:#c7d9d5;}

#submenu a:hover {text-decoration:0px; background-color:#79adb8; color:#c7d9d5; background-image:url(../img/sub_hover.jpg); background-position:right; background-repeat:no-repeat;}

#submenu a.actief:link , #submenu a.actief:visited {font-size:11px;line-height:16px; text-decoration:none; color:#79adb8; font-family:"Trebuchet MS" ,Verdana ; position:absolute; height:16px; width:172px; padding-right:15px; top:0px; left:0px; background-color:#c7d9d5; background-image:url(../img/sub_actief.jpg); background-position:right; background-repeat:no-repeat;}

#submenu a.actief:hover {text-decoration:none; background-color:#79adb8; color:#c7d9d5 ; background-image:url(../img/sub_hover.jpg); background-position:right; background-repeat:no-repeat;}


#content_container { position:relative; top:0px; left:0px;  width:900px; margin-left:auto; margin-right:auto;}


#content {
	position:relative;
	float:left;
	top:0px;
	left:3px;
	width:518px;
	min-height:300px;
	height:auto !important;
	height:300px;
	border:1px solid #d7e3e1;
	background-color:#FFFFFF;
	padding:15px;
}


#content p { color:#000000; font-size:12px; font-family:"Trebuchet MS" , Verdana; line-height:18px;}


#footer { position:relative; clear:left; top:0px; left:190px; height:35px; width:548px; background-color:#79adb8; text-align:center; border-right:1px solid #79adb8; border-left: 1px solid #79adb8;}

#footer a:link , #footer a:visited { color:#FFFFFF; text-decoration:none; line-height:20px; font-size:10px;  font-family:"Trebuchet MS" ,Verdana ; }
#footer a:hover {text-decoration:none;}


#contentvorm {
	position:relative;
	float:left;
	top:0px;
	left:3px;
	width:518px;
	height:450px;
	border:1px solid #d7e3e1;
	background-color:#FFFFFF;
	padding:15px;
}


#contentvorm p { color:#000000; font-size:12px; font-family:"Trebuchet MS" , Verdana; line-height:18px;}