/*<![CDATA[*/
html
	{
	height:100%;		
	}
	
body 
	{
	margin:0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#414040;
	color:#000000;
	background-color:#ecf6fc;
	height:100%;
	}
	
html>body #container 
	{
    height:auto;
	}

a	
	{
	color:#006BAE;
	color:#003986;
	text-decoration:underline;
	
	}

a:hover
	{
	text-decoration:underline;
	color:#006BAE;
	color:#EE7F00;
	cursor:pointer;
	}
img 
	{
	border:0;
	text-decoration:none;
	}

img a
	{
	border:0;
	text-decoration:none;
	}

#klickpic
	{
	cursor:pointer;
	}

form
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#414040;
	color:#000000;
	margin-bottom:0px;
	margin-top:0px;
	}

.invoer
	{
	font-size:11px;
	color: #666666;
	}
	
.blauw
	{
	background-color:#006BAE;
	background-color:#003986;
	color:#FFFFFF;
	outline:none;
	border:none;
	cursor:pointer;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width:94%;
	width:auto;
	}
b
{
	font-size: 1.1em;
	color: #EE7F00;
	color:#000000;
	margin: 0;
	margin-bottom: 1.2em;
	padding: 0;
}	
	

h1{
	color: #073B89;
	padding:0px;
	padding-left:10px;
	margin:0;
}

h2{
	color: #073B89;
	padding:0px;
	padding-left:10px;
	margin:0;
}

h3{
	color: #073B89;
	padding:0px;
	padding-left:10px;
	margin:0;
}

h4{
	color: #073B89;
	padding:0px;
	padding-left:10px;
	margin:0;
}

h1, h4
{
	font-size: 1.1em;
	color: #EE7F00;
	margin: 0;
	padding: 0;
	padding-left:10px;
}

h2, h3
{
	font-size: 1.0em;
	margin: 0;
	margin-bottom: 1.2em;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

p
	{
	padding:0;
	}

.tabeltitel
	{
	background-color:#FE6A05;
	color:#FFFFFF;
	}

.tabelpadding td
	{
	padding:5px;
	}
	
.errording
	{
	color:#990000;
	}
	
.ruimte
	{
	height:10px;
	width:100%;
	background-color:#FFFFFF;
	}
	
#nieuwsbox ul
	{
	list-style:none;
	}
ul
	{
	margin:10px;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	}
	
#container
	{
	width:950px;
	text-align:left;
	left: 50%;
	margin-left: -475px;
	position: absolute;	
	min-height:100%;
	height:100%;
	voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	background-color:#FFFFFF;
	}

#banner1
	{
	height:66px;
	width:100%;
	}
	
#banner1 div
	{
	float:left;
	}	

#logo
	{
	background-image:url(./images/hypotheek_online.gif);
	width:540px;
	height:66px;
	}

#logorechts
	{
	height:56px;
	width:400px;
	vertical-align:bottom;
	text-align:right;
	padding-top:0px;
	padding-right:10px;
	}
	
#logorechts2
	{
	display:none;
	}	

#banner2
	{
	background-image:url(./sfeer_image.jpg);
	background-repeat:no-repeat;
	width:960px;
	height:99px;
	margin:0;
	margin-left:15px;
	padding:0;
	float:left;
	}
	
table
	{
	text-align:left;
	}

td 
	{
	font-size:11px;
	padding:5px;
	}
/*
#navhor1
	{
	background-color:#FFFFFF;
	width:100%;
	
	}

#navhor1 .blok
	{
	margin:0;
	padding:0;
	}

#navhor1 p
	{
	margin:0;
	padding:0;
	}

#navhor1 a
	{
	text-decoration:none;
	}
	
#navhor1 img
	{
	border:0;
	}	
*/

#navhor1
{
background-color: #01A3E1;
background-color:#003986;
width:928px;
margin-left:15px;
float:left;
margin-bottom:2px;

z-index:10000;
 position:relative;
} 
/*
.menu_homepage
	{
	width:187px;
	height:53px;
	background-image:url(./uploads/afbeeldingen/home_off.gif)
	}
	
.menu_homepage:hover
	{
	width:187px;
	height:53px;
	background-image:url(./uploads/afbeeldingen/home_on.gif)
	}
*/
#navhor1ul
{
margin:0;
padding:0;
list-style:none;
width:100%;
float:left;

}

#navhor1ul li
{
float:left;
position: relative;

}

#navhor1ul li a
{
display:block;
padding:10px;
padding-left:10px;
padding-right:75px;
text-decoration:none;
color:#FFFFFF;
z-index:10000;
width:100px;

}

#navhor1ul li a:hover
{
background-color:#0175A1;
background-color:#003986;
color: #C2E1F3;
color:#EE7F00;
padding-left:10px;
padding-right:75px;

z-index:10000;

}

#navhor1ul li ul 
{
display: none;
position: absolute; 
top: 1em;
left: 0;
z-index:10000;
}

#navhor1ul li > ul 
{
top: auto;
left: auto;
z-index:10000;
}

#navhor1ul li:hover ul 
{ 
display: block; 
background-color: #01A3E1;
background-color:#003986;
list-style:none;
padding:0;
margin:0;
width:100%;
color:#EE7F00;
z-index:10000;
}

#navhor1ul li:hover ul li
{ 
display: block; 
width:100%;

z-index:10000;
}


#navver1
	{
	width:182px;
	width:200px;
	margin-left:15px;
	margin-right:8px;
	margin-bottom:30px;
	float:left;
	}
	
#videoblok .paginatitel
	{
	display:none;
	}	

#videoblok img
	{
	border:0;
	}
	
#midden
	{
	width:500px;
	padding-bottom:90px;
	background-color: #F7F7F7;
	background-color:#FFFFFF;
	float:left;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	}

#content
	{
	padding:10px;
	padding:0;
	}

#content .paginatitel
	{
	font-size:1.3em;
	font-weight:bold;
	color: #073B89;
	}
#brochures a	
{
text-decoration:none;
}

#brochures .paginatitel
	{
	display:none;
	}

#brochures img
	{
	border:none;
	}
	
.groter
	{
	width:475px;
	background-color:#CC66CC;
	}
	
#navver2
	{
	width:182px;
	width:200px;
	margin-left:25px;
	margin-bottom:10px;
	float:left;
	list-style:none;
	}

#navver2 ul
	{
	margin:0;
	padding:0;
	padding-left:20px;
	}		

#actie .paginatitel
	{
	display:none;
	}
	
#clearer 
	{
	line-height: 0;
	height: 0;
	clear: both;
	}
	
.footer 
	{
    text-align:left;
	position:relative;	
	float:left;
	padding:10px;
	color:#FFFFFF;
	background-color:#FFCC00;
	background-color:#006699;
	background:none;
	width:915px;
	bottom:0;
	right:0;

	}
	

#footertekst
	{
	margin:0;
	padding:0;
	float:left;
	padding-right:10px;
	}		

#footertekst a
{
color: #CCCCCC;
}
	
#washable
	{
	color: #CCCCCC;
	float:right;
	}
	
#washable a
	{
	text-decoration:none;
	color: #CCCCCC;
	cursor:pointer;
	}
	
#washable a:hover
	{
	text-decoration:underline;
	}	



	
/* powered by http://mierendo.com/software/rounded_css_boxes/ */
.hoek_tl, .hoek_t, .hoek_tr, .hoek_l, .hoek_r, .hoek_bl, .hoek_b, .hoek_br, .hoek {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.hoek_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".hoek" and change the padding
    */
    background-color: #ffffff;
    background-image: url("./images/hoek_border.png");
    background-repeat: repeat-x;
    background-position: top;
	width:190px;
}

.hoek_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".hoek" and change the padding
    */
    background-color: #ffffff;
    background-image: url("./images/hoek_border.png");
    background-repeat: repeat-x;
    background-position: top;
	width:190px;
}

.hoek_t2 {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".hoek" and change the padding
    */
    background-color: #ffffff;
    background-image: url("./images/hoek_border.png");
    background-repeat: repeat-x;
    background-position: top;
	width:508px;
	padding-bottom:10px;
}

.hoek_tl {
    height: 100%;
    background-image: url("./images/hoek_topleft.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.hoek_tr {
    height: 100%;
    background-image: url("./images/hoek_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.hoek_bl {
    height: 100%;
    background-image: url("./images/hoek_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.hoek_br {
    height: 100%;
    background-image: url("./images/hoek_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.hoek {
    height: 100%;
    /* change this if you want to change the distance distance to text/content */
	
	padding: 10px 12px 10px 12px;
	padding: 10px 5px 10px 5px;
}

.hoek p
	{
	padding:0;
	margin:0;
	}

.hoek_l {
    height: 100%;
    background-image: url("./images/hoek_border.png");
    background-repeat: repeat-y;
    background-position: left;
}
.hoek_r {
    height: 100%;
    background-image: url("./images/hoek_border.png");
    background-repeat: repeat-y;
    background-position: right;
}
.hoek_b {
    height: 100%;
    background-image: url("./images/hoek_border.png");
    background-repeat: repeat-x;
    background-position: bottom;
}
/*]]>*/