
/* STRUKTUUR JA ÜLDINE NÄGU */

body
{
background:#375180 url('img/taust.jpg') top center no-repeat;
margin:0px;
padding:0px;
}

#container
{
margin:0px;
padding:0px;
width:980px;
margin-left:-490px;
left:50%;
position:relative;
}

img
{
margin:0px;
padding:0px;
border:0px;
}

abbr
{
margin:0px;
padding:0 1px;
border-bottom: 1px dashed #000;
cursor:help;
}

/* AVALEHE SISU STIILID */

#sisuteemad
{
float:left;
margin:0px;
padding:0px;
width:980px;
height:550px;
}

#kontakt
{
float:left;
margin:0px;
padding:0px;
width:980px;
top:550px;
}

#kontakt_sisu
{
float:left;
margin:0px;
padding:40px 0 0 0;
width:980px;
}

/* KONTAKTIDE STIILID */

#kontakt .logo,
#kontakt_sisu .logo
{
float:left;
margin:0px;
padding:0px;
width:980px;
text-align:center;
}

#kontakt .kontaktid,
#kontakt_sisu .kontaktid
{
float:left;
margin:0px;
padding:0px;
width:980px;
}

#kontakt .kontaktid p,
#kontakt_sisu .kontaktid p
{
margin:0px;
padding:20px 0 30px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
text-align:center;
color:#fff;
}

#kontakt .kontaktid a:link,
#kontakt .kontaktid a:visited,
#kontakt_sisu .kontaktid a:link,
#kontakt_sisu .kontaktid a:visited
{
color:#5eafd4;
text-decoration:none;
}

#kontakt .kontaktid a:hover,
#kontakt .kontaktid a:active,
#kontakt_sisu .kontaktid a:hover,
#kontakt_sisu .kontaktid a:active
{
color:#fff;
text-decoration:underline;
}

/* SISULEHE STIILID */

#header
{
float:left;
margin:0px;
padding:0px;
width:980px;
height:110px;
}

#header .logo
{
float:left;
margin:0px;
padding:0px;
width:490px;
height:110px;
}

#sisuosa .pilt
{
float:left;
margin:0px;
padding:0px;
width:250px;
}

#sisuosa .sisu
{
float:left;
margin:0px;
padding:0px;
width:690px;
}

/* TEKSTIOSA STIILID */

#sisuosa .tekstiosa
{
float:left;
margin:0px;
padding:0 0 30px 0;
width:690px;
}

#sisuosa .tekstiosa h1,
#sisuosa .tooted h1,
#sisuosa .tootekirjeldus h1
{
margin:0px;
padding:0 0 20px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#0091d3;
}

#sisuosa .tekstiosa p,
#sisuosa .tooted p,
#sisuosa .tootekirjeldus p
{
margin:0px;
padding:0 50px 20px 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:20px;
}

/* TOOTELEHE STIILID */

#sisuosa .tooted
{
float:left;
margin:0px;
padding:0px;
width:190px;
}

#sisuosa .tooted ul,
#sisuosa .tootekirjeldus ul
{
margin:0px;
padding:0 0 15px 15px;
list-style:none;
}

#sisuosa .tooted li,
#sisuosa .tootekirjeldus li
{
margin:0px;
padding:0 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
background:url('img/mumm.gif') no-repeat;
background-position:0 8px;
}

#sisuosa .tootekirjeldus
{
float:left;
margin:0px;
padding:0 0 30px 20px;
width:460px;
}

#sisuosa a:link,
#sisuosa a:visited
{
color:#000;
text-decoration:none;
}

#sisuosa a:hover,
#sisuosa a:active
{
color:#0091d3;
font-weight:bold;
text-decoration:underline;
}

#sisuosa .toode_active
{
color:#0091d3;
font-weight:bold;
}

/* PEAMENÜÜ STIILID */

#sisuosa .menu
{
float:left;
margin:0px;
padding:0px;
width:680px;
height:120px;
}

#sisuosa .menu ul
{
margin:0px;
padding:40px 0 0 0;
list-style:none;
}

#sisuosa .menu li
{
float:left;
margin:0px;
padding:0 15px 0 0;
}

#sisuosa .menu2
{
float:left;
margin:0px;
padding:40px 0 0 0;
width:680px;
height:80px;
}

#sisuosa .menu2 a:link,
#sisuosa .menu2 a:visited
{
float:left;
margin:0 10px 0 0;
padding:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background:#fff;
color:#006699;
}

#sisuosa .menu2 a:hover,
#sisuosa .menu2 a:active
{
color:#fff;
background:#0091d3;
}

#sisuosa .menu2_active
{
float:left;
margin:0 10px 0 0;
padding:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
color:#fff;
background:#0091d3;
}

/* KEELEVALIKUTE STIILID */

#header .keelevalik
{
float:left;
margin:0px;
padding:0px;
width:490px;
height:110px;
}

#header .keelevalik ul
{
float:right;
margin:0px;
padding:50px 40px 0 0;
list-style:none;
}

#header .keelevalik li
{
float:left;
margin:0px;
padding:0 0 0 20px;
}

#header .keelevalik a:hover
{
filter:alpha('opacity=50');
opacity:0.5;
}

#kontakt .keelevalikud
{
float:left;
margin:0px;
padding:0 0 5px 0;
width:980px;
height:50px;
text-align:center;
}

#kontakt .keelevalikud a:hover
{
filter:alpha('opacity=50');
opacity:0.5;
}

#kontakt .keelevalikud a
{
margin:0 5px 0 5px;
padding:0px;
}


/* VORMIDE STIILID */

input.submit
{
	border:1px solid #323232;
	padding: 2px 2px 2px 2px;
	font-size:11px;
	font-weight:bold;
	background:#fff;
	cursor:pointer;
	height: 22px;
}
input.text, textarea
{
	padding:2px 2px 2px 2px;
	font-family:Verdana,tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	color: #323232;
}

/* TOODETE STIILID */

.toode
{
float:left;
margin:0px;
padding:0 0 20px 20px;
width:400px;
line-height:20px;
}

.toode h3
{
float:left;
margin:0px;
padding:5px 0 10px 0;
width:140px;
}

.toode h4
{
float:left;
margin:0px;
padding:0px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:left;
line-height:20px;
font-weight:normal;
}

#lehekyljed
{
float:left;
margin:0px;
padding:10px;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#lehekyljed a:link,
#lehekyljed a:visited
{
margin:0 5px 0 5px;
padding:5px;
background:#890a25;
color:#fff;
text-decoration:none;
}

#lehekyljed a:hover,
#lehekyljed a:active
{
margin:0 5px 0 5px;
padding:5px;
background:#000;
color:#fff;
text-decoration:none;
}

.kast
{
float:left;
margin:0px;
padding:10px 0 10px 12px;
width:241px;
background:#890a25;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
font-weight:normal;
}

.doit
{
padding: 1px 0 10px 0;
float: left;
text-align: right;
width: 900px;
height: 20px;
font-family: verdana;
font-size: 10px;
font-weight: normal;
}

.doit a:link,
.doit a:visited
{
font-family:verdana; Arial, Helvetica, sans-serif;
font-size:10px;
color:#6a8cce;
text-decoration:none;
font-weight: normal;
}

.doit a:hover,
.doit a:active
{
color:#b7c2d5;
font-weight: normal;
}

