/* <----------------------------------------------- Yleis Sivun Tyylit -----------------------------------------------> */

/* Body ja HTML Tyylit */
body {
	background:url(../taustat/tausta.gif) repeat-x #d0d0d1;
	margin:10px;
}
body,select,textarea,input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-weight:none; }
h1 { font-size:20px; padding-bottom:1em; color:#33c}
h2 { font-size:16px; padding-bottom:8px; }
h3 { font-size:13px; padding-bottom:0em; }
h4 { font-size:13px; padding-bottom:1em; }
h5,h6 { font-size:12px; padding-bottom:1em; }

.pun {font-weight:bold; color:#900;}

/* Linkit */
a:link, a:visited, a:active { text-decoration: none; color:#000; }
a:hover {
	text-decoration: none; 
	color: #881829;
}
a img { border:none; }
a.notice { color: #881829!important; }

/* Listat */
ul.none,ol.none { list-style:none; padding:0; margin:0; }
ul.none li { display:block; }
ol.none li { display:inline; }
hr.list { border:1px solid #aaa; }

/* forms */
form { padding:0; margin:0; }
input,textarea,select { background:#f9f9f9; border:1px solid #ccc; }
input.radio { border:0; background:none; }
label { cursor:pointer; }

/* <----------------------------------------------- Sivut Elementit -----------------------------------------------> */

/* Ylä Osa */
#box { margin:0 auto; width:760px; }
#top { vertical-align:bottom; height:125px; background:url(../taustat/bannerioikea/ylabanneri_oikea01.png) bottom right no-repeat; }
#body { padding-left:10px; }
#flags { text-align:right; padding:6px 10px 0; }
#logo_left { float:left; }

/* Menu01 */
#menu01 { clear:both; text-align:center; background: #c3c0bc; font-weight: bold; width:750px; overflow:hidden; }
#menu01 a { background:#b5b3af; float:left; width:81px; display:block; border-right:1px solid #b5b3af; border-left:1px solid #b5b3af; padding:5px 0; }
#menu01 a + a + a + a + a + a + a + a + a { padding-right:3px!important; }
#menu01 .selected { background:#D0CDC8; }
#menu01 a:hover {
	border-right: solid 1px #cdcac1;
	border-left: solid 1px #cdcac1;
	background-color: #a5a29f;
}

/* Menu02 */
#menu02 { clear:both; text-align:left; background: #ddd; font-weight: bold; width:130px; overflow:hidden; }
#menu02 a { background:#ddd; float:left; width:130px; display:block; padding:5px; }
#menu02 a + a + a + a + a + a + a + a + a { padding-right:3px!important; }
#menu02 a:hover {
	background-color: #a5a29f;
}

/* Loppu Osa */
#footer { text-align:right; background:#312D28; color:white; padding:5px; width:740px; font-size:10px; }
#footer div { float:left; }


/* <----------------------------------------------- Etu Sivun Elementit -----------------------------------------------> */

/* Keski Osa */
#text_container { border:1px solid #e0dcd8; background:#e5e1dd; }
#stage { width:750px; clear:both; background:url(../taustat/sivubanneri/sivu02.gif) no-repeat #ece7e3 bottom right; }
#main { width:610px; border-right:1px solid #e0dcd8; padding:0 10px 10px; }

/* Etu Sivun Kuvat */
#kuva_linkit { margin-top:1em; height:300px; overflow:hidden; }
#kuva_linkit a { border:1px solid #e0dcd8; background:#e5e1dd; }
#kuva_linkit a:hover { background-color: #d4d1cd; color:black; }
#kuva_linkit .container { width:293px; display:block; height:60px; float:left; margin:0 10px 10px 0; }
#kuva_linkit .container img { float:left; margin-right:5px; }
#kuva_linkit .title { font-weight:bold; }


/* <----------------------------------------------- Navigation Sivun Elementit -----------------------------------------------> */

/* Keski Osa */
#browse { background:white; clear:both; width:750px; }
#navigation { background:#ddd; width:130px; padding:10px; vertical-align:top; }
#navigation li { list-style:disc; padding:5px; }
#content { padding:5px; }

strong { color:red; }