@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html {
	height: 100%; max-height:100%;
  	border: 0;	/* get rid of that 2px window border in Internet Explorer 6 */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:auto; /*get rid of scroll bars in IE */
	/* */
}

body { background-color: #1f294d; background-image:url(../images/tausta.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; }
body, p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #011f4a; }
p { margin-bottom: 1em; }
h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #011f4a; margin-bottom: 0.4em; }
h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #011f4a; margin-bottom: 0.3em; }
li, a { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } 
a { color: #021f4b; }
a:visited { color: #000000; }
a:active { color: #021f4b; }
table { margin: 10px 10px; border: none; width: 100%;}
img { border: none; }
td { vertical-align: top; }

#content, #logo, #banneri, #maincontent { margin: 0 auto; }

#content { position: relative;  width: 965px; margin: auto; text-align: left; height: 831px; }

#logo { margin-top: 10px; text-align: left; }
#logo img { margin-left: 222px; }

#menu ul, #tiedot ul, #news ul, #footer ul { list-style-type: none; }

#menu { position: relative; left: 90px; top: 12px; width: 149px; z-index: 99; }
/*#menu ul li.first { background-image:url(../images/first_navi_button.gif); background-repeat: no-repeat; height: 45px; padding-left: 17px; font-weight: bold;}
#menu ul li { background-image:url(../images/navi_button.gif); background-repeat: no-repeat; height: 45px; }
#menu ul li a { text-decoration: none; font-size: 12px; color: #021f4b; font-weight: bold;}*/
/*#menu ul li a:hover, a:hover { color: #021f4b;}
#menu ul li a:active { color: #021f4b;}*/
/*#menu ul li.firstSelected { background-image:url(../images/first_navi_button_selected.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 17px; padding-top: 17px; margin-bottom: -17px;}
#menu ul li.Selected { background-image:url(../images/navi_button_selected.gif); background-repeat: no-repeat; font-weight: bold;}
#menu ul li.tuplarivi { padding-top: 9px; margin-bottom: -7px;}*/

.menutextfirst {  background-image:url(../images/first_navi_button.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 17px; padding-top: 17px; width: 105px; height: 28px; cursor: pointer;}
.menutextfirstselected {  background-image:url(../images/first_navi_button_selected.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 17px; padding-top: 17px; width: 105px; height: 28px; cursor: pointer;}
.menutext { background-image:url(../images/navi_button.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 17px; padding-top: 17px; width: 105px; height: 28px; cursor: pointer;}
.menutextselected { background-image:url(../images/navi_button_selected.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 17px; padding-top: 17px; width: 105px; height: 28px; cursor: pointer;}
.menutexttupla { background-image:url(../images/navi_button.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 17px; padding-top: 9px; width: 105px; height: 36px; cursor: pointer;}
.menutexttuplaselected { background-image:url(../images/navi_button_selected.gif); background-repeat: no-repeat; font-weight: bold; padding-left: 17px; padding-top: 9px; width: 105px; height: 36px; cursor: pointer;}
#wikke_kuva { 
	position: absolute; 
	/*top: 415px;*/
	top: 450px;
	/*left: -90px; */
	left: 0;
	z-index: 112; 
}

#rightcontent_wrapper {position: absolute; width: 220px; left: 752px; top: 143px;}
#rightcontent { background-image:url(../images/sivupalkki_ala.png); background-position: left bottom; background-repeat:no-repeat; margin-left: 20px;}
#logot { margin-left: 13px; margin-top: 5px; text-align: center; }

#tiedot { padding-right: 30px; }
#tiedot ul li { color: #021f4b; }

#background_fix {width: 180px; padding: 20px; background-image:url(../images/sivupalkki_yla.png); background-position: left top; background-repeat:no-repeat; }
#news { margin-top: 15px; width:160px;}
#news ul li { margin-bottom: 1em; }
#news ul li a { color: #000; }
#news h3{ color: #011f4a; }

#bonus { position:relative; left: -10px; }

#maincontent { background-color: #FFF; background-image: url(../images/main_bg.gif); background-repeat: repeat-x; position: absolute; top: 148px; left: 222px; width: 530px;}

#text { margin-top: 30px; margin-left: 20px; width: 275px; float: left; clear:none;}
#text_alasivu { margin-top: 30px; margin-left: 15px; width: 480px; float: left; clear:none; Z-index: 100;  
/** Min-height hack (http://www.dustindiaz.com/min-height-fast-hack/)*/
	min-height:480px;
	height:auto !important;
	height:480px;
	/** min-height hack end */}
#text_alasivu h3 { margin-top: 1.3em; }
#text_alasivu ul li { list-style: none; margin-bottom: 1em;}
#text_alasivu ul li a { text-decoration: none; }
#text_alasivu li.teksti { font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: disc; margin-bottom: 1em;}

#skortti { float: right; }
#image {float: right; margin-top: 30px;}
#tarjous {float: right; margin-top: 30px;}

#bottom { float: left; width: 530px; margin-bottom: 0; }
#offer { float: right; }
#offer h3{ text-align: center; margin-top: 25px; }


#cleardiv { background-color: #1f294d; position: relative; clear: both; height: 1em; }

#yta { position: relative; float: right; margin-top: 30px; width: 180px; height:232px; }

#footer { background-color: #1f294d; position: relative; bottom: 0; text-align: center; padding-top: 1.5em; padding-bottom: 1em;}
#footer ul li { display: inline; color: #ffffff; font-weight: bold; }
#footer a, #footer a:active, #footer a:hover { color: #fff; }
a:active, a:hover { color: #000; }

.boldattu { font-weight: bold; }
.list { margin-left: 20px; }
.bottomimg {width: 538px; margin-bottom: -3px; margin-right: -3px;}
.tuote { background-color: #1f294d; color: #fff; font-size: 12px; font-weight: bold; padding: 10px;}
.hinta { font-weight: bold; color: #1f294d; }
.normihinta { font-size: 10px; font-weight: normal; }

form {
	margin: 0;
	padding: 0;
}

.formRow {
	position: relative;
	margin-bottom: 10px;
}

.formRow input {
	position: absolute;
	left: 150px;
	width: 200px;
	top: 0;
	border: 1px solid #333;
}

.formRow input.required {
	border-left: 3px solid #F9211D;
}

.scroll {
	position: absolute;
	top:0px;
	left: 0px;
}