body {
    margin: 0;
    padding: 0;
    border: 0;
#    background: #000 url(../images/kaikki_hedelmat_bg.jpg) repeat;
#    background: #6B4B11;
    background: #333333;
    font-size: 75%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    color: #000;
}

h1, h2, h3, h4, div, p, table, td, form, input, select, label, option, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

a {
#    color: #1111CC;
    color: #6B4B11;
    text-decoration: none;
}

a:hover {
    color: #6B4B11;
    text-decoration: underline;
}

a img {
    border: 0;
}   

h2, h3 {
    margin: 0 0 16px 0;
    padding: 0;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px solid #808080;
    padding-bottom: 1px;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
}

h3 {
    color: #999;
    border: 0;
    margin-bottom: 6px;
}

h4 {
    margin: 0;
    padding: 0 0 .35em 0;
    font-weight: normal;
}

p {
    margin: 0;
    padding: 0 0 1.25em 0;
}   


pre {
    font-size: 12px;
    font-weight: normal;
    font-family: courier;
}

form {
    margin: 0;
    padding: 0;
}

input, select, option, textarea {
    background: #eeeeee;
    color: #000;
}

input:focus, textarea:focus {
   background: #eeeeee;
   color: #000;
}

select {
    border: 1px solid #737273;
}

ul {
    margin: .5em 0 0 0;
    padding: 0 0 1em 0;
}

ul li {
    margin: 0 0 0 16px;
    padding: 0 0 .35em 0;
    list-style-type: bullet;
}

ol {
    margin: .5em 0 0 0;
    padding: 0 0 1em 0;
}

ol li {
    margin: 0 0 0 28px;
    padding: 0 0 .15em 0;
    list-style-type: bullet;
}

ul li ul {
    margin: .3em 0 0 0;
    padding: 0;
}
ul li ul li {
    margin: 0 0 0 16px;
    padding: 0 0 .10em 0;
    list-style-type: none;
}

#kehys {
    width: 699px;
    border-top: 1px solid #333233;
    border-left: 1px solid #333233;
    border-right: 1px solid #333233;
    border-bottom: 1px solid #333233;
    background: #EEEEEE;
    margin: auto;
    padding-bottom: 37px;   
}   

#logo {
    float: left;
    display: inline;
    margin-left: 29px;   
    padding: 20px 0 9px 0;
    width: 150px;
}

#logo h1 {
    margin: 0;
    padding: 0;
}

#logo h1 a {  
    display: block;  
    text-indent: -9999px;
    background: url(../images/logo_cmx_10.gif) no-repeat;
    height: 27px;
    width: auto;
}

#ylalinkit {
    float: right;
    display: inline;
    margin-right: 23px;
    padding-top: 36px;
    width: 350px;
    text-align: right;
}

#navi {
    float: left;
    display: inline;
    border-top: 1px solid #4D4C4D;
    border-bottom: 1px solid #333;
    padding: 7px 0 0 1px;
    margin: 0px 0 0 29px;
    width: 643px;
    height: 25px;
}

#navi img {
    float: left;
    display: inline;
    height: 18px;
}

img.over, img.on {
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity: 0.60;
}

img.out {
    filter:alpha(opacity=100);
    -moz-opacity:1.00;
    opacity: 1.00;
}

.haku-txt {
    display: block;
    float: right;
    display: inline;
    margin-top: 1px;
    border: 1px solid #737273;
    font-size: 10px;
    height: 13px;
    color: #000;
    padding: 0 2px 0 2px;
/* IE5 */
    width: 52px; 
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 117px !important;
/* IE6 */

}  


.scroll-txt {
    display: block;
    display: inline;
    border: none;
    color: #000;
/* IE5 */
    width: 52px; 
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 300px !important;
/* IE6 */

}  



.haku-btn {
    display: block;
    float: right;
    display: inline;
    margin: 1px 0 0 3px;    
}     

#alanavi {
    clear: both;
    margin: 0 0 0 49px;
    padding-top: 10px;
    height: 22px;
}


#alanavi img, #alanavi div {
    float: left;
    display: inline;
}

#alanavi div {
    margin-top: 1px;
    color: #000;
}   

#sisalto {    
    margin: 35px 0 0 48px;    
    padding-bottom: 30px;
    width: 599px;    
    min-height: 610px;
}
/* IE */
*html #sisalto {
    height: 610px;
}

#alaosa {
    border-top: 1px solid #333;
    margin: 0 29px 0 29px;    
    height: 1px;
    overflow: hidden;
}

.palsta-vasen-etusivu {
    float: left;
    display: inline;
    width: 270px;
    overflow: hidden;
}

.palsta-oikea-etusivu {
    float: right;
    display: inline;
    width: 270px;
    overflow: hidden;
}

.palsta-vasen {
    float: left;
    display: inline;
    width: 383px;
    overflow: hidden;
}

.palsta-oikea {
    float: right;
    display: inline;
    width: 185px;
    overflow: hidden;
}

.box {
    color: black;
    padding-bottom: .75em;
}

ul.linkit {
    margin: 0;
    padding: 0 0 1.25em 0;
    border-top: 1px dotted #4C4D4D;
}

ul.linkit li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 2.25em;
    border-bottom: 1px dotted #4C4D4D;
}

ul.sivunavi {
    margin: -.35em 0 0 0;
    padding: 0 0 1.25em 0;    
}

ul.sivunavi li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 2.25em;
    border-bottom: 1px dotted #4C4D4D;
}

div.kysy form {
    display: block;
    float: left; 
    display: inline;
    margin-right: 1px;    
}   

select.kysy-path {
    display: block;
    float: left; 
    display: inline;
    width: 5.5em;
    margin: 1px 5px 0 0;
}
  
select.kysy-month {
    display: block;
    float: left; 
    display: inline;
    width: 8.5em;
    margin: 1px 3px 0 0;
}

select.kuvavalikko-path {
    float: left; 
    display: inline;
    width: 150px;
    margin: 1px 5px 0 0;   
}

p.kysymys {
    font-style: italic;
    color: #000000;
    padding: 0 0 .75em 0;
}

p.vastaus {
    color: #111111;
    padding: 0 0 .75em 0;
}

div.hae-kysymys {
    padding-bottom: 1em;
    float: left;
    width: 130px;
}

div.hae-kysymys .haku-txt {
    float: left;
    width: 130px;
}

div.hae-kysymys-button {
    float: left;
}


.keikat img, .bio img, .levyt img {
    margin-right: 21px;
} 



.menu_header {
    float: left;
    display: inline;
    width: 470px;
    overflow: hidden;
}

.search_header_form {
    float: left;
    display: inline;
    width: 140px;
    overflow: hidden;
}

.search_header_button {
    text-align: left;
    margin-left: 5px;
    display: inline;
    width: 40px;
    overflow: hidden;
}

table.uutiset {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
    border: 0;
    margin-top: -6px;
    margin-bottom: 2.5em;
}

table.uutiset td {
    vertical-align: top;
    margin: 0;
    padding: 6px 0 8px 0;
    border-bottom: 1px dotted #4C4D4D;   
}

.uut-pvm { 
    width: 78px; 
    color: #999;
}

table.keikkalista {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    border: 0;
    margin-bottom: 2.5em;
}

table.keikkalista th {
    vertical-align: top;
    margin: 0;
    padding: 0 4px 0 0;
    line-height: 2.25em;
    border-bottom: 1px dotted #4C4D4D;
    text-align: left;
}

table.keikkalista td {
    vertical-align: top;
    margin: 0;
    padding: 0 4px 0 0;
    border-bottom: 1px dotted #4C4D4D;
    line-height: 2.25em;
}

.kl-pvm { 
    width: 80px; 
}

.kl-paikka { 
    width: 188px; 
}

.kl-ikaraja { 
    width: 55px; 
}
.kl-hinta { 
    width: 42px; 
}
.kl-osta {
    width: 38px;
    padding: 0;
//    text-transform: uppercase;
    text-align: right;
}
.kl-tahti { 
    width: 17px; 
    text-align: center;
}

.kuvat-taulu { 
    width: 50px; 
}

.upperc { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
}


.upperc_menu { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.lehdet { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.lehdet-txt-small {
    display: inline;
    margin-top: 1px;
    border: 1px solid #737273;
    font-size: 10px;
    height: 13px;
    padding: 0 2px 0 2px;
/* IE5 */
    width: 26px; 
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 22px !important;
/* IE6 */
    width: 55px;
}  

.lehdet-txt {
    display: block;
    float: left;
    display: inline;
    margin-top: 1px;
    border: 1px solid #737273;
    font-size: 10px;
    height: 13px;
    padding: 0 2px 0 2px;
/* IE5 */
    width: 52px; 
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 117px !important;
/* IE6 */
    width: 114px;
}  


.lehdet-kuvaus {
    float: left;
    display: inline;
    font-size: 10px;
    line-height: 1.25em;
}


.song_title { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}



table.tablista {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
    border: 0;
    margin-bottom: 2.5em;
}

table.tablista th {
    vertical-align: top;
    margin: 0;
    padding: 0 4px 0 0;
    line-height: 2.25em;

    text-align: left;
}

table.tablista td {
    vertical-align: top;
    margin: 0;
    padding: 0 4px 0 0;
    border-bottom: 1px dotted #4C4D4D;
    line-height: 2.25em;
}


.tab-biisi { 
    width: 194px; 
}

.tab-tab { 
    width: 50px; 
}

.taustakuvat {
    margin-top: .5em;
    width: 440px;
}

.taustakuvat div {
    float: left;
    display: inline;
    width: 172px;
    height: 135px;    
    margin: 0 39px 39px 0;
}

.taustakuvat div img {
    border: 1px solid #666;
}

.taustakuvat div:hover img {
    border: 1px solid #8FD2D2;
}

.julkaisu h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
}

.julkaisu-kansi img {
    border: 1px solid #666;
}

.julkaisu-kansi {
    float: right;
    display: inline;
    width: 120px;
} 

.julkaisu-kansi-vasen {
    float: left;
    display: inline;
    width: 130px;
} 

.julkaisu-kansi a {
    display: block;
    margin-bottom: .75em;
}   

.julkaisu-kansi a img {
    border: 0;
}   

.julkaisu-biisit {
    width: 380px;
}   

.julkaisu-biisit ol {
    margin-top: 0;
}

.kansi-vasen {
    float: left;
    display: inline;
    margin-bottom: 10px;
}
.kansi-oikea {
    float: right;
    display: inline;
    margin-bottom: 10px;
}

.kansi-vasen img, .kansi-oikea img {
    display: block;
    border: 1px solid #666;
}

.kansi-vasen:hover img, .kansi-oikea:hover img{
    border: 1px solid #8FD2D2;
}


form.submit label {
    display: block;
    margin-bottom: .25em;
}

input.text-s, input.text-m, input.text-l, textarea.text-s, textarea.text-m, textarea.text-l {
    border: 1px solid #737273;
    padding: 3px;
    color: #000;
}

input.text-s { width: 35px; }
input.text-m { width: 110px; }
input.text-l { width: 225px; }

textarea.text-s { width: 110px; }
textarea.text-m { width: 225px; }
textarea.text-l { width: 370px; }
textarea.text-xl { width: 590px; }

input.btn-cancel, input.btn-submit {    
    border: 1px solid #737273;
    padding: 3px 20px 3px 20px;
    margin: .5em 8px 0 0;
}

input.btn-submit {
    color: #1111CC;
}

.bio-kuva {
    margin-left: -8px;
}

.bio-kuva-pysty {
    float: right; 
    margin-top: -11px; 
    margin-left: 3px;
}

#dhtmltooltip {
    position: absolute;
    left: -200px;
    top: -200px;
    width: 130px;
    border: 1px solid #333;
    padding: 4px 6px 6px 6px;
    background: #000;
    color: #fff;
    line-height: 1.3em;
    visibility: hidden;
    z-index: 100;
    filter:alpha(opacity=88);
    -moz-opacity:0.88;
    opacity: 0.88;
}

.kauppa-vasen {
    float: left;
    display: inline;
    margin-bottom: 30px;
}

.kauppa-oikea {
    float: right;
    display: inline;
    width: 186px;   
    margin-bottom: 30px; 
}

.kauppa-logo {
    float: left;
    display: inline;
    width: 88px;
}

.kauppa-logo img {
    border: 1px solid #656565;
}

.kauppa-teksti {
    float: left;
    display: inline;
    width: 98px;
    line-height: 1.25em;
}

#galleriat {
    border-bottom: 1px solid #808080;
    padding-bottom: 1px;
    margin: 0 0 16px 0;
}

h2#galleria-kategoria {
    float: left; 
    width: 341px; 
    border: 0; 
    padding: 0;
    margin: 8px 0 0 0;
    
}

#galleria-valikko {
    float: right;
    width: 172px;
}

h2#galleria-nimi {
    margin-top: 8px;
}

.galleriathumb-vasen {
    float: left;
    display: inline;
    margin-bottom: 10px;
}
.galleriathumb-oikea {
    float: right;
    display: inline;
    margin-bottom: 10px;
}

.galleriathumb-vasen img, .galleriathumb-oikea img {
    display: block;
    border: 1px solid #666;
}

.galleriathumb-vasen:hover img, .galleriathumb-oikea:hover img{
    border: 1px solid #8FD2D2;
}

#galleria-kuva {
    padding-bottom: 1em;
}

#galleria-kuva img {
    border: 1px solid #EFEFEF;
}


#galleria-valittu img {
    border: 10px solid #ff0000;
}


#galleria-nuolet {
    padding-bottom: 1em;
}

#galleria-edellinen {
    float: left;
    width: 130px;
}
#galleria-edellinen img {
    vertical-align: -5px;
    margin-right: 3px;
}

#galleria-seuraava {
    float: right;
    width: 130px;
    text-align: right;
}
#galleria-seuraava img {
    vertical-align: -5px;
    margin-left: 3px;
}

#galleria-kuvateksti { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 1.25em;
    border-top: 1px dotted #4C4D4D;   
    border-bottom: 1px dotted #4C4D4D;   

}

table.galleria {
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: -6px;
    margin-bottom: 2.5em;
}



table.galleria td {
    margin: 0;
    padding: 6px 0 8px 0;
}


.indate {
    line-height: 14px;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px solid #808080;
    padding-bottom: 1px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    color: #999;
    border: 0;
    margin-bottom: 6px;
}

.grey { 
    font-size: 10px;
    color: #999;
}


/* Clear floated css elements */

.floatcontainer:after { 
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0; 
    clear: both; 
    visibility:hidden; 
} 
.floatcontainer {
    display: inline-block;
} 
/* Hides from IE Mac \*/ 
* html .floatcontainer {
    height: 1%;
} 
.floatcontainer {
    display:block;
} 

/* End Hack */