/* elements */

/* vormgeving */
#container{
	margin-left: auto;
	margin-right: auto;
	width:990px;
	
}

#header{
	position:relative;
	background: url('/images/bg_header.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	height:95px;
}

#overvest-logo{
	position:absolute;
	left:235px;
top:12px;
}

#overvest-tagline{
	position:absolute;
	top:69px;
	right:234px;

}

#banner{
position:relative;
left:238px;
	margin-top:5px;
	width:518px;
	height:94px;
}

#content{
	position:relative;
	/*border:solid 1px red;*/
	width:530px;
	left:229px;
	
	min-height:365px;
	padding:5px;
}

#menu{
	position:absolute;
	right:0px;
	top:1px;
	height:37px;
}

#menu2{
	position:absolute;
	right:-0px;
	top:39px;
	height:37px;
}

ul#menu li, ul#menu2 li{
	display:inline;
	height:37px;
	line-height:37px;
}

#menu a, #menu2 a{
	display:block;
	float:left;
	color:#00a5e4;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:37px;
	height:37px;
	padding-left:9px;
	padding-right:9px;
	
	letter-spacing:1px;
}

#menu a:hover, #menu2 a:hover, #menu .active, #menu2 .active{
	color:#374141;

}

#footer{
	position:relative;
	width:515px;
	left:234px;
	padding-left:15px;
	border-top:solid 1px #00a5e4;
	line-height:20px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#384242;
	text-align:justify;
}

#btn-overvest-i-st{
	background: url(/images/overvest_internet_strategie_duble.png);
	width: 258px;
	height:217px;
	display:block;
	float:left;
	font-size:0px;
	text-decoration:none;
}

#btn-overvest-i-st:hover{
	background-position: 258px 0;
}

#btn-overvest-i-so{
	background: url(/images/overvest_internet_software_duble.png);
	width: 258px;
	height:217px;
	display:block;
	float:right;
	font-size:0px;
	text-decoration:none;
}

#btn-overvest-i-so:hover{
	background-position: 258px 0;
}

#home-recent-werk{
	margin-top:20px;
	width:258px;
	height:100px;
	float:left;
}

#home-recent-werk h2, #home-u-bent h2{
	padding-left:3px;
}

#home-recent-werk h2 a{
	text-decoration:none;
}

#home-recent-werk, #home-u-bent{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#475050;
	line-height:23px;
}

#home-u-bent{
	margin-top:20px;
	width:258px;
	height:100px;
	float:right;
	padding-left:3px;
	
}

#home-u-bent a{
	text-decoration:none;
	line-height:23px;
}

.btn-portfolio-item{
	background: url(/images/bg_portfolio_item.png);
	display:block;
	width:83px;
	height:71px;
}

.btn-portfolio-item:hover, .btn-portfolio-item-active{
	background: url(/images/bg_portfolio_item_hover.jpg);
	display:block;
	width:83px;
	height:71px;
}

span.btn-portfolio-item-active{
	float:right;
}

.btn-pi-home{
	float:left;
	margin-right:3px;
}

#menu .active #menu-home{
	background: url('/images/bg_home.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

#menu-home:hover, .active_home{
	background: url('/images/bg_home.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

#menu-overons:hover, .active_overons{
	background: url('/images/bg_overons.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

#menu-contact:hover, .active_contact{
	background: url('/images/bg_contact.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

#menu-strategie{
	position:relative;
	left:-52px;
}

#menu-strategie:hover, .active_strategie{
	background: url('/images/bg_strategie.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

#menu-software:hover, .active_software{
	background: url('/images/bg_software.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;
}

#submenu{
	position:absolute;
	top:94px;
	background: url(/images/bg_submenu.jpg);
	background-repeat:no-repeat;
	width:226px;
	height:204px;
	
	padding:6px;
}

#submenu ul{
list-style:none;
}

#crumbpath{
	margin-top:5px;
	position:relative;
	left:234px;
	z-index:10;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:530px;
	
}

#crumbpath a{
	text-decoration:none;
	color:#949999;
}

#crumbpath a.active, #crumbpath a:hover{
	color:#384242;
}

#submenu .page-nav{
	float:left;
	display:block;
	width:200px;
	margin-top:20px;
}

/* pagina navigatie */ 

.pagination-ov li{
	border:0; margin:0; padding:0;
	font-size:11px;
	list-style:none;
	margin-right:2px;
	display: inline;
}
.pagination-ov a{
	border:solid 1px #00A5E4;
	margin-right:2px;
}

.pagination-ov .previous-off,
.pagination-ov .next-off {
	border:solid 1px #FFF;
	color:#888888;
	display:block;
	float:left;
	font-weight:bold;
	margin-right:2px;
	padding:3px 4px;
}
.pagination-ov .next a,
.pagination-ov .previous a {
	font-weight:bold;
}
.pagination-ov .activePage{
	background:#00A5E4;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
.pagination-ov a:link,
.pagination-ov a:visited {
	color:#00A5E4;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
.pagination-ov a:hover{
	border:solid 1px #00A5E4
}