/* ---------------------------------------------------------------------------- */

body  {	background-color: #b8dcff;
	font-size: 12px; font-family: Verdana, Arial; 
}

div#header { background-image: url("images/layout/kooste_desaturated_piaffe.jpg"); height: 70px; border-bottom: solid black 1px; width: 720px;}
div#header h1 { margin: 0; text-align: center; height: 55px; padding-top: 15px; padding-left: 0; font-size: 24px;}

/* ------------------------------------ sivu yläosa: logo ja navi ---------------------------------------- */
 
ul#navlist { padding: 10px 10px 5px 10px; white-space: nowrap; text-align: center; margin-left: 0;}

#navlist li { display: inline; list-style-type: none; }
#navlist a { padding: 5px; }
#navlist a:link, #navlist a:visited { color: #0000ff; background-color: #dedede; text-decoration: none; border:1px solid blue;}
#navlist a:hover { color: #fff; background-color: #369; text-decoration: none; }
#navlist a#current { color: #fff; background-color: #369; text-decoration: none; }


ul#subnavlist { padding: 0; margin: 0 15px 0 0; white-space: nowrap; text-align: left; float: right; }
#subnavlist li { list-style-type: none; padding-top: 3px;padding-bottom: 3px;}
#subnavlist a { padding: 3px; }
#subnavlist a:link, #subnavlist a:visited { color: #0000ff; background-color: #fff; text-decoration: none; border:1px solid blue;}
#subnavlist a:hover { color: #0000ff; background-color: #dedede; text-decoration: none; }
#subnavlist a#current2 { color: #0000ff; background-color: #dedede; text-decoration: none; }

ul.potkulehdet { }
ul.potkulehdet li { display: inline; list-style-type: none; }
ul.potkulehdet div { float: left; margin: 3px;}

/* ------------------------------------ sisältö ---------------------------------------- */


p {color: #000000; font-size: 12px; font-family: Verdana, Arial; margin-top: 0.5em; margin-bottom: 3;text-indent: 0em; }
p.leipis {color: #000000; font-size: 12px; font-family: Verdana, arial; }
p.sininen { color: #000000; font-size: 11px; font-family: Verdana, Arial; }
p.otsikko { color: #000000; font-size: 16px; font-family: Verdana, arial; font-weight: 600; }

.eka { margin-left: 110px;}
.italic { font-style: italic }

span.pvm { font-style: italic; display: block; margin-bottom: 5px; margin-top: 15px;}

p.omatyyli { color: black; font-size: 12px; font-family: Verdana, Arial }
p.omatyyli1 { color: black; font-size: 8px; font-family: Verdana, Arial }

ul {color: #000000; font-size: 12px;}

ul.markkinat li {margin-top: 10px; clear: both;}

hr { color: #0000FF; height: 1px; }
h2 { font-size: 24px; font-family: Verdana, arial; font-weight: normal; color: #000000; background-color: #ffffff; }
h3, h4, h5,{ font-size: 18px; font-family: Verdana, arial; font-weight: normal; color: #000000; background-color: #ffffff; } /* #7db7fa */
h3 {clear: both; border-bottom: solid #369 1px; }
h6 { font-family: Verdana, arial; font-size: 44px; color: #679ddb; }
h4.kilpailu {background: #b8dcff; color: black; padding-left: 5px;}
h4.kilpailu_tulevat {background: #66CCFF; color: black; padding-left: 5px;}

a:link {text-decoration: none; color: #0000ff; font-size: 9pt; font-family: Verdana, arial;}
a:visited {text-decoration: none; color: #0000ff; font-size: 9pt; font-family: Verdana, arial;}
a:active {text-decoration: none; color: #0000ff; font-size: 9pt; font-family: Verdana, arial;}
a:hover {text-decoration: none; color: #FF0000; font-size: 9pt; font-family: Verdana, arial;}

div#container { border: solid 3px #444444; background-color: white; width: 720px; margin-left: auto; margin-right: auto; padding-top: 0; }

div#content { padding: 0 20px 30px 20px; }

p {margin: 10px 5px 10px 5px;}
.etusivutyyli {margin-left: 300px;}
.laatikko {border: dashed 2px #669999; padding: 10px;}


/* ------------------------------------ laatikot ---------------------------------------- */

div#oikopolut_container { border: solid black 1px; padding: 0; float: left; margin-right: 20px; margin-bottom: 10px;}
div#oikopolut_container div#oikopolut_otsikko {background-color: #dedede; padding: 3px; border-bottom: solid black 1px;}
div#oikopolut_container div#oikopolut {padding: 10px;}

div#potku_container { border: solid black 1px; padding: 0; float: right; margin-left: 20px; margin-bottom: 10px;}
div#potku_container div#potku_otsikko {background-color: #dedede; padding: 3px; border-bottom: solid black 1px;}
div#potku_container div#potku {padding: 10px; text-align: center;}

div#kalenteri_container { border: solid black 1px; padding: 0; float: left; margin-right: 20px; margin-bottom: 10px; width: 200px;}
div#kalenteri_container div#kalenteri_otsikko {background-color: #dedede; padding: 3px; border-bottom: solid black 1px; text-align: center;}
div#kalenteri_container div#kalenteri {padding: 5px; }
div#kalenteri_container div#kalenteri ul { margin-top: 0; }/* margin-left: -25px; padding-left: 15px;*/

div#etusivukuva_container { border: solid black 1px; padding: 0;}
div#etusivukuva_container div#etusivukuva_otsikko {background-color: #dedede; padding: 3px; border-bottom: solid black 1px;}
div#etusivukuva_container div#etusivukuva {padding: 10px; text-align: center;}

div#yhteys_container { border: solid black 1px; padding: 0; float: right; margin-left: 20px; margin-bottom: 10px; width: 380px;}
div#yhteys_container div#yhteys_otsikko {background-color: #dedede; padding: 3px; border-bottom: solid black 1px; text-align: center;}
div#yhteys_container div#yhteys {padding: 5px; }
div#yhteys_container div#yhteys ul { margin-top: 0; margin-left: -35px;}/* margin-left: -25px; padding-left: 15px;*/
*HTML div#yhteys_container div#yhteys ul { margin-top: 0; margin-left: 5px;}
div#yhteys_container div#yhteys li { margin-left: 0; list-style-type: none;}/* margin-left: -25px; padding-left: 15px;*/


/* ------------------------------------ pikkutyylit ---------------------------------------- */
.tilaa {clear: both;}
.center { text-align: center; }

.with_margin {margin: 10px;}
.with_topmargin {margin-top: 10px;}
.with_bottommargin {margin-bottom: 10px;}
.with_leftmargin {margin-left: 10px;}
.with_rightmargin {margin-right: 10px;}

.rightside {margin: 0px 0 10px 10px;}

.kehys {
border: solid #B5CEB5 4px;
}

img.kehys_oik {
float: right; border: outset #339999 4px; /* B5CEB5, solid 4px / ridge 6px; */
}


.bold {
font-weight: bold;
}

img.oik { float: right; }
img.vas { float: left; }

p.right { text-align: right; }

div.kuvateksti_oik { float: right; font-weight: bold; font-size: smaller;}
div.kuvateksti_vas { float: left; font-weight: bold; font-size: smaller;}