/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
}

a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

li{ list-style-type:square; }/*listoissa käytettävä merkki on neliö*/

/*#######################
  Element Styles 
#######################*/
body 
{
  font-size:14px; 
  /*font-family:Helvetica, Arial, Verdana, sans-serif;*/
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  color:#000000;
  /*background:url(../images/elementit/taustaliuku2.jpg) left top repeat-x;*/
   /*background-color:#e5eaed url(../images/elementit/bgvarjo.jpg) repeat-y center;*/
   /*background:#e5eaed url(../images/elementit/bgvarjo.png) repeat-y center;*/
  background:#e5eaed; 
  /*background-color:black;*/
}

h2, h3, h4, h5, p, ul, ol, dl {margin:15px 0}
h2 {font-weight:bold; color:#2D2D2D; font-family: inherit;} 
h3, h4, h5 {font-weight:bold; color:#484848; margin-top:40px; font-family: inherit;}

h2 {font-size:1.25em; text-transform:uppercase}
h3 {font-size:1.25em}
h4 {font-size:1.15em}
h5 {font-size:1em; font-style:italic; color:gray}


a {color:#0000FF; outline:none}
a:hover {text-decoration:none}
a.linkki{color:#0000FF; outline:none}

dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}

.right {float:right; display:inline; margin-left:15px}

/*#######################
  Layout Styles 
#######################*/

#wrapper {width:955px; margin:0 auto; background:white; margin-top:40px; margin-bottom:40px; border:solid #E1E6EA 10px}

h1 
{
  width:955px; 
  height:80px; 
  /*Otsikon kohdistus*/
  /*ylä,,,vasen*/
  padding:30px 0px 0px 20px;    
  margin-bottom:0px; 
/*  margin-top:40px;*/
  font-size:1.5em; 
  font-family: inherit;
  text-transform:uppercase; 
  color:#fff; 
  background:url(../images/elementit/header_blue2_955.jpg) left top no-repeat;
}
   
h1 a 
{
   display:block; 
   padding:0px 0px 0px 0px; 
   text-decoration:none; 
   color:#fff; 
}

#content 
{
   clear:both; 
   float:left; 
   padding:15px; 
   min-height:500px;
   width:920px; 
}	
   
#content p {line-height:1.25em}
#content ul {margin-left:25px; list-style-type:disc}
#content li {margin:10px 0}	

#content .three_columns 
{
 float:left; 
 display:inline; 
 float:left; 
 width:280px; 
 margin:0 15px 15px 0;
}

#content .three_columns img 
{
 float:left; 
 display:inline; 
 margin-right:15px;
}

#content .three_columns a {line-height:1.7; color:#0000FF;}
#content .two_columns {float:left; display:inline; width:435px; margin-right:15px;}

#nosto 
{
 width: 350px; 
 min-height:649px; 
 display:inline; 
 float: right; 
 border:0;  
 /*background-color: none;*/ 
 padding-left:15px; 
 margin-right:0px; 
 margin-top:0;

}

#nosto h2 
{
 width: 345px; 
 color:#1B1B1B; 
 margin-left:15px; 
 margin-top:0px; 
 /*background-color:#DFDFDF;*/
 background-color:#AFBD22;
/* background-color:#C5D0D3;*/ 
 padding-left:10px; 
 padding-top:10px; 
 padding-bottom:10px; 
 font-family:monospace;
}

#nosto a {color:#0000FF}

/*Kamapörssi normaali ilmoitus*/
#content .kama 
{
 float:left; 
 display:inline; 
 width:400px; 
 margin-right:15px; 
 margin-bottom: 15px; 
 padding-top:0px; 
 border:solid 2px; 
 border-color: #91B0D5; 
 min-height:220px; 
 padding-left:15px; 
 padding-right:15px
}

.kama h2
{
 width:390px; 
 background-color:#91B0D5; 
 padding-left:10px; 
 padding-top:15px; 
 padding-bottom:15px; 
 font-family:monospace;
}

/*Kamapörssi iso ilmoitus*/
#content .kama_iso 
{
 float:left; 
 display:inline; 
 width:400px; 
 margin-right:15px; 
 margin-bottom: 15px; 
 border:solid 2px; 
 border-color: #91B0D5; 
 min-height:330px; 
 padding-top:0px; 
 padding-left:15px; 
 padding-right:15px
}

.kama_iso h2
{
 width:390px; 
 background-color:#91B0D5; 
 padding-left:10px; 
 padding-top:15px; 
 padding-bottom:15px; 
 font-family:monospace;
}

/*Käyntikortti*/
#content .bcard 
{
 float:left; 
 /*display:inline-box;*/
 display:inline; 
 width:400px; 
 margin-right:15px;
 margin-bottom: 15px; 
 border:solid 0px; 
 border-color: #484848; 
 min-height:120px; 
 padding:15px;
}

#content .bcard h4 
{
 font-size:1em; 
 text-transform:uppercase; 
 margin-top:2px; 
 margin-bottom:2px
}

/*Ajankohtaista-Uutiset*/
.uutiset 
{
 border:solid 2px; 
 border-color: #D7E4FF; 
 margin-bottom: 15px; 
 padding-bottom:50px; 
 padding-left: 40px; 
 padding-right:40px;
}
.uutiset table
{
 width:600px;
}	
.mmcradio{width:15px; }

/* Form Styles */
input, textarea 
{
  padding:3px; 
  font-size:.95em; 
  /*font-family:Helvetica, Arial, Verdana, sans-serif;*/ 
  font-family: inherit;
  font-style:italic; 
  color:gray;
}

input {width:250px}
textarea {width:350px; height:150px}
#submit {width:100px; font-weight:bold; color:#000; font-style:normal;}

/*table class="taulu"*/
.taulu  {border:solid black 2px; width:920px;} 
.taulu tr {}
.taulu th {background-color:#91B0D5; padding:5px; text-transform:uppercase;}
.taulu td {background-color:#FFFFFF; padding-left:7px; padding-top:5px; padding-bottom:5px;}

/*kilpailukalenteri -taulu*/
#kisakalenteri 
{
 width:900px; 
 background:url(../images/elementit/kisakalenteri_bg_tumma.jpg) repeat-y; 
 border: 0px; 
 background-color:#0000FF; 
 color:white; 
 border-collapse: collapse; 
 border-spacing: 0
}

#kisakalenteri th {background-color:black; vertical-align:middle;}
#kisakalenteri tr {height:25px; border:0px; vertical-align:middle;}
#kisakalenteri td {height:25px; border:0px; vertical-align:middle;}
#kisakalenteri a {color:red; border:0px;}
	
#footer 
{
 clear:both; 
 font-size:.9em; 
 font-style:italic; 
 color:gray; 
 border:solid 0px; 
 width:955px; 
 height:100px;  
 background:url(../images/elementit/footer_background2.jpg) bottom repeat-x
}

.pics 
{  
  width: 954px;  
  padding: 0;  
  margin: 0;
  height:105px;
  margin-left:-2px
} 
 
.pics img 
{  
  padding: 10px;  
  display:inline;
  float:left;
  border: 1px solid #ccc;  
  background-color: #eee;  
  width: 133px; 
  top: 0; 
  left: 0;
}

.div_salit
{
 min-height:100px; 
 min-width:900px;
 margin-bottom:10px;
 border:none;
}
.div_sali
{
 float:left; 
 /*display:inline-box;*/
 display:inline; 
 width:200px; 
 margin: 5px; 
 border:none; 
 border-color: #484848; 
 min-height:80px; 
 padding:5px;
 border:none;
}
.soutusalit
{
 min-width:900px;
}
.soutusalit h4
{
 margin-top:10px;
 margin-bottom:0px;
}
