body {
background-color: #000;
background-image: url("../images/_bg.jpg");
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0px;
margin: 0px;
}

div#content {
position: absolute;
top: 16px;
left: 16px;
width: 96%;
min-width: 740px;
}

div#liveleima {
position: absolute;
top: 76px;
right: 6px;
z-index: 50;
}

div#top {
width: 100%;
border: 1px solid #fff;
background-color: #000;
height: 107px;
margin-bottom: 0px;
padding-bottom: 0px;
}

div#topright {
position: absolute;
right: 1px;
top:1px;
padding-bottom: 0px;
margin-bottom: 0px;
z-index: 40;
}

div#navi {
position: relative;
top: 10px;
height: 24px;
width: 100%;
}

#navi ul {
padding: 0;
margin: 0;
list-style: none;
width: 77%;
height: 24px;
}

#navi li {
float: left;
height: 22px;
margin: 0px;
white-space: nowrap;
display: inline;
overflow: hidden;
outline:0;
padding-right: 0px;
margin-left: 3.5%;
}

li#n1,
li#n1 a,
li#n1a,
li#n1a a { margin-left: 0px; padding-left: 0px; }

#navi li a {
float: left;
display: block;
height: 22px;
width: 100%;
overflow: hidden;
outline:0;
text-indent: -9999px;
text-decoration: none;
}

#n1a, #n1a a { background:transparent url("../images/_l01.png") 0 -22px no-repeat; width:62px; }
#n2a, #n2a a { background:transparent url("../images/_l02.png") 0 -22px no-repeat; width:67px; }
#n3a, #n3a a { background:transparent url("../images/_l03.png") 0 -22px no-repeat; width:53px; }
#n4a, #n4a a { background:transparent url("../images/_l04.png") 0 -22px no-repeat; width:96px; }
#n5a, #n5a a { background:transparent url("../images/_l05.png") 0 -22px no-repeat; width:76px; }
#n6a, #n6a a { background:transparent url("../images/_l06.png") 0 -22px no-repeat; width:78px; }

#n1, #n1 a { background:transparent url("../images/_l01.png") 0 0 no-repeat; width:62px; }
#n2, #n2 a { background:transparent url("../images/_l02.png") 0 0 no-repeat; width:67px; }
#n3, #n3 a { background:transparent url("../images/_l03.png") 0 0 no-repeat; width:53px; }
#n4, #n4 a { background:transparent url("../images/_l04.png") 0 0 no-repeat; width:96px; }
#n5, #n5 a { background:transparent url("../images/_l05.png") 0 0 no-repeat; width:76px; }
#n6, #n6 a { background:transparent url("../images/_l06.png") 0 0 no-repeat; width:78px; }

#n1 a:hover, #n2 a:hover, #n3 a:hover, #n4 a:hover, #n5 a:hover, #n6 a:hover { background-position: 0 -22px; }

div#content2 {
font-family: Verdana, Arial, Helvetica, Lucida Sans;
font-size: 100%;
position: relative;
top: 10px;
width: 100%;
border: 1px solid #fff;
color: #fff;
background-color: #5c1a13;
background-image: url("../images/_content2bg.jpg");
background-repeat: no-repeat;
background-position: top left;
}

img.otsikko {
display: block;
padding-top: 19px;
padding-left: 20px;
}

img.nobrd { border:none; }

img.pic {
margin: 10px;
float: left;
border: 2px solid #fff;
background-color: #7e3931;
padding: 2px;
}

img.kartta {
border: 2px solid #fff;
background-color: #7e3931;
padding: 2px;
margin: 7px 7px 0px 7px;
}

div#content2 h1 {
font-family: Georgia, Garamond, Times New Roman;
font-size: 1.0625em;
font-weight: bold;
padding-left: 20px;
margin-top: 6px;
}

div#content2 h2 {
font-family: Georgia, Garamond, Times New Roman;
font-size: 1.0625em;
font-weight: bold;
padding-left: 20px;
padding-top: 1em;
}

div#content2 h3 {
font-family: Georgia, Garamond, Times New Roman;
font-size: 0.75em;
font-weight: bold;
padding-left: 20px;
padding-top: 1em;
}

div#content2 p {
font-size: 0.75em;
line-height: 1.5;
padding-left: 20px;
padding-right: 20px;
}

div#content2 a, a:link, a:active { color: #fcc; text-decoration: underline; }
div#content2 a:visited { color: #faa; }
div#content2 a:hover { background-color: #8e4941; }

div#rightbox {
float: right;
display: block;
width: 322px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 8%;
}

div#tulossa {
margin-top: 60px;
border: 1px solid #fff;
background-color: #7e3931;
width: 100%;
text-align:center;
}

div#tulossa img.esiintyja {
border: 2px solid #fff;
background-color: #7e3931;
padding: 2px;
margin: 7px 7px 0px 7px;
}

div#rightbox h1, div#rightbox h2, div#rightbox h3 {
font-family: Georgia;
font-size: 17px;
font-weight: bold;
padding-left: 10px;
padding-right: 20px;
margin-top: 0px;
margin-bottom: 0px;
text-align:left;
}

div#rightbox p {
text-align:left;
padding: 0px 10px 0px 10px;
margin: 10px 0px 10px 0px;
}

span.pvm { color: #e4a49c; }

div#sahkopostilista {
border: 1px solid #fff;
background-color: #7e3931;
width: 100%;
margin-top: 10px;
}

div.ohjelmaboksi {
position: relative;
font-size: 0.75em;
line-height: 1.5;
border: 1px solid #fff;
background-color: #7e3931;
width: 91%;
margin-left: 20px;
margin-top: 20px;
padding: 15px;
}

.ohjelmaboksi span.paivamaara {
position: absolute;
float: left;
display: float;
font-weight: bold;
padding-left: 0px;
}

.ohjelmaboksi span.klubi, .ohjelmaboksi span.esiintyja, .ohjelmaboksi span.lipunhinta {
font-weight: bold;
padding-left: 100px;
line-height: 1.6em;
}

.ohjelmaboksi span.klubi { color: #e7c0bc; }

.ohjelmaboksi span.lipunhinta {
float: right;
}

span.upper {
vertical-align: super;
font-size: 70%;
color: #e4a49c;
text-decoration: none;
}

.lipunhinta .upper a:active {
text-decoration: none;
}

.ohjelmaboksi div.esittely {
padding-left: 100px;
margin-top: 10px;
}

div.esittely img.ork {
margin: 4px 0px 5px 15px;
float: right;
border: 2px solid #fff;
background-color: #7e3931;
padding: 2px;
}

img.webl {
border:none;
vertical-align: bottom;
border-left:5px solid #7e3931;
border-top:2px solid #7e3931;
height:15px;
}

div#logot {
width: 100%;
text-align: center;
vertical-align: top;
padding-top: 20px;
}

div#logot img {
border: none;
padding-left: 15px;
padding-right: 15px;
}

div#logot a:hover {
background-color: #5c1a13;
}

div#footer {
width: 100%;
text-align: center;
}

div#footer span.footertext {
display: none;
}

div#footer img {
padding-top: 20px;
padding-bottom: 10px;
}

table.listat {
font-size: 0.75em;
line-height: 1.5;
border: 1px solid #fff;
background-color: #7e3931;
width: 96%;
margin-left: 20px;
margin-top: 5px;
padding: 15px;
}

table.listat td.spacer {
font-size: 2px;
height: 1em;
color: #7e3931;
border-bottom: 1px solid #fff;
}

span.pagebreak { display:none; }

span.atprint { display:none; }

input.email { display:none; }

div.clear { clear: both; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* IE-mac \*/
* html .clearfix {height: 1%;}
/* End IE-mac */