/*html, body {height: 100%; width: 100%; overflow: hidden;}*/

#flash_kaart { height: 100%; width: 100%;}

#container { position: absolute; top: 0; left: 0; }

/*		KOLLOM 1		*/
#column_1 { position: absolute; top: 10px; left: 10px; z-index: 100; width: 216px; }
#column_1 .wrapper { background: url(../images/bg_hoofdmenu.png) bottom no-repeat; height: 330px;}

#logo a { background-image: url(../images/logo_veghel.png); width: 216px; height: 180px; display: block; text-indent: -9999px; margin: 0;}

#hoofdmenu {  width: 216px; margin: 0; padding: 20px 0 0 0; text-align: right;}
#hoofdmenu ul { margin-bottom: 20px; }
#hoofdmenu ul li a { font-size: 14px; text-decoration: none; color: #fff; padding: 0px 20px 10px 0;}
#hoofdmenu ul li a:hover span { background: url(../images/menu_right.png) right top no-repeat; width: 10px; padding: 3px 20px 10px 10px;}
#hoofdmenu ul li a:hover { color: #c4012d; background: url(/lib/images/menu_left.png) left top no-repeat; padding: 2px 0px 10px 10px;}

#footer { color: #fff; background-image: url(../images/footer.png); width: 196px; height: 27px; font-size: 11px; text-align: right; padding: 0 20px 0 0;}

#splash_bg { display: none; background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 199; opacity: 0.7; filter: alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#splash { display: none; z-index: 200; position: absolute; left: 50%; top: 50%; margin-left: -470px; margin-top: -292px; width: 940px; height: 585px; background: url(/lib/images/splash.png) 0 0 no-repeat; }
#splash .links { position: absolute; left: 581px; top: 37px; width: 200px; }
#splash .links label { position: absolute; top: -1px; left: 18px; font-size: 10px; color: #666; cursor: pointer; }
#splash .links input { margin-right: 4px; }
#splash .links a.sluiten { position: absolute; top: -1px; left: 157px; font-size: 10px; text-decoration: none; color: #cd071e; padding-right: 20px; }
#splash .interactievegebiedskaart { display: none; position: absolute; top: 490px; left: 204px; width: 267px; height: 71px; background: url(/lib/images/interactievegebiedskaart.png) 0 0 no-repeat; text-indent: -9999px; }
#splash .paragraph { position: absolute; top: 350px; left: 155px; width: 295px; height: 125px; overflow: hidden; }
#splash .paragraph .text { color: #7f7f7f; }
#splash .splash_news_detail { position: absolute; top: 395px; left: 495px; width: 301px; height: 170px; overflow: hidden; }
#splash .splash_news_detail .item { position: relative; margin-bottom: 20px; padding-right: 70px; }
#splash .splash_news_detail .titel { color: #89ba17; font-weight: bold; }
#splash .splash_news_detail .teaser { color: #7f7f7f; }
#splash .splash_news_detail a { position: absolute; bottom: -10px; right: 0px; width: 67px; height: 29px; background: url(/lib/images/splash_leesmeer.png) 0 0 no-repeat; text-indent: -9999px; }


.warning { position: absolute; top: 60px; left: 450px; width: 370px; height: 260px; background: url(/lib/images/no_script_warning.png) 0 0 no-repeat; }
.warning .text { position: absolute; top: 100px; left: 100px; width: 240px; }
.warning .title { font-weight: bold; font-size: 14px; }
.warning strong { color: #b10000; }
.warning span { color: #b10000; }
.warning a { color: #000; font-size: 10px;}
.warning p { margin-bottom: 10px; color: #000; line-height: 15px; }
.warning p.small { font-size: 10px; color: #8f8f8f; }
.warning em { font-size: 10px; color: #595959; font-style: normal; }

/*		ZOEKEN		*/
#zoeken { margin: 20px 0 0 0;}
#zoeken fieldset.search { border: none; width: 183px; margin: 0 auto;}
#zoeken .search input, .search button { border: none; float: left; }
#zoeken .search input.box { color: #000; font-size: 12px; width: 135px; height:23px; padding: 5px 0 0 5px; background: url(/lib/images/zoeken.png) no-repeat left top;}
#zoeken .search input.box:focus { background: url(/lib/images/zoeken.png) no-repeat left top; outline: none;}
#zoeken .search input.btn { width: 43px; height: 26px; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; background: url(/lib/images/zoeken.png) no-repeat top right;}
#loading { padding: 20px 0 0 95px; }
#clicked { display: none; position: absolute; top: 0; left: 0; background: white; height: 30px; width: 50px; border: 1px solid black; padding: 2px; }
#ajax_results { display: none; }

/* default stuff cc = content columns */

.cc { border: 0px solid yellow; position: absolute; top: 11px; left: 30px; z-index: 90; width: 385px; height: 537px; overflow: hidden; }
.cc .wrapper { border: 0px solid orange; position: absolute; top: 0; right: 0; width: 209px; }
.cc .inner { border: 0px solid red; position: relative; padding-left: 30px; background: url(/lib/images/column_2_bg.png) 0 0 repeat-y; }
.cc .wrapper_top { height: 17px; background: url(/lib/images/column_2_top.png) 0 0 no-repeat; }
.cc .wrapper_bottom { height: 25px; background: url(/lib/images/column_2_bottom.png) right 0 no-repeat; }
.cc a.verberg { position: absolute; top: 0px; right: 1px; width: 100px; height: 32px; padding-top: 6px; background: url(/lib/images/verberg2.png) right top no-repeat; font-size: 10px; color: #999; text-decoration: none; }
.cc .content_wrapper { padding-top: 170px; }
.cc .inner_scroll { position: relative; overflow: hidden; height: 307px; padding-top: 15px; }
.cc h1 { position: absolute; top: 30px; left: 50px; width: 355px; overflow: hidden; font-size: 24px; }
.cc h2 { position: absolute; top: 125px; left: 30px; width: 155px; overflow: hidden; font-size: 20px; }

#column_2 { z-index: 90; width: 385px; height: 537px; }
#column_2 .wrapper { width: 209px; }
#column_2 .inner { padding-left: 30px; background-image: url(/lib/images/column_2_bg.png); }
#column_2 .wrapper_top { background-image: url(/lib/images/column_2_top.png); }
#column_2 .wrapper_bottom { background-image: url(/lib/images/column_2_bottom.png); }
#column_2 .content_wrapper { padding-top: 170px; }
#column_2 .inner_scroll { height: 307px; }

#column_3_4 { z-index: 80; width: 950px; height: 537px; }
#column_3_4 .wrapper { width: 595px; }
#column_3_4 .inner { padding-left: 50px; background-image: url(/lib/images/column_3_4_bg.png); }
#column_3_4 .wrapper_top { background-image: url(/lib/images/column_3_4_top.png); }
#column_3_4 .wrapper_bottom { background-image: url(/lib/images/column_3_4_bottom.png); }
#column_3_4 .content_wrapper { padding-top: 43px; padding-top: 100px; }
#column_3_4 .inner_scroll { height: 206px;}
#column_3_4 h1 { width: 500px; }

#column_2_3 { z-index: 85; width: 750px; height: 537px; }
#column_2_3 .wrapper { width: 574px; }
#column_2_3 .inner { padding-left: 30px; background-image: url(/lib/images/column_2_3_bg.png); }
#column_2_3 .wrapper_top { background-image: url(/lib/images/column_2_3_top.png); }
#column_2_3 .wrapper_bottom { background-image: url(/lib/images/column_2_3_bottom.png); }
#column_2_3 .content_wrapper { padding-top: 170px; }
#column_2_3 .inner_scroll { height: 307px; }

#column_2_3_4 { z-index: 80; width: 950px; height: 537px; }
#column_2_3_4 .wrapper { width: 774px; }
#column_2_3_4 .inner { padding-left: 30px; background-image: url(/lib/images/column_2_3_4_bg.png); }
#column_2_3_4 .wrapper_top { background-image: url(/lib/images/column_2_3_4_top.png); }
#column_2_3_4 .wrapper_bottom { background-image: url(/lib/images/column_2_3_4_bottom.png); }
#column_2_3_4 .content_wrapper { padding-top: 44px; }
#column_2_3_4 .inner_scroll { height: 307px; }

/* NIEUWSOVERZICHT */
.news .jaar { color: #c4012d; font-size: 14px; font-weight: bold; margin: 0 0 5px 0;}
.news .item { background: url(/lib/images/bg_nieuwsitem.png) left bottom no-repeat; padding: 0 10px 10px 0;}
.news .item .datum { color: #999999; font-size: 10px; }
.news .item .project a { font-size: 10px; }
.news .item .project a { text-decoration: none; color: #000; }
.news .item .project a:hover { text-decoration: underline; }
.news .item .titel a { color: #182b55; font-size: 16px; font-weight: bold; text-decoration: none; }
.news .item .titel a:hover { text-decoration: underline; }
.news .item .teaser { color: #999999; }
.newspage .jaar { color: #c4012d; font-size: 14px; font-weight: bold; margin: 0 0 5px 0;}
.newspage .item { background: url(/lib/images/bg_nieuwsitem.png) left bottom no-repeat; padding: 0 10px 10px 0;}
.newspage .item .datum { color: #999999; font-size: 10px; }
.newspage .item .project a { font-size: 10px; }
.newspage .item .project a { text-decoration: none; color: #000; }
.newspage .item .project a:hover { text-decoration: underline; }
.newspage .item .titel a { color: #182b55; font-size: 12px; text-decoration: none; }
.newspage .item .titel a:hover { text-decoration: underline; }
.news_detail .datum { position: absolute; top: 25px; left: 50px; margin: 0; color: #7d7d7d; color: Orange;}
.news_detail .datum a { font-weight: bold;}
.news_detail .titel { font-size: 24px; margin: 0 0 15px 0; padding: 0;}
.news_detail .wrapper_title_image { margin-top: -57px; height: 228px; overflow: hidden; }
.news_detail h1 { position: relative; top: 0; left: 0; width: 355px; margin: 0;}

.news_detail .foto { position: relative; width: 500px; height: 150px; margin-bottom: 20px; }
.news_detail .foto img { width: 500px; height: 150px; }
.news_detail .scroll-pane img { width: 250px; float: right; padding-left: 20px; }
.news_detail .scroll-pane { height: auto; overflow: hidden; }

.news_detail ul { margin: 10px 0 10px 0;}
.news_detail ul li { list-style-type: square; margin: 0 0 0 14px;}

/*
.news_detail .tekst { height: 150px;  margin: 0 30px 0 0; padding: 0; width: 459px; color: #fff;}
.news_detail .tekst p { margin: 0 0 10px 0;}
.news_detail .tekst a { font-weight: bold; color: #fff; cursor: pointer;}
.news_detail .tekst ul { margin: 10px 0 10px 13px; padding: 0; list-style-type: square;}
*/

/* Projecten */
.projecten h1 { font-size: 20px; }
.projecten .project { background: url(../images/bg_nieuwsitem.png) bottom no-repeat; padding: 0 25px 10px 0; overflow: hidden;}
.projecten .project .naam { background: url(../images/pijl_project.png) no-repeat top left; padding: 0 0 0 20px;}
.projecten .project .naam a { font-size: 12px; margin: 0 0 15px 0; padding: 0; color: #172a55; text-decoration: none; font-weight: bold;}
.projecten .project .naam a:hover { text-decoration: underline;}
.projecten .gereed .naam a { color: #b7bdca;}
.projecten .gereed .naam { background: url(../images/pijl_project_gereed.png) no-repeat top left;}
.projecten .project .naam a.project_gereed { color: #b7bdca; }
.projecten .project .gereed { background: url(../images/btn_gereed.png) no-repeat; width: 30px; height: 9px; display: block; text-indent: -9999px; margin: 5px 0 5px 0;}
.projecten .titel { font-size: 24px; margin: 0 0 15px 0; padding: 0;}
.projecten .label_gereed { z-index: 3; position: absolute; top: -12px; right: -8px; background-image: url(../images/label_gereed.png); width: 130px; height: 34px; }
.projecten .wrapper_title_image { margin-top: -57px; height: 228px; overflow: hidden; }
.projecten h1 { position: relative; top: 0; left: 0; width: 355px; margin: 0;}
.projecten .foto { position: relative; width: 500px; height: 150px; margin-bottom: 20px; }
.projecten .foto img { width: 500px; height: 150px; }
.projecten .tekst { margin: 0 30px 0 0; padding: 0; width: 459px; color: #999999;}
.projecten .tekst p { margin: 0 0 10px 0;}
.projecten .tekst a { font-weight: bold; color: #172a55; cursor: pointer;}
.projecten .tekst ul { margin: 10px 0 10px 13px; padding: 0; list-style-type: square;}
.projecten .tekst strong { color: #4c4c4c;}
.projecten #portfolio { height: 150px; overflow: hidden; }
#divide { background: url(../images/divide.png) no-repeat; height: 17px; margin-top: 10px;}
#project_nieuws h3 { margin-top: 0; display: inline; } 
#project_nieuws .allnews { color: #999; } 
#project_nieuws .item { font-size: 12px;}
#project_nieuws a { color: #999; text-decoration: none; }
#project_nieuws a:hover { text-decoration: underline; }
#project_nieuws .item .datum a { clear: both; float: left; margin: 0 5px 0 0; }
#project_nieuws .item .titel a { color: #172a55; font-size: 12px; float: left; margin: 0; padding: 0; width: 430px;}

/* partners */
.partners .partner { border-bottom: 1px solid #e7e9ee; overflow: hidden; width: 520px; padding: 0 0 20px 0; margin: 0 0 10px 0;}
.partners .partner .logo { float: left; width: 170px; margin-right: 20px; overflow: hidden; }
/*.partners .partner .logo img { width: 150px; }*/
.partners .partner .adres { float: left; width: 320px; color: #999999; line-height: 16px;}
.partners .partner .adres strong { color: #000;}
.partners .partner .adres a { color: #999999;}
.partners .partner .adres a:hover { color: #c4012d;}
.partners .partner h3 { font-size: 12px; font-weight: bold; color: #000; }

/* thema */
#column_2_3 .thema .inner_scroll { height: 157px; }
.thema .foto { position: relative; width: 500px; height: 150px; }
.thema .foto img { width: 500px; height: 150px; }
.thema .tekst { margin: 0 30px 0 0; padding: 0; width: 459px; color: #999999;}
.thema p { margin: 0 0 10px 0;}
.thema a { color: #172a55; cursor: pointer;}
.thema ul { margin: 10px 0 10px 13px; padding: 0; list-style-type: square;}
.thema strong { color: #4c4c4c;}

/* contact */
.contact { overflow: hidden; }

.contact p { margin: 0 0 10px 0;}
.contact a { font-weight: bold; color: #fff; cursor: pointer;}
.contact ul { margin: 10px 0 10px 13px; padding: 0; list-style-type: square;}
form.formulier { width: 344px; float: left; position: relative; }
form.formulier fieldset { padding: 0; background: #e8e8e8; padding: 10px 20px 0px 20px;}
form.formulier legend { display: none; }
form.formulier .legend { color: #000; margin-bottom: 10px; }
form.formulier .field { margin-bottom: 10px; clear: both; }
form.formulier label { display: block; color: #000; margin-bottom: 2px; }
form.formulier input { padding: 3px; height: 20px; width: 300px;}
form.formulier select { border: 1px solid #a7a6aa; }
form.formulier textarea { padding: 3px; width: 300px; margin: 0 0 30px 0;}
form.formulier .vraagover label { display: inline; font-weight: bold; }
form.formulier .input { position: relative;}
form.formulier label.error { position: absolute; top: -10px; right: -8px;}
form.formulier label.error img { width: 60px; height: 28px; display: block; text-indent: -9999px;}
form.formulier .submit { background: transparent url(../images/btn_verzenden.png); width: 115px; height: 34px; display: block; text-indent: -9999px; font-size: 0; line-height: 0; position: absolute; bottom: 4px; right: -10px; cursor: pointer; }

/*zoeken*/

.searchresults { padding-top: 70px; }
#column_3_4 .searchresults .inner_scroll { height: 287px; }
.search ul li { margin-bottom: 10px; }
.search ul li a { float: right; font-size: 14px; text-decoration: none; color: #000; padding: 0px 20px 10px 0;}
.search ul li a span.layout { color: #000; font-weight: bold; background: url(../images/menu_right.png) right top no-repeat; width: 10px; padding: 3px 20px 10px 10px;}
.search ul li a { color: #c4012d; background: url(/lib/images/menu_left.png) left top no-repeat; padding: 2px 0px 10px 10px;}
.searchresults ol { padding-left: 30px; }
.searchresults ol li { list-style-type: decimal; }
.searchresults ol li a { color: #000; }

/* COLORS */
.l_groen { color: #73dd01;}
.paars { color: #b400ff;}
.l_oranje { color: #ffa800;}
.d_blauw { color: #0032b0;}
.l_blauw { color: #00cee1;}
.rood { color: #c4012d;}
.bruin { color: #785800;}
.d_groen { color: #1f5e01;}
.geel { color: #c3b800;}
.d_oranje { color: #ca9800;}
/*
.news_detail_l_groen .tekst { background: #62bd00 url(../images/bg_nieuwsdetail_l_groen.png) bottom no-repeat; padding: 20px 0 25px 0;}
.news_detail_paars .tekst { background: #b184b6 url(../images/bg_nieuwsdetail_paars.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_l_oranje .tekst { background: #eb9500 url(../images/bg_nieuwsdetail_l_oranje.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_d_blauw .tekst { background: #014ca9 url(../images/bg_nieuwsdetail_d_blauw.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_l_blauw .tekst { background: #00b7a8 url(../images/bg_nieuwsdetail_l_blauw.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_rood .tekst { background: #c4012d url(../images/bg_nieuwsdetail_rood.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_bruin .tekst { background: #7b4800 url(../images/bg_nieuwsdetail_bruin.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_d_groen .tekst { background: #045100 url(../images/bg_nieuwsdetail_d_groen.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_geel .tekst { background: #c2c400 url(../images/bg_nieuwsdetail_geel.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
.news_detail_d_oranje .tekst { background: #976700 url(../images/bg_nieuwsdetail_d_oranje.png) bottom no-repeat; padding: 20px 20px 25px 20px;}
*/

.scroll-pane { height: 220px;  }
.news_detail .scroll-pane { padding-right: 30px; }
.projecten .scroll-pane { padding-right: 30px; }
a.jScrollArrowUp {width: 32px; height: 32px; background: url(/lib/images/arrow_up.png) 0 0 no-repeat; text-indent: -9999px;}
a.jScrollArrowDown {width: 32px; height: 32px; background: url(/lib/images/arrow_down.png) 0 0 no-repeat; text-indent: -9999px;}
.jScrollPaneContainer {	position: relative;	overflow: hidden;z-index: 1;}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 0;top: 0;height: 100%;}
.jScrollPaneDrag {position: absolute;background: url(/lib/images/basic_track.png) 8px 0 repeat-y;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: -20px;right: 0;text-indent: -2000px;overflow: hidden;height: 32px;width: 32px;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 32px;}