/*****************************
Stylesheet Broedplaats De Bij
-----------------------------
made by 3SIGN
date:18/12/2009
*****************************/
html, body {
	margin:0;
	padding:0;
	background:#000;
	font-family:Helvetica, Verdana, sans-serif;
	color:#000;
	font-size:1.0em;
	/*height:100%;*/
}
a, a img {
	outline:none;
	border:none;
	text-decoration:none;
	color:#000;
}

#center {
	width:820px;
	margin:0 auto;
	/*height:100%;*/
}
#box, #container, #header-block, #mainmenu-block, #mainmenu-border , #content-block {
	float:left;
	width:820px;
}
#container {
	background:#fff;
}

.coffee {
	color: #666;
	font-size: 1.6em;
	margin-top: 65px;
	text-align: center;
}

/* --- header */
#header-block {
	float:left;
	height:450px;
	background:#000;
}
#banner {
	height:450px;
}
#logo-broedplaatsdebij {
	position:absolute;
	z-index:50;
	top:0;
	margin:5px 0 0 0;
}
#logo-vl {
	position:absolute;
	z-index:50;
	top:0;
	margin:270px 0 0 670px;
}
/* -- search */
#search-block {
	position:absolute;
	z-index:50;
	top:0;
	margin:30px 0 0 650px;
}




/* --- mainmenu */
#mainmenu-block {
	height:32px;
	margin:-32px 0 0 0;
	font-size:0.9em;
}
#mainmenu {
	background:url(../images/mainmenu-bg.png) repeat-x left center;
	height:32px;
	width:820px;
	position:absolute;
	z-index:50;
}
#mainmenu-block ul {
	list-style:none;
	margin:0 0 0 7px;
	padding:7px 0 0 0;
	text-align:center;
}
#mainmenu-block ul li {
	float:left;
	height:25px;
	padding:0 20px 0 0;
	margin:0 0 0 -10px
}
#mainmenu-block ul li a {
	color:#fff;
	font-weight:bold;
	display:block;
	line-height:25px;
	padding:0 0 0 25px;
}
#mainmenu-block ul li a:hover {
	color:#ccc;
}
#mainmenu-block ul li.active a:hover {
	color:#fff;
}
#mainmenu-block ul li.active {
	background:url(../images/mainmenu-active-right.png) no-repeat right -17px;
}
#mainmenu-block ul li.active a {
	background:url(../images/mainmenu-active-left.png) no-repeat left -17px;
}
#mainmenu-border {
	height:4px;
	line-height:4px;
	background:#666;
}
#mainmenu-bg {
	display:none;
}




/* --- content */
#content-block {
	min-height:200px;
	margin:20px 0 20px 0;
}

/* -- left content */
#contentleft-block {
	float:left;
	width:190px;
}

/* - submenu */
#submenu-block {
	font-size:0.95em;
}
#submenu-block ul {
	list-style:none;
	margin:0 0 25px 15px;
	padding:0;
}
#submenu-block ul li {
	border-bottom:1px solid #000;
	padding:10px 13px 10px 0;
}
#submenu-block ul li a:hover {
	color:#f00;
}
#submenu-block ul li.active {
	background:url(../images/submenu_active.gif) no-repeat right 10px;
}
#submenu-block ul li.active a {
	color:#F00;
}
#submenu-block ul li.active ul {
	margin:0;
}
#submenu-block ul li.active ul li {
	border-bottom:none;
	padding:10px 13px 0 0;
	font-size:0.8em;
}
#submenu-block ul li.active ul li a {
	color:#000;
	padding:0 0 0 15px;
}
#submenu-block ul li.active ul li.active {
	background:url(../images/subsubmenu_active.gif) no-repeat left 11px;
}
#submenu-block ul li.active ul li.active a {
	color:#777;
}

/* - agent */
#agent-block {
	padding:10px 0 0 15px;
	font-size:0.7em;
}
#agent-block ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
.btnMail {
	margin:4px 0 0 0;
}
.btnMail a {
	background:#606060;
	color:#fff;
	font-weight:bold;
	padding:0 3px;
}



/* -- right content */
#contentright-block, .content-item, .content-item h1 {
	width:560px;
}
#contentright-block {
	float:left;
	margin:0 35px 0 35px;
}
.content-item {
	float:left;
	margin:0 0 20px 0;
}
.content-item h1 {
	font-weight:normal;
	color:#999;
	font-size:28px;
	margin:0 0 10px 0;
	padding:0;
}
.content-item a {
	font-weight:bold;
	text-decoration:underline;
}
.content-item .item-shorttext, .content-item .item-fulltext, .content-item.file, .content-item.form, .content-item.search {
	font-size:0.7em;
}
.content-item .item-shorttext {
}
.content-item .item-fulltext {
	color:#666;
}
/* - images */
.textImagetext {
	background:white none repeat scroll 0 50%;
	bottom:0;
	font-size:0.7em;
	font-weight:normal;
	line-height:16px;
	opacity:0.8;
	padding:2px 0 2px 5px;
	position:absolute;
	width:100%;
	z-index:100;
}
.textLogoLayer {
	margin:90px 0 0 4px;
	position:absolute;
	width:110px;
	z-index:10;
}
.textSmallLayer {
	margin:90px 0 0 4px;
	position:absolute;
	width:117px;
	z-index:10;
}
.textMediumLayer {
	margin:190px 0 0 4px;
	position:absolute;
	width:257px;
	z-index:10;
}
.textLargeLayer {
	margin:397px 0 0 4px;
	position:absolute;
	width:548px;
	z-index:10;
}
.ImgBoxLogo {
	float:left;
	width:135px;
	height:97px;
	margin:0 10px 10px 0;
}
.ImgBoxSmall {
	float:left;
	width:130px;
	height:93px;
	margin:0 10px 10px 0;
}
.ImgBoxMedium {
	float:left;
	width:270px;
	height:193px;
	margin:0 20px 20px 0;
}
.ImgBoxLarge {
	float:left;
	width:560px;
	height:400px;
	margin:0 0 20px 0;
}

/* --- footer */
#footer-block {
	float:left;
	margin:0 0 20px 0;
	font-size:0.7em;
	color:#eee;
	width:790px;
}
#footer-line {
	width:820px;
	border-top:1px solid #666;
	padding:2px 0 0 0;
}
#footer-line a {
	font-weight:bold;
	color:#eee;
}