/*
verz    red     #C1272D
bannk   green   #7A9C0F
immo    blue    #3C9DED
*/

body
{
    margin: 0px;
    background: #ffffff url(images/bg-body.jpg) top left repeat-x;
    font-family: Verdana,Arial,Helvetica;
	font-weight: normal;
	color: #666666;
	font-style : normal;
	font-size : 11px;
	line-height: 17px;
}
.verz .bg{background:#C1272D;}
.bank .bg{background:#7A9C0F;}
.immo .bg{background:#3C9DED;}


/* INDEX PAGES */
.index-block
{
    background: #ffffff url(images/index-block.jpg) top center no-repeat;
    width:281px;
    height:440px;
    vertical-align:top;
    text-align:left;
}
.index-block div{
    height:440px;
    position:relative;
}
.index-block p{padding: 0 35px 0 70px; text-align:left;}
.index-block ul{padding: 0 25px 0 80px;}
.index-block ul.verz{color:#C1272D;}
.index-block ul.bank{color:#7A9C0F;}
.index-block ul.immo{color:#3C9DED;}
.index-block ul li{list-style-type:none; padding:1px 0;}
.index-block h1{height:40px; margin:30px 0 0 40px;}
.index-block a.verz,
.index-block a.bank,
.index-block a.immo
{
    padding:0 0 0 20px; 
    height:14px;     
    line-height: 14px;
    width:150px;
    display:block; 
    font-weight:bold;
}
.index-block a.verz{color:#C1272D; background: url(images/icon-med.png) top left no-repeat;} /* red */
.index-block a.bank{color:#7A9C0F; background: url(images/icon-med.png) center left no-repeat;} /* green */
.index-block a.immo{color:#3C9DED; background: url(images/icon-med.png) bottom left no-repeat;} /* blue */
.index-logo-axa{position:absolute; bottom:60px; left:130px}
.index-logo-immo{position:absolute; bottom:60px; left:70px}


/* MASTERPAGE */
/* HEADER */
.bg-fade
{
    text-align:center;
    vertical-align:middle;
    height:219px;
}
.verz .bg-fade{background:url(images/bg-fade-verz.gif) bottom left repeat-x;}
.bank .bg-fade{background:url(images/bg-fade-bank.gif) bottom left repeat-x;}
.immo .bg-fade{background:url(images/bg-fade-immo.gif) bottom left repeat-x;}

.verz .bg-fade span,
.bank .bg-fade span{display:block; height:50px; background:url(images/logo-groep-callens.png) center no-repeat;}
.immo .bg-fade span{display:block; height:50px; background:url(images/logo-immo.png) center no-repeat;}

#menu{
    position:relative;
    text-align:left;
    background: url(images/bg-header.jpg) top left no-repeat; 
    vertical-align:top;
    height:246px;
    padding:10px 0 0 0;
    margin:0;
    }
#menu-list{height: 37px; padding:0; margin:0;}
#menu-list li{display:inline; padding:0 11px; border-right: solid 2px #666666; margin:0;}

#menu-list li.end{border:none;}

#menu-list a{font-weight:bold; color:#666666; text-decoration:none; }
.verz #menu-list a:hover,
.verz #menu-list a:active,
.verz #menu-list a.selected{color:#C1272D;}
.bank #menu-list a:hover,
.bank #menu-list a:active,
.bank #menu-list a.selected{color:#7A9C0F;}
.immo #menu-list a:hover,
.immo #menu-list a:active,
.immo #menu-list a.selected{color:#3C9DED;}

.submenu-list{padding:0; margin:0;}
.submenu-list li{display:inline; padding:0 11px; border-right: solid 2px #eeeeee; margin:0;}
.submenu-list li.end{border:none;}

.submenu-list li a{padding: 0 0 0 15px; height:11px; color:#eeeeee; font-weight:bold; text-decoration:none;}
.submenu-list li a:hover,
.submenu-list li a:active,
.submenu-list li a.selected{background: url(images/icon-small.png) 0px -33px no-repeat; color:#eeeeee;}


#navCallens,
#navBank,
#navVerz,
#navImmo{visibility:hidden; position:absolute; top:45px; width:633px;}

/* SIDEBAR */
.sidebar
{
    background:#e7e8e9 url(images/bg-sidebar.gif) bottom left repeat-x; 
    vertical-align:top;
    padding: 70px 20px 20px;
}

.sidebar h2{font-size:13px; font-weight:bold; padding:0; margin:0;}
div.line {
    height: 1px;
    border-top: 1px solid #8F989E;
    margin: 3px 0;
}
div.line hr {
    display: none;
}
.sidebar ul{list-style:none; padding:0; margin:0;}
.sidebar li{position:relative;}
.verz .sidebar li .title{color:#C1272D; padding-right:75px; text-decoration:none; font-weight:bold; float:left;}
.bank .sidebar li .title{color:#7A9C0F; padding-right:75px; text-decoration:none; font-weight:bold; float:left;}
.immo .sidebar li .title{color:#3C9DED; padding-right:75px; text-decoration:none; font-weight:bold; float:left;}

.sidebar li .date{color:#8F989E; position:absolute; top:0; right:0;}

.sidebar li div{}

.sidebar li .more
{
    display:block;
    text-align:right;
    padding:0;
    margin:0;
}
.sidebar li .more a
{
    padding: 0 0 0 15px;
    font-weight:bold;
    font-size:11px;
    line-height: 11px;
    height:11px;
    margin:0;
    color:#666666;
    display:inline-block;
}
.verz .sidebar li .more a{background: url(images/icon-small.png) 0px 0px no-repeat;}
.bank .sidebar li .more a{background: url(images/icon-small.png) 0px -11px no-repeat;}
.immo .sidebar li .more a{background: url(images/icon-small.png) 0px -22px no-repeat;}

/* CONTENT */
.content
{
    vertical-align:top;
    padding: 20px;
}
.content h1
{
    padding:0 0 0 30px; 
    height:26px; 
    display:block; 
    font-weight:normal;
    font-size:25px;
    line-height: 20px;
    margin:0;
}
.verz .content h1{color:#C1272D; background: url(images/icon-large.png) left top no-repeat;}
.bank .content h1{color:#7A9C0F; background: url(images/icon-large.png) left center no-repeat;}
.immo .content h1{color:#3C9DED; background: url(images/icon-large.png) left bottom no-repeat;}
.content h2,
.sidebar h3
{
    padding:0 0 0 30px; 
    height:14px; 
    display:block; 
    font-weight:normal;
    font-size:18px;
    line-height: 15px;
    margin:0;
}
.verz .content h2{color:#C1272D; background: url(images/icon-med.png) left top no-repeat;}
.bank .content h2{color:#7A9C0F; background: url(images/icon-med.png) left center no-repeat;}
.immo .sidebar h3,
.immo .content h2{color:#3C9DED; background: url(images/icon-med.png) left bottom no-repeat;}
.content h4{padding:0 0 0 30px; margin:0; font-weight:bold; font-size:12px;}
.content p{padding:0 30px 10px;}
.content ul{padding:0 0 0 30px; margin:0; width:50%; list-style:none;}
.content ul.inline li
{
    float:left;
    width:100px;
    padding: 0 0 0 20px;
    display:block;
    line-height:11px;
    margin:5px 0;
    height:11px;
}
.content ul li
{
    padding: 0 0 0 20px;
    display:block;
    line-height:11px;
    margin:5px 0;
    height:11px;
}

.verz .content li{color:#C1272D; background: url(images/icon-small.png) 0px 0px no-repeat;}
.bank .content li{color:#7A9C0F; background: url(images/icon-small.png) 0px -11px no-repeat;}
.immo .content li{color:#3C9DED; background: url(images/icon-small.png) 0px -22px no-repeat;}

.content .sitemap{padding-top:10px;}
.content .sitemap li {padding: 0 20px;
    display:block;
    line-height:20px;
    margin:0;
    height:20px;
    }

.verz .content .sitemap li.first, .verz .content .sitemap li.first a{color:#ffffff; background: #C1272D;}
.bank .content .sitemap li.first, .bank .content .sitemap li.first a{color:#ffffff; background: #7A9C0F;}
.immo .content .sitemap li.first, .immo .content .sitemap li.first a{color:#ffffff; background: #3C9DED;}

.verz .content .sitemap li{color:#C1272D; background: url(images/sitemap.png) 0px 0px no-repeat;}
.bank .content .sitemap li{color:#7A9C0F; background: url(images/sitemap.png) 0px -20px no-repeat;}
.immo .content .sitemap li{color:#3C9DED; background: url(images/sitemap.png) 0px -40px no-repeat;}

.verz .content .sitemap li.last{color:#C1272D; background: url(images/sitemap-last.png) 0px 0px no-repeat;}
.bank .content .sitemap li.last{color:#7A9C0F; background: url(images/sitemap-last.png) 0px -20px no-repeat;}
.immo .content .sitemap li.last{color:#3C9DED; background: url(images/sitemap-last.png) 0px -40px no-repeat;}


.content br{clear:left;}

.content h3
{
    padding:0 0 0 30px; 
    height:14px; 
    display:block; 
    font-weight:normal;
    font-size:14px;
    line-height: 12px;
    margin:0;
}
.verz .content h3{color:#C1272D; background: url(images/icon-med.png) left top no-repeat;}
.bank .content h3{color:#7A9C0F; background: url(images/icon-med.png) left center no-repeat;}
.immo .content h3{color:#3C9DED; background: url(images/icon-med.png) left bottom no-repeat;}

.content h5
{
    padding:0 0 0 50px; 
    height:14px; 
    display:block; 
    font-weight:normal;
    font-size:14px;
    line-height: 12px;
    margin:10px 0 0;
}
.verz .content h5{color:#C1272D; background: url(images/icon-med.png) 30px top no-repeat;}
.bank .content h5{color:#7A9C0F; background: url(images/icon-med.png) 30px center no-repeat;}
.immo .content h5{color:#3C9DED; background: url(images/icon-med.png) 30px bottom no-repeat;}


.verz .content a{color:#C1272D; text-decoration:none;}
.bank .content a{color:#7A9C0F; text-decoration:none;}
.immo .content a{color:#3C9DED; text-decoration:none;}

.verz .content a:hover{color:#C1272D; text-decoration:underline;}
.bank .content a:hover{color:#7A9C0F; text-decoration:underline;}
.immo .content a:hover{color:#3C9DED; text-decoration:underline;}



/* FOOTER */
a.lnk_webs,
.footer a
{
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica;
	text-decoration: none;
	font-style : normal;
	font-weight: normal;
}
a.lnk_webs:hover,
.footer a:hover
{
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica;
	text-decoration: underline;
	font-style : normal;
	font-weight: normal;
}




img{border:none;}



.div_error
{
	background: #f8f8f8;
	cursor:pointer;
	padding: 10px;	
	font-family: Verdana,Arial,Helvetica;
	font-weight: normal;
	color: #D9271B;
	font-style : normal;
	font-size : 11px;
	line-height: 17px;
}
.vak_contact_verplicht,
.vak_contact_verplicht_small
{
    background: #f8f8f8;
	font-family: Verdana,Arial,Helvetica;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style : normal;
	font-size : 11px;
	width:350px;
}
.vak_contact_verplicht_nosize{width:100%}
.vak_contact_verplicht_small{width:50px;}

.vak_contact,
.vak_contact_med
{
	font-family: Verdana,Arial,Helvetica;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style : normal;
	font-size : 11px;
	width:350px;
}
.vak_contact_med{width:200px;}

.vak_contact_textarea,
.vak_contact_textarea_big
{
	font-family: Verdana,Arial,Helvetica;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style : normal;
	font-size : 11px;
	width:450px;
}
.vak_contact_textarea_big{width:500px;}
.button
{
	COLOR: #000000;
	font-family: "Verdana",Arial,Helvetica;
	font-size: 11px;
	height: 17px;
}
.verz .button{border: 1px solid #C1272D; background: #da7d81;}
.bank .button{border: 1px solid #7A9C0F; background: #afc46f;}
.immo .button{border: 1px solid #3C9DED; background: #8ac4f4;}

.verz .div_error,
.verz .vak_contact_textarea,
.verz .vak_contact_textarea_big,
.verz .vak_contact,
.verz .vak_contact_med,
.verz .vak_contact_verplicht,
.verz .vak_contact_verplicht_nosize,
.verz .vak_contact_verplicht_small{border: 1px solid #C1272D;}

.bank .div_error,
.bank .vak_contact_textarea,
.bank .vak_contact_textarea-big,
.bank .vak_contact_med,
.bank .vak_contact_verplicht,
.bank .vak_contact_verplicht_nosize,
.bank .vak_contact_verplicht_small{border: 1px solid #7A9C0F;}

.immo .div_error,
.immo .vak_contact_textarea,
.immo .vak_contact_textarea_big,
.immo .vak_contact_verplicht,
.immo .vak_contact_med,
.immo .vak_contact_verplicht_nosize,
.immo .vak_contact_verplicht_small{border: 1px solid #3C9DED;}

/* LIGHTER COLOR */
.verz .vak_contact{border: 1px solid #da7d81;}
.bank .vak_contact{border: 1px solid #afc46f;}
.immo .vak_contact{border: 1px solid #8ac4f4;}