*{
 padding: 0;
 margin: 0;
}
body{
 background-color: #fffbea;
 text-align: center;
 font: 8pt "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;       
}
h1{
 color: #4d4d4d;
 font-size: 15pt;
 margin: 0 0 5px 0;
}
h2{
 font-size: 17pt;
 padding: 0 0 10px 0;
 color: #4d4d4d;
}
h3{
 font-size: 17pt;
 padding: 40px 0 10px 0;
 color: #4d4d4d;
}
h4{
 font-size: 12pt;
 padding: 20px 0 10px 0;
 color: #4d4d4d;
}
p{
 padding-bottom: 12px;
}
ul li{
 list-style: none;
}
#wrap{
 background: url(../img/back.jpg) repeat-y;
 height: auto;
 width:800px;
 margin: 0 auto;
 text-align:left;
}
#container{
 margin-top: 30px;
}
#header img{
 border: solid 0px;
}
#contacts{
 color: #fffbea;
 margin-top: -40px;
 font-size: 7pt;
 text-align: center;
}
#left{
 float: left;
 width: 255px; 
}
#banner_top{
 border-top: solid 1px #B1CF81;
 width: 255px;
 height: auto;
}
#banner_middle{
 border-top: solid 1px  #B1CF81;
 border-bottom: solid 1px  #B1CF81;
 width: 255px;
 height: auto;
}
#banner_bottom{
 width: 255px;
 height: auto;
 /*border-bottom: solid 1px  #B1CF81;*/
}
#banner_top p{
 padding: 0;
}
#banner_middle p{
 padding: 0;
}
#banner_bottom p{
 padding: 0;
}
#content{
 float: right;
 width: 520px;
 height: auto;
 margin: 20px 0 0 20px;
}
#content img{
 float: right;
 margin: 0 0 20px 0;
}
#aukioloajat{
 float: right;
 padding: 10px;
 margin: 0 0 5px 10px;
 border: solid 1px  #B1CF81;
}
/*--viinilista------*/
.wh{
 font-size: 1.1em;
 background-color: #cad8b2;	/*rgb(223, 223, 223);*/
}
.wh td{
 padding: 1px 3px;
 margin: 0 0 3px 0;
 height: 20px;
}
.wh td + td{
 text-align: center;
}
#winelist h3{
 margin: 10px 0 2px 2px;
}
/*-----ajankohtaispalstat---------*/
#etusivu_left{
 float: right;
 width: 164px;
 height: auto;
 margin: 20px 11px 0 0;
}
#etusivu_middle{
 float: right;
 width: 164px;
 height: auto;
 margin: 20px 11px 0 0;
}
#etusivu_right{
 float: right;
 width: 164px;
 height: auto;
 margin-top: 20px;
}
#col_left{
 float: right;
 width: 240px;
 height: auto;
 margin: 20px 40px 0 0;
}
#col_right{
 float: right;
 width: 240px;
 height: auto;
 margin-top: 20px;
}
#clear_both{
 width: 100%;
 clear: both;
}
/*---- footer ---------------------*/
#footer{
 clear: both;
 width: 800px;
 height: auto;
 background-color: #fffbea;  
}
#footer h3{
 margin: 15px 0 5px 0px;
}
#top_footer{
 background: url(../img/footer_top.jpg) top left no-repeat;
 width: 800px;
 height: 50px;
}
#bottom_footer{
 clear: both;
 background: url(../img/footer_bottom.jpg) no-repeat;
 height: 100px;
}
#copy{
 padding-top: 20px;
 text-align: center;
 color: #999;
}
#Alatunniste_1{
 width: 200px;
 float: left;
 margin-top: -28px;
}
#Alatunniste_2{
 width: 200px;
 float: left;
 margin-top: -28px;
}
#Alatunniste_3{
 width: 200px;
 float: left;
 margin-top: -28px;
}
#Alatunniste_4{
 width: 200px;
 float: left;
 margin-top: -28px;
}
/*---google map-------------------*/
#googlemap {
 height: 400px;
 width: 100%;
 margin-top: 20px;
 border: #ccc 2px solid;
 overflow: hidden;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
#googlemap_still {
 height: 125px;
 width: 100%;
 margin-top: 3.5%;
 border: #ccc 2px solid;
 overflow: hidden;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
#googlemap_still a img{
 border: 0;
 text-decoration: none;
}

/*--ei reunoja kuvalinkkeihin*/
#img_link img{
 border: 0px solid;
}
#banner_top img{
 border: 0px solid;
 padding: 0;
}
#banner_middle img{
 border: 0px solid;
 padding: 0;
}
#banner_bottom img{
 border: 0px solid;
 padding: 0;
}
/*--formit--------*/
fieldset{
 border: 1px solid #A9C226;
 margin-bottom: 10px;
 padding: 5px 10px 5px 10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
legend{
 color: #fffbea;
 background: #3F5107;
 padding: 2px 6px;
 -moz-border-radius: 0.2em;
 -webkit-border-radius: 0.2em;
 border-radius: 0.2em; 
}
label {
 float: left;
 display: block;
 width: 42%;
 clear: left;
 color: #000;
 font-weight: normal;
 text-align: left;
}
input{
 border: 1px solid #3F5107;
 margin-bottom: 3px;
}
form p{
 margin: 2px 0 3px 0;
}
input.pointer{
 padding: 0 2px;
 margin: 10px 0 0 10px;
 cursor: pointer;
 -moz-border-radius: 0.2em;
 -webkit-border-radius: 0.2em;
 border-radius: 0.2em;
}
#bold{
 font-weight: bolder;
}
#err{ 
 color: red;
}
#tyhja{
 background	: #EFC5C2;
}
/*--lahjakortti--------*/
#lahjakortti label {
 width: 30%;
}
#cb{
 border: 0 solid;
}
#lahjakortti span{
 margin: 0 10px 0 5px;
}
.radiolabel{
 margin-top: 5px;
}
#lahjakortti_alku p{
 margin: 2px 0 8px 0;
}
/*--tarjouspyyntö--------*/
#mypa label {
 width: 55%;
 clear: left;
}
#mypa_p{
 margin: 0 0 10px 0;
}
/*--harjoittelija form-------*/
#harkka label {
 width: 42%;
}
/*--palaute form-------*/
#palaute label {
 width: 25%;
}
/*---login----------*/
#login label {
 width: 45%;
}
#log_in{
 height: auto;
 width: 400px;
 margin: 50px auto;
 text-align: left;
}
#log_in fieldset{
 border: 1px solid #A9C226;
 padding: 5px 10px 5px 10px;
 -moz-border-radius: 0.4em;
 -webkit-border-radius: 0.4em;
 border-radius: 0.4em;
}
#log_in a{
 color: #000;
 text-decoration: none;
}
#log_in a:hover{
 color: #999;
 text-decoration: underline;
}

/*huonehintataulukko*/
table.hinnat{
 border-collapse: collapse;
 width: 100%;
 border: 1px solid #666
}
table.hinnat td{
 text-align: left;
 padding: 2px 4px 2px 4px;
}
table.hinnat col{
 border-right: 1px solid #ccc;
}
table.hinnat col#pema{
 border: none;
}
table.hinnat thead{
 border-top: 1px solid #a5a5a5;
 border-bottom: 1px solid #a5a5a5;
}
.odd{ 
 background-color: #cad8b2/*c*/
}
caption{
 color: rgb(180, 77, 63);
 font-weight: bolder;
 padding: 10px;
}
table.hinnat tr:hover{ 
 background-color: #dfedfe;/*#e0e9ca;*/
}
#variTeksti{
 color: rgb(180, 77, 63);
}
/*---*/
a{
 color: #3d5106;
}
a:active{
 color: #697a17;
}
a:hover{
 color: #697a17;
}
#p_leveys p{
 width: 250px;
}