@charset "utf-8";

/* Alasivujen taustan määrittely, sama kuin pääsivuilla MUSA.css, mutta ilman taustaväriä ja mahdollisia taustakuvia */
body {
	margin: 0;
	padding: 0;
	border:none; 
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Määrittelee 1em=10px */
	background:none;
	color:#000; /* musta fontti */
}
/*Tämä on vain musanetin palautesivun tyylikoodia*/
body.musanetti {
	/*background-image:  url(../kuvat/bannerit/sinitaivas.png);*/
	background: url(../kuvat/bannerit/sinitaivas.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    /*background-repeat: no-repeat;*/	
}
/*MUSANETIN ESITYSKEHYS
*/
.netti {
	width:80em;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5em;
	background-color:#FFF;
	padding:1em;
	border:thin solid #000;
	-webkit-border-radius:2em;
    -moz-border-radius:2em;
    -o-border-radius:2em;
    -ms-border-radius:2em;
    border-radius:2em;
}
/* 
ARTIKKELI
Kehys, jossa kehyksen sisään sijoitetut kuvat tulevat vasempaan reunaan ja tekstit kuvan oikealle puolelle. Kehystä käytetään lähes kaikissa avautuvissa alasivuissa.
*/
.artikkeli_vasenkuva {
	width:100%;
	height:auto;
	margin:0;
}
/* 
ARTIKKELIN KUVA
Kuvat kellutetaan vasemmalle, rajoitetaan kuvan leveys noin 200px, korkeus säätyy automaattisesti lähdekuvan mukaan 
*/
.artikkeli_vasenkuva img {
	float:left;
	clear:left;
	padding-right:0.4em;
	padding-bottom:0.4em;
	padding-top:0.4em;
	max-width:20em;
	height:auto;
	z-index:5;
}
/* 
ARTIKKELIN TEKSTIT
Tekstit siirretään oikealle, jotta vasemmalle mahtuu 200px kuva.
*/ 
.artikkeli_vasenkuva p{
	margin-top:0.4em;
	margin-bottom:0.4em;
}
.artikkeli_vasenkuva li{
	margin-top:0.4em;
	margin-bottom:0.4em;
	margin-left:3em;
	font-size: 1.6em;
}
/*
PALAUTEKAAVAKE
Kaikkia kaavakkeita koskevat asetukset
*/
/* Kaavakkeen ulkoasu ja koko */
form {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-left:1em;
	padding-right:1em;
	background-color: #98B3E8;
	border:0.2em solid #000;
	-webkit-border-radius:2em;
    -moz-border-radius:2em;
    -o-border-radius:2em;
    -ms-border-radius:2em;
    border-radius:2em;
}
/*Kaavakkeen laatikoiden otsikoiden muotoilu*/
form label {
	padding-left:0.4em;
	display:block;
	width:98%;
	margin-left:0;
	font-size:1.4em;
	color:#000;
}
/*Kaavakkeen tietojen syöttökenttien muotoilu*/
form input, text {
	width:98%;
	margin-left:0;
	height:1.4em;
	background:#efefef;
	border:0.1em solid #000;
	-webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    -o-border-radius:0.4em;
    -ms-border-radius:0.4em;
    border-radius:0.4em;
	padding-left:0.4em;
	font-size:1.4em;
	color:#000;
}


/* Alasvetovalikon muotoilu vastaa muiden kenttien muotoilua */
form select {
	width:98%;
	margin-left:0;
	height:1.6em;
	background:#efefef;
	border:0.1em solid #000;
	-webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    -o-border-radius:0.4em;
    -ms-border-radius:0.4em;
    border-radius:0.4em;
	font-size:1.4em;
}
#numero, #vuosi, #raha {
	width:96%;
	}
/* Palautteen otsikkoalueen muotoilu */
#otsikko {
	width:100%;
	margin-left:0;
	height:1.4em;
	background:#efefef;
	border:0.1em solid #000;
	-webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    -o-border-radius:0.4em;
    -ms-border-radius:0.4em;
    border-radius:0.4em
	font-size:1.4em;
	text-transform:uppercase;
	color:#000;
}
/* Palautteen kirjoitusalueen muotoilu */
#asia, #kaytto {
	width:99%;
	margin-left:0;
	height:4em;
	background:#efefef;
	border:0.1em solid #000;
	-webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    -o-border-radius:0.4em;
    -ms-border-radius:0.4em;
    border-radius:0.4em
	padding:0.4em;
	font-size:1.4em;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#000;
}
/* Sanoman vahvistuksen checkbox muotoilu */
#vahvista, #historia, #liitteet, #postaus {
	width:1.5em;
	height:1.5em;
	background:#efefef;
	border:0.1em solid #000;
	-webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    -o-border-radius:0.4em;
    -ms-border-radius:0.4em;
    border-radius:0.4em
	font-size:1.4em;
	color:#000;
	text-align: center;
}	
/* Lähetä napin muotoilu */	
#submit { 
    width:10em;
    height:1.8em;
    background:#CCC;
	border:0.1em solid #000;
	-webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    -o-border-radius:0.4em;
    -ms-border-radius:0.4em;
    border-radius:0.4em;
	font-size:1.4em;
}
#submit:hover, submit:active, submit.focus { 
    background: #666;
	color:#FFF;
}
/* Tyhjennä -napin muotoilu, samat kuin lähetysnapille */
#reset { 
    width:10em;
    height:1.8em;
    background:#CCC;
	border:0.1em solid #000;
	-webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    -o-border-radius:0.4em;
    -ms-border-radius:0.4em;
    border-radius:0.4em;
	font-size:1.4em;
}
#reset:hover, reset:active, reset.focus {
	background:#666;
	color:#FFF;
	text-align: center;
}


/*Tällä muutetaan aktiivisen syöttökentän ominaisuuksia */
form input:focus, textarea:focus {
	background:#FFF;
}

/* Värillinen korostustausta artikkelikehykssä */
.huomiotausta {
	background-color:#FF9;
	border:thin;
	border-color:#CCC;
	border-style:solid;
	margin-left:350px;
	padding:10px;
	width:300px;
	border-radius: 12px;
	box-shadow: 4px 4px 12px #666;
	/* oikealle, alas, leveys, väri */
}

.huomiotausta p {
	margin:0px;
}

.clear { /* Siivoaa kokonaisuuden */
	clear:both;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
li {
	margin-left: 2em;
	margin-top:0em;
	margin-bottom:0em;
	font-size: 1.6em;
}

/* 
TEKSTIEN TYYLIT
Käytetään samoja tyylejä kaikilla sivuilla. Nämä määrittelyt oltava samoja molemmissa CSS-tiedostoissa kaiken varalta. 
*/
.h1 {
	margin-top: 0; 
	margin-bottom:0.1em;
	font-size: 3em;
	border-bottom-color: #000;
	border-bottom-width: 0.15em;
	border-bottom-style: solid;
}
hr {
	color:#CCC;
	background-color:#CCC;
	height: 0.15em;
}
.h2 {
	margin-top: 0;
	margin-left:0;
	margin-bottom:0.1em;
	font-size: 2.4em;
}
.h3 {
	margin-top: 0;
	margin-left:0;
	margin-bottom:0.1em;
	font-size: 2.2em;
}
.h4 {
	margin-top: 0;
	margin-left:0;
	margin-bottom:0.1em;
	font-size: 2em;
	font-weight:bold;
}

.p {
	margin-top:0em;
	margin-bottom:0.2em;
	font-size: 1.6em;
	orphans:2;
}
.t {
	margin-top:0em;
	margin-bottom:0em;
	font-size: 1.2em;
}
.teaser {
	margin-top:0.2em;
	margin-bottom:0.2em;
	font-size: 1.8em;
	font-style:italic;
	font-weight:bold;
}


/*
TEKSTILINKIT
Tässä asetetaan tekstiin kuuluvien linkkien muotoilut
*/
a img {	border: none;}

a:link, a:visited  {
	color:#00F; /*Tekstilinkin väri - sininen*/
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	font-weight: bold;
}