/*CSS BASIS Document*/ /* ONDERDELEN #transparantfilter { position:absolute; top:133px; left:167px; width:536px; height:40px; background-color:#fff; opacity:.80;filter:alpha(opacity=80); -moz-opacity:0.80; z-index:2 } Gebruikte kleuren in de site bijv. groen #e1e8c7 oranje #f28e00 etc. LIST .menu { height:45px; font-size:75%; background-color:#FFFFFF} .menu a { font-weight:bold; color:#000000; text-decoration:none;} .menu ul{ margin: 0 0 0 25px; padding: 0; list-style: none; } .menu li { display:inline;} .menu li a{ display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0px 0px; background-color:#ffffff} .menu li a:hover {display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0 0; border-bottom: 2px none #ed008c; background-color:#ecedee} */ html, body { height:100%} /* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */ body { font-family:arial,sans-serif; margin:0; font-size:100%; background-image:url(../img/bgmain.gif); background-position:center center; } /* sitewide weergave van links */ a {color:#d32027} a:hover {color:#d32027} a:visited {color:#d32027} /* De hoofdcontainer. Dit is het werkgebied waarbinnen de div's worden gepositioneerd */ #container {height: 750px; margin-left:auto; margin-right:auto; width:750px; position:relative; background-color:#FFFFFF; top:45px; } #container2 {height: 600px; margin-left:auto; margin-right:auto; width:750px; position:relative; background-color:#FFFFFF; top:45px; } #container-index { height: 600px; margin-left:auto; margin-right:auto; width:750px; position:relative; top:45px; background-image:url(../img/vocalsbygaby-landing.jpg); background-repeat:no-repeat; } #container-index2 { height: 600px; margin-left:auto; margin-right:auto; width:750px; position:relative; top:45px; background-image:url(../img/vocalsbygaby-landing-d.jpg); background-repeat:no-repeat; } #content2 { height:600px; width:750px; overflow:auto;} #logo { position:absolute; top:0px; left:30px; background-image:url(../img/vocalsbygaby_logo.gif); width:193px; height:55px;} #logo-text { background-image:url(../img/Gabu_Kaihatu_down_text.gif); background-repeat:no-repeat; position:absolute; top:15px; left:223px; height:35px; width:200px;} #logo3 { position:absolute; bottom:0px; left:0px; width:198px; height:152px; vertical-align:bottom; } #logo2 { position:absolute; bottom:0px; right:0px; width:198px; height:152px; vertical-align:bottom; } #logo2-text { position:absolute; bottom:0px; right:0px; width:198px; height:45px; vertical-align:bottom; } #balk-wit-links { position:absolute; left:0px; top:0px; height:600px; width:27px; background-color:#FFFFFF; z-index:1;} #balk-wit-rechts { position:absolute; left:723px; top:0px; height:600px; width:27px; background-color:#FFFFFF; z-index:1;} #menu { position:absolute; top:0px; left:723px; height:267px; width:27px; z-index:4;} #home { position:relative; top:0px; left:0px; width:27px; height:48px; } #home a:link, #home a:visited { background-image: url(../img/home_r.jpg); position:absolute; height:48px; width:27px; text-decoration:none;} #home a:hover, #home a.a:link, #home a.a:visited, #home a.a:hover { background-image: url(../img/home_z.jpg); position:absolute; height:48px; width:27px; text-decoration:none;} #bio { position:relative; top:0px; left:0px; width:27px; height:25px; } #bio a:link, #bio a:visited { background-image: url(../img/bio_r.jpg); position:absolute; height:25px; width:27px; text-decoration:none;} #bio a:hover, #bio a.a:link, #bio a.a:visited, #bio a.a:hover { background-image: url(../img/bio_z.jpg); position:absolute; height:25px; width:27px; text-decoration:none;} #audio { position:relative; top:0px; left:0px; width:27px; height:38px; } #audio a:link, #audio a:visited { background-image: url(../img/audio_r.jpg); position:absolute; height:38px; width:27px; text-decoration:none;} #audio a:hover, #audio a.a:link, #audio a.a:visited, #audio a.a:hover { background-image: url(../img/audio_z.jpg); position:absolute; height:38px; width:27px; text-decoration:none;} #vocal { position:relative; top:0px; left:0px; width:27px; height:87px; } #vocal a:link, #vocal a:visited { background-image: url(../img/vocal_coaching_r.jpg); position:absolute; height:87px; width:27px; text-decoration:none;} #vocal a:hover, #vocal a.a:link, #vocal a.a:visited, #vocal a.a:hover { background-image: url(../img/vocal_coaching_z.jpg); position:absolute; height:87px; width:27px; text-decoration:none;} #boek { position:relative; top:0px; left:0px; width:27px; height:70px; } #boek a:link, #boek a:visited { background-image: url(../img/boek_r.jpg); position:absolute; height:70px; width:27px; text-decoration:none;} #boek a:hover, #boek a.a:link, #boek a.a:visited, #boek a.a:hover { background-image: url(../img/boek_z.jpg); position:absolute; height:70px; width:27px; text-decoration:none;} #contact { position:relative; top:0px; left:0px; width:27px; height:44px; } #contact a:link, #contact a:visited { background-image: url(../img/contact_r.jpg); position:absolute; height:44px; width:27px; text-decoration:none;} #contact a:hover, #contact a.a:link, #contact a.a:visited, #contact a.a:hover { background-image: url(../img/contact_z.jpg); position:absolute; height:44px; width:27px; text-decoration:none;} #content { font-family: Verdana, Arial, Helvetica, sans-serif; position:absolute; top:245px; left:13px; width:500px; z-index:2; } #content p {color:#000000; font-size:11px; font-family:Arial; padding:0px; margin:0px; } #content input {color:#000000; font-size:11px; font-family:Arial; padding:0px; margin:0px;} #content form {color:#000000; font-size:11px; font-family:Arial; padding:0px 0px 0px 10px; margin:0px;} #content-bio { position:absolute; top:65px; left:30px; width:410px; height:518px; } #content-bio h1 {color:#d32027; font-size:11px; font-family:Arial; padding:0px; margin:0px; font-weight:bold;} #content-bio p { color:#000000; font-size:11px; font-family:Arial; padding:0px; margin:0px;} strong { color:#d32027; font-weight:bold;} #bio-foto { position:absolute; top:50px; left:440px; height:600px; width:310px; background-image:url(../img/vocalsbygaby-bio.jpg); background-repeat:no-repeat; } #vocal-foto { position:absolute; top:0px; left:440px; height:600px; width:310px; background-image:url(../img/vocalsbygaby-vocal.jpg); background-repeat:no-repeat; } .date{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 8px; font-weight: normal; color: #000000; text-decoration: none; } .italic{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: normal; color: #999999; text-decoration: none; font-style : italic; } input.button { background-color : #C0C0C0; color : #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }