/* design by www.ontwerpstudiokoemans.nl ------------------------------------------------------------------*/ /* BASIS LAYOUT ------------------------------------------------------------------*/ body {text-align:center; margin: 0px; padding: 0px;font-family:"Lucida Grande", Arial, Verdana, "Lucida Sans"; font-size: 76%; background-color: #ffffff; background-image:url(bgrnd.png); background-repeat:repeat-y; background-position:center;} #container{width: 980px; margin:auto; background-color:#ffffff;} #left{ width: 305px; float:left; background-image:url(../img/menu-bgrnd.png); background-repeat:no-repeat; padding-top: 385px;} #left-menu{ background-image:url(../img/menu-bgrnd-onder.png); background-repeat:no-repeat; background-position:bottom; padding-top:10px; padding-bottom: 10px;} #right{ width: 675px; float:right; background-color: #ffffff; margin-bottom: 40px; background-image:url(../img/content-bgrnd.png); background-repeat:no-repeat; background-position: 0px 218px; font-size: 1.0em; line-height: 1.8em; min-height:500px; height:auto !important; height:500px; color: #004877; text-align:left;} /* EINDE BASIS LAYOUT ------------------------------------------------------------------*/ /* BASIS STYLE ------------------------------------------------------------------*/ a {text-decoration: underline; font-weight: normal; color: #004877; text-decoration:none; outline: none} a:hover {text-decoration: underline;} h1 {color: #004877; font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em;} h2 {color: #333333; font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em;} h3 {color: #333333; font-size: 1.4em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em;} h4 {color: #004877; font-size: 1.4em; font-weight: normal; margin-top: 0em; margin-bottom: 0.2em;} h5 {color: #666; font-size: 1.2em; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em;} h6 {color: #666; font-size: 1.0em; font-weight: bold; margin-top: 0em; margin-bottom: 0.2em;} img {border: 3px solid #fff; } ol, ul, li {font-size: 1.0em; color: 666; line-height: 1.8em; margin-top: 0.2em; margin-bottom: 0.1em; } p {font-size: 1.0em; line-height: 1.8em; margin: 1.2em 0em 1.2em 0em;} li > p {margin-top: 0.2em;} pre {font-family: monospace; font-size: 1.0em;} strong, b {font-weight: bold;} /* EINDE BASIS STYLE ------------------------------------------------------------------*/ /* TOPMENU ------------------------------------------------------------------*/ #top-menu{height: 218px; background-image:url(../img/header-bgrnd.png); background-position: top center; } #top-menu-wrap {position: relative; margin: 0px auto; width: 675px; padding: 0px; } #nav {position: absolute;top: 110px;left: 0px; list-style: none;margin: 0;padding: 0; height: 70px;display: inline;overflow: hidden; width: 675px;} #nav li {margin: 0;padding: 0; display: inline; list-style-type: none; background-color:#3399CC;} #nav a {float: left; padding: 70px 0 0 0; overflow: hidden; height: 0px; height /**/:70px; /* for IE5/Win */background: url(../img/header-bgrnd.png) top left no-repeat;} #wie a {width: 246px; background-position: 0px -110px;} #wie a:hover {background-position: 0px -329px;} #aan a {width: 100px; background-position: -246px -110px;} #aan a:hover {background-position: -246px -329px;} #reg a {width: 100px; background-position: -346px -110px;} #reg a:hover {background-position: -346px -329px;} #ver a {width: 100px; background-position: -446px -110px;} #ver a:hover {background-position: -446px -329px;} #verActive a {width: 100px; background-position: -446px -329px;} #mij a {width: 129px; background-position: -547px -110px;} #mij a:hover {background-position: -547px -329px;} /* EINDE TOPMENU ------------------------------------------------------------------*/ /* SUBNAV ------------------------------------------------------------------*/ #subnav {float: right; line-height:normal; padding-right: 20px;} #subnav ul { margin:0; padding:10px 10px 0 50px; list-style:none;} #subnav li { display:inline; margin:0; padding:0;} #subnav a {float:left; background:url(../img/submenu-left.png) no-repeat left top; margin:0; padding:0 0 0 18px; text-decoration:none; font-weight:bold;} #subnav a span {float:left; display:block; background:url(../img/submenu-right.png) no-repeat right top; padding:5px 28px 4px 6px; color:#666;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #subnav a span {float:none;} /* End IE5-Mac hack */ #subnav a:hover span {color:#FF9834;} #subnav a:hover {background-position:0% -50px;} #subnav a:hover span {background-position:100% -50px;} #active a {float:left; background:url(../img/submenu-left.png) no-repeat left top; margin:0; padding:0 0 0 18px; text-decoration:none; background-position:0% -100px;} #active a span {float:left; display:block; background:url(../img/submenu-right.png) no-repeat right top; padding:5px 28px 4px 6px; color: #004877; background-position:100% -100px;} /* EINDE SUBNAV ------------------------------------------------------------------*/ /* SUBNAV ------------------------------------------------------------------*/ .meer-info{ clear:both; border: solid 10px #f9f9f9; border-top: solid 0px #fff; min-height:154px; height:auto !important; height:154px;} .meer-info img, .lijst img{ float:right;} .meer-info h3, .lijst h3 {color: #004877; font-weight:normal; font-size: 1.2em; border-bottom: solid 1px #5aafd6; padding-bottom: 5px; padding-top: 15px; display: block; width: 300px;} .meer-info h3 span, .lijst h3 span {color: #f29025; font-weight:bold; font-style:italic;} .info-huis{ padding-left: 20px; padding-right: 250px; border-bottom: solid 5px #f9f9f9;} .italic-meer-info{border-top: solid 1px #5aafd6; padding-top: 5px; padding-bottom: 15px; color: #5aafd6; font-weight:bold; font-style:italic; display:block; width: 300px;} .info-huis-foto{padding: 20px; border-bottom: solid 5px #f9f9f9;} .info-huis-foto img { float:left; border: solid 0px #fff; border-left: solid 5px #fff; border-bottom: solid 10px #fff; } .info-huis-extra{padding: 20px;} .extra-kaart-link{ clear:both; padding-top: 5px; color: #5aafd6; font-weight:bold; font-style:italic; display:block; float:right; width: 154px; text-align:left;} .lijst{ border: solid 10px #f9f9f9; min-height:154px; height:auto !important; height:154px; clear:both; padding-left: 20px;} .meer-info-link{border-top: solid 1px #5aafd6; padding-top: 5px; padding-bottom: 5px; color: #5aafd6; font-weight:bold; font-style:italic; display:block; width: 300px; clear:both;} /* EINDE SUBNAV ------------------------------------------------------------------*/ #pageNav{width: 600px; float: right; margin-left: 50px;} #pageNav a{display: inline-block; background-color:#ffffff; padding: 4px; width: auto; line-height: 20px; height: 20px; font-weight: bold;} #pageNav a:hover{background-color:#dddddd;} #tel{ float: left; color: #5aafd6; width: 250px; text-align:right; font-weight:bold; font-style:italic:; padding-top:0px;} #tel a{color: #5aafd6; font-weight:bold;} #extra{ background-image: url(../img/extra_top.jpg); background-repeat: no-repeat; width: 290px; margin: auto; background-position: right top; margin-top: 20px;} #extra blockquote{ background-image: url(../img/extra_bottom.jpg); background-position: right bottom; padding-bottom: 30px; padding-top: 30px; background-repeat: no-repeat; width: 290px; margin: 0px; display: block; color: #FFFFFF;} #extra label{padding-left: 40px; width: 230px; display: block; overflow: hidden;} #extra p{ padding: 0px; margin: 0px;} #search{width: 178px; padding-left: 64px; text-align: left; color: #666666; float:left;} #search a{display: block; line-height: 20px; color: #5aafd6; font-weight: bold;} /* FOOTER ------------------------------------------------------------------*/ #footer{width: 980px; background-image:url(../img/footer-bgrnd.png); background-repeat: repeat-x; clear:both; height: 135px; font-weight:bold;} #footer-list{float: right; color: #004877; width: 675px; text-align:left; line-height: 28px;} #footer-list li a{color: #004877; font-weight:bold; margin-left: 15px;} #footer li{ display:inline;} #footer ul{margin: 0px; padding: 0px;} #footer-list p {margin: 0px;padding:0px; width: 136px; height: 32px; background: url(../img/logo.gif) -3px left no-repeat; display:block; float:left;} #footer-list p span {display: none;} /* EINDE FOOTER ------------------------------------------------------------------*/ /* FORMS */ .select{width: 178px; font-size: 11px; margin-bottom: 10px; margin-left: 10px} .button{width: 78px; font-size: 11px; margin-bottom: 10px; margin-left: 110px} #slideshow{ width: 196px; height: 154px; position: absolute; margin-left: 434px; margin-top: 13px; border: none; padding: 0px; clear: both; text-align: right; }