/* Overall */
body { background:#067770 url(../../gfx/body_bg.jpg) no-repeat scroll center top; }

body, h1, h2, h3, p, a, ul, ol, li, td { line-height:18px;}

div, span, p, li, em, a, td, th, input, textarea {
	font-family: Arial;
	font-size: 11px;
	color: #000;
}

div.spacer { clear:both; font-size:1px; }
h1 { font:22px georgia; margin-bottom:5px; color:#067770;}
h2 { font:16px arial; margin-bottom:8px; color:#ff9c00; }
h3 {}
p { color:#000000; font:12px arial; word-spacing:3px; margin-bottom:20px;}
a { color:#ffffff; font:11px arial; text-decoration:none; outline:none;}
em { font-style:italic; }
a em {display:none; font-style:italic; outline:none;}
ul { list-style-type:disc; padding-left:22px; margin:0px;}
ol { padding-left:25px; margin:0px;}
li { padding-left:10px; font:12px arial; color:#000000; line-height:18px;}
p a { font:12px arial; color:#000000; text-decoration:underline;}

/* Colors per page */
h1.bezoekers { color:#decd06; }
h1.onderwijs { color:#e3007a; }
h1.gemeenten { color:#06cb6c; }
h1.bedrijven { color:#0691cb; }


/* Shadow images */
.shadow_img_big { background:url('../../gfx/shadow_img_big.png') no-repeat 0px 0px; width:386px; height:230px; margin:0px; padding-top:7px; padding-left:0px; text-align:center; }
.shadow_img_sq { background:url('../../gfx/shadow_img_sq.png') no-repeat 0px 0px; width:78px; height:71px; margin:0px; padding-top:7px; padding-left:0px; text-align:center; }
.shadow_img_sq a:hover { border-bottom:3px solid #6b6c6e;} 

/* Logo */
.logo { position:absolute; top:-49px; left:727px; } 


/* Head navigation */
div#headmenu { background-color:#ff9c00; height:35px; position:absolute; top:0px; left:0px; width:100%; }

div#navigation_wrapper { position:relative; margin:0px auto; padding:0px; width:980px; height:35px; background:url('../../gfx/menu.jpg') no-repeat 0px 0px; overflow:hidden;}
#navigation_wrapper ul { list-style-type:none; padding:0px; margin:0px; }
#navigation_wrapper li { float:left; margin:0px; padding:0px; }
#navigation_wrapper li a{ display:block; height:35px; }

#navigation_wrapper #home { width:123px; background:url('../../gfx/menu.jpg') no-repeat 0px 0px; }
#navigation_wrapper #home:hover { width:123px; background:url('../../gfx/menu.jpg') no-repeat 0px -35px; }
#navigation_wrapper #home_sel { width:123px; background:url('../../gfx/menu.jpg') no-repeat 0px -35px; }

#navigation_wrapper #de-hortus { width:123px; background:url('../../gfx/menu.jpg') no-repeat -123px 0px; }
#navigation_wrapper #de-hortus_sel { width:123px; background:url('../../gfx/menu.jpg') no-repeat -123px -35px; }

#navigation_wrapper #bezoekers { width:122px; background:url('../../gfx/menu.jpg') no-repeat -246px 0px; }
#navigation_wrapper #bezoekers_sel { width:122px; background:url('../../gfx/menu.jpg') no-repeat -246px -35px; }

#navigation_wrapper #onderwijs { width:123px; background:url('../../gfx/menu.jpg') no-repeat -368px 0px; }
#navigation_wrapper #onderwijs_sel { width:123px; background:url('../../gfx/menu.jpg') no-repeat -368px -35px; }

#navigation_wrapper #overheid { width:122px; background:url('../../gfx/menu.jpg') no-repeat -491px 0px; }
#navigation_wrapper #overheid_sel { width:122px; background:url('../../gfx/menu.jpg') no-repeat -491px -35px; }

#navigation_wrapper #bedrijfsleven { width:122px; background:url('../../gfx/menu.jpg') no-repeat -613px 0px; }
#navigation_wrapper #bedrijfsleven_sel { width:122px; background:url('../../gfx/menu.jpg') no-repeat -613px -35px; }

#navigation_wrapper #actueel { width:122px; background:url('../../gfx/menu.jpg') no-repeat -735px 0px; }
#navigation_wrapper #actueel:hover { width:122px; background:url('../../gfx/menu.jpg') no-repeat -735px -35px; }
#navigation_wrapper #actueel_sel { width:122px; background:url('../../gfx/menu.jpg') no-repeat -735px -35px; }

#navigation_wrapper #contact { width:116px; background:url('../../gfx/menu.jpg') no-repeat -857px 0px; }
#navigation_wrapper #contact:hover { width:116px; background:url('../../gfx/menu.jpg') no-repeat -857px -35px; }
#navigation_wrapper #contact_sel { width:116px; background:url('../../gfx/menu.jpg') no-repeat -857px -35px; }


/* Subnavigation */
div#submenu_home { display:none; background-color:#067770; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_de-hortus { display:none; background-color:#067770; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_de-hortus_sel { display:block; background-color:#067770; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_bezoekers { display:none; background-color:#decd06; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_bezoekers_sel { display:block; background-color:#decd06; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_onderwijs { display:none; background-color:#e3007a; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_onderwijs_sel { display:block; background-color:#e3007a; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_overheid { display:none; background-color:#06cb6c; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_overheid_sel { display:block; background-color:#06cb6c; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_bedrijfsleven { display:none; background-color:#0691cb; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_bedrijfsleven_sel { display:block; background-color:#0691cb; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_actueel { display:none; background-color:#067770; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_contact { display:none; background-color:#067770; height:32px; position:absolute; top:35px; left:0px; width:100%; }
div#submenu_contact_sel { display:block; background-color:#067770; height:32px; position:absolute; top:35px; left:0px; width:100%; }

.subnavigation_wrapper { position:relative; margin:0px auto; padding:0px; width:990px; height:32px; z-index:10; }
.subnavigation_wrapper ul {  float:left; list-style-type:none; padding:0px; margin:0px;  z-index:10;}
.subnavigation_wrapper ul.de-hortus {float:left;  margin-left:40px; z-index:10;}
.subnavigation_wrapper ul.bezoekers {float:left;  margin-left:170px; z-index:10;}
.subnavigation_wrapper ul.onderwijs {float:left;  margin-left:200px; z-index:10;}
.subnavigation_wrapper ul.overheid {float:left;  margin-left:500px; z-index:10;}
.subnavigation_wrapper ul.bedrijfsleven { float:left; margin-left:600px; z-index:10;}
.subnavigation_wrapper ul.contact {  margin-left:870px; z-index:10;}
.subnavigation_wrapper li { float:left; margin-left:10px; padding:0px; margin-top:9px; font:12px arial; color:#ffffff; z-index:10; }
.subnavigation_wrapper li a { font:12px arial; margin-right:5px; z-index:10;}
.subnavigation_wrapper li a:hover { text-decoration:underline; font:12px arial; z-index:10;}
.subnavigation_wrapper li a.selected { text-decoration:underline; font:12px arial; z-index:10;}

/* Footer */
div#footer { position:relative; top:160px; left:0px; margin:0px auto; width:100%; text-align:center; font:11px arial; color:#ffffff;}
#footer a { font:11px arial; color:#ffffff; text-decoration:none;}


/* Home template */
div#content_home { position:relative; top:160px; left:0px; background:transparent url('../../gfx/content_home_bg.gif') repeat-x; width:100%; height:357px;} 

div#content_home_wrapper { position:relative; margin:0px auto; padding:0px; width:1000px; }

.home_title { position:absolute; top:-80px; left:200px; } 

.home_newsitems { position:absolute; top:280px; left:27px; } 
.home_newsitems td {width:315px; background-color:#ff9900; height:33px; text-align:center; }
.home_newsitems td.middle { border-left:1px solid #000000; border-right:1px solid #000000;  }
.home_newsitems td a { font:bold 12px arial; color:#774901; }

/* Hover part */
div#hover_obj { position:relative; left:21px; top:0px; width:952px; height:231px; background:#067770; }
div#ho_obj1 { position:absolute; left:0; top:0; width:630px; height:100%; background:url("../../gfx/ho_bg_1.png") no-repeat 0 0; z-index:66; cursor:pointer;}
div#ho_obj2 { position:absolute; left:0; top:0; width:630px; height:100%; background:url("../../gfx/ho_bg_2.png") no-repeat 0 0; z-index:77; cursor:pointer;}
div#ho_obj3 { position:absolute; left:0; top:0; width:630px; height:100%; background:url("../../gfx/ho_bg_3.png") no-repeat 0 0; z-index:88; cursor:pointer;}
div#ho_obj4 { position:absolute; left:0; top:0; width:630px; height:100%; background:url("../../gfx/ho_bg_4.png") no-repeat 0 0;z-index:99; cursor:pointer;}
div#ho_logo { position:absolute; right:0px; top:0; width:315px; height:100%; background:#fff; z-index:110; }

div#hover_obj img.ho_img { position:absolute; top:0; left:57px; display:none; }
div#hover_obj div.ho_text_out { position:absolute; top:165px; left:46px; color:#fff; width:110px; font:12px arial; }
div#hover_obj div.ho_text_over { position:absolute; top:0; left:259px; color:#fff; width:234px; font:12px arial; display:none; margin-top:10px;}
div#hover_obj div.ho_text_over p { color:#fff; font:12px arial; }
div#hover_obj div.ho_text_out p { color:#fff; font:12px arial; }


/* Content template */
div#content_content_wrapper { position:relative; top:126px; left:0px; margin:0px auto; padding:13px; width:845px; background-color:#ffffff; }
#content_content_wrapper .content_left { float:left; width:380px; overflow-x:hidden; margin:0px; padding-right:15px; }
#content_content_wrapper .content_right { float:left; width:430px; overflow-x:hidden; margin-left:20px; padding-left:0px; }
#content_content_wrapper .content_right ul { float:left; list-style-type:none; padding:0px; margin:0px; } 
#content_content_wrapper .content_right li { float:left; margin:0px; padding:0px; }
#content_content_wrapper .content_left li a { font:12px arial; color:#000000; line-height:18px;}

/* Contact form */
#content_content_wrapper .content_right table th { font:11px arial; color:#000000; }
#content_content_wrapper .content_right table td { padding:1px; font:11px arial; color:#000000; }
#content_content_wrapper .content_right table .inputter { width:280px; font:11px arial; border:1px solid #a5a5a5; }
#content_content_wrapper .content_right table .area { width:348px; height:100px; font:11px arial; margin:10px 0px 10px 0px; padding:0px; border:1px solid #a5a5a5; }
#content_content_wrapper .content_right td img { border:1px solid #a5a5a5; } 


/* News template */
div#content_news_wrapper { position:relative; top:126px; left:0px; margin:0px auto; padding:13px; width:845px; background-color:#ffffff; }
#content_news_wrapper .content_left { float:left; width:270px;  margin:0px; padding-right:15px; }
#content_news_wrapper .content_left h2 { font:22px georgia; margin-bottom:15px; padding:0px; color:#067770; }
#content_news_wrapper .content_left h3 { font:12px arial; margin-bottom:3px; margin-top:3px; padding:0px; color:#ff9c00; }
#content_news_wrapper .content_left h4 { font:12px arial; margin:0px; padding:0px; color:#000000; }
#content_news_wrapper .content_left a { font:15px georgia; color:#067770; }
#content_news_wrapper .content_left a:hover { text-decoration:underline; }
#content_news_wrapper .content_left a.selected { text-decoration:underline; }
#content_news_wrapper .content_left img { padding:0px; margin-bottom:5px; margin-top:5px; }
#content_news_wrapper .content_left .list_news_items a { font:12px arial; color:#000000; }
#content_news_wrapper .content_left .list_news_items a:hover { font:bold 12px arial; color:#ff9c00; }
#content_news_wrapper .content_left .list_news_items a.selected { font:bold 12px arial; color:#ff9c00; }

#content_news_wrapper .content_right { float:left; width:555px; overflow-x:hidden; margin:0px; padding:0px; }


/* Project template */
div#content_project_wrapper { position:relative; top:126px; left:0px; margin:0px auto; padding:13px; width:845px; background-color:#ffffff; }
#content_project_wrapper .content_left { float:left; width:398px; overflow-x:hidden; margin:0px; padding-right:15px; }
#content_project_wrapper .content_right { float:left; width:413px; overflow-x:hidden; margin:0px; padding:0px; }
#content_project_wrapper .content_right a { float:left; font:12px arial; color:#000000; margin-top:5px; margin-left:5px; }
#content_project_wrapper .content_right a:hover { float:left; text-decoration:underline; }
#content_project_wrapper .content_right a.right { float:right; font:12px arial; color:#000000; margin-right:30px;}
#content_project_wrapper .content_right a.right:hover { float:right; text-decoration:underline; }

#content_project_wrapper .project_line { padding:0px; margin:20px 0px 20px 0px; }


/* Aanbod template */
div#content_aanbod_wrapper { position:relative; top:126px; left:0px; margin:0px auto; padding:5px; width:861px; background-color:#ffffff; }


/* Fotoalbum template */
div#content_photoalbum_wrapper { position:relative; top:0px; left:0px; margin:0px auto; padding:13px; width:845px; background-color:#ffffff; }
div#photo_title {  }
#photo_title img { position:absolute; top:0px; right:0px; }
#content_photoalbum_wrapper table { position:absolute; top:80px; left:0px; }
#content_photoalbum_wrapper table td { padding:5px; }