/* CSS voor www.theekoepeltjedruten.nl */ /* RESET AND GLOBAL TAGS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; } ul { list-style: none; } a, a:hover, a:link, a:visited, a:active, input, input:focus, a:focus, button:focus { outline:none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } html {height: 100%;} body {font-size: 76%; color: #575656; background: #355f9e; line-height: 1; font-family: Arial, Helvetica, sans-serif; height: 100%; } a:link { text-decoration: underline;} a:hover { text-decoration:underline;} strong { font-weight: bold; } em {font-style: italic;} .hide, .hide div {display: none; visibility: hidden; width: 0px; height: 0px;} .show {display: block;} .nobr {white-space:nowrap;} .text-only {display: none; text-indent: -9999px;} /* LAYOUT */ body {background:#fff url(../images/bg-body.jpg) left top repeat; font-size: 76%; font-family:"Trebuchet MS", Arial, Verdana, Helvetica; color:#fff;} #container { width: 960px;text-align: left; font-size: 1em; overflow: hidden; padding-bottom:960px;} #left {width:640px; height:480px; float: left; position: relative; overflow: hidden;} #right {width:320px; height:480px; float: left; position: relative; overflow: hidden;} #voorie6 {width: 320px; height: 160px; position: relative;} /* GENERAL */ h1,h2 {text-indent: -9999px;} p {margin-bottom: 0.9em; line-height: 1.5em;} p a {text-decoration: underline; color:#fff;} p a:hover {text-decoration: underline; color:#fff;} img, #container div {float: left;} /* CONTENT */ #welkom {width: 320px; height: 480px; background:#ea679a url(../images/welkom.gif) left bottom no-repeat; position: relative;} #welkom p {text-align: right; position: absolute; bottom: 15px; right:0; width: 70%; margin-bottom: 0; margin-right: 20px;} #mooi {width:160px; height:160px; background-color:#fbcaca;} #intro {width:320px; height:160px; background:#dd4d94; overflow-y:auto;} #intro p { width:275px; margin:15px 0px 0 20px; padding-bottom: 15px;} #roos {width:160px; height:160px; background-color:#dd4d94;} #logo {width: 320px; height: 320px; background:#34cfe1 url(../images/theetuinlogo.gif) left top no-repeat;} #appeltaart {width:160px; height:160px; background:#aaa453; overflow-y:auto;} #appeltaart p { width:115px; margin:15px 0px 0 20px; padding-bottom: 15px;} #lekkers {width:320px; height:160px; background:#d82a89; } #genieten {width:320px; height:320px; background:#f8a5e5;} #left-left {width:480px; height: 320px; } #left p#act-open {display:block; text-align: right; position: absolute; top: 12px; right:340px; width: 70%; margin-bottom: 0; margin-right: 0px; z-index: 100000; } #wendydowling {width:160px; height:320px; background:#d87feb; } #thee {width:160px; height:320px; background:#d87feb url(../images/thee.jpg) left top no-repeat; position: relative;} #thee p {text-align: right; position: absolute; bottom: 15px; right:0; width: 70%; margin-bottom: 0; margin-right: 20px;} #wendyvoorkoepeltje {width:320px; height:160px; background:#5a9cd6; } #totziens {width: 320px; height: 160px; background:#5a9cd6 url(../images/totziens.gif) left top no-repeat; position: relative;} #totziens p {text-align: right; position: absolute; bottom: 15px; right:0; width: 70%; margin-bottom: 0; margin-right: 20px;} #routebeschrijving {width:160px; height:160px; background:#d82a89 url(../images/route.gif) left top no-repeat; position: relative;} #routebeschrijving p {text-align: right; position: absolute; bottom: 15px; right:0; width: 70%; margin-bottom: 0; margin-right: 20px;} #hartjes {width:160px; height:160px; background-color:#d82a89; display: block; position: absolute; left: 160px; top: 0; } #container div#map {width:320px; height: 320px; position: relative; overflow: hidden;} #map iframe {display: none;} #map a {display: block; text-decoration: none; width:320px; height: 320px;} #map a img {display: block; width:320px; height: 320px;} #gedicht {width:280px; height:440px; background: #e48f3d; overflow-y: scroll; padding:40px 20px 0px 20px; position: relative;} #gedicht p {text-align: center; margin-bottom: 0.9em; font-size: 0.92em;} #gedicht a#sluit {position: absolute; top:10px; right: 10px; text-indent: -9999px; width: 16px; height: 16px; background:url(../images/sluit2.gif) left top no-repeat;} #activiteiten {width:560px; height:440px; background: #5a9cd6; overflow-y: scroll; padding:40px 40px 0px 40px; position: relative; } #activiteiten div {overflow: hidden; padding-bottom: 15px; } #activiteiten p {text-align: left; margin-bottom: 0.9em; font-size: 0.92em;} #activiteiten a#activiteiten-sluit {position: absolute; top:10px; right: 10px; text-indent: -9999px; width: 16px; height: 16px; background:url(../images/sluit2.gif) left top no-repeat;} #activiteiten p {text-align: left; margin-top: 0.9em; font-size: 1em;} #activiteiten div p {margin-left: 14px;} #activiteiten ul {text-align: left; margin-left: 14px;} #activiteiten li {text-align: left; margin-bottom: 0.2em; font-size: 1em; line-height: 1.3em; } #activiteiten h2 {text-align: left; margin-bottom: 0.9em; font-size: 1.4em; font-weight: bold; color:#ffffff; text-indent: 0;} #activiteiten h3 {text-align: left; margin-bottom: 0.7em; margin-top: 1.5em; font-size: 1.2em;font-weight: bold;} #activiteiten li a {text-decoration: underline; color:#fff;} #activiteiten li a:hover {text-decoration: underline; color:#fff;} #activiteiten img {float: left; margin:4px 14px 6px 0; border: 1px solid #fff;} #footer {width:960px; height:160px;} #footer p#copy {float: left; margin: 15px; margin-left: 175px; display: inline; font-size: 0.92em;} #footer p#made {float: right; margin: 15px; margin-right: 15px; text-align: right; display: inline; font-size: 0.92em;} #footer p#made a {}