/**
 * CSS file for Kipikude.
 */

@charset "utf-8";
/*@import "mozilla.css";*/
@import "common.css";
/* Whitespace reset. */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 8pt;
	background-attachment: fixed;
	background: #ededed;
}
body, html {
	width: 100%;
	height: 100%;
}

p {
	margin: 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial", sans-serif;
}

h2 {
	font-size: 1.3em;
	margin: 2em 0 0.6em 0;
}

h3 {
	font-size: 1.2em;
	margin: 1.5em 0 0.6em 0;
}

/* structure */
#wrapper {
	width: 1130px;
	margin: auto;
	background: url("../img/content-bg.png") repeat-y;
}
#header, #main, #navigation, #footer {
	width: 1130px;	
}
#header {
	background: url("../img/header-bg.png") no-repeat;
	height: 113px;
}
#fp-header {
	background: url("../img/frontpage-header-bg.png") no-repeat;
	height: 113px;
}
#navigation {
	background: url("../img/navigation-bg.png") no-repeat;
	height: 28px;
}
#fp-navigation {
	background: url("../img/frontpage-navigation-bg.png") no-repeat;
	height: 28px;
	vertical-align: bottom;
}
#frontpagecontent {
	width: 799px;
}
#frontpagecontentpadding {
	width: 799px;
	padding: 0px 144px 0px 176px;
}
#main {
	background: url("../img/main-bg.png") no-repeat;
}
#sidebar {
	float: left;
	margin-left: 167px;
	margin-top: 42px;
	width: 187px;
}
#twocolumncontent {
	float: left;
	width: 765px;
	margin-top: 42px;
	margin-bottom: 20px;
}
#twocolumncontentpadding {
	padding: 0px 144px 0px 30px;
}
#onecolumncontent {
	width: 1119px;
}
#onecolumncontentpadding {
	padding: 42px 144px 0px 167px;
}
#footer {
	background: url("../img/footer-bg.png") no-repeat;
	clear: both;
	height: 59px;
	color: #494949;
}
#footerpadding {
	padding: 10px 144px 0px 175px;
	height: 59px;
}

/* sidebar */
#sidebar-contact {
	margin-top: 20px;
	clear: both;
}
.sidebarimg {
	margin: 0 0 20px 0;
}

/* misc */
.instore {
	background: #daeef3;
}

.buyme {
}

/* header */

/* content */
.content {
}
.content ul, .content menu, .content dir {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}
.content ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  -moz-padding-start: 40px;
}
.content li {
  display: list-item;
}

.graphics {
	margin: 5px;
}
.section {
	margin: 2em 0 3em 0;	
}

/* frontpage */
#frontpagenews {
	font-size: 100%;
	font-weight: bold;
}

#frontpagenews .frontpagenewspadding {
	padding: 60px 15px 20px 15px;
}

/* top navigation */
ul#topnav-list {
	list-style: url(none) none;
	margin-left: 185px;
}
ul#topnav-list .topnav-text {
	display: none;
}
ul#topnav-list li {
	float: left;
}
ul#topnav-list a {
	margin-right: 5px;
}

/* forms */
form.kipikudeform {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
form.kipikudeformfieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
form.kipikudeform fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
form.kipikudeform fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
form.kipikudeform fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
form.kipikudeform fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form.kipikudeform div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form.kipikudeform div.error-message {
	clear: both;
	margin: 0;
	padding: 0 0 0 1em;
	vertical-align: text-top;
	color: #990000;
	font-weight: bold;
}
form.kipikudeform div.input {
	color: #444;
}
form.kipikudeform div.required {
	color: #333;
	font-weight: bold;
}
form.kipikudeform div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
form.kipikudeform label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
form.kipikudeform input, form.kipikudeform textarea {
	clear: both;
	display: block;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
form.kipikudeform select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
form.kipikudeform select[multiple=multiple] {
	width: 100%;
}
form.kipikudeform option {
	font-size: 120%;
	padding: 0 3px;
}
form.kipikudeform input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
form.kipikudeform input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
form.kipikudeform input[type=reset] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* styles from old pages */
.formborder{ 
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #999999;}	
	
.tdborder{	
	border-style:solid;
	border-width:1 1 1 1;
	border-color:#cccccc; 
	padding:1 1 1 1;}	
	
.tdheader{ 
	text-decoration:none; 
	color:#000000; 
	font-weight:600; 
	font-size:14px;         
	font-family:arial;}
	
.tdtext{
	text-decoration:none;  
	font-weight:200; 
	font-size:12px; 
 	font-family:verdana, arial, helvetica, sans-serif;
	padding:10 20 0 30}

.tdtext4{
	text-decoration:none;  
	font-size:12px; 
 	font-family:verdana, arial, helvetica, sans-serif;
}

.tdtext2{
	text-decoration:none;  
	font-weight:200; 
	font-size:12px; 
 	font-family:verdana, arial, helvetica, sans-serif;
	padding: 1px 3px 1px 3px;
}	

.tdtable{
	text-decoration:none; 
	color:#000000; 
	font-weight:200; 
	font-size:12px; 
 	font-family:arial;
	padding:3 3 3 3}

.tdubique{
	text-decoration:none; 
	color:#ffffff; 
	font-weight:200; 
	font-size:11px; 
 	font-family:verdana;
	padding:0 0 0 5;}

.tdnavi{
	text-decoration:none; 
	color:#000000; 
	font-weight:200; 
	font-size:10px; 
 	font-family:verdana;
	padding:20 0 0 3;}	
	
.tdleft{
	text-decoration:none; 
	color:#000000; 
	font-weight:200; 
	font-size:13px; 
 	font-family:verdana;	
	padding:0;}			
	
.tdkuva{
	text-decoration:none; 
	color:#000000; 
	font-weight:200; 
	font-size:14px; 
 	font-family:verdana;	
	padding:10 0 0 0;}
	
.tdform{
	text-decoration:none; 
	color:#000000; 
	font-weight:200; 
	font-size:11px; 
 	font-family:verdana;	
	padding:1;}	
	
.tdubique{
	text-decoration:none; 
	color:#000000; 
	font-weight:200; 
	font-size:12px; 
 	font-family:tahoma;	
	padding:1;}		

a.navi {
	background-color:#ffffff;
	text-decoration:none; 
	color:#444444; 
	font-family:verdana, arial, helvetica, sans-serif; 
	font-size:11px; 
	font-weight:600; 
	padding:0;}
:link.navi {text-decoration:none;} 
:visited.navi {text-decoration:none;} 
:hover.navi {text-decoration:none; color:#8e8d92;}
:active.navi {text-decoration:none;}
:focus.navi {text-decoration:none;}

a.link { 
	text-decoration:none; 
	color:#000000; 
	font-family:arial, helvetica, sans-serif; 
	font-size:10px; 
	font-weight:200; 
	padding:0;}
:link.link {text-decoration:none;} 
:visited.link {text-decoration:none;} 
:hover.link {text-decoration:underline;}
:active.link {text-decoration:none;}
:focus.link {text-decoration:none;}

a.ubique { 
	text-decoration:none; 
	color:#000000; 
	font-family:tahoma, verdana, arial, helvetica, sans-serif; 
	font-size:12px; 
	font-weight:200; 
	padding:2 5 2 2;}
:link.ubique {text-decoration:none;} 
:visited.ubique {text-decoration:none;} 
:hover.ubique {text-decoration:underline;}
:active.ubique {text-decoration:none;}
:focus.ubique {text-decoration:none;}

a.menulink {
	display: block; 
	width: 100%; 
	text-decoration: none; 
	font-family: kristen ITC, tahoma; 
	font-size:13px; 
	color: #041e37; 
	font-weight:200; 
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
	padding:2 2 2 8;}
:link.menulink {text-decoration:none;} 
:visited.menulink {text-decoration:none;} 
:hover.menulink {background-color:#BAF55C;}
:active.menulink {text-decoration:none;}
:focus.menulink {text-decoration:none;}



.tdtext3 {
	text-decoration:none;
	font-weight:200;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	padding:1 3 1 3;
	color: #666666;
}

.huom
{
	color: #99CC00;
}
.forminput {
	width: 300px;
	border: 1px solid #000000;
}
.notice {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
}
.tarjous
{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #f0f;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tarjous span
{
	font-size: 12px;
}

.indexlinks
{
	font: 24px Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 40px;
}

.indexlinks a
{
	color: #000;
	text-decoration: none;
}

.indexlinks a:hover
{
	text-decoration: underline;
}
.style1 {
	color: #669900;
	font-weight: bold;
}