/* CSS Document */
*{
	margin:0;
	padding:0;
}

body{
	background:#FFF;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

a{text-decoration:none; color:#f8981c;}
a:hover{text-decoration:underline;}

a.none{ text-decoration:none; color:#000000;}
	
p{
	margin:5px 0;
}

h1{}
h2{font-size:12px; color:#f8981c; margin:0 0 10px 0;}
h3{font-size:11px; margin:10px 0 0 0;}
h4{}
h5{}
h6{}

img{behavior: url("include/pngbehavior.htc"); border:none;}
img.left{ float:left; margin:0 10px 10px 0;}
img.right{ float:right; margin:0 0 10px 10px;}

ul{}
li{}

br.break{
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clear{ clear:both;}

div.hide{display:none;}
div.show{display:block;}

/*Forms*/
fieldset{
	margin: 10px 0 10px 0;
	padding:5px 0 5px 0;
	border:none;
}

legend{
	font-weight: bold;
	color:#000;
	font-size:11px;
	margin:0 0 0 -7px;
	padding:0;
}

label{
	float:left;
	width:175px;
	padding: 0;
	margin:0;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
}

label.radio{
	width:25px;
	line-height: 25px;
}

select{
	margin: 5px;
	border: 1px solid #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:200px;
}

input{
	float: left;
	margin: 5px;
	border: 1px solid #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:200px;
}

input.submit{
	border: 1px solid #000;
	background:#f8981c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:375px;
	height:20px;
}

input.radio{
	margin: 5px;
	border: none;
	width:15px;
}

textarea{
	width: 200px;
	height: 75px;
	margin:5px 0 10px 5px;
	border: 1px solid #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.validation-failed {
  border: 1px solid #f00;
}
.validation-passed {
  border: 1px solid #000;
}
.validation-advice{
  padding: 2px; 
  color:#f00;
	clear:both;
	margin:0 0 0 175px;	
}
.warning {
	border: 1px solid #c66;
	
}
.warning-advice {
	margin: 4px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*
**PAGE LAYOUT
*/

#container{
	margin:0 auto;
	width:804px; 
}

#top-wrap, #header-wrap, #menu-wrap, #content-wrap, #footer-wrap{ width:804px;}

#top, #header, #menu, #content, #sidebar-left, #footer{
	left:20px;
	width:768px;
	position:relative;
}

#print-wrap{
	display:none;
}


/*
**TOP
*/

#top-menu{color:#bababa; position:absolute; right:0px; *top:20px;  padding:10px 10px 0 0;}
	#top-menu a{color:#bababa; text-decoration:none;}
	#top-menu a:hover{text-decoration:underline;}
	#top-menu li{
		list-style:none;
		display:inline;
	}

/*
**HEADER
*/
#header-wrap{
	margin:20px 0 0 0;
	height:211px;
	background:url(../img/bg-top.jpg) left bottom no-repeat;
}
	
#header{
	top:31px;
}	

#header-bg{
	background:url(../img/header-img.jpg) no-repeat;
	width:768px;
	height:177px;
	float:left;
}

h1#logo{padding:10px 0 0 10px;}

#login{
	float:left;
	width:202px;
	height:177px;
	background-color:#f8981c;
}

#login h2{
	font-size:14px;
	color:#000;
	background: url(../img/bg-kop.jpg) repeat-x left bottom #FFFFFF;
	height:30px;
	line-height:30px;
	text-indent:10px;
}

#klantLogin{
	margin:10px 0 0 10px;
}

#klantLogin input{
	width:100px;
	padding:3px;
	border:#d68615 1px solid;
	font-size:11px;
}

#klantLogin fieldset{
	border:none;
}

input#submit{
	padding:0;
	height:21px !important;
	height:20px;
	text-indent:0px;
	width:40px;
}


/*
**MENU
*/

#menu-wrap{
	background:url(../img/bg-middle.jpg) left top repeat-y;
}

#menu{
	background: url(../img/bg-menu.jpg) repeat-x left bottom #FFFFFF;
	height:25px;
	z-index: 25;
}

#menu-main{}

#menu-main li{
	float:left;
	list-style:none;
	font-size:15px;
	margin:2px 0 0 0;
}

.menu-btn{
	color:#f8981c;
	margin:0 16px;
	position:relative;
}
	.menu-btn:hover{
		text-decoration:none;
		border-bottom:#f8981c 2px solid;
		position:relative;
	}
	
body#home #menu-main #m1 .menu-btn,
body#fidelity #menu-main #m2 .menu-btn,
body#particulieren #menu-main #m3 .menu-btn,
body#zakelijk #menu-main #m4 .menu-btn,
body#hypotheken #menu-main #m5 .menu-btn,
body#links_downloads #menu-main #m6 .menu-btn,
body#contact #menu-main #m7 .menu-btn{
	border-bottom:#f8981c 2px solid;
	/*font-weight:bold;*/
	text-decoration:none;
}

#submenu1,#submenu2,#submenu3,#submenu4,#submenu5,#submenu6,#submenu7,#submenu8{
	background: #faf8f9;	
	border:#e6e6e6 1px solid;
	border-top:none;
	position: absolute;
	display:none;
	top:24px;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

.submenu{
	clear:both;
}

.submenu-btn{
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	border:none;
	padding:1px 17px;
	_width:150px;
}
	.submenu-btn:hover{
		color:#f8981c;
		text-decoration:none;
		border:none;
	}

#submenu1{
	left:-1px;
}

#submenu2{
	left:75px;
	_width:120px;
}

#submenu3{
	left:159px;
	_width:120px;
}

#submenu4{
	left:280px;
	_width:140px;
}

#submenu5{
	left:368px;
	_width:140px;
}

#submenu6{
	left:490px;
}

#submenu7{
	left:662px;
	_width:100px;
}

/*
**SIDEBAR LEFT
*/

#sidebar-left{
	float:left;
	width:170px;
	border-right:#f8981c 1px solid;
}

#sidebar-left ul{
	position:relative;
	left:10px; 
}
#sidebar-left ul li{
	clear:both;
	padding:2px 0;
	list-style:none;
}

.l-submenu{
	position:relative;
	margin:0 0 0 -10px;
	list-style:none;
}

.l-submenu a{
	color:#000;
}

.l-submenu a:hover, .l-submenu-active{
	color:#f8981c;
}

#sidebar-left .banner{
	padding:3px 0 0 0;
}

/*
**CONTENT
*/
		
#content-wrap{
	background:url(../img/bg-middle.jpg) left top repeat-y;
	padding:10px;
	z-index: 10;
	display:inline-block;
}

.content-bg{
	background:url(../img/bg-middle.jpg) left top repeat-y;
}


#content{
	width:540px;
	min-height:350px;
	_height:350px;
	margin:0 0 0 190px;
	position:relative;
}

#content ul{margin:0 0 0 10px !important; margin:0 0 0 15px; *text-indent:7px; _text-indent:0px;}
#content li{list-style:url(../img/liststyle-score.jpg);  }

.cta_home{ border:#f8981c 1px solid; padding: 5px 10px; margin: 5px 0; background: #F5F5F5;}


/*
**FOOTER
*/

	
#footer-wrap{
	height:51px;
	background:url(../img/bg-bottom.jpg) left top no-repeat;
	padding:7px 0 0 0;
	text-align:center;
}