/* Layout Stylesheet voor IBKI website */

html,body { 
   	margin:0px; 
   	padding:0px;
   	font-size: 100%;
   	height: 100%;
}
div { 
   	position: relative;
   	margin:0px; 
   	padding:0px;
	display: block;
}
.hidden { display: none; visibility: hidden; }

/* Verborgen code voor toegangelijkheid **************************************************************************/
#snelmenu {
	display: none;
	visibility: hidden;
}
#mainmenu h2 {
	display: none;
}
#snelzoeken h2 {
	display: none;
}
#kruimelpad p {
	display: none;
	visibility: hidden;
}

/* Structuur */

#top {
   	width: 976px; 
   	margin: 0px auto 0px auto;
   	display: block;
   	font-family: Arial,Helvetica,sans-serif;;
   	font-size: 0.8em;
   	line-height: 1.3em;
   	z-index: 10;
}
#container {
   	float: left;
}

/* Header */
#header {
      	float: left;
      	width: 976px;
      	height: 110px;
}
#headerlogo {
	position: absolute;
	left: 15px;
	top: 40px;
	width: 206px;
	height: 106px;
	display: block;
}
#headerlogo h1 {
	margin: 0px;
	padding: 0px;
}
#headerimage {
	position: absolute;	
	left: 206px;
	top: 0px;
	height: 106px;
	width: 770px;
	background-image: url(/IBKI/design/images/headerIBKI1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
}
div.bg-geel {
	position: absolute;
	left: 0px;
	top: 106px;
	width: 250px;
	height: 50px;
	display: block;
	background-color: #FFDD00;
}

/* Menubar */
#menubar {
   	position: absolute;
	top: 0px;
	left: 0px;
}
#menubar .menubg {
	position: absolute;
	top: 106px;
   	left: 206px;
	float: left;
	display: block;
	height: 15px;
	width: 770px;
	background-color: #ffdd00;
}
#menubar #mainmenu {
	position: absolute;
	top: 121px;
   	left: 202px;
	width: 774px;
	float: left;
	display: block;
	background-image: url(/IBKI/design/images/menu_backmain.gif);
      	background-repeat: repeat-x;
	background-position: left top;
}
#snelzoeken {
	position: absolute;
	top: 125px;
   	left: 760px;
	width: 210px;
	float: left;
	display:block;
}
#snelzoeken label {
	font-weight: bold;
} 
#snelzoeken input {
	background-image: url(/IBKI/design/images/tekstveld.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 138px;
	height: 18px;
	border: 0px;
	padding-left: 9px;
}

/* Main Content */
#contentwrapper {
	margin-left: 206px;
	margin-top: 100px;
	float: left;
	width: 770px;
}
#contentwrapper-home {
	margin-left: 40px;
	margin-top: 100px;
	float: left;
	width: 925px;
}
#maincontent {
	float: left;
	width: 550px;
	line-height: 1.6em;
}
#maincontent-wide {
	float: left;
	width: 750px;
	line-height: 1.6em;
}
#maincontent-home {
	float: left;
	width: 925px;
	line-height: 1.6em;
}
#kruimelpad ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#kruimelpad ol li {
	display: inline;
}

/* RightContent */
div.clear {
	clear: both;
}
#rightcontent {
	float: right;
	width: 200px;
	line-height: 1.5em;
	margin-top: 25px;
}
#quickicons {
	margin: 30px 10px 20px 10px;
}

/* FooterBlocks Home */
#maincontent-home #footerblocks {
	width: 925px;
	float: left;
	display: block;
   	clear: both;
}

#maincontent-home #footerblocks .footerblok {
	float: left;
	display: block;
	padding: 10px 5px 15px 5px;
	margin: 0px;
	background-color: #BFC0C3;
	border-right: 4px solid white;
	width: 170px;
	height: 100px;
}
#maincontent-home #footerblocks .footerblok ul {
	list-style-type: none;
	margin: 0px 5px 0px 5px;
	padding: 10px 0px 10px 0px;
}

/* Footer */
#footer {
   	width: 770px;
	display: block;
   	left:50%;
	margin-left:-385px;
   	padding: 0px;
   	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
}
#footer #footerblocks {
	width: 770px;
	float: left;
	display: block;
   	clear: both;
}
#footer #footerblocks .footerblok {
	float: left;
	display: block;
	padding: 10px 5px 15px 5px;
	margin: 0px;
	background-color: #BFC0C3;
	border-right: 4px solid white;
	width: 140px;
	height: 100px;
}
#footer #footerblocks .footerblok ul {
	list-style-type: none;
	margin: 0px 5px 0px 5px;
	padding: 10px 0px 10px 0px;
}
#footer div.clear {
	clear: both;
	margin-top: 20px;
}
#footer #copyright {
	width: 570px;
	text-align: center;
	padding: 10px 0px 10px 0px;
}