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

* {margin: 0px;}
body{background-color:#292c2d; text-align:center; color:black; margin:0px;}
#aligncenter{text-align:center; position:absolute; top:50%; left:0px; width:100%; height:1px; overflow:visible; visibility:visible; display:block;}
#wrapper{margin-left:-50%; position:absolute; top:-274px; left:50%; width:100%; height:520px; visibility:visible;}

/* define blocks */
#wrapper-top{width:100%; height:450px; background:#db7093; min-width: 960px;}
#wrapper-top #left-block{width:44%; background:url(http://www.houtfeyen.be/themes/hf/images/bg_left_main.gif) #1c1f20 top right repeat-y; float:left; height:400px; padding-top:50px;}
#slide-block{ width: 100%; height: 340px; padding: 7px 0; background: url(http://www.houtfeyen.be/themes/hf/images/bg_left_slide.gif) top right no-repeat;}
#slide-block .banner { width: 100%; height: 340px; background: #ffffff; overflow: hidden;}
#slide-block .banner img{overflow: hidden; float: right;}
#wrapper-top #right-block{width:55%; background:#db7093; float:left; height:449px; border-bottom:1px solid #e48daa;}

#content-block {width: 480px; padding-left: 25px; padding-right: 20px; float: left; height: 414px; padding-bottom: 10px; background: url(http://www.houtfeyen.be/themes/hf/images/bg_right_full.gif) #fff top left no-repeat; margin-top: 18px; text-align: left; position: relative;}
#scroll-block{ width:463px; padding-right: 38px; height:400px; overflow:auto; top:5px; left:35px; position:absolute; outline:none; border-width:0; }
#title-block{ width: 415px; height: 21px; padding-bottom: 19px; }
#backbtn{ width: 80px; height: 20px; top: 25px; right: 0px; position: absolute; font-size: 12px; font-family: Arial, Helvetica, sans-serif; z-index: 30; }
#backbtn a{text-decoration: none; color: #747474;}
#backbtn a:hover {color: #333;}
#content-block-full{ width: 480px; padding-left: 25px; padding-right: 20px; float: left; height: 414px; padding-bottom: 10px; background: url(http://www.houtfeyen.be/themes/hf/images/bg_right_full.gif) #fff top left no-repeat; margin-top: 18px; text-align: left; position: relative; }
#content-block-full #scroll-block{ width:463px; padding-right: 38px; height:400px; overflow:auto; top:5px; left:35px; position:absolute; outline:none; border-width:0; }

.leftblock{ width: 130px; float: left; text-align: left;}
.rightblock{ width: 260px; float: right; text-align: left;}

.rightblock .galleryBlock ul { margin: 0; padding:0; float: left; width: 260px; padding-top: 10px; }
.rightblock .galleryBlock ul li { display:block; width:62px; height:62px; overflow:hidden; float:left; margin:0 2px 10px 0; list-style: none; text-align: center; }

/* sub menu */
#content-block ul.submenu{ width: 403px; padding: 0; margin: 0; float: left; clear: right; line-height: 14px; font-size: 11px; }
#content-block ul.submenu li{ width: 122px; margin-right: 12px; float: left; list-style: none; text-align: center; min-height: 100px; margin-bottom: 15px;}
#content-block ul.submenu li.third{}
#content-block ul.submenu li a {display: block; width: 120px; min-height: 100px; border: 1px dotted #ccc; color: #545454; text-decoration: none;}
#content-block ul.submenu li a img{ padding: 5px; border: 0; display: block; margin: 0 auto; }
#content-block ul.submenu li a span{ padding: 0 5px; width: 110px; display: block; padding-top: 1px; }
#content-block ul.submenu li a:hover{ text-decoration: none; border-color: #F69; color: #db7093; background-color: #fff6f9}

/* bottom header block */
#wrapper-bottom { width: 100%; }
#wrapper-bottom #header-area{ width: 960px; margin: 0 auto; }
#header-area #logo{ width: 130px; height: 60px; float: left; padding-top: 5px;}
#header-area #logo a{ border: 0; text-decoration: none;}
#header-area #nav{ width: 700px; float: right; height: 70px; padding-right: 25px; }
#header-area #nav span{ font-size: 9px; color: #4a5051; float: right; padding-right: 10px; }

/*css menu */ 
.lavaLampBottomStyle{position:relative; height:49px; overflow:hidden; font-family:Arial,Helvetica,sans-serif; font-size:12px; float: right;}
.lavaLampBottomStyle li{float:left; list-style:none;}
.lavaLampBottomStyle li.back{ border-top:5px solid #c1597b; width:9px; height:50px; z-index:8; position:absolute;}
.lavaLampBottomStyle li a{ text-decoration:none; color:#bbc5c9; outline:none; text-align:center; top:17px; text-transform:uppercase; letter-spacing:0; z-index:10; display:block; float:left; height:50px; position:relative; overflow:hidden; padding:0 10px 0 9px; background:url(http://www.houtfeyen.be/themes/hf/images/divider_nav.gif) no-repeat 100% 4%;} 
.lavaLampBottomStyle li a.last{background:none;} 
.lavaLampBottomStyle li.current a{color:#db7093;}

/* slide show */
.anythingSlider{width:100%; height:340px; position:relative; overflow:hidden; background:#fff; text-align: right;}
.anythingSlider .wrapper{ width: 1000px; overflow:auto; height:340px; position:absolute; top:0; right:0;}
.anythingSlider .wrapper ul{width:99999px; list-style:none; position:absolute; top:0; left:0; background:#fff;  margin:0; padding:0;}
.anythingSlider ul li{display:block; float:left; padding:0; height:340px; width: 1000px; margin:0;}
.anythingSlider ul li img{ height: 340px;}
.anythingSlider .arrow{display:block; height:42px; width:42px; background:url(http://www.houtfeyen.be/themes/hf/images/arrows.png) no-repeat 0 0; text-indent:80px; position:absolute; top:290px; cursor:pointer; overflow: hidden;}
.anythingSlider .forward{background-position:0 0; right: 5px;}
.anythingSlider .back{background-position:-42px 0; left: 5px;}
.anythingSlider .forward:hover{background-position:0 -42px;}
.anythingSlider .back:hover{background-position:-42px -42px;}
#start-stop, #start-stop.playing, #start-stop:hover{display:none;}
.anythingSlider .wrapper ul ul{position:static; margin:0; background:none; overflow:visible; width:auto; border:0;}
.anythingSlider .wrapper ul ul li{float:none; height:auto; width:auto; background:none;}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px;}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px; }
.divider{ margin:10px 0;  height:1px;  background:#ccc;  font-size:1px;  line-height:1em;  overflow:hidden}

/*scroll bar*/
.scrollgeneric{line-height:1px; font-size:1px; position:absolute}
.vscrollerbase, .vscrollerbar{width:19px; top:0px}
.vscrollerbar{left:0px}
.vscrollerbar{ z-index:2}
#scroll-block .vscrollerbarbeg{background:url(http://www.houtfeyen.be/themes/hf/images/vscroller.gif) 0px -11px no-repeat; width:19px; height:auto}
#scroll-block .vscrollerbarend{background:url(http://www.houtfeyen.be/themes/hf/images/vscroller.gif) no-repeat; width:19px; height:9px}
#scroll-block .vscrollerbase{width:19px; background:url(http://www.houtfeyen.be/themes/hf/images/vsliderbg1.gif) no-repeat;}
#scroll-block .vscrollerbar{padding:0px}
#scroll-block .vscrollerbasebeg, #scroll-block .vscrollerbaseend{background-image:none}

/* for admin page */
.ccm-add-block { color: #999; }

.pfile{ width: 100%; clear: both; padding-bottom: 10px; }
a.pdffile {background: url(http://www.houtfeyen.be/themes/hf/images/pdf.png) top left no-repeat; padding-left: 70px; height: 39px; padding-top: 25px; display: block; font-size: 14px; text-decoration: none; color: #545454; text-transform: capitalize;}

#zoom{ z-index: 20;}