/*

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.gif) no-repeat center top fixed;
}

body
{
		font-size: 13px;
		font-family: Tahoma;
		margin-top: 60px;
		margin-left: 0px;
		margin-bottom: 20px;
		margin-right: 0px;
		text-align: center;
		color: #666666;
}
a{

color: #717171;

text-decoration: none;

}

a:hover{

color: #333;

text-decoration: none;

} 


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

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

img {
	border: 0px;
}







/* --------------------------DIV------------------------------ */
#joon {
	background-color:#545454;
	width:100%;
	height: 20px;
	z-index:1;
	float:left;
	margin-top: 400px;
	position:absolute;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

#joon_valge {
	background-color:#FFF;
	width:700px;
	height:20px;
}

#container {
	width: 660px;
	border: 10px solid #EEEEEE;
	background-color:#FFF;
position: relative;
padding: 0px;
margin-top: 60px;
margin: auto;
z-index: 10;
}

#logo {
	width:660px;
	background-image:url(img/logo_back.jpg);
	padding: 0px;
	height: 44px;
	margin: 0px;
}

#menu {
	width: 660px;
	height: 29px;
	padding: 0px;
	background-image:url(img/menu_back.jpg);
}
#menu A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 5px; MARGIN-TOP: 0px; COLOR: #717171; PADDING-TOP: 5px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold;
}
#menu A:hover {
		PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 5px; MARGIN-TOP: 0px; color:#333; PADDING-TOP: 8px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold;
}
#menu A:active {
		PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 5px; MARGIN-TOP: 0px; COLOR: #717171; PADDING-TOP: 5px; TEXT-DECORATION: none; vertical-align:middle; height:100%;
}

#slaid {
	width:660px;
	padding: 0px;
}
#vari {
	width: 660px;
	height: 29px;
	padding: 0px;
	background-image:url(img/menu_back.jpg);
	
}

.esi_img {
	padding:0px;
	margin-right: 5px;
	margin-left: 5px;
	border: 2px #EEE solid;
}

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


#tooted_div A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#FFF; margin-bottom:4px;
}
#tooted_div A:hover {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#EEE; margin-bottom:4px;
}
#tooted_div A:active {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#EEE; margin-bottom:4px;
}

#tooted_div {
border:0px; 
z-index:120; 
position: absolute; 
height:20px; 
width:660px; 
background-image: url(img/hall.png);	
}

#slideshowee {
    position:relative;
    height:267px;
}

#slideshowee IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshowee IMG.active {
    z-index:10;
    opacity:1.0;
}

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

/* --------------------- alumine slide --------------------------- */


.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #39c; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
		/*------------------köök------------------*/
		
		#tooted_div_ala A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:10px; font-weight:bold; color:#FFF; margin-bottom:4px;
}
#tooted_div_ala A:hover {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#EEE; margin-bottom:4px;
}
#tooted_div_ala A:active {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:10px; font-weight:bold; color:#EEE; margin-bottom:4px;
}

#tooted_div_ala {
border:0px;
margin-top: 21px;
height:20px; 
width:660px; 
background-image: url(img/hall.png);	
}

/*------------------kamp------------------*/
		
		
#kamp_div A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#FFF; margin-bottom:4px;
}
#kamp_div A:hover {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#EEE; margin-bottom:4px;
}
#kamp_div A:active {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#EEE; margin-bottom:4px;
}

#kamp_div {
border:0px; 
z-index:120; 
position: absolute; 
height:20px; 
width:660px; 
background-image: url(img/hall.png);	
}

.kamp_div A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#FFF; margin-bottom:4px;
}
.kamp_div A:hover {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#EEE; margin-bottom:4px;
}
.kamp_div A:active {
PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; MARGIN-TOP: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; vertical-align:middle; height:100%; font-size:11px; font-weight:bold; color:#EEE; margin-bottom:4px;
}

.kamp_div {
border:0px; 
z-index:120; 
position: absolute; 
height:20px; 
width:660px; 
background-image: url(img/hall.png);	
}