html { height: 100%; }

form { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #191919;
	background: #ffffff url(../images/everslide_bgGrad.gif) repeat-y left top;
	height: 100%;
	margin: 0;
}

p {
	font-size: 12px;
	margin-bottom: 1em;	
}

a {
	color: #246e26;
	text-decoration: none;
}

h1 {
	color: #246e26;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 1em;
}

h2 {
	color: #246e26;
	font-size: 13px;
	text-align: center;
}

label{
    display: block;
    margin-top: 1.5em;
    font-size: 0.75em;
    font-weight: bold;
    padding-bottom: 0.2em;
}

input.text {
	width: 210px;
}

select, input {
	font-size: 85%;
}

input.button 
{
	width: auto;
	overflow: visible;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: url(../images/background_form_element.gif);
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.button:active
{
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}

input.button:disabled
{
	border: 3px double #CCCCCC;
}

td.altrow  {
	background: #f6f6f8;
}

strong {
	font-weight: bold;
}

#doc {
	margin: auto;
	width: 910px;
	padding: 0 ;
	z-index: 1;
}

#doc2 {
	margin: auto;
	width: 910px;
	padding: 0 ;
	z-index: 1;
	height: 539px;	
}

#hd {
	margin 0;
}

#bd {
	margin 0;
}

#breadcrumb {
	font-size: 90%;
	text-align: right;
	display: inline;
}

#breadcrumb a {
	text-decoration: none;
}

.content {
	margin: 0;
	width: 900px;
	background-color: #FFFFFF;
	margin-left: 5px;
}

.main-content {
	height: 100%;
}

.main-content-high {
	margin: 0;
}

.header {
	width: 900px;
	height: 107px;
	text-align: right;
	margin: 0;
}

.header_logo {
	background: #ffffff url(../images/everslide_logo.gif) no-repeat left center;
	height: 97px;
	width: 290px;
	float: left;
	margin: 0 0 10px 29px;
}

.topmenu {
	background: #ffffff url(../images/liukuvariviiva.gif) no-repeat center bottom;
	width: 420px;
	height: 45px;
	float: right;
	margin: 10px 29px;
	text-transform: uppercase;
	font-size: 8px;
}

.language {
	display: inline;
	float: left;
	list-style-type: none;
	margin-top: 32px;	
	padding-left: 12px;
}

.language_ru {
	display: inline;
	float: left;
	list-style-type: none;
	margin-top: 32px;
	padding-left: 10px;
}

.topmenu ul{
	display: inline;
	list-style-type: none;
	float: left;
	margin-top: 32px;
	padding: 0;
}

.topmenu li{
	display: inline;
	text-decoration: none;
	padding: 10px 12px;
}

.topmenu_ru li{
	display: inline;
	text-decoration: none;
	padding: 10px 10px;
}

.topmenu .selected a{
	background-image: url(../images/nuoli_vihr.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.topmenu a{
	text-transform: uppercase;
	text-decoration: none;
	color: #24933c
}

.middle {
	width: 900px;
	height: 240px;
	background-color: #66CC00;
	color: #24933c;
	border-bottom: thin solid;
	border-top: thin solid;
}

.footer {
	height: 25px;
	width: 900px;
	margin: auto;
	z-index: 1;
	padding-top: 5px;
}

.footerinfo {
	float: left;
}

.footerinfo img{
	position: relative;
	top: 3px;
	padding-right: 8px;
}

.kiehkura {
	background-image: url(../images/bg_kuvio.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 268px;
	margin: 0;
	padding-top: 0;
	position: relative;
	text-decoration: none;
	top: -175px;
	width: 1260px;
	z-index: -10;
}
/*Varjostus*/
.varjoyla {
	height: 10px;
	width: 900px;
	background-color: #ffffff;	
}

.vasenyla {
	background-image: url(../images/vasen_yla.png);
	background-repeat: no-repeat;
	float: left;
	width: 12px;
	height: 10px;	
	position: relative;
	left: -5px;
}

.oikeayla {
	background-image: url(../images/oikea_yla.png);
	background-repeat: no-repeat;
	float: right;
	width: 12px;	
	height: 10px;
	position: relative;
	right: -5px;
}

.varjo {
	background-image: url(../images/vasenoikea_varjo.png);
	background-repeat: repeat-y;
	position: relative;
	left: -5px;
/*	margin-top: -10px;
	top: 10px; */
	width: 910px;
	height: 100%;
}

.alaosa_varjostus {
	background-image: url(../images/alaosa_varjostus.png);
	height: 14px;
	width: 910px;
	position: relative;
	left: -5px;
	margin: auto;
}
/*Varjostus loppuu*/

.kuvituskuva {
	float: right;
	width: 715px;
	color: #24933c;
	border-bottom: 1px solid;
	border-top: 1px solid;
	height: 240px;
	margin: 0;
	background-image: url(../images/everslide_kuvaBg.jpg);
	overflow: hidden;
}

.bottom {
	background-color: #ffffff;
	float: left;
	height: 100%;
	padding: 30px 25px 20px 20px;
	text-align: left;
}

.interested {
	margin: 0 10px 0 20px;
	color: #696969;
}

.interested h1{
	color: #696969;
}

.interested_low h1{
	color: #696969;
}

.wysiwyg {
	height: 100%;
	float: right;
}

.textbody {
	float: left;
	width: 69%;
	padding-right: 10px;
}

.textbody_ch {
	float: left;
	width: 555px;
	padding-right: 10px;
}

.wysiimage {
	float: right;
}

.wysiimage img{
/*	border: 1px solid; */
}


.leftmenu ul {
	line-height: 29px;
	list-style-type: none;
	margin: -3px 0;
}

.leftmenu li {
    border-bottom: 1px solid #c5d4c2;
}

.menualt {
	padding-left: 29px;
	line-height: 34px;
	font-size: 16px;
	color: #246e26;
}

.menudepth1 {
    padding-left: 30px;
}

.menuimage {
	font-size: 16px;
	color: #246e26;
}

.menuimage a{
	height: 34px;
	margin-left: -10px;
}

.leftmenu {
	color: #24933c;
	font-size: 10px;
	background-image: url(../images/bg_green.jpg);
	background-position: center bottom;
	width: 185px;
	min-height: 240px;
	height: 100%;
	border-bottom: 1px solid;
	border-top: 1px solid;	
	float: left;
	font-size: 10px;
}

.leftmenu a {
	padding-left: 10px;
	text-decoration: none;
	font-size: 10px;
	color: #246e26;
        display: block;
}
}

.leftmenu .selected a{
/*	background-image: url(../images/nuoli_vihr2.gif);
	background-position: left center;
	background-repeat: no-repeat;*/
        display: block;
}

.leftmenu .selected {
        background-image: url("../images/nuoli_vihr2.gif");
        background-position: 30px 11px;
        background-repeat: no-repeat;
}

.leftmenu li.menudepth2 {
	padding-left: 10px;
}

.leftmenu li.menudepth3 {
	margin-left: 20px;
}

.leftmenu li.menudepth4 {
	margin-left: 25px;
}


.tabmenu {
	color: black;
	/*border-bottom: 2px solid black;*/
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px 
}

.tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; 
	background: ;
	padding-left: 0;
}

.tabmenu a, a.active {
	color: black;
	background: #ccced2;
	/*font: bold 1em "Trebuchet MS", Arial, sans-serif;*/
	/*border: 2px solid black;*/
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; 
}

.tabmenu a.active {
	background: #E3E4E9;
}

.tabmenu a:hover {
	color: #fff;
	background: #ADC09F; 
}

.tabmenu a:visited {
	/*color: #E8E9BE; */
}

.tabmenu a.active:hover {
	background: #ABAD85;
	/*color: #DEDECF; */
}

.adminheading {
	background: #E3E4E9 url(../images/bg_header.jpg);
	font-weight: bold;
	padding: 5px;
	border-top: 10px;
}

.adminheading2 {
	background: #9FCBE8 url(../images/bg_header2.jpg);
	font-weight: bold;
	padding: 5px;
}

.contentPager {
	padding: 5px;
	text-align: center;
	
}

.contentPager a {
	text-decoration: none;
}

.contentPager a.selected {
	font-weight: bold;
}

/*FrontPage*/
#frontpage {
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: -5;
}

#frontpage img{
	height: 100%;
	width: 100%;
	margin: 0;
	z-index: -4;
	position: absolute;
	top: 0;
	left: 0;
}

.frontpage_middle {
	background: #ffffff;
	position: absolute;
	top: 34%;
	left: 0;
	width: 100%;
	height: 34%;
	min-height: 195px;
}
.frontpage_menu {
	float: left;
	height: 100%;
	text-align: left;
	padding: 40px;
	margin: 0;
}

.frontpage_varjo {
	background: transparent url(../images/ala_varjo.png) repeat-x scroll left bottom;
	height: 10px;
	left: 0;
	position: relative;
	top: -1px;
}

.frontpage_menu ul{
	list-style-type: none;
	padding: 0;
	line-height: 17px;
	margin: 0;
}

.frontpage_menu a{
	color: #333333;
}

.frontpage_logo {
	background-color: #ffffff;
	float: right;
}

/*ChooseProduct*/

.choose_prod {
	margin-left: 20px;
	margin-right: 20px;
}

.choose_flash {
	z-index: -5;
	float: left;
	width: 900px;
	height: 240px;
}

.productchoise {
	width: 900px;
	float: right;
}

.choose_textbody {
	color: #FFFFFF;
	margin: 15px;
	z-index: 5;
	float: right;
	width: 28%;
	height: 210px;
	position: relative;
	top: -241px;
}

.choose_textbody a{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

.choose_btn_sj {
	margin: 25px 0 22px 90px;
	height: 135px;
	width: 311px;
	float: left;
}

.choose_btn_sl {
	margin: 25px 90px 22px 0;
	float: right;
}

.link {
	height: 135px;
	width: 311px;	
}

/*Product*/
.productimage {
	float: right;
}

.productimage img{
/*	border: 1px solid; */
}

.muokkaa {
	width: 90%;
	float: left;
	padding: 0 20px;
}

.newsmenu {
	width: 715px;
	height: 20px;
	position: relative;
	top: -3px;
	margin: 0;
}

.newsmenu ul{
	text-align: left;
}

.newsmenu li{
	display: block;
	float: left;
	color: #ffffff;
	width: 235px;
	margin: auto;
	text-align: center;
}

.newsmenu a {
	color: #ffffff;
	margin: 0;
}

.newsmenu h1 {
	color: #ffffff;
	margin: 0;
}

.news {
	margin-top: 10px;
}

.news p{
	margin: 0;
	font-size: 11px;
}

.news a{
	margin: 0;
	font-size: 11px;
}

.news h1 {
	margin-bottom: 0px;
}

.uutinen{
	position: relative;
	top: -20px;
	float: left;
	height: 100%;
}

.uutinen h1{
	color: #79bc43;
	margin-top: 0;
}

.uutinen p{
	color: #191919;
}

.newsbody{
	float: left;
	width: 455px;
}

.uutisryhmanosto {
	background: #ffffff url('../images/liukuvariviiva_pysty.gif') no-repeat right center;
	float: left;
	min-height: 137px;
	padding-top: 30px;
	width: 185px;	
}

.uutisryhmanosto h1{
	font-weight: normal;
}

.uutiskuva {
	float: right;
}

.uutiskuva img {
	border: 1px solid;
}

.ajan_nosto {
	margin: 0;
}

.nosto {
	margin: 0 10px 10px 20px;
}

.texter h1{
	margin: 0;
}

.texter p{
	margin-top: 0;
}

.vasen {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.keski {
	float: left;
	width: 210px;
	margin-right: 44px;
}

.oikea {
	float: left;
	width: 200px;
}

.left-content {
	float: left; 
	width: 185px;
	height: 100%;
	margin: 0;
}

.right-content {
	width: 715px;
	height: 100%;
	margin: 0;
	float: left;
}

.iframe {
	width: 675px;
	height: 250px;
	scrolling: auto;
	border: 0;
	margin: 30px 15px 20px 20px;
}

.iframe-content{
	background-color: #ffffff;
	float: left;
	text-align: left;
}

.refhead {
	color: #246e26;
	font-weight: bold;
	margin-top: 16px;
}

.references a{
	text-decoration: underline;
}

.modal {
	padding: 10px;
}

.modal-content {
	min-width: 100px;
}

.modal.text{
}

.modal-footer {
/*	width: 100%;*/
	padding: 20px 0 15px;
}

.modal-footer a{
	text-decoration: none;
	color: #333333;
}

.modal_cont {
	width: 900px;
}

.mf-left {
	float: left;
	width: 50%;
	text-align: left;
}


.mf-right {
	float: right;
	width: 50%;
	text-align: right;
}

.feedbackform_left {
	width: 280px;
	float: left;
}

.feedbackform_right {
	width: 370px;
	float: right;
}

.feedbackform_right tr{
	height: 12px;
}

.bottom label{
	margin: 0 0 3px;
	font-weight: normal;
	font-size: 11px;
}

.feedbackform_right input.text{
	margin-bottom: 3px;
	border: 1px solid;
}

.checkbox {
	margin-right: 10px;
}

.maet h1{
	margin: 0;
}

.maet table {
	margin: 0 0 15px;
}

.maet td{
	padding-right: 5px;
}

.maet input.text{
	width: 40px;
	border: 1px solid;
}

.send_button {
	background: #FFFFFF url('../images/laheta.gif') no-repeat left bottom;
	border: none;
	color: #ffffff;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	height: 32px;
	margin-top:15px;
	padding: 0;
	width: 93px;
}

.sending {
	background: transparent;
	border: none;
	color: #ffffff;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 6px;
}

.sending_ru {
	background: transparent;
	border: none;
	color: #ffffff;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}

.imagegallery {
	margin:0px;
	padding:0px;
	color: #24933c;
	border-top: 1px solid;
}

#photos {
	padding: 25px 10px 5px 10px;
	color: #000000;
}

#video {
	border-bottom: 1px solid;	
}

#galleryimagebox {
	border-color: #696969;
	float: left;

	margin: 10px;
	overflow: hidden;
	height: 100px;
	width: 90px;
}
#galleryimage {
	border: 1px solid;
}

.newscats {
	margin: 20px;
	width: 715px;
}

#overlay {
	opacity: 0.5;
}

.EviaCheckBoxList {
margin-top:10px;
}

.EviaCheckBoxList label {
display: inline;
vertical-align: middle;
}

.EviaCheckBoxList .checkbox {
display:inline;
margin-right: 5px;
vertical-align: middle;
}

.controlmodalheading {
padding-top:24px;
background:url(../images/evia_yr02.gif) repeat-x;
}

#controlmodalimage {
background:url(../images/eviacms5_logo_s.png);
position:absolute;
margin:0px;
right:1px;
top:0px;
width:94px;
height:38px;
}

#controlmodalheadtext {
position:absolute;
margin-left:2px;
top:4px;
color: #FFFFFF;
font-weight:bold;
}