html {
background:#8b8;
height: 100%;
}

a:link{color:#000000;}
a:visited{color:#505050;}
a:active{color:#f0f0f0; text-decoration:none;}
a:hover{color:blue; text-decoration:none;}

#wrapper {
width:95%;
max-width: 1400px;
background-color:#f7f7f7;
border:solid 1px #000;
margin:0 auto;
}

#header {
background-color:#45A773;
background:url(../img/headback.jpg) no-repeat left;
height:100px;
border-bottom:1px dashed gray;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:none;
color:#f80;
padding:5px;
}

#header ul li {
text-align:right;
float:right;
list-style:none;
padding-right:7px;
}

#header h1 {
top:-20px;
left:10px;
font:190% Arial, Helvetica, sans-serif;
font-weight:700;
border-bottom:solid 1px #f80;
width:39%;
color:#f80;
margin:0;
padding:.3em .3em 0;
}

#header h2 {
position:relative;
top:-14px;
left:85px;
font:90% Arial, Helvetica, sans-serif;
font-weight:700;
color:#fa7;
/* Muutettu leveys */
width:500px;
}

#header a {
font:80% Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:none;
color:#F80;
}

#header a:visited {
text-decoration:none;
color:#A85700;
}

#header a:hover {
text-decoration:underline;
color:#f40;
}

#left_col {
float:left;
width:15%;
background-color:#f7f7f7;
margin:0;
padding:0;
padding-top:20px;
padding-bottom:10px;
}

#left_col ul li {
float:left;
list-style:none;
padding-left:7px;
}

#left_col .wrap {
margin-left:auto;
margin-right:auto;
/*width:6.5em;*/
}

#left_col p {
text-align:center;
}

#left_col .title {
margin-left:auto;
margin-right:auto;
font:80% Arial, Helvetica, sans-serif;
letter-spacing:.15em;
text-align:center;
font-weight:700;
background:url(../img/titleback.png);
background-color:#45A773;
width:119px;
color:#FFF;
border:solid 1px #000;
padding:2px;
}

#left_col .title a{
text-decoration:none;
color:#fff;
}

#left_col .menu {
margin-left:auto;
margin-right:auto;
border:1px solid #000;
text-align:left;
border-top:hidden;
width:115px;
padding:4px;
}


#left_col .menu a {
text-decoration:none;
font:80% Arial, Helvetica, sans-serif;
font-weight:700;
color:green;
}

#left_col .menu a:visited {
text-decoration:none;
color:#00DE00;
}

#left_col .menu a:hover {
text-decoration:underline;
color:#000;
}

#left_col .menu_pieni {
margin-left:auto;
margin-right:auto;
border:1px solid #000;
text-align:left;
border-top:hidden;
width:115px;
padding:4px;
font:70% Arial, Helvetica, sans-serif;
line-height:110%;
}


#left_col .menu_pieni a {
font-weight:700;
text-decoration:none;
color:green;
}

#left_col .menu_pieni a:visited {
color:#00DE00;
text-decoration:none;
}

#left_col .menu_pieni a:hover {
text-decoration:underline;
color:#000;
}

#left_col .menu_pieni .break{
height:6px;
}

#right_col {
float:right;
width:85%;
/*muutos*/
min-height:600px;
padding-bottom:20px;
padding-top:20px;
background-color:#f7f7f7;
font:80% Arial, Helvetica, sans-serif;
border-left:1px dashed silver;
margin:0 0 0 -1px;
}

#right_col h1 {
font:150% Arial, Helvetica, sans-serif;
padding-left:25px;
color:#f60;
}

#right_col h1 a:link{
color:#f60;
}

#right_col h1 a:visited{
color:#f60;
}

#right_col h1 a:active{
color:#f60;
}

#right_col h1 a:hover{
color:#f60;
}

/*
#right_col h2 {
font:110% Arial, Helvetica, sans-serif;
color:#f60;
}
*/
#right_col h2 {
margin-top:0px;
margin-bottom:0px;
font:125% Arial, Helvetica, sans-serif;
font-weight:800;
color:#000;
}

#right_col table {
margin-left:auto;
margin-right:auto;
background-color:#000;
font:90% Arial, Helvetica, sans-serif;
text-align:center;
table-layout:fixed;
width:90%;
padding:0;
}

#right_col table th{
background-color:#fff;
background:url(../img/titleback.png);
}

#right_col #ehdot {
font:100% Arial, Helvetica, sans-serif;
margin-left:50px;
margin-right:auto;
color:#000;
}

#right_col #hallinta {
font:100% Arial, Helvetica, sans-serif;
padding-left:25px;
color:#000;
}

#right_col #hallinta #right{
float:right;
width:50%;
}

#right_col #hallinta #right #ohjeet{
float:left;
width:80%;
padding:3px;
border:1px dashed silver;
font:90% Arial, Helvetica, sans-serif;
}

#right_col #hallinta #right #lista{
float:left;
padding:10px;
padding-left:35px;
}

#right_col #hallinta #right #ohjeet h1 {
font:130% Arial, Helvetica, sans-serif;
margin-top:0px;
padding-left:0px;
font-weight:700;
color:#000;
}

#right_col #hallinta #right #ohjeet h2 {
font:100% Arial, Helvetica, sans-serif;
margin-top:2px;
padding-left:0px;
font-weight:700;
color:#000;
}

#right_col #hallinta #left{
float:left;
width:50%;
}

#right_col #hallinta #artikkeli{
text-align:left;
font-size:110%;
word-spacing:0.08em;
line-height:1.35em;
width:55%;
}

#right_col #hallinta #arkisto{
text-align:left;
font-size:110%;
word-spacing:0.08em;
line-height:1.35em;
width:90%;
}

#right_col #hallinta #artikkeli h1{
font:180% Arial, Helvetica, sans-serif;
padding-left:0px;
color:#f60;
}

#right_col #hallinta #artikkeli h2{
font:130% Arial, Helvetica, sans-serif;
padding-left:0px;
color:#000;
}

#right_col #hallinta #right_2{
float:right;
width:30%;
}

#right_col #hallinta #left_2{
float:left;
width:70%;
}

/* muutokset arkistosivuille*/
#right_col #hallinta #arkisto #right_2{
float:left;
min-width:176px;
width:20%;
}
#right_col #hallinta #arkisto #left_2{
float:left;
min-width:446px;
width:43%;
}

#right_col #hallinta #arkisto h1{
font:180% Arial, Helvetica, sans-serif;
padding-left:0px;
color:#f60;
}

#right_col #hallinta #arkisto h2{
font:130% Arial, Helvetica, sans-serif;
padding-left:0px;
color:#000;
}

#right_col #hallinta #arkisto #left_2 img{
border:0px;
margin-top:4px;
margin-left:2px;
}

#right_col #hallinta #arkisto #left_2 hr{
border:1px dashed silver;
height:0px;
line-height:0px;
font-size:0px;
margin-bottom:20px;
padding:0px;
}
/* muutokset arkistosivuille*/

#right_col #hallinta #artikkeli #left_2 .pokerih_link a{
text-decoration:none;
color:#000;
}

#right_col #hallinta #artikkeli #left_2 .pokerih_link a:hover{
text-decoration:underline;
color:#555;
}

#right_col #hallinta #artikkeli #left_2 img{
border:0px;
margin-top:4px;
margin-left:2px;
}

#right_col #hallinta #artikkeli #left_2 hr{
border:1px dashed silver;
height:0px;
line-height:0px;
font-size:0px;
margin-bottom:20px;
padding:0px;
}

#right_col #hallinta #right_2 #esivu{
float:left;
width:85%;
padding-left:8px;
padding-bottom:10px;
border:1px dashed silver;
font:90% Arial, Helvetica, sans-serif;
margin:10px;
}

#right_col #hallinta #right_2 #esivu p{
margin:5px;
}

#right_col #hallinta #right_2 #esivu h1{
font:110% Arial, Helvetica, sans-serif;
color:#000;
margin-left:-25px;
}

#right_col #hallinta #right_2 #pokerihuoneet{
float:left;
width:174px;
padding:10px;
border:1px dashed silver;
font:90% Arial, Helvetica, sans-serif;
margin-top:67px;
margin-left:10px;
}

#right_col #hallinta #right_2 #pokerihuoneet h1{
font:125% Arial, Helvetica, sans-serif;
margin-top:0px;
margin-left:6px;
}

#right_col #hallinta #right_2 #pokerihuoneet p{
margin-left:6px;
}


#right_col #hallinta #right_2 #arvostelu{
float:left;
width:174px;
padding:10px;
border:1px dashed silver;
font:85% Arial, Helvetica, sans-serif;
margin-top:10px;
margin-left:10px;
}

#right_col #hallinta #right_2 #arvostelu h1{
font:110% Arial, Helvetica, sans-serif;
color:green;
font-weight:700;
}
#right_col #hallinta #right_2 #arvostelu h2{
font:110% Arial, Helvetica, sans-serif;
color:red;
font-weight:700;
}

#right_col #hallinta #right_2 #screenshot{
float:left;
margin-top:10px;
margin-left:10px;
border:1px solid #000;
}

#right_col #hallinta #screenshot_big_1{
display: none;
position:absolute;
top:635px;
left:0px;
}

#right_col #hallinta #screenshot_big_2{
display: none;
position:absolute;
top:635px;
left:0px;
}

#right_col .formi{
padding-left:60px;
}
#right_col .select{
width:200px;
}

.table_bottom_text{
font-size:80%;
text-align:right;
margin-right:auto;
margin-left:auto;
width:90%;
}

#footer {
clear:both;
background-color:#45A773;
background:url(../img/footer.jpg) no-repeat left;
padding-right:4px;
/* top right botttom left*/
padding:2px 7px 3px 0px;
text-align:right;
word-spacing:0.1em;
color:#fff;
font:70% Arial, Helvetica, sans-serif;
border-top:1px solid #000;
}

#footer a {
text-decoration:none;
color:#Fff;
}

#footer a:visited {
text-decoration:none;
color:#fff;
}

#footer a:hover {
text-decoration:underline;
color:#fff;
}

#right_col input,#right_col select,#right_col textarea {
border:solid 1px #000;
font:110% Arial, Helvetica, sans-serif;
}

.klo{
background-color:#59BB87;
width:5%;
}
.ravintola{
background-color:#59BB87;
width:11%;
}
.maxp{
background-color:#59BB87;
width:4%;
}
.tarkennus{
background-color:#59BB87;
width:16%;
}
.muokattu{
background-color:#59BB87;
width:8%;
}
.kaupunki{
background-color:#86d8ad;
width:10%;
}
.jarjestaja{
background-color:#86d8ad;
width:13%;
}
.jakaja{
background-color:#86d8ad;
width:6%;
}
.paiva {
background-color:#86d8ad;
width:3%;
}
.palkinto{
background-color:#86d8ad;
width:24%;
}


.paiva_vari {
background-color:#59BB87;
width:3%;
}
.maxp_vari{
background-color:#86d8ad;
width:4%;
}
.jakaja_vari{
background-color:#59BB87;
width:6%;
}
.tarkennus_vari{
background-color:#86d8ad;
width:16%;
}
.palkinto_vari{
background-color:#59BB87;
width:24%;
}

.haku {
background-color:#86d8ad;
}

#etusivu {
background-color:#fff;
text-align:left;
font:110% Arial, Helvetica, sans-serif;
}
#etusivu p{
margin-left:-10px;
margin-right:10px;
}

/*nappi*/
#nappi{
border:solid 1px black;
background:url(../img/livepokeri_button.png);
background-color:#45A773;
width:130px;
padding:3px;
text-align:center;
}

#nappi a {
font:100% Arial, Helvetica, sans-serif;
font-weight:700;
text-decoration:none;
color:#Fff;
}

#nappi a:visited {
text-decoration:none;
color:#fff;
}

#nappi a:hover {
text-decoration:none;
color:#a8e2ae;
}