/* CSS Document */

/*lay-out*/



#masthead{
position:absolute;
top: 15px;
left: 240px;
width: 500px;
height: 60px;
}
html>body #masthead{
top: 5px;
}
*:first-child+html #masthead{
top: 20px;
}

#tijdelijk {
float: right;
margin: 220px 20px 0px 10px;
width: 190px;
text-align:center;
text-decoration: none;
font:normal 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.03em;
line-height:24px;
color:red;
border-top: 1px solid red;
border-bottom:4px solid red;
padding:5px 0px 50px 0px;
}

#container{
position:absolute;
top: 95px;
left: 40px;
width: 920px;
background:#ECEAE7;
z-index:0;
}


#col1{
margin: 30px 240px 40px 200px;
}


#col2{
float: right;
margin: 220px 20px 0px 10px;
width: 190px;
}

#col2B{
float: right;
margin: 50px 20px 0px 10px;
width: 190px;
}

#subMenu{
position:absolute;
top: 40px;
left: 200px;
width: 720px;
height: 20px;
}


#footer{
height: 60px;
background:#7E7E6A;
text-align:left;
padding:10px 0px 10px 200px;
background-image:url(../afbeeldingen/noordam-footer.gif);
background-repeat:no-repeat;
background-position:580px 18px;
}

#menu{
position:absolute;
float:left;
margin-top:220px;
left: 0px;
width: 200px;
z-index:100;
}
html>body #menu {
position:fixed;
}

#menuBlock{
position:absolute;
margin-top:220px;
margin-left: 948px;
width: 30px;
height: 260px;
background:#422D12;
}
html>body #menuBlock {
position:fixed;
}


/*text-styles*/

#col1 a {
text-decoration:none;
color:#D80707;
}

#col1 a:hover {
text-decoration:underline;
}



/*col2*/

#col2 p, ul {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.03em;
line-height:18px;
color:#7E7E6A;
}

#col2B p, ul {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.05em;
line-height:18px;
color:#7E7E6A;
}

#col2B h2 {
font:bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.08em;
color:#C80606;
margin-bottom:-8px;
}

#col2 h3 {
font:normal 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.03em;
line-height:24px;
color:#7E7E6A;
border-top: 1px solid #7E7E6A;
border-bottom:4px solid #7E7E6A;
padding:5px 0px 50px 0px;
}


#col2B  ul {
list-style-type:none;
padding:0px;
margin:0px;
}

#col2B li a {
display:block;
height:20px;
padding:4px 0px 0px 5px;
background-color:#E5E3E0;
margin-bottom:4px;
text-decoration:none;
color:#7E7E6A;
border-bottom: 1px dotted #7E7E6A;
}

#col2B li a:hover {
background-color:#DFDDDA;
}

/*col1*/

#col1 p, ul {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.03em;
line-height:18px;
color:#422D12;
margin-left:1px;
}

#col1 ul {
padding:0px;
margin:0px;
list-style-type:none;
}

#col1 li {
background-image:url(../afbeeldingen/slash.gif);
background-repeat:no-repeat;
background-position:5px 3px;
padding-left:20px;
padding-bottom:2px;
}


#col1 h2 {
font:100 18px Georgia, "Times New Roman", Times, serif;
color:#D80707;
letter-spacing:0.03em;
border-top: 1px dotted #422D12;
border-bottom: 1px dotted #422D12;
padding:6px 0px 35px;
}

#col1 h3 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.04em;
color:#C80606;
margin-bottom:-0.6em;
padding-top:0.8em;
}

#col1 h4 {
font:bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
color:#422D12;
margin-bottom:-3px;
}


#col1 h6 {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.03em;
line-height:24px;
color:#422D12;
margin:5px 0px;
margin-left:1px;
}

/*menu*/
.vermogensbeheer a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/vermogensbeheer.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.vermogensbeheer a:hover {
background-position:0px -30px;
}

.button1 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button1.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button1 a:hover {
background-position:0px -30px;
}

.button2 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button2.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button2 a:hover {
background-position:0px -30px;
}

.button3 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button3.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button3 a:hover {
background-position:0px -30px;
}

.button4 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button4.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button4 a:hover {
background-position:0px -30px;
}

.button5 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button5.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button5 a:hover {
background-position:0px -30px;
}

.button6 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button6.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button6 a:hover {
background-position:0px -30px;
}

.button7 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button7.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button7 a:hover {
background-position:0px -30px;
}

.button8 a{
display:block;
height:30px;
width:200px;
background-image:url(../afbeeldingen/button8.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
}

.button8 a:hover {
background-position:0px -30px;
}

/*footer*/

#footer p {
font:14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.08em;
color:#ECEAE7;
}

/*tableCost*/

.tableCost table {
}

.tableCost td, tr {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.03em;
color:#422D12;
padding:8px 5px;
border-bottom:1px solid #422D12;
}

.tableCost th {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.07em;
color:#D80707;
padding:8px 4px;
background-color:#C7C0B8;
text-align:left;
}