body {
background: #fff url('/HYP/i/background.png') fixed center;
font-family: Tahoma;
font-size: 0.7em;
color: #000;
}

* {
padding: 0;
margin: 0;
}

a {
color: #0000ff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0;
}

#container {
width: 955px;
margin: 0 auto;
background: #fff url('/HYP/i/cont-bg.gif') repeat-y;
padding: 0 1px;
}

.clear {
clear: both;
}




#header, #header a {
width: 955px;
height: 241px;
text-indent: -300px;
overflow: hidden;
display: block;
background: url('/HYP/i/header.gif') no-repeat;
}

#nav {
height: 30px;
line-height: 30px;
background: #093042 url('/HYP/i/nav.jpg') no-repeat;

padding: 0 0 0 25px;
margin: 0 0 2px 0;
overflow: hidden;
list-style: none;
}

#nav li {
float: left;
}

#nav li a {
height: 30px;
color: #fff;
font-weight: bold;
font-size: 1.35em;
font-family: Trebuchet MS;
display: block;
padding: 0 15px;
text-transform: uppercase;
float: left;
}

#nav li a:hover {
background: url('/HYP/i/nav3.gif') repeat-x top;
text-decoration: none;
color:#000;
}

.t1 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t1 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t1 ul li {
background: url('/HYP/i/hypotheek-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t1 ul li:hover {
background: url('/HYP/i/hypotheek-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t1 ul li a {
text-decoration: none;
}

.t1 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t1 p {
padding-left:5px;
}

.t1 .links li a {
display: block;
}

.t2 ul li {
background: url('/HYP/i/krediet-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t2 ul li:hover {
background: url('/HYP/i/krediet-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t2 ul li a {
text-decoration: none;
}

.t2 ul li a :hover{
color: #fff;
text-decoration: none;
}



.t3 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t3 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t3 ul li {
background: url('/HYP/i/schade-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t3 ul li:hover {
background: url('/HYP/i/schade-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t3 ul li a {
text-decoration: none;
}

.t3 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t3 p {
padding-left:5px;
}

.t3 .links li a {
display: block;
}

.t4 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t4 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t4 ul li {
background: url('/HYP/i/aov-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t4 ul li:hover {
background: url('/HYP/i/aov-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t4 ul li a {
text-decoration: none;
}

.t4 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t4 p {
padding-left:5px;
}

.t4 .links li a {
display: block;
}

.t5 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t5 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t5 ul li {
background: url('/HYP/i/lijfrente-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t5 ul li:hover {
background: url('/HYP/i/lijfrente-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t5 ul li a {
text-decoration: none;
}

.t5 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t5 p {
padding-left:5px;
}

.t5 .links li a {
display: block;
}

.t6 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t6 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t6 ul li {
background: url('/HYP/i/senb-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t6 ul li:hover {
background: url('/HYP/i/senb-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t6 ul li a {
text-decoration: none;
}

.t6 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t6 p {
padding-left:5px;
}

.t6 .links li a {
display: block;
}

.t7 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t7 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t7 ul li {
background: url('/HYP/i/orv-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t7 ul li:hover {
background: url('/HYP/i/orv-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t7 ul li a {
text-decoration: none;
}

.t7 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t7 p {
padding-left:5px;
}

.t7 .links li a {
display: block;
}

.t8 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t8 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t8 ul li {
background: url('/HYP/i/aankoopb-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t8 ul li:hover {
background: url('/HYP/i/aankoopb-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t8 ul li a {
text-decoration: none;
}

.t8 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t8 p {
padding-left:5px;
}

.t8 .links li a {
display: block;
}

.t9 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t9 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t9 ul li {
background: url('/HYP/i/verbouwen-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t9 ul li:hover {
background: url('/HYP/i/verbouwen-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t9 ul li a {
text-decoration: none;
}

.t9 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t9 p {
padding-left:5px;
}

.t9 .links li a {
display: block;
}

.t10 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t10 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t10 ul li {
background: url('/HYP/i/klachtp-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t10 ul li:hover {
background: url('/HYP/i/klachtp-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t10 ul li a {
text-decoration: none;
}

.t10 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t10 p {
padding-left:5px;
}

.t10 .links li a {
display: block;
}

.t11 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t11 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t11 ul li {
background: url('/HYP/i/beloning-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t11 ul li:hover {
background: url('/HYP/i/beloning-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t11 ul li a {
text-decoration: none;
}

.t11 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t11 p {
padding-left:5px;
}

.t11 .links li a {
display: block;
}

.t12 h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.t12 ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.t12 ul li {
background: url('/HYP/i/privacy-n.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}

.t12 ul li:hover {
background: url('/HYP/i/privacy-h.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
}

.t12 ul li a {
text-decoration: none;
}

.t12 ul li a :hover{
color: #fff;
text-decoration: none;
}

.t12 p {
padding-left:5px;
}

.t12 .links li a {
display: block;
}

#content {
width: 710px;
padding: 0 0 0 0px;
float: left;
}

#content h2 {
background: url('/HYP/i/box-top.png') ;
width: 710px;
}

#subheader {
height: 129px;
text-indent: -999px;
overflow: hidden;
background: url('/HYP/i/subheader.jpg') no-repeat;
}

#content h3 {
background: url('/HYP/i/box-h3.png') repeat-y;
height: 20px;
line-height: 20px;
padding-left:17px;
font-size: 1em;
font-weight: bold;
text-indent: 10px;
}

#content h4 {
background: url('/HYP/i/box-h4.png') repeat-y;
height: 30px;
line-height: 30px;
padding: 0 0 0 35px;
overflow: hidden;
list-style: none;
color: white;
}

#content h4  li {
float: left;
list-style: none;
height: 30px;
}

#content h4  li a {
height: 30px;
color: #fff;
font-weight: bold;
font-size: 0.85em;
font-family: Trebuchet MS;
display: block;
padding: 0 10px;
text-transform: uppercase;
float: left;
list-style: none;
}

#content h4 li a:hover {
background: url('/HYP/i/nav2.gif') repeat-x top;
text-decoration: none;
color:#000;
}

#content p {
padding: 5px 25px;
text-align:justify;
}

.content {



text-align:justify;
background: url('/HYP/i/box-mid.png') repeat-y;
}

#content ul {
padding: 5px 20px;
}

.meta {
background: url('/HYP/i/box-bottom.png') repeat-x bottom;
color:#fff;
border-top: 0;
height: 25px;
line-height: 25px;
font-size: 0.9em;
text-align: right;
padding: 0 7px;
margin: 0 0 14px 0;
}

.meta a {
color: #fff;
}

.meta-side {
background: url('/HYP/i/sidebar-bottom.png') repeat-y bottom;
height: 13px;
line-height: 13px;
font-size: 0.9em;
text-align: right;
padding: 0 5px;

margin-bottom:14px;
}

.meta-side a {
color: #000;
}


#sidebarl {
float: left;
padding: 0 0 0 3px;
}

#sidebarr {
clear:right;
float: right;
padding: 0 0px 0 0;
}

h2 {
height: 25px;
line-height: 27px;
color: #fff;
font-size: 1.2em;
text-indent: 25px;
text-transform: uppercase;
}

#container .s, #content {
}

.s h2 {
width: 230px;
background: url('/HYP/i/sidebar-head.png') no-repeat;

}

.s ul {
list-style: none;


width: 228px;
margin: 0 0 0 0;
}

.s ul li {
background: url('/HYP/i/sidebar-mid.png');
height: 20px;
line-height: 20px;
overflow: hidden;
padding: 0 0px;
color: #000;
}



.s ul li a {
color: #000;
}

.s p {
padding-left:5px;
}

.s .links li a {
display: block;
}

.box {
border: 1px solid #cccccc;
border-width: 0 1px 1px 1px;
width: 228px;
}

.box2 {
border: 1px solid #fff;
padding: 0 5px;
background: #efefef url('/HYP/i/box.gif') repeat-x;
}

.box p {
margin: 5px 0;
}





#footer {
height: 55px;
line-height: 30px;
background: url('/HYP/i/nav.jpg') repeat-y top;
padding: 0 10px 6px 0;
clear: both;
color: #fff;
text-align: right;
}

#footer a {
color: #fff;
padding: 0 1px;
}