@charset "utf-8"; /* CSS Document */ body{ font-family: Tahoma, Verdana, Arial; font-size: 12px; font-weight: normal; background-color:#c8c8c8; } /* Peruslinkit */ a:link{ color: #ff9900; text-decoration: none; } a:visited{ color: #b65824; text-decoration: none; } a:active{ color: red; text-decoration: underline; } a:hover{ color: #ff9900; text-decoration: underline; } /* LAYOUT DIVIT: page, header-vrerhead-links-menu-opiece-headim, content-gbar-mainarea, footer */ #page{ position: absolute; width: 930px; left:50%; margin-left: -465px; } /* VRER-otsikko, menu-linkit, oranssipalkki, otsikkokuva - tällä "kasassa" */ #header{ height:365px; width:930px; background-color:white; } /* VRER-otsikko */ #vrerhead{ position:absolute; float:left; height:105px; background-image:url(vrerhead2.gif); /* VRER-kuvana */ background-repeat:no-repeat; } /* VRER-otsikko div, jossa Virtuaaliravien Edistämisryhmä -otsikkoteksti */ #vrerhead div{ margin-left:105px; margin-top:75px; float:left; font-family:Garamond; font-size:16px; font-weight:bold; color:#404040; } /* menu-linkkien sijainti ja varattu tila */ #links{ float:right; margin-right:5px; margin-top:72px; max-width:550px; /* linkit korkeintaan 550px oikeasta reunasta */ font-family:Tahoma, Verdana, Arial; font-size:14px; letter-spacing:1px; } /* menu-linkit */ #menu { padding:0; margin:0; height:50px; list-style-type:none; } #menu li { float:left; height:50px; position:relative; text-align:center; padding:5px 5px 5px 5px; } #menu li a, #menu li a:visited { text-decoration:none; color:#ff9900; padding:0px 5px 0px 5px; } #menu li a:hover { border:0; /* needed to trigger IE */ color:#FFFFFF; cursor:pointer; display:block; height:50px; padding:0px 5px 0px 5px; background-color:#FFCC33; text-align:center; } /* oranssipalkki */ #opiece{ position:absolute; margin-top:105px; margin-right:700px; float:left; height:260px; width:230px; background-image:url(opiece.gif); } #opiece a, #opiece a:visited { text-decoration:none; color:#000000; } #opiece a:hover { cursor:pointer; text-decoration:none; color:#ffffff; } /* Oranssin kappaleen teksti
tagissa */ #opiece p{ margin:15px 10px; font-family:Tahoma, Verdana, Arial; font-size:11px; color:white; } /* kuvapalkki */ #headim{ position:absolute; margin-top:105px; margin-left:230px; float:right; height:260px; width:700px; /* jos kuva ei vaihdu joka sivulla -> background-image:url(headim.gif); ja pois itse divistä */ } /* harmaanpalkin ja tekstiosion kasaus */ #content{ position:absolute; width:930px; background-color:#e1e1e1; /* harmaanpalkin tekstitön osuus */ } /* harmaanpalkkin tekstialue */ #gbar{ float:left; width:230px; height:inherit; background-color:#e1e1e1; } /* harmaanpalkin tekstimäärittelyt */ #gbar p{ font-family:Tahoma, Verdana, Arial; font-size:11px; color:#666666; margin:15px 10px; } /* harmaanpalkin otsikkomäärittelyt */ #gbar h1{ font-family:Garamond; font-size:15px; color:#ff9900; margin-left:10px; margin-bottom:-10px; } /* "varsinainen" sisältöalue */ #mainarea{ margin-left:230px; width:700px; background-color:white; padding-bottom:10px; padding-top:10px; } /* väliotsikon määrittelyt */ #mainarea h1{ font-family:Garamond; font-size:21px; color:#ff9900; margin-left:15px; } /* väliotsikon määrittelyt */ #mainarea h2{ font-family:Garamond; font-size:16px; color:#ff9900; margin-left:15px; } /* tekstin määrittelyt (p-tagissa) */ #mainarea p{ font-family:Tahoma, Verdana, Arial; font-size:12px; color:#404040; margin:10px 15px; } /* tekijänoikeus yms. merkinnät */ #footer{ position:absolute; clear:both; width:930px; padding-bottom:10px; padding-top:5px; text-align:center; font-family:Tahoma, Verdana, Arial; font-size:11px; color:#666666; }