@charset "utf-8";
/* CSS Document */
BODY {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 14pt;
	padding: 0;
	margin: 0;	
	margin-top: 0px;
	background-color: #00275D;
	background-repeat: repeat-x;
	text-align: center;
}
h1{
	font-family: "Arial", Verdana, sans-serif;
	font-size: 18px;
	color: #fff;
	margin: 0;	
}
h2{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
p{
	margin: 0px;
	padding: 2px 0px 4px 0px;
}
td{
	vertical-align: top;
}
a{
	outline: none;
	color: #ffffff;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img{
	border: 0;
}
#content a{
	color: #00275d;
	text-decoration: none;
}
#content a:hover{
	text-decoration: underline;
}
.home{
	background-color: #00759f;
}
.particulier{
	background-color: #61a521;
}
.stappenplan{
	background-color: #662081;
}
.zakelijk, .bedrijf{
	background-color: #c50078;
}
.adviseur{
	background-color: #dd7a04;
}
.projecten{
	background-color: #f8b323;
}
.contact{
	background-color: #a40043;
}
.nieuws{
	background-color: #672180;
}
.links{
	background-color: #01b5dd;
}
.toplinks{
	margin: 0 auto;
	color: #007ea3;
	width: 996px;
	text-align: right;

}
.toplinks a{
	color: #fff;
	font-size: 11px;
}

#main{
	padding-left: 1px;
	text-align: left; 
	background-color: #00275d;
	padding-top: 40px;
	padding-bottom: 100px; 
	overflow: hidden;
	margin: 0 auto;
	width: 996px;


}
#top{
	height: 126px;
	margin-bottom: 8px;
    position: relative;
}
#topleft{
	background-color: #007ea3;
	height: 125px;
	width: 170px;
	float: left;
}
#toplogo{
	background: #fff;
	margin-left: 8px;
	width: 817px;
	height: 125px;
	float: left;
}


#socialmedia { 
    position: absolute; bottom: 10px; right: 10px;
}
#socialmedia a { display: block; float: left; width: 36px; height: 36px; background: url(../images/buttons-socialmedia.jpg) no-repeat; margin: 0 0 0 10px; }

#socialmedia .twitter { background-position: 0 0; }
#socialmedia .facebook { background-position: -36px 0;  }
#socialmedia .linkedin { background-position: -72px 0; }



#middle{
	height: 320px;
}
#menu{
	height: 315px;
	width: 170px;
	padding-top: 5px;
	float: left;
}
.item:hover a{
	background-color: #00275d;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 11em;
}

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	z-index: 2;
	padding-right: 2px;
}
#nav li a {
	width: 11em;
	w\idth : 165px;
	display : block;
	color : #fff;
	text-decoration : none;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 12px;
	padding-right: 5px;

}

#nav li a:hover {
	background-color : #fff;
	color: #00275d;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 14em;
	margin-top : -2.35em;
	z-index: 999;
}

#nav li ul li a{
	color : #00275d;
	text-decoration : none;
	padding : 0.5em 0.5em;
	background-color: #fff;
	text-decoration : none;
	font-size: 11px;
	text-align: left;
}
#nav li ul li a:hover{ 
	z-index: 999;
	background-color : #007ea3;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li a.selected {
	background: #fff;
	color: #00275d;
}
#imagebox{
	margin-left: 8px;
	width: 349px;
	height: 320px;
	float: left;
    position: relative;
	overflow:hidden;
}
#imagebox #related {
    background: url(../images/70percent-white.png);
    width: 100%;
    z-index: 100;
    position: absolute;
    bottom: -60px;
    left: 0;
	height: 50px;
}
#imagebox #related div {
    padding: 5px;
}
#imagebox #related, #imagebox #related a {
    color: #00275D;
}
#imagebox #related a {
    font-weight: bold;
}
#imagebox #previews_mask{
	position: relative;
	overflow: hidden;
	width: 349px;
	height: 237px;
}
#imagebox #previews_mask #previews{
	position: absolute;
	left: 0;
	height: 237px;
	width: 2100px;
}
#imagebox #previews_mask #previews img{
	height: 237px;
	float: left;
	border: none;
}
#imagebox .slideimg{
	position: absolute;
}
#imagebox #thumbs{
	margin-top: 3px;
	margin-left: 4px;
	overflow: hidden;
	width: 346px;
	height: 75px;
	text-align: center;
}
#imagebox #thumbs img{
	display: block;
	float: left;
	border: 0;
	margin-right: 2px;
}
#content{
	display: inline;
	width: 420px;
	height: 290px;
	float: left;
	margin-left: 8px;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
}
#bottom{
	text-align: center;
	padding-left: 79px;
}
#bottom-menu{
	margin-left: 0px;
	padding:0;
	list-style: none;
}
#bottom-menu li{
	font-size: 16px;
	float: left;
	margin-left: 5px;
	color: #007ea3;
}
#bottom-menu li a{
	color: #fff;
	text-decoration: none;
}
#bottom-menu li a:hover{
	color: #007ea3;
}

/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 12px solid #007EA3;
	background-color: #FFF;
	display: none;
	z-index: 999;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(../images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #007EA3;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}
#Overlay{
	overflow: hidden;	
}


/*************************************************************/