/* ### */

body, div, p, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
a {
outline: none;
}
img {
border: none;
}

html {
overflow-y: scroll; 
}

/* # */

body, html {
height: 100%;
}

body {
font-size: small;
font-family: Arial, Helvetica, Verdana, sans-serif;
line-height: 1.9;
}

#container {
position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
width: 950px;
margin: 0 auto;
text-align: left;
background: url(../images/rightcolumn_repeat.gif) right top repeat-y;
}
#masthead {
background: url(../images/header_leader.gif) 0 0 no-repeat;
height: 66px;
}

#masthead h1 a {
display: block;
position: absolute;
z-index: 10;
top: 0;
right: 0;
width: 165px;
height: 123px;
}

/* CONTENT */

#content {
overflow: hidden;
padding-bottom: 93px; /* ruimte voor footer */
}

#content #mainnav {
position: relative;
left: 0;
top: 0;
* top: -3px; /* bug IE ? */
}
#content #mainnav img {
height: 40px;
width: 950px;
}

#content #mainnav ul {
list-style: none;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
#content #mainnav ul li {
float: left;
text-align: center;
line-height: 40px;
}
#content #mainnav ul li.frion {
width: 96px;
}
#content #mainnav ul li.wonen {
width: 96px;
}
#content #mainnav ul li.werken {
width: 96px;
}
#content #mainnav ul li.othuis {
width: 113px;
}
#content #mainnav ul li.scholing {
width: 96px;
}
#content #mainnav ul li.vtijd {
width: 96px;
}
#content #mainnav ul li.mzeggenschap {
width: 96px;
}
#content #mainnav ul li.contact {
width: 96px;
}

#content #mainnav ul li a {
display: block;
width: 100%; /* voor IE */
font-size: 11px;
color: #999;
text-decoration: none;
}

#content #mainnav ul li a:hover,
#content #mainnav ul li a:focus,
#content #mainnav ul li a.active {
color: #fab900;
}

#content #navbalk {
border-bottom: 1px solid #2e93bf;
margin-bottom: 15px;
line-height: 40px;
position: relative;
width: 785px;
}

#content #navbalk h2 {
color: #f39816;
width: auto;
display: inline;
margin-left: 20px;
}

#content #navbalk ul {
list-style: none;
position: absolute;
right: 20px;
top: 0;
margin: 0;
}
#content #navbalk ul li {
float: left;
color: #007bb1;
margin-left: 10px;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
}

#content #navbalk ul li a {
color: #007bb1;
text-decoration: none;
font-weight: bold;
}
#content #navbalk ul li a:hover,
#content #navbalk ul li a:focus,
#content #navbalk ul li a.active {
color: #f39816;
}

#content a:link,
#content h3
{
color: #f39816;
}

#content h5,
#content div {
color: #007bb1;
}

#content a:hover,
#content a:focus {
color: #007bb1;
}

#content #Text {
margin-left: 170px;
margin-right: 195px;
* height: 1%;
}


#content h3,
#content p,
#content ul,
#content ol,
#content address {

}

#content h3 {
font-size: 120%;
}


#content ol.nieuws li {
font-size: 100%;
margin-bottom: 10px; 
}

#content ol.nieuws li a {
font-size: 100%;
}

#content h4 {
font-size: 110%;
margin-top: 30px;
}

#content p.top a:link,
#content p.top a:visited {
color: #f39816;
}

#content p,
#content ul,
#content ol,
#content td,
#content address {
font-size: 90%;
color: #007bb1;
margin-bottom: 1em;
}
#content ul,
#content ol {
list-style-position: inside;
}

.left {
float: left;
margin-right: 10px;
}

#content table.locations {
margin-left: -6px;
margin-bottom: 1em;
}
#content table.locations td,
#content table.locations th {
text-align: left;
vertical-align: top;
font-size: 90%;
line-height: 1.3;
padding: 3px;
}
#content table.locations th {
font-weight: bold;
font-size: 95%;
background: #f5f5f5;
color: #007bb1;
}

#content table td {
vertical-align: top;
text-align: left;
}


#content ul.leftmenu {
float: left;
width: 150px;
list-style: none;
margin: 0;
}


#content ul.leftmenu li {
font-size: 90%;
line-height: 2.5;
padding-left: 0;
}

#content ul.leftmenu li a {
color: #007bb1;
text-decoration: none;
}
#content ul.leftmenu a:hover,
#content ul.leftmenu a:focus,
#content ul.leftmenu a.active {
color: #f39816;
}
#content #sidebar {
width: 165px;
float: right;
* padding-bottom: 93px;
margin-top: -50px;
position: relative;
}

#content #sidebar p {
margin: 0;
padding: 10px;
color: #fff;
font-size: 75%;
font-weight: bold;
}
#content #sidebar h4 {
font-size: 120%;
line-height: 50px;
color: #fff;
padding-left: 10px;
}
#content #sidebar .kop {
font-size: 110%;
font-weight: bold;
}
#content #sidebar a {
color: #fff;
}
#content #sidebar a:hover,
#content #sidebar a:focus {
color: #FAB900;
}

#content #Text ul.textsize {
position: absolute;
top: 280px;
right: 170px;
}
#content #Text ul.textsize li {
list-style: none;
float: left;
margin-right: 5px;
}
#content #Text ul.textsize li a {
text-indent: -9999px;
display: block;
width: 15px;
height: 15px;
}
#content #Text ul.textsize li a.large {
background: url(../images/large.gif) 0 0 no-repeat;
}
#content #Text ul.textsize li a.small {
background: url(../images/small.gif) 0 0 no-repeat;
}

/* hkz label */
img.hkz {
position: absolute;
bottom: 15px;
left: 170px;
z-index: 9999;
}




#footer {
background: url(../images/rightcolumn_footer.gif) right bottom no-repeat;
height: 93px;
position: absolute;
bottom: 0;
* bottom: -1px;
right: 0;
clear: both;
z-index: 100;
width: auto;
}
#footer h6 {
padding-left: 550px;
padding-top: 60px;
color: #007bb1;
font-size: x-small;
}
#footer h6 a {
color: #f39816;
}