/* PERUSSETTII ------------------------------------------------------------- */
body {
	margin-left: 20%;	
	margin-right: 20%;
	min-width: 770px;
	color: #333333;
	border-color: #C0C0C0; /* Sometimes this has to be overridden...not sure why */
	font-size: 10pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	//background-image: url(../img/bg.gif);
	background-repeat: repeat;
}
#laatikko {
	//background-image: url(../img/bg_middle.gif);
	//background-repeat: repeat-y;
	width: 100%;
}

h1, h2, h4, h5, h6 {
	color: #006699;
	font-size: 150%;
	font-family: "Franklin Gothic Book", Arial, sans, sans-serif;
	font-weight: bolder;
	
	
}


/* YLÄOSA ------------------------------------------------------------------ */
#supertop {
	height: 25px;
	width: 100%;
        min-width: 770px;
	//background-image: url(../img/bg_top.gif);
	clear: both;

}

#banner {
	clear: both;
	font-family: "Franklin Gothic Book", Arial, sans, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
}
#banner img {
	margin: 0;
	padding: 0;
	border: 0;
	
}


/* YLÄMENU ----------------------------------------------------------------- */
#navigation {
	clear: both;
	float: left;
	padding: 5px;
	font-family: Arial, sans, sans-serif;
	font-size: 100%;
	color: white;
	background-color: transparent;
	min-width: 770px;
}

#navigation td {
	border-color: #D6D8F4;
  	border-left-width: 1px;
	border-left-style: solid;
	padding: 0px 5px 0px 5px;
}
#navigation td.none_border {
	border: 0px;
	padding: 0px 5px 0px 5px;
}


#navigation_pohja {
	width: 100%;
	clear: both;
	float: right;
	background-color: rgb(117,144,174);
	margin-left: 5px;
	margin-right: 5px;
	
}

#navigation a, #navigation a:active, #navigation a:visited, 
#sidebar a, #sidebar a:active, #navigation a:visited {
	color: white;
	background-color: transparent;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.25ex 0 0;
	
}

#sidebar a, #sidebar a:visited, #sidebar a:active {
	color: rgb(117,144,174);
}
#navigation a:hover, #navigation a:visited:hover, 
#sidebar a:hover, #sidebar a:visited:hover {
	color: #0d094c;
  	background-color: transparent;
  	text-decoration: none;
}

#sidebar a.act, #sidebar a.act:visited, #sidebar a.act:active {
	//color: rgb(255,204,0);
	color: black;
}

#sidebar_content_footer {
	margin-left: 5px;
	margin-right: 5px;
}

/* SIVUMENU ---------------------------------------------------------------- */
#sidebar {
	float: left;
	clear: left;
	padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left 0px;
	width: 16%;
        min-width: 150px;
	margin-top: 1px;
        margin-left: 0px;
	font-family: Arial, sans, sans-serif;
        font-size: 100%;

}

.box {
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
	
}

.box ul, li {
	font-size: 100%;
	//font-weight: normal;
}
.box ul {
	padding: 0 0 0 18px; 
	margin: 0px;
	list-style-type: square;
}

.box h3 {
	text-align: left;
	margin: 0; 
	background-color: rgb(117,144,174);	
	color: white; 	
	font-size: 100%;
	font-weight: bold;
  	padding:0.2em 0.2em 0.2em 0.2em;
}
.box form {
  	margin-top: 1px;
  	margin-bottom: 5px;
}

.box p {
	text-align: justify;
}	


/* SISÄLTÖ ----------------------------------------------------------------- */
#content {
	float: right;
	clear: right;
	padding: 2px;
	width: 79%;
        min-width: 500px;
	margin-bottom: 1.5%;
	margin-top: 1.5%;
	border-left-width: 0px;
	border-left-style: dotted;
	
}
#content p.center {
	text-align: center;
}

#content p {
	text-align: left;
	padding: 2px;
	padding-right: 10px;
	line-height: 1.1em;
	font-family: "Franklin Gothic Book", Arial, sans, sans-serif;

}

#content h2 {
	color:#11649B;
	font-size:160%;
	font-weight: normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 4px;
	
}

#content h3 {
	margin-top: 5px;
	margin-bottom: -10px;
	font-size: 10pt;
	font-family: "Franklin Gothic Book", Arial, sans, sans-serif;
	font-weight: bold; 
}
#content ul {
	font-family: "Franklin Gothic Book", Arial, sans, sans-serif;
}



/* ALAOSA ------------------------------------------------------------------ */
#footer_back {
	clear: both;
	height: 70px;
	width: 100%;
	min-width: 770px;
	//background-image: url(../img/bg_bottom.gif);

}
#footer {
	clear: both;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	text-align: right;
	font-size: 80%;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;

}
#footer p {
	margin: 0px;

}


/* MUUT -------------------------------------------------------------------- */
.left {
	float: left;
	clear: left;
}

.right {
	float: right;
	clear: right;
	
}

.button {
	margin-top: 0px;
}
input {
	margin-top: 0px;
}

a, a:active {
	cursor: pointer;
}

a, a:active {
	color: #77AACC;
	text-decoration: underline;
}

a:hover, a:active:hover, a:visited:hover {
	color: #CC3333;
}


#tuotekuva {
	text-align: left;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-color: #77AACC;
	border-style: dashed;
}
#telinebox {
	text-align: left;
	clear: both;
	padding: 0px;


}
#telinebox img {

	margin-right: 20px;
	margin-bottom: 20px;
}
#telinebox a.teline{
	margin-left: 20px;
	border: 0;
}

#tuotekuva img {
	border: 0px solid;
}
#tuotekuva img .border {
	border: 1px solid;
}