@import url("reset.css");
@import url("default-classes.css");
@import url("widgets.css");
@import url("typography.css");
@import url("grid.css");
@import url("megadrop.css");
@import url("galleryview.css");
@import url("slider.css");
@import url("modal.css");


body{margin:0;padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/bg.gif)}

div#header {
padding-left:20px;
padding-right:20px;
height:90px;
width:889px;
background:url(../images/header-bg.jpg) repeat-x bottom;
}

div#logo {
background:url(../images/logo.png) no-repeat;
height:57px;
width:287px;
position:relative;
top:18px;
}

div#toplinks {
float:right;
padding: 20px 0 0 0;
}

div#doos{
text-align:left;
width:953px;
padding: 0 12px 0 12px;
margin:0 auto;
background:url(../images/background.png) repeat-y;
}
div#wikkel{float:left;width:100%}
div#site{margin: 0 0px;
padding-left:12px;
padding-right:12px;

width:929px;
*width:930px;

}

div#rechts{float:left;width:12px;margin-left:-0px; background: url(../images/bg-right.png); height:780px;}
div#links{float:left;width:12px;margin-left:-941px; background: url(../images/bg-left.png); height:780px;}

div#content {
height:10px;
width:929px;
border-bottom: #ccc solid 1px;
}

.nomenu{
padding: 0 0 20px 20px;
background: url(../images/visuals/puzzel2.jpg) no-repeat;
}

.visual {
width:929px;
height:331px;
background:url(../images/visuals/agro.jpg) no-repeat;
border-bottom: #ccc 1px solid;
}

.visual .content{
padding: 230px 0 0 320px ;
width:600px;
}

.banner-square{
float:right;
background:url(../images/banners/hub-n.jpg);
width:230px;
height:230px;
margin: 10px 36px 0 0;
padding:10px;
border: #ccc 1px solid;
}

.banner-square:hover {
background:url(../images/banners/hub-h.jpg);
}

.banner1:hover span, .banner2:hover span, .banner3:hover span {
color: #fff !important;
}


.banner1:hover h5, .banner2:hover h5, .banner3:hover h5 {
color: #fff !important;
}

.banner-square:hover span {
color: #007ed6 !important;
}

.banner-square:hover a{
border-bottom: 1px dotted #333 !important;
}

.banner1:hover a, .banner2:hover a,  .banner3:hover a{
border-bottom: 1px dotted #fff !important;
}

.banner-square:hover a:hover, .banner1 a:hover, .banner2 a:hover,  .banner3 a:hover {
border-bottom: none !important;
}

.banner-square a {
border-bottom: 1px dotted #000 !important;
margin: 0px 0 0 120px;
}

.banner-square:hover h5 {
color: #007ed6 !important;
}

.banner1 {
width:619px;
height:54px;
margin: 10px 0px 0 10px;
padding:10px;
background:url(../images/banners/prognose-h.jpg);
border: #ccc 1px solid;
}

.banner1:hover, .banner2:hover, .banner3:hover, .banner-square {
border: #333 1px solid;
}

.banner1:hover {
background:url(../images/banners/prognose.jpg);
}

.banner2 {
width:619px;
height:54px;
margin: 14px 0px 0 10px;
padding:10px;
background:url(../images/banners/bedrijfswaardering-h.jpg);
border: #ccc 1px solid;
}

.banner2:hover {
background:url(../images/banners/bedrijfswaardering.jpg);
}

.banner3 {
width:619px;
height:54px;
margin: 10px 0px 0 10px;
padding:10px;
background:url(../images/banners/kredietverstrekking-h.jpg);
border: #ccc 1px solid;
}

.banner3:hover {
background:url(../images/banners/kredietverstrekking.jpg);
}

.notice {
position:relative;
top:50px;
right:36px;
float:right;
width:300px;
padding:20px;
color:#FF9900;
background:#FFF6BF;
border:#FFD324 1px solid;}

.notice2 {
padding:20px;
margin:10px;
width:600px;
color:#FF9900;
background:#FFF6BF;
border:#FFD324 1px solid;}


/* These classes are used to set the width of any column */
.unit-100p  {width:100%;}
.unit-auto	{width: auto!important;	}
.unit-10	{width: 0px!important;	}
.unit-20	{width: 10px!important;	}
.unit-30	{width: 20px!important;	}
.unit-40	{width: 30px!important;	}
.unit-50	{width: 40px!important;	}
.unit-60	{width: 50px!important;	}
.unit-70	{width: 60px!important;	}
.unit-80	{width: 70px!important;	}
.unit-90	{width: 80px!important;	}
.unit-100	{width: 90px!important;	}
.unit-300	{width: 425px!important;}