html { 
height: 1500px;
}

body {
height: 1500px;
background-color: #FFFFFF;
margin: 0 0 0 0;
}

#container {
width: 747px;
height: 100%;
position: relative;
top: 0px;
left: 50%;
margin-left: -373px;
z-index: 1;
}

#googlemap {
width: 450px;
height: 475px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -225px;
margin-left: -225px;
z-index: 5;
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
}

#transbackground {
position:absolute;
width: 100%;
height: 150%;
top: 0px;
left: 0px;
background-color: #000000;
filter: alpha(opacity=70);
z-index: 2;
}

#logo {
position: absolute;
top: 0px;
left: 0px;
width: 285px;
height: 110px;
z-index: 1;
}

#menuspan {
position: absolute;
top: 0px;
left: 285px;
width: 462px;
height: 345px;
z-index: 5;
}

#menulayer1 {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 345px;
z-index: 5; !important
cursor: pointer;
}

#button1 {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 90px;
z-index: 5;
cursor: pointer;
}

#subbutton1 {
position: absolute;
top: 110px;
left: 0px;
width: 150px;
height: 235px;
z-index: 5
cursor: pointer;
/* background-color: #8f9490;*/

}

#menulayer2 {
position: absolute;
top: 0px;
left: 156px;
width: 140px;
height: 100px;
z-index: 5; !important
cursor: pointer;
background-color: #8f9490;
}

#button2 {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 90px;
z-index: 5;
cursor: pointer;
}

#subbutton2 {
position: absolute;
top: 110px;
left: 0px;
width: 150px;
height: 235px;
z-index: 5;
cursor: pointer;
/* background-color: #8f9490;*/
}

#menulayer3 {
position: absolute;
top: 0px;
left: 312px;
width: 140px;
height: 100px;
z-index: 5; !important
cursor: pointer;
background-color: #8f9490;
}

#button3 {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 90px;
z-index: 5;
cursor: pointer;
}

#subbutton3 {
position: absolute;
top: 110px;
left: 0px;
width: 150px;
height: 235px;
z-index: 5;
cursor: pointer;
/* background-color: #8f9490;*/
}

#leftheader {
position: absolute;
top: 110px;
left: 0px;
width: 284px; /* -1 voor rand */
height: 235px;
background-color: #8b9c70;
z-index: 1;
}

#address {
position: absolute;
top: 25px;
left: 25px;
width: 225px;
height: 110px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
}

#slogan {
position: absolute;
bottom: 25px;
right: 30px;
width: 157px;
height: 50px;
z-index: 2;
}

#photo {
position: absolute;
top: 110px;
left: 285px;
width: 462px;
height: 235px;
background-color: #333333;
z-index: 1 !important;
background-image: url(../images/harmonietilburg.loader.gif);
background-repeat: no-repeat;
}

#graybar {
position: absolute;
top: 345px;
left: 0px;
width: 747px;
height: 30px;
background-color: #6d726b;
z-index: 1;
}

#subtitle {
position: absolute;
left: 30px;
top: 8px;
z-index:1;
font-family: Arial;
font-size: 9pt;
color: #FFFFFF;
}

#bottomfield {
position:absolute;
top: 375px;
left: 0px;
width: 747px;
height: auto !important;
min-height: 1500px;
z-index: 1;
}

#bottomcontainer {
position: relative;
background-color: #d1d7d3;
padding-bottom: 85px;
height: auto !important;
min-height: 1500px;
}

#leftcontent {
position: absolute;
top: 30px;
left: 30px;
width: 225px;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #5E615A;
}

#rightcontent {
position: relative;
top: 30px;
left: 315px;
width: 402px;
height: 100% !important;
padding-bottom: 350px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #5E615A;
}

#submenu {
position: absolute;
top: 8px;
left: 315px;
width: 400px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #dde3db;
text-align: left;
}

#breakline {
position: absolute;
top: 47px;
left: 284px;
width: 1px;
height: 90%;
background-color: #dbe1dd;
}

#footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 747px;
height: 65px;
background-color: #2d2d2d;
z-index: 2;
}

#footercontent {
position: absolute;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -5px;
width: 500px;
height: 25px;
z-index: 3;
font-family: Arial;
text-align: center;
font-size: 8pt;
color: #666666; 
}

#calculate {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #6c7755;
font-weight: bold;
}

#help {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #6c7755;
}

#photo_previous {
 position: absolute;
 bottom: 10px;
 left: 10px;
 width: 20px;
 height: 20px;
 border: 1px solid #CCCCCC;
}

#photo_next {
 position: absolute;
 bottom: 10px;
 right: 10px;
 width: 20px;
 height: 20px;
 border: 1px solid #CCCCCC;
}

span.phone {
color: #FFFFFF; /*e0e6da*/
}

span.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #5A6347;
font-weight: bold;
}

a.ontwerplijn {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #666666;
text-decoration: none;
}

a.ontwerplijn:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #8cb1c2;
text-decoration: none;
}

a.email {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
text-decoration: none;
}

a.email:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
text-decoration: underline;
}

a.standard {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #50534D;
text-decoration: none;
}

a.standard:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #50534D;
text-decoration: underline;
}

a.submenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #BDC8B9;
text-decoration: none;
}

a.submenu:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #BDC8B9;
text-decoration: underline;
}

a.submenu_active {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
}

a.submenu_active:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
text-decoration: underline;
}

div.smallmenubutton {
position: static;
border-bottom: 1px solid #CCCCCC;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
color: #FFFFFF;
background-color: #8f9490;
/*background-image:url(../images/harmonietilburg.bg.menu.png);
background-repeat: repeat;
*/
}

div.smallmenubutton_hover {
position: static;
border-bottom: 1px solid #CCCCCC;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
color: #FFFFFF;
background-color: #A0A5A2;
/*background-image:url(../images/harmonietilburg.bg.menu_hover.png);
background-repeat: repeat;
*/
}

td.smallmenubutton {
position: static;
border-bottom: 1px solid #CCCCCC;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
color: #FFFFFF;
background-color: #8f9490;
/*background-image:url(../images/harmonietilburg.bg.menu.png);
background-repeat: repeat;
*/
}

td.smallmenubutton_hover {
position: static;
border-bottom: 1px solid #CCCCCC;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8.5pt;
color: #FFFFFF;
background-color: #A0A5A2;
/*background-image:url(../images/harmonietilburg.bg.menu_hover.png);
background-repeat: repeat;
*/
}

div.button {
background-color: #FFFFFF;
border-bottom: 8px solid #8f9490;
padding-top: 10px;
padding-left: 10px;
font-family: Arial;
font-size: 12pt;
color: #8f9490;
height: 90px !important;
}

div.button_active {
background-color: #8f9490;
border-bottom: 2px solid #FFFFFF;
padding-top: 10px;
padding-left: 10px;
font-family: Arial;
font-size: 12pt;
color: #FFFFFF;
height: 98px !important;
}

div.button_hover {
background-color: #8f9490;
border-bottom: 2px solid #FFFFFF;
padding-top: 10px;
padding-left: 10px;
font-family: Arial;
font-size: 12pt;
color: #FFFFFF;
height: 98px !important;
}

.show {
visibility: visible;
display: block;
}

.hide {
visibility: hidden;
display: none;
}

input, select, textarea {
background-color: #E4E9E6;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #6f726b;
border: none;
}

input.submit {
background-color: #6f726b;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #E4E9E6;
border: none;
cursor: pointer;
}

#transbackground {
position:absolute;
width: 100%;
height: 150%;
top: 0px;
left: 0px;
background-color: #000000;
filter: alpha(opacity=70);
z-index:24;
}

#photoframe {
position: absolute;
top: 50px;
left: 50%;
width:600px;
padding: 10px;
background-color: #2C2C2C;
border: 1px solid #333333;
margin-left: -320px;
z-index: 25;
}