/*

Designed and Coded By: Kaspar Koppelmaa
Date: 09/01/2009


PRIMARY COLORS:

dark-grey(lines in the back): #545454;
dark - grey: 717171;
grey: CCCCCC;
light-grey: EEEEEE;



*/

html
{
		background:url(img/back.jpg);
}

body
{
		font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.8px;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 20px;
		margin-right: 0px;
		text-align: center;
		color: #303030;
}
a{
text-decoration: none;

}

a:hover{
text-decoration: none;
} 

img {
	border: 0px;
}

.katekoogiapea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.6px;
	font-weight:bold;
	font-size: 18px;
	color: #303030;
	margin: 0 0 0 0;
	padding-left: 0px;
	padding-top: 24px;
	padding-bottom: 4px;
}

/* -------------------------FONT------------------------------- */

.tekst {
	width:660px;
}
.tekst p {
	text-align:left;
	padding:20px;
	padding-top:0px;
}

#tabel_video_nimi a a:hover a:active{
color:#333;
text-transform: uppercase;
font-weight:bold;
font-size:14px;
letter-spacing: 3px;
padding-left:0px;
}

.tabel_video_tutv a a:hover a:active{
color:#444;
text-transform: uppercase;
font-weight:bold;
font-size:12px;
letter-spacing: 1px;
padding-left:0px;
}


a {
	color:#052A01;
font-size:12px;
font-weight:bold;
padding-left:0px;
}
a:hover {
color:#052A01;
font-size:12px;
font-weight:bold;
padding-left:0px;
}
a:active {
	color:#222;
font-size:12px;
font-weight:bold;
padding-left:0px;
}

.video_text {
color:#333;
font-size:12px;
min-height: 600px; 
	vertical-align:top;
}

/* --------------------------DIV------------------------------ */

#top_back {
	background-image:url(img/top_back.jpg);
	min-width: 100%;
	height: 304px;
	z-index:1;
	
}

#content {
	width:950px;
	position:absolute;
	left:50%;
	margin-top: -244px;
	margin-left: -475px;
	margin-right: auto;
	z-index:2;
}
#content_back_top {
	background-image:url(img/cont_back_top.png);
	width:950px;
	height:45px;
}

#content_back {
	background-image:url(img/cont_back.png);
	width:950px;
}

#content_back_bot {
	background-image:url(img/cont_back_bot.png);
	width:950px;
	height:45px;
}

#text {
	width: 860px;
	background-color:#FFF;
	border: 0px;

}

#text_left {
	width: 604px;
	height:200px;
}


/*----------------------------- MENU ----------------------------- */

.navlist
{
margin-left: 70px;
padding-left: 0;
list-style: none;
color:#444;
text-transform: uppercase;
font-weight:bold;
font-size:12px;
letter-spacing: 1px;
}

.navlist a
{
margin-left: 0px;
padding-left: 0;
list-style: none;
color:#444;
text-transform: uppercase;
font-weight:bold;
font-size:12px;
letter-spacing: 1px;
}

.navlist a:hover
{
margin-left: 0px;
padding-left: 0;
list-style: none;
color:#444;
text-transform: uppercase;
font-weight:bold;
font-size:12px;
letter-spacing: 1px;
}

.navlist li
{
	padding-top: 3px;
padding-left: 16px;
background-image: url(img/bullet.gif);
background-repeat: no-repeat;
background-position:  0px 5px;
}


.leftmenu a:hover {
	color:#333;
text-transform: uppercase;
font-weight:bold;
font-size:14px;
letter-spacing: 3px;
padding-left:0px;
}
.leftmenu a {
	color:#333;
text-transform: uppercase;
font-weight:bold;
font-size:14px;
letter-spacing: 3px;
padding-left:0px;
}

.leftmenu {
	color:#333;
text-transform: uppercase;
font-weight:bold;
font-size:14px;
letter-spacing: 3px;
padding-left:60px;
}

.subnavlist
{
margin-left: 90px;
padding-left: 0;
list-style: none;
color:#555;
text-transform: uppercase;
font-weight:bold;
font-size:11px;
letter-spacing: 1px;
}

.subnavlist a
{
margin-left: 0px;
padding-left: 0;
list-style: none;
color:#555;
text-transform: uppercase;
font-weight:bold;
font-size:11px;
letter-spacing: 1px;
}

.subnavlist a:hover
{
margin-left: 0px;
padding-left: 0;
list-style: none;
color:#555;
text-transform: uppercase;
font-weight:bold;
font-size:11px;
letter-spacing: 1px;
}

.subnavlist li
{
	padding-top: 3px;
padding-left: 16px;
background-image: url(img/bullet_v.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}


/*----------------------------------------- VARI ------------------------------------------- */

div.vari {
border:#999999 solid 1px;
}

div.vari img {
border:#FFFFFF solid 5px;
}

div.variv {
border:#999999 solid 1px;
}

div.vari2 {
border-bottom:#C0C0C0 solid 1px;
border-right:#C0C0C0 solid 1px;
}

div.vari3 {
width:163px;
border-bottom:#E7E7E7 solid 1px;
border-right:#E7E7E7 solid 1px;
}



/*------------------------------------- SLAID ------------------------------------------ */

#slideshow {
    position:relative;
    height:200px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}