/*--------------------------------------------------------*/
/*	Site: www.makula.fi
/*	Author: Mediasignal Oy
/*	Date: 22.12.2009
/*--------------------------------------------------------*/

/* BASIC STYLING */
body{
font-size:62.5%; /* Resets font-size to 10px - 1em = 10px; */
color:#000;
background:transparent url(kuvat/bg_main.jpg);
font-family: Arial, Helvetica,sans-serif; /* Sans-serif Arial stack */
/*font-family: "Times New Roman",Times,serif;  Serif Times stack */
/*font-family: Georgia,serif;  Serif Georgia stack */
text-align:center;
}
a:link{text-decoration:none; color:#4b250b;}
a:hover{text-decoration:underline; color:#4b250b;}
a:visited{color:#4b250b;}
a:active{text-decoration:none;}

a.tuote {
color:#4b250b;
font-size:14px;
text-decoration:none;
}

.valittu, a.tuote:hover {
text-decoration:underline !important;
}

ol {
list-style-type:decimal;
list-style-position:outside;
padding-left:30px;
font:normal 1.3em/1.3 Arial,Helvetica,sans-serif;
color:#4b250b;
}

ol li {
margin:5px 0 5px 0;
}

h1{font:bold 2.6em/1.5 Arial, Helvetica,sans-serif; margin:5px 0; color:#fff;}
h2{font:bold 2.6em/1.5 Arial, Helvetica,sans-serif; margin:5px 0; color:#fff;}
h3{font:bold 1.9em/1.5 Georgia,serif; margin:5px 0; color:#fff;}
h4{font:bold 1.8em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h5{font: bold 1.6em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
h6{font: bold 1.4em/1.5 Arial, Helvetica,sans-serif; margin:5px 0;}
p{font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0; color:#4b250b;}
p.etusivu {font-style:italic; font-weight:bold; color:#4b250b; font-size:14px; margin-top:20px;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.clear {
clear:both;
}

/* LAYOUT COLUMNS */
#ulkowrap {
width:982px;
margin:60px auto 0 auto;
}

#wrapper{
	width:982px;
	font-size:1em; /* 1em = 10px; */
	text-align:left;
	background:transparent url(kuvat/bg_paperi.png) repeat-y;
	margin:-1px 0 -2px 0;
	min-height:725px;
	height:auto !important;
	height:725px;
	position:relative;
}

#header{
height:150px;
}

#logo {
width:240px;
padding:20px 0 0 50px;
float:left;
}

#nav{
height:50px;
}

#content-wrapper-1col{

}
#content-wrapper-2col{
padding-bottom:80px;
}
#content-wrapper-3col{
	
}
#col-left-sidebar, #col-left-sidebar-tuotesivu, #col-left-sidebar-karttasivu, #col-left-sidebar-yleinen{
	float:left;
	width:440px;
	margin:0 0 0 50px;
	display:inline;
}
#col-right-sidebar{
	float:right;
	border:1px solid #ccc;
	display:inline;
}
#col-left{
	float:left;
	width:600px;
	margin:0 10px;
	display:inline;
}
#col-right, #col-right-tuotesivu, #col-right-yleinen{
	float:right;
	width:488px;
	display:inline;
	position:relative;
}

#col-right img, #col-right-tuotesivu img {
position:absolute;
right:0;
}

#col-right-tuotesivu img {
right:-5px;
}

.karttakuva {
position:absolute;
right:0;
width:472px;
height:474px;
background:transparent url(kuvat/kuva_tyhja.png) no-repeat;
z-index:5;
}

.karttakuva iframe {
margin:20px 0 0 25px;
}

.klemmari {
z-index:10;
right:-29px !important;
top:20px !important;
}

.repaisy {
z-index:5;
right:-4px !important;
top:-10px !important;
}

#col3-left{
	width:200px;
	background-color:#EFEFEF;
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
#col3-middle{
	width:500px;
	background-color:#EFEFEF;
	float:left;
	margin:0 10px 0 0;
	display:inline;
}
#col3-right{
	width:240px;
	background-color:#EFEFEF;
	float:left;
	display:inline;
}
#content-col{
	float:left;
	width:700px;
}
#footer{
	clear:both;
	position:absolute;
	bottom:20px;
	left:50px;
}

#front-top{
	margin:10px;
	border:1px solid #ccc;
}
#front-col-wrapper{
	margin:0 auto;
	width:937px;
}
#front-1,#front-2,#front-3,#front-4{
	background-color:#fbfbfb;
	margin-right:15px;
	width:221px;
	float:left;
	display:inline;
	border:1px solid #ccc;
}
#front-1{
margin-left:0px;
}
#front-4{
margin:0;
}
#front-bottom{
	margin:10px 20px 10px;
	border:1px solid #ccc;
}
/* MENU STYLING */

#menu {
float:left;
width:690px;
margin-top:50px;
display:inline;
}

.hmenu{
}
.hmenu li{
	/*float:left;*/
	display:inline;
}
.hmenu a{
	display:block;
	float:left;
	font-size:1.4em;
	margin-right:10px;
}
.hmenu a:hover{
}

#nav-vertical{
	background-color:#fbfbfb;
	float:left;
	border:1px solid black;
	width:230px;
	margin-right:10px;
	display:inline;
}
.vmenu li{
display:block;
border:1px solid #ccc;
}
.vmenu li a{
display:block;
padding:10px 5px;
	background-color:#E0EEEF;
	font-size:1.4em;
}
.vmenu ul{
	margin-left:5px;
}
.vmenu ul li{
	border-width:0px;
	width:100%;
}
.vmenu ul li a{
	background-color:#fbfbfb;
	font-size:1.3em;
}
/* ELEMENT SPECIFIC STYLING */

#footer p{
	width:570px;
	color:#fff;
	font-size:12px;
}

.msc{
	text-align:right;
	font-size:.9em;
	margin-right:10px;
}
.msc a{
	color:#222;
	text-decoration:none;
}

.msc a:hover {
	color:#222;
	text-decoration:underline;
}

.tuoteotsikko {
margin-top:36px;
display:block;
}

.karttapalsta {
width:140px;
float:left;
font-size:12px;
line-height:13px;
}

#lomake {
font:normal 1.3em/1.3 Arial,Helvetica,sans-serif; margin:5px 0; color:#4b250b;
}

#lomake input, #lomake textarea {
border:none;
background:none;
}

.lomake-rivi {
padding-bottom:3px;
background: transparent url(kuvat/lomakerivi.png) no-repeat bottom left;
}

.lomake-laatikko {
background: transparent url(kuvat/bg_viestikentta.jpg) no-repeat top left;
height:66px;
line-height:14px;
}

.radionappi {
float:left;
width:70px;
padding-top:10px;
}

.radiostyle {
vertical-align:top;
}

.textbox {
height:44px;
margin-left:15px;
margin-top:8px;
width:395px;
}

.form-req {
position: absolute; 
margin: 0 0 0 -9999px;
}