html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
div#container {
position: relative;
margin: 0 auto 0 auto;
width: 856px;
height: inherit;
min-height: 100%;
height: auto;
border: 1px #ccc solid;
font-family: "Verdana";
color: #111;
font-size: 11px;
line-height: 16px;
background: url(../img/graafika/border.png) 228px 50px no-repeat;
}
.content {
margin: 75px 25px 50px 250px;
}
div#submenu {
position: absolute;
left: 0;
top: 100;
width: 228px;
height: 100%;
background: url(../img/graafika/subm_bg.jpg) no-repeat bottom;
}
#submenu ul {
list-style-position:inside;
position: absolute;
margin: 175px auto;
}
#submenu li, a:link, a:visited {
list-style-image:url(../img/graafika/li_img.png);
font-family:"Arial";
font-size:14px;
color: #5588b4;
text-decoration:none;
line-height: 22px;
}
div#footer {
position: absolute;
bottom: 0;
right: 0;
width: 627px;
height: 22px;
background: url(../img/graafika/f_bg.png);
}
#footer span {
position: relative;
left: 75px;
margin: 0;
}
/*//////*/
/* MENU */
/*//////*/
div#header {
position: relative;;
top: 0;
left: 0;
height: 85px;
background:url(../img/graafika/h_bg.png) repeat-x;
}
/*
a.firmast:link, a.firmast:visited {
position: absolute;
bottom: 0;
right: 361px;
background: url(../img/graafika/firmast.png) repeat;
height: 28px;
width: 61px;
}
*/
a.firmast:link, a.firmast:visited {
position: absolute;;
top: 57px;
right: 361px;
background: url(firmast.png);
height: 28px;
width: 61px;
}
a.firmast:hover, a.firmast:focus {
background-position: 0 -28px;
}
a.tehnoloogia:link, a.tehnoloogia:visited {
position: absolute;
bottom: 0;
right: 248px;
background: url(tehnoloogia.png) no-repeat;
height: 28px;
width: 103px;
}
a.tehnoloogia:hover, a.tehnoloogia:focus {
background-position: 0 -28px;
}
a.tehtud:link, a.tehtud:visited {
position: absolute;
bottom: 0;
right: 134px;
background: url(tehtud.png) no-repeat;
height: 28px;
width: 104px;
}
a.tehtud:hover, a.tehtud:focus {
background-position: 0 -28px;
}
a.kontakt:link, a.kontakt:visited {
position: absolute;
bottom: 0;
right: 10px;
background: url(kontakt.png) no-repeat;
height: 28px;
width: 104px;
}
a.kontakt:hover, a.kontakt:focus {
background-position: 0 -28px;
}
.logo {
position: absolute;
top: 30%;
left: 30px;
border: none;
}
.vs {
position: absolute;
width: 25px;
height: 100%;
top: 0px;
left: 50%;
background: url(../img/graafika/v.png) no-repeat;
margin-left: -454px;
}
.ps {
position: absolute;
width: 25px;
height: 100%;
top: 0px;
right: 50%;
background: url(../img/graafika/p.png) no-repeat;
margin-right: -453px;
}
.hidden {
visibility: hidden;
}
/*//////*/
/* TEXT */
/*//////*/
h1, h2 {
width: 450px;
height: 22px;
padding-bottom: 5px;
color: #dd9b2b;
font-family: "Trebuchet MS";
font-size: 18px;
font-weight: 200;
}
h2 {
border-bottom: 1px solid #dd9b2b;
padding-left: 10px;
margin-top: 50px;
width: 250px;
font-size: 16px;
}
li {
list-style-image:url(../img/graafika/bullet.png);
margin-bottom: 10px;
}
#id {
border:1px solid #ccc;
padding: 10px 10px 20px 10px;
position: absolute;
right: 50px;
top: 160px;
}
.img {
position: relative;
float: right;
clear: right;
margin: 5px 0 5px 10px;
border: 1px solid #ccc;
padding: 5px;
}
#kristall {
margin: 60px 0 0 0px;
border:none;
}
#lang {
position: relative;
left: -10px;
border: none;
float: right;
margin: 5px;
}