@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
body { background:#000 url(../images/bg.png) no-repeat top center; font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif; color:#555; font-size:13px;}
#container { width:1000px; margin:0px auto; position:relative;} 
#header { width:1000px; height:218px; background:url(../images/header_overlay.png) no-repeat;}
#content_wrap { width:1000px; background:url(../images/container_bg.png) repeat-y; position:relative; }
#content { background:url(../images/container_gradient.png) no-repeat; padding: 0 0 50px 50px; position:relative; } /* rightmargin should be 50px, but is 0 for extra margin */
#footer { width:970px; height:162px; background:url(../images/footer.png) no-repeat; font-size:11px; color:#e06b04; text-align:right; padding:22px 30px 0 0; }
#content_placeholder { position:relative; width: 899px; height:460px; }

/* BOXES */
.block_435 { width:435px; height:252px; background:url(../images/block_435.png) no-repeat; position:absolute; top:260px;}
.block_435b { width:435px; height:252px; background:url(../images/block_435.png) no-repeat; position:absolute; top:260px; right:50px;}
.block_435 h2, .block_435b h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-transform:uppercase; color:#fff; padding:17px 30px 40px 30px;}
.block_435 p, .block_435 h3, .block_435b p, .block_435b h3 { padding:0 30px;}
.block_435 ul, .block_435 ol, .block_435b ul, .block_435b ol { padding:0 30px; margin:0}

.block_900_top { width:900px; height:58px; background: url(../images/block_900_top.png) no-repeat;}
.block_900 { width:840px; background: url(../images/block_900_bg.png) repeat-y; padding:30px 30px 0 30px; }
.block_900_footer { width:900px; height:38px; background: url(../images/block_900_footer.png) no-repeat;}
.teaserbox { width:400px; float: left; margin:0 30px 30px 0px; position:relative; }
.teaserbox2 { width:400px; float: left; margin:0 0 30px 0px; position:relative; }
.linkit { position:absolute; right:0; bottom:-10px;}
.googlemap { width:500px; float: left; margin:0 40px 0 0;}

/* TEXT */
h1 { position:absolute; left:-9999px; }
h2 { font-size:36px; }
h3 { font-size:14px; margin:0 0 20px 0; }
.block_900_top h2 { position:relative; top:30px; left:30px; }

.teaserbox h3, .teaserbox2 h3 { position:relative; padding:5px 0 0 0; margin:2px 0 0 0; }
p { margin:0 0 20px 0;}
.bigger { font-size:16px;}
.smalltext { font-size:11px; color:#777; }
p.smalltext { margin:0 0 10px 0;}
p.alignright { text-align:right;}
a { color:#333;}
a:hover { color:#ca0202;}
img.alignleft { float:left; margin:0 40px 30px 0;}

/* IMAGES */
.thumbnailbox { width:169px; height:167px; background:url(../images/thumbnail_bg.png) no-repeat; position:relative; float:left; margin:0 10px 0 0; }
.thumbnailbox img {
	position:absolute;
	top:9px;
	left:10px;
	border:none;
}
a:hover .zoom { display:block; width:13px; height:14px; background:url(../images/icon_zoom.png) no-repeat; position:absolute; bottom:3px; right:3px; z-index:10;}

/* SPECIAL CLASSES*/
.hidden { position:absolute; left:-9999px;} /* gebruik deze class om inhoud te verbergen (dmv verplaatsing, anders wordt het ook onzichtbaar voor Google) */
.clear { clear:both;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear15 { clear:both; height:15px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;} 
.clear50 { clear:both; height:50px;}

/* LISTS */
ul { list-style: none; margin:0 0 0 10px; padding:0}
ol { margin:0 0 0 10px;}
ul li{ padding:0 0 6px 13px; margin: 0px; background: url(../images/bullet.gif) no-repeat; background-position: 0px 6px;}
ul.nobullets li { background:none; padding:0 0 6px 0; } /* gebruik de nobullets class als je geen bullets wil. bvb voor de lists met een vignet */

/* navigation */
#navigation { width:920px; position:absolute; top:-48px; left:0px; padding:0 40px;}
#navigation ul { position:relative; top:0; left:8px;} /* duw navigatie-items naar rechts om het geheel te centreren */
#navigation ul li{margin:0; padding:0; float:left;display:block; background: url(../images/navigation_divider.png) top right no-repeat;}
#navigation ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:25px; font-weight:bold; color:#fff; text-transform: uppercase; display:block;  padding:12px 40px 10px 40px; text-decoration:none; margin:0;} /* gebruik de padding om de navigatie-items uit te vullen, dit wil zeggen: meer spatie tussen de items voorzien */
#navigation ul li a.current { background:url(../images/button_highlighted_bg.png) no-repeat top center; }
#navigation ul li a:hover { background:url(../images/button_highlighted_bg2.png) no-repeat bottom center ;}

/* content carrousel */
#slideshow { width: 899px; height:213px; background: url(../images/cc_text_bg.png) top right no-repeat; margin:0; position:absolute; top:0px; right:50px;}
/*#slideshow div.loading {position:absolute;top:180px;left:240px;width:100px;text-align:center;color:white;}*/
#slideshow h1 {font-size:22px;font-weight:bold; color:#777; margin:0}
#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8 {position:absolute;top:0px;left:0px;z-index:50;width:899px;height:213px;display:block;}
#slide1 a.toarticle, #slide2 a.toarticle, #slide3 a.toarticle, #slide4 a.toarticle, #slide5 a.toarticle {position:absolute;top:16px;left:7px;z-index:80;width:260px;height:130px;display:block;text-decoration:none; }
#slideshow a {color:#888; font-weight:bold;}
#slideshow .imagebox { display:block; width:572px; height:213px; position:absolute;top:0px;left:0px; text-align:center;  }
#slide1 img, #slide2 img, #slide3 img, #slide4 img, #slide5 img  { z-index:199}
#intro1, #intro2, #intro3, #intro4, #intro5 {position:absolute;top:30px;right:30px;width:229px; height: 153px; cursor:pointer;text-decoration:none;z-index:99; overflow:hidden; text-align:right; }
#slideshow div.nav {position:absolute; bottom: -20px; right:15px;width:275px;z-index:100; height:16px; line-height:16px; }
#slideshow a.slideprevious{float:right;width:18px;height:16px;display:block;background: url(../images/contentcarrousel_button_previous.png) no-repeat;text-decoration:none; margin:0 0 0 20px;}
#slideshow a.slidenext{float:right;width:18px;height:16px;display:block;background: url(../images/contentcarrousel_button_next.png) no-repeat;text-decoration:none;}
#slideshow a.slideplay{float:right;width:19px;height:16px;display:block;background: url(../images/contentcarrousel_button_play.png) no-repeat;text-decoration:none;}
#slideshow a.slidepause{float:right;width:19px;height:16px;display:block;background: url(../images/contentcarrousel_button_pause.png) no-repeat;text-decoration:none;}
#slideshow a.slide1, #slideshow a.slide2, #slideshow a.slide3, #slideshow a.slide4, #slideshow a.slide5 {float:left;width:16px;height:16px;display:block;text-decoration:none; margin: 0 0 0 10px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; text-align:center; background:url(../images/contentcarrousel_button.png) top left no-repeat;}
#slideshow a.slide1:hover, #slideshow a.slide2:hover, #slideshow a.slide3:hover, #slideshow a.slide4:hover, #slideshow a.slide5:hover {background-position: bottom;}
#slideshow a.slideprevious:hover, #slideshow a.slidenext:hover, #slideshow a.slideplay:hover, #slideshow a.slidepause:hover{background-position:0 -16px;}

#slide1 a.activeslide1 {width:24px; height:24px; position:absolute;left:615px;bottom:-24px;background: url(../images/contentcarrousel_button_active.png); text-decoration:none;}
#slide2 a.activeslide2 {width:24px; height:24px; position:absolute;left:641px;bottom:-24px;background: url(../images/contentcarrousel_button_active.png); text-decoration:none;}
#slide3 a.activeslide3 {width:24px; height:24px; position:absolute;left:667px;bottom:-24px;background: url(../images/contentcarrousel_button_active.png); text-decoration:none;}
#slide4 a.activeslide4 {width:24px; height:24px; position:absolute;left:693px;bottom:-24px;background: url(../images/contentcarrousel_button_active.png); text-decoration:none;}
#slide5 a.activeslide5 {width:24px; height:24px; position:absolute;left:719px;bottom:-24px;background: url(../images/contentcarrousel_button_active.png); text-decoration:none;}

#readmore1, #readmore2, #readmore3, #readmore4, #readmore5 {position:absolute;bottom:15px;right:30px;z-index:80;color:#888; font-size:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#readmore1 a, #readmore2 a, #readmore3 a, #readmore4 a, #readmore5 a { color:#888; margin:10px 0 0 0; text-decoration:none; }
#readmore1 a:hover, #readmore2 a:hover, #readmore3 a:hover, #readmore4 a:hover, #readmore5 a:hover { color:#29cf0e; }

#slideshow .smalltext { font-size:10px; color:#888; }
#slideshow strong { color:#333333}