@charset "utf-8";
/* CSS Document Tweede Hypotheek */
/********** algemeen **********/
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited{
color:#d33a02;
}
a:hover{
color:#006699;
}
body{
background:#e8edf2;
background-image:url(assets/bg.gif);
background-repeat:repeat-x;
}
/********** AFM balk **********/
#afm{
width:950px;
height:40px;
margin:0 auto 0px auto;
}
#afm img{
}
/********** Top **********/
#top{
height:75px;
width:950px;
margin:0 auto;
background-image:url(assets/top_bg.gif);
background-repeat:no-repeat;
}
#top span a{
float:left;
width:400px;
color:#333;
margin:0 0 0 14px;
padding-top:20px;
font-size:36px;
font-weight: bold;
letter-spacing:-1px;
font-family: Arial Narrow, Arial, Helvetica, sans-serif;
text-decoration:none;
background-image:url(assets/dakje-logo.gif);
background-position:37px 10px;
background-repeat:no-repeat;
}
#top span a:hover{
color:#555;
}
#top ul{
float:right;
font-size:12px;
margin:10px 12px 0 0;
}
#top li{
float:left;
display:block;
background-image:url(assets/divider-submenu.gif);
background-position:right;
background-repeat:no-repeat;
padding:10px 8px 0px 8px;
}
#top li a{
text-decoration:none;
text-transform:lowercase;
color:#333333;
}
#top li a:hover{
color:#097792;
text-decoration:underline;
}
/********** Header **********/
#header{
height:71px;
width:920px;
margin:0 auto;
background-image:url(assets/header-bg.jpg);
background-repeat:no-repeat;
padding:25px 15px 0 15px;
}
#header span{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:24px;
font-weight:normal;
width:500px;
float:left;
}
#header span a{
color:#FFFFFF;
}
#header span a:hover{
color:#FF6600;
}
#button{
float:right;
background-image:url(assets/top-tab.jpg);
background-position:bottom;
width:300px; 
height:63px;
margin-top:8px;
}
#button a{
display:block;
width:264px;
height:18px;
background-image:url(assets/top-button.png);
color:#fff;
font-size:12px;
font-weight:bold;
padding: 9px 8px 7px 8px;
margin:10px 0 0 11px;
text-decoration:none;
}
#button a:hover{
background-position:0px -34px;
cursor:pointer;
}
/********** Container **********/
#box{
width:948px;
margin:0 auto;
border-left:1px solid #cdcaca;
border-right:1px solid #cdcaca;
background-image:url(assets/sidebar_bg.gif);
background-repeat:repeat-y;
background-position:right;
background-color:#FFFFFF;
}
/********** Bovenste gedeelte foto **********/
#sitetop{
height:200px;
}
#sitetop img{
float:left;
}
/********** Menu **********/
#menu{
width:946px;
padding-left:4px;
height:31px;
margin:0 auto;
background-color:#d74001;
background-image:url(assets/menu-bg.gif);
background-repeat:repeat-x;
border-bottom:1px solid #963602;
border-top:1px solid #f3ac85;
}
#menu ul{
list-style:none;
}
#menu li{
display:inline;
}
#menu li a{
display:block;
float:left;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:13px;
padding:7px 12px 8px 10px;
background-image:url(assets/menu-item-bg.gif);
background-position:top right;
background-repeat:repeat-x;
}
#menu li a:hover, #menu li a.active {
background-position:right -31px;
}
/********** Content - tekst **********/
#text{
width:611px;
float:left;
font-size:13px;
background-color:#FFFFFF;
background-image:url(assets/bg-gradient.gif);
background-repeat:repeat-x;
padding:12px 12px 0px 12px;
}
#text h1, #text h2, .content_item h2{
color:#443b22;
font-size:18px;
font-weight:normal;
padding:6px 0px; 
}
#text h3{
color:#443b22;
font-size:15px;
font-weight:bold;
margin-top:8px;
}
#text p{
color:#443b22;
font-size:13px;
line-height:18px;
padding:0px 0px 16px 0px;
}
#text ul{
list-style:none;
padding:0px 0px 16px 0px;
}
#text ul li{
background-image:url(assets/list.gif);
background-position:0px 6px;
background-repeat:no-repeat;
padding:0px 0px 2px 10px;
color:#443b22;
}
/********** Content - blokjes indexpagina **********/
.content_item{
float:left;
width:181px;
height:116px;
margin-top:6px;
padding:14px 10px 10px 96px;
line-height:18px;
}
.content_item h2{
padding-bottom:6px;
}
.calculator{
background-image:url(assets/bg-home-bereken.jpg);
margin-left:18px;
}
.offerte{
background-image:url(assets/bg-home-offerte.jpg);
}
.content_button a, .content_button_small a{
background-image:url(assets/home-button.png);
display:block;
width:163px;
height:19px;
padding:6px 8px;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
margin-top:7px;
}
.content_button a:hover{
background-position:0px -31px;
}
/********** Sidebar **********/
#sidebar{
width:300px;
float:right;
padding:12px 12px 0 0;
font-size:13px;
color:#4f4949;
line-height:21px;
}
#sidebar h3{
font-size:13px;
color:#455d24;
}
.item{
padding:12px;
background-image:url(assets/divider-sidebar.gif);
background-position:top left;
background-repeat:no-repeat;
}
.item img{
float:left;
margin-right:10px;
margin-top:3px;
}
img.sidebar-img{
margin-bottom:10px;
}
/********** Bottom **********/
#bottom{
width:950px;
height:13px;
margin:0 auto;
background-image:url(assets/bottom-bg.jpg);
}
/********** Footer **********/
#footer{
width:950px;
margin:0 auto;
text-align:right;
font-size:12px;
color:#443b22;
padding:10px 0px;
}
#footer a{
text-decoration:none;
color:#006699;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */


#direct-contact {
  margin-bottom: 15px;
}

#direct-contact .title {
  background: url(http://www.afab.nl/img/directcontact-bkg.jpg) no-repeat bottom right;
  font-size: 21px;
  font-weight: bold;
  line-height: 26px;
  padding: 10px 10px 40px 10px;
  display:block;
  background-color:white;
}
#direct-contact #direct-contact-phone {
  background: url(http://www.afab.nl/img/phone-bkg-oranje.gif) repeat-x top right;
  color: #fff;
  padding: 5px 0;
}

#direct-contact .phonenumber {
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

#direct-contact .openhours {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}