/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em;}
html, input, textarea	{	font-family:Arial, Helvetica, sans-serif; 
		color:#484848;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#3a99b8; text-decoration:underline} 
a:hover{text-decoration:none}
.link{color:#272727; font-weight:bold; font-size:14px; background:url(images/marker.gif) top left no-repeat; background-position:0 5px; padding-left:10px; text-decoration:none; display:block; margin-bottom:5px } 
.link:hover{ text-decoration:underline}
.link1{color:#3a99b8; background:url(images/marker1.gif) top left no-repeat; background-position:0 1px; padding-left:14px;} 
.link2{color:#272727; font-weight:bold; font-size:14px; background:url(images/marker4.gif) top left no-repeat; background-position:0 2px; padding-left:22px; text-decoration:none; display:block; margin-bottom:5px } 
.link2:hover{ text-decoration:underline}
.link3{color:#ed451f; background:url(images/marker2.gif) top left no-repeat; background-position:0 1px; padding-left:14px;} 

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:14px; padding-bottom:15px; }
#content ul li a{color:#3a99b8; text-decoration: underline; line-height:1.5em} 
#content ul li a:hover { text-decoration:none; }

#content .ul1 li{background:url(images/marker1.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:14px; padding-bottom:18px; }

#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{background:url(images/marker3.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:22px; padding-bottom:15px; }
#content .ul li a{color:#3a99b8; text-decoration: underline; line-height:1.5em} 
#content .ul li a:hover { text-decoration:none; }

/*header*/
#header {font-size:0.75em; color:white }
#header .logo{ margin:24px 0 26px 50px }
#header .search{ position:absolute; margin:208px 0 0 706px}
#header .width{ width:230px}
#header .menu{ margin-left:40px; background:url(images/bg_menu.gif) top left no-repeat; height:38px}
#header ul{margin:0; padding:0; list-style:none;  }
#header ul li{ margin:0; display:inline}
#header ul li a{color:#fff; text-decoration:none; background:url(images/bg_menu.gif) top right no-repeat; text-align:center; display:block; float:left ; padding:9px 30px 13px 30px} 
#header ul li a:hover { text-decoration:none; background:url(images/bg_menu-act.gif) top left repeat-x;}
#header ul li .current{ text-decoration:none; background:url(images/bg_menu-act.gif) top left repeat-x;  }

#header #hype {
	position:absolute;
	top:25px;
	right:50px;
	text-align:right;
	color: #444;
	line-height:120%;
	font-size:24px;
	}
#header #hype span {
	font-size: 55px;
	color: #0078c0;
	line-height:140%;
	}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:25px 20px 46px 20px}
#content .title{  margin-bottom:26px}
#content .title1{  margin-bottom:6px}
#content .img-left{ float:left; margin:0 18px 20px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0 0 17px 0}
#content .p1{ margin:0 0 27px 0}
#content .p2{ margin:0 0 5px 0}
#content .p3{ margin:0 0 37px 0}
#content .p4{ margin:0}
#content h4{color:#272727; font-size:1.16em; margin-bottom:9px;  }
.txt{color:#3a99b8; } 

#content .indent{margin:0 0 0 240px}

/*footer*/
#footer { color:#000000; font-size:0.75em; background:none }
#footer .indent-footer{ padding:28px 30px 0 42px;}
#footer a {color:#3a99b8; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

#footer-bg { color:#000000; font-size:0.75em; background: url(images/bg_footer.gif) top center repeat-x; }

.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.h{ height:36px}
.h1{ height:22px;}
.block-contact span{ float:right; margin-right:80px}
.input{
	border-left:1px solid #000000; 
   	border-top:1px solid #000000; 
   	border-right:1px solid #504e4d; 
   	border-bottom:1px solid #504e4d; 
	background:#474544;
	width:135px; height:20px;
	font-size:1em;
	color:#FFFFFF;
	padding:2px 0 0 5px;
	margin:0 5px 0 8px;
	vertical-align:middle	
}
.input1{
	border-left:1px solid #000000; 
   	border-top:1px solid #000000; 
   	border-right:1px solid #d3d3d3; 
   	border-bottom:1px solid #d3d3d3; 
	background:#fff;
	width:225px; height:20px;
	font-size:1em;
	color:#000;
	padding:2px 0 0 5px;
	vertical-align:middle	
}
input[type=text], input[type=password], input[type=submit], input[type=button] {
	border-left:1px solid #000000; 
   	border-top:1px solid #000000; 
   	border-right:1px solid #d3d3d3; 
   	border-bottom:1px solid #d3d3d3; 
	background:#fff;
	width:225px; height:20px;
	font-size:1em;
	color:#000;
	padding:2px 0 0 5px;
	vertical-align:middle	
}
textarea{
	border-left:1px solid #000000; 
   	border-top:1px solid #000000; 
   	border-right:1px solid #d3d3d3; 
   	border-bottom:1px solid #d3d3d3; 
	background:#FFFFFF;
	width:225px; height:278px;
	font-size:1em;
	color:#000;
	padding:2px 0 0 5px;
	margin-bottom:11px;
	overflow:auto}

#tel {
	text-align:center;
	}
#tel p {
	font-size: 21px;
	font-weight:bold;
	line-height:120%;
	margin-bottom:6px;
	}
#tel p.tel {
	font-size: 55px;
	line-height:110%;
	color: #0078c0;
	}
#tel p.tel span {
	color: #0078c0;
	}

table.features {
	margin:10px 10px 10px 0px;
	width:100%;
	border-collapse:collapse;
	border:1px solid #eee;
	}
table.features th, table.features td {
	text-align:center;
	border:1px solid #eee;
	line-height: 200%;
	}
table.features td.prop {
	text-align:left;
	font-weight:bold;
	}
table.features td.prop-on {
	background: url(/images/prop_ok.jpg) 50% 50% no-repeat;
	}
table.features td.hinta {
	font-weight: bold;
	}

h2 {
	margin-bottom: 5px;
	margin-top:10px;
	font-size: 18px;
	line-height:140%;
	}
div.arrow-next {
	width:100%;
	height:36px;
	margin:0px;
	background:url(/images/arrow_down.jpg) 50% 50% no-repeat;
	}

input[type=submit] {
	padding:6px 0px;
	background: url(/images/bg_menu-act.gif) repeat-x;
	border:none;
	color: white;
	line-height:200%;
	height:25px;
	}

p.error {
	font-weight:bold;
	color: red;
	}

p.send-ok {
	font-weight:bold;
	color: green;
	}

#content ul.prodlist ul {
	margin-top:6px;
	}
#content ul.prodlist li {
	padding-bottom:3px;
	}
	
table.demo {
	border-collapse: collapse;
	border-bottom:1px solid #d0d0d0;
	}
table.demo td {
	vertical-align: top;
	padding:5px;
	padding-right:10px;
	border-top:1px solid #d0d0d0;
	}

h3.ref {
	margin-bottom:5px;
	}
h3.ref a {
	color:inherit;	
	text-decoration:none;
	}
h3.ref a:hover {
	color: #3A99B8;
	text-decoration: underline;
	}

#kamppis-formi {
	margin-top:10px;
	padding:15px;
	border:1px solid #ddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	
	}

.req { color:red; }

input.input-err {
	border:1px solid red;
	}

div.unsubscribe {
	padding:15px;
	margin-left:30px;margin-top:25px;margin-bottom:30px;
	border:1px solid #ddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
#btn-send {
	width: 230px;
	height:30px;
	line-height:20px;
	font-weight:bold;

	}


#pimg {
	z-index: 999999;
	display: none;
	position: absolute;
	border:5px solid white;
	background-color:white;
}

#pimg h3 {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-top:1px solid #ddd;
	padding-top:5px;
	margin-top:5px;
	background-color:white;
}

div.ref {
	float:left;
	width:120px;
	margin:0px 13px 13px 0px;
	}

h1 { 
 color:#0078C0;
 }

#header ul li a.ale {
	color: yellow;
	font-weight:bold;
	}

table.ohje {
	width:100%;
	border-collapse:collapse;
	
	}
table.ohje td {
	border-bottom:1px solid #ddD;
	padding:3px 5px;
	}
table.ohje th {
	background-color:#333;
	color:white;
	padding:5px 5px;
	}
table.ohje th.cat {
	font-size: 16px;
	}