/***********************************************
* CSS HBS-geel.be
* Date Created: 12/03/2009
* Last Modified: 16/03/2009
* 
* - Please do not reuse without permission -
************************************************/

/* swatches: ... */

/*
Algemeen
*/
body,html{background: url(../images/layout/bg_repeat.jpg) repeat-x #7c7e85; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; overflow-x:hidden;}
.clearfix{clear:both;}

/*
Containers
*/
#maincontainer{text-align:center; position:relative;}
#body{width:978px; background-color:#f7f7f7; margin:auto; text-align:left}
#headercontainer{width:978px; height:160px;}
#headerlogo{position:relative; margin-left:15px; padding-top:10px;}
#headeradres{margin-left:173px; margin-top:-40px; font-size:12px;}
#adresdeel1{float:left; margin-right:20px;}
#adresdeel2{float:left;}
#headertext{position:absolute; top:0px; margin-left:674px;}
#headericons{position:absolute; top:10px; margin-left:949px;}
#sitecontainer{width:978px; padding-top:50px; }
#leftcontainer{width:190px; float:left;}
#centercontainer{width:578px; display:inline; float:left; line-height:20px; padding-right:20px;}
#centercontainertitel{position:absolute; top:160px;}
#rightcontainer{width:190px; float:left; display:inline;}
#rightfotoholder{margin:10px; padding:0px;}
#footercontainer{width:978px; height:100px; background: url(../images/layout/footer_bg.png) no-repeat #f7f7f7; color:#ffffff;}
#footertext{width:978px; text-align:center; position:relative; top:80px; font-size:90%}
.subitemdiv{width: 110px; float:left;margin:0px 5px 5px 0px; text-align:center;}


#hbsarch{background:url(../images/layout/hbs-arch_finalwhite.png) no-repeat #F7F7F7; position:absolute;top:0px; width:978px; height:200px;}
#hbsarchleft{background:url(../images/layout/hbs-arch-left.png) no-repeat; width:200px; height:200px; position:absolute; margin-left:-200px; top:114px;}
#hbsarchright{background:url(../images/layout/hbs-arch-right.png) no-repeat; width:200px; height:200px; position:absolute; margin-left:978px; top:124px;}

.terugknop{position:absolute; padding-left:543px;}


/*
Opmaak
*/
h1{color:#f22233; font-size:16px; font-weight:bold; margin-bottom:10px;}
h2{color:#0593d6; font-size:14px; font-weight:bold; margin-bottom:5px;}

.terugknop a, .terugknop a:link, .terugknop a:active, .terugknop a:visited{text-decoration:underline;}
.terugknop a:hover{text-decoration:none;}

.kaderblauw{background-color:#068EC7; color:#ffffff; padding:6px 3px 5px 10px; margin:5px 0px 5px 0px}

.groupbox{background-color:#ffffff; line-height:20px; margin-left:10px; margin-right:10px; border-top: solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf;}
.groupbox h2{background-color:#efefef; color:#666666; padding:4px;}
.groupbox ul{padding:4px; margin-left:7px;}
.groupbox ul li{background-image:url(../images/layout/ul_arrow.gif); background-repeat:no-repeat; background-position:center left; text-indent:12px;}

.fotocontainer{margin-top:10px;}
.fotoholder{float:left; background-color:#cccccc; margin-right:5px; margin-bottom:5px;}
.fotocontainer-klein .fotoholder{width:52px; height:52px;}
.fotocontainer-medium .fotoholder{width:110px; height:110px;}
.fotocontainer-groot .fotoholder{width:187px; height:187px;}

img .nounderline{border:solid #000000 0px; text-decoration:none;}

/*
Links
*/
a, a:link, a:active, a:visited{color:#666666; text-decoration:none;}
a:hover{text-decoration:underline;}

#footertext a, #footertext a:link, #footertext a:active, #footertext a:visited{color:#ffffff; text-decoration:none;}
#footertext a:hover{text-decoration:underline;}

li a, li a:link, li a:active, li a:visited{text-decoration:none;}
li a:hover{text-decoration:none; color:#000000}

a.subpagelink, a:link.subpagelink, a:active.subpagelink, a:visited.subpagelink{font-size:14px; text-decoration:underline; font-weight:bold;}
a:hover.subpagelink{text-decoration:none;}

/*
Lijsten
*/
ul.menuleft li{list-style:none; line-height:20px; padding:0px 0px 0px 0px; border-bottom: solid 1px #999999; width:170px;}
ul.menuleft li:hover{background-color:#efefef;}
ul.menuleft li a{display:block; width:150px; height: 20px; padding:6px 0px 6px 20px;}
ul.menuleft{position:relative; margin-top:-6px;}

#headertext ul li{display:block; float:left; line-height:30px;}

#headertext ul li a{display:block; width:45px; height:30px; margin-right:5px; padding:5px; background-color:#efefef; text-align:center}
#headertext ul li a:hover{background-color:#CCCCCC;}
#headertext ul li.lang a{width:20px; background-color:#ffffff}
#headertext ul li.lang a:hover{background-color:#efefef;}

#introbgcontainer{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
#introcontainer{position:absolute; z-index:500; width:100%; height:100%; margin:0 auto;}
	#subcontainer{position:relative; width:800px; height:400px; margin:130px auto 0 auto;}
	#introcontainer img{}
	#introcontainer a{display:block; text-align:right; color:#ffffff; margin-bottom:8px; text-decoration:underline; font-size:14px}
		#introcontainer a:hover{text-decoration:none;}