/* Tyylimäärittelyt BAR KOODI */
/* Heikki Nikkanen 2009 */


/* Yleiset kamat */


* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	background: #000000 url(../images/bg2.png) repeat 0 0;
	font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	}
	
a {
	text-decoration: underline;
	color: #FFF;
	}
	
a:hover {
	text-decoration: underline;
	color: #000;
	}
	
/* Rakenne, valikot yms. */

div#runko {
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: left;
	width: 943px;
	position: relative;
	}

div#ylapalkki {
	display: block;
	margin: 0;
	padding: 50px 27px 0 0;
	height: 25px;
	list-style: none;
	text-align: right;
	}

div#ylapalkki img {
	max-width: 250px;
	background: #c3c3c3;
        border: 0px solid #000000;
	padding: 0px;
	}
	
h1#ylalogo {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 150px;
	background: url(../images/ylalogo_koodi.jpg) no-repeat 0 0;
	}

div#keskitausta {
	background: url(../images/keskitausta.png) repeat-y 0 0;
	min-height: 50em;
	position: relative;
	}

div#keskitausta ul#rajaus {
	margin: 0 0 0 25px;
	padding: 0;
	background: #000000 url(../images/rajaus.png) no-repeat 0 0;
	display: block;
	list-style: none;
	height: 25px;
	width: 890px;
	}
	
div#keskitausta ul#valikko {
	margin: 0 0 0 25px;
	padding: 0;
	background: #000000 url(../images/navigaatio2.jpg) no-repeat 0 0;
	display: block;
	list-style: none;
	height: 50px;
	width: 890px;
	}
	
div#keskitausta ul#valikko li {
	display: inline;
	}
	
div#keskitausta ul#valikko li a {
	display: block;
	float: left;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	}

div#keskitausta ul#valikko li#alku a {
	background: #000000 url(../images/navigaatio2.png) no-repeat 0 0;
	width: 106px;
	}
	
div#keskitausta ul#valikko li#etusivu a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -106px 0;
	width: 70px;
	}
	
div#keskitausta ul#valikko li#illat a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -176px 0;
	width: 55px;
	}
	
div#keskitausta ul#valikko li#bandikalenteri a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -231px 0;
	width: 126px;
	}
	
div#keskitausta ul#valikko li#henkilokunta a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -357px 0;
	width: 113px;
	}
	
div#keskitausta ul#valikko li#vieraskirja a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -470px 0;
	width: 102px;
	}
	
div#keskitausta ul#valikko li#yhteystiedot a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -572px 0;
	width: 114px;
	}
	
div#keskitausta ul#valikko li#member a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -686px 0;
	width: 104px;
	}
	
div#keskitausta ul#valikko li#loppu a {
	background: #000000 url(../images/navigaatio2.png) no-repeat -790px 0;
	width: 100px;
	}
	
div#keskitausta ul#valikko li#alku a:hover,
div#keskitausta ul#valikko li#alku a:focus,
div#keskitausta ul#valikko li#alku a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat 0 -50px;
	}

div#keskitausta ul#valikko li#etusivu a:hover,
div#keskitausta ul#valikko li#etusivu a:focus,
div#keskitausta ul#valikko li#etusivu a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -106px -50px;
	}
	
div#keskitausta ul#valikko li#illat a:hover,
div#keskitausta ul#valikko li#illat a:focus,
div#keskitausta ul#valikko li#illat a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -176px -50px;
	}
	
div#keskitausta ul#valikko li#bandikalenteri a:hover,
div#keskitausta ul#valikko li#bandikalenteri a:focus,
div#keskitausta ul#valikko li#bandikalenteri a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -231px -50px;
	}
	
div#keskitausta ul#valikko li#henkilokunta a:hover,
div#keskitausta ul#valikko li#henkilokunta a:focus,
div#keskitausta ul#valikko li#henkilokunta a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -357px -50px;
	}
	
div#keskitausta ul#valikko li#vieraskirja a:hover,
div#keskitausta ul#valikko li#vieraskirja a:focus,
div#keskitausta ul#valikko li#vieraskirja a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -470px -50px;
	}
	
div#keskitausta ul#valikko li#yhteystiedot a:hover,
div#keskitausta ul#valikko li#yhteystiedot a:focus,
div#keskitausta ul#valikko li#yhteystiedot a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -572px -50px;
	}
	
div#keskitausta ul#valikko li#member a:hover,
div#keskitausta ul#valikko li#member a:focus,
div#keskitausta ul#valikko li#member a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -686px -50px;
	}
	
div#keskitausta ul#valikko li#sarjis a:hover,
div#keskitausta ul#valikko li#sarjis a:focus,
div#keskitausta ul#valikko li#sarjis a#aktiivinen-osio {
	background: #000000 url(../images/navigaatio2.png) no-repeat -790px -50px;
	}

div#keskitausta ul#valikko li a:focus,
div#keskitausta ul#valikko li a:active {
	outline: none;
	overflow: hidden;
	}

/* Rungon palstat vasen, keski ja oikea + alaosa */


#palstat {
  padding-left: 200px;   /* Vasemman palstan leveys 150 + padding yht 50 */
  padding-right: 300px;  /* Oikean palstan leveys 250 + sen padding yht 50 */
}
#palstat .palsta {
  position: relative;
  float: left;
}
#keskipalsta {
  padding: 0 0 10px 0;
  width: 100%;
}
#vasenpalsta {
  width: 150px;        			/* Vasemman palstan leveys 150 */
  padding: 10px 10px 10px 40px;
  right: 200px;          		/* Vasemman palstan leveys 150 + padding yht 50 */
  margin-left: -100%;
}
#oikeapalsta {
  width: 250px;          		/* Oikean palstan leveys 250 */
  padding: 10px 40px 10px 10px;
  margin-right: -300px;  		/* Oikean palstan leveys 250 + padding yht 50 */
}


div#alaosa {
	height: 110px;
	background: url(../images/alapalkki.png) no-repeat 0 100%;
	position: relative;
	display: block;
	clear: both;
	}


/* Oikean palstan palstalaatikko */

.palstalaatikko {
	margin: 0 auto; 						/* keskitetty */
	width: 220px; 							/* palstan leveys 220px */
	background: url(../images/pl_teksti_oikea.png) no-repeat bottom right;
	font-size: 100%;
}

.palstalaatikko_otsikko {
	background: url(../images/pl_otsikko_oikea.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.palstalaatikko_otsikko h2 {
	background: url(../images/pl_otsikko_vasen.png) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px 30px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}
.palstalaatikko_sisalto {
	background: url(../images/pl_teksti_vasen.png) no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 31px 10px;
	font-size: 1.2em;
	font-weight: bold; 
	color: white; 
}

.palstalaatikko_sisalto p {
	font-weight: bold; 
	color: white; 
}

.palstalaatikko img {
	max-width: 150px;
	background: #c3c3c3;
        border: 1px solid #000000;
	padding: 3px;
	}

	
/* Vasemman palstan kuvat */

div#vasenpalsta img {
	max-width: 160px;
	background: #c3c3c3;
        border: 1px solid #000000;
	padding: 3px;
	}

.kuva {
	padding: 5px 5px 5px 5px;
        }


.bandikuva {
	padding: 5px 5px 5px 5px;
	background: #c3c3c3;
        border: 1px solid #000000;
        }

.kuvakehys {
        margin: 10px 0 0 0;
	padding: 5px 5px 0px 5px;
	background: #c3c3c3;
        border: 1px solid #000000;
        }


/* Alaosan linkit */

div#alaosa ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: -40px;
	text-align: center;
	display: block;
	width: 100%;
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	color: white; 
	}
	
div#alaosa ul li {
	display: inline;
	padding: 3px 20px;
	border-right: 1px dotted #FFF;
	line-height: 350%;
	}
	
div#alaosa ul li a {
	text-decoration: none;
	color: #FFF;
	}
	
div#alaosa ul li a:hover {
	text-decoration: underline;
	color: #000;
	}


/* Sivukohtaiset jutut */

div#bandikalenteri p.artikkelikuva {
	padding: 5px 40px 0 20px;
	margin: 0;
	float: right;
	}
	
div#bandikalenteri p.artikkelikuva img {
	display: block;
	clear: both;
	border: 0;
	text-align: center;
	margin: 0 auto 5px auto;
	font: 0.85em Georgia, "Times New Roman", Times, serif;
	}

div#bandikalenteri h2 {
        margin: 10px auto 5px auto;
        }

div#bandikalenteri a.bookmark {
	text-decoration: none;
	color: #FFF;
	}
	
div#bandikalenteri a:hover {
	text-decoration: underline;
	color: #000;
	}

table#tietovisa {
        width: 100%;
        border-color: #500000;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        margin: 0;
        padding: 3px;
        background-color: #a69d8e;
        }

table.bandilistaus {
        width: 100%;
        border-width: 0;
        }

table.bandilistaus td {
        border-color: #500000;
        border-width: 1px 0 0 0;
        border-style: solid;
        margin: 0;
        padding: 3px;
        background-color: #a69d8e;
        }

.yhteystiedot p {
	text-align: left;
	background: #968c7c;
	border: 1px solid #000;
	padding: 5px;
	margin: 5px 3px 5px 3px;
	}

/* Henkilökunnan kuvat */

.henkilokuva {
	background: #c3c3c3;
        border: 1px solid #000000;
	padding: 3px;
        }


/* Tekstit jne */

p strong { 
        color: white 
        }

h1, h2, h3, h4, h5, h6 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 10px 10px 0 10px;
	line-height: 100%;
	letter-spacing: -1px;
	}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #c00;
	text-decoration: none;
	}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: #06C;
	text-decoration: none;
	}
	
p, address, form, ul, ol, dl, blockquote p {
	font-size: 0.95em;
	margin: 0;
	padding: 10px;
	color: #000;
	line-height: 180%;
	}

.otsikko {
        padding: 10px 0 3px 0;
        border-bottom: 3px double #500000;
	font-weight: bold; 
	font-size: 1.8em;
	font: Arial, Helvetica, sans-serif;
        }

/* MemberCard -lomake */

.zemContactForm {
	padding: 10px;
	}

.zemContactForm label {
	margin: 0 0 0 10px;
	}

.zemContactForm input {
	margin: 0 0 0 10px;
	}

.zemSubmit {
        cursor:pointer;
        border:outset 1px #000;
        background:#999;
        color:#666;
        font-weight:bold;
        padding: 2px 2px;
        background:url(../images/formbg.gif) repeat-x left top;
        }
/* Span värit */

.punainen {
        color: red;
        } 


/* Muut */


blockquote {
	font-size: 0.85em;
	font-style: oblique;
	color: #000;
	line-height: 200%;
	margin: 20px;
	}
	
q:before,
q:after {
	content: "\"";
	}
	
form ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style: none;
	}
	
.clear-all,
br.tyhjennys {
	clear: both;
	}