/* Start of CMSMS style sheet 'base-css' */
/**
* @section browser reset
* @see     ...
*/

* { margin:0; padding:0; }
option { padding-left: 0.4em; }

* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

html {height:100%; }
body {
    font-size: 100.01%;
    position: relative;
    text-align: center;
}

body div
{
text-align: left;
}


fieldset, img { border:0 solid; }

ul, ol, dl { margin: 0 0 0 0; list-style: none; }
li { margin-left: 0; line-height: 1em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }
/* End of 'base-css' */

/* Start of CMSMS style sheet 'style-1' */
body
{
background-color: #9E9FA1;

font-family: verdana;
}

div#pagewrapper
{
width: 902px;
margin: 0 auto;

}

div#header
{
height: 136px;
padding: 50px 20px;
font-size: 3em;
font-weight: normal;
text-decoration: none;
}

div#contentwrap
{
background:  url(uploads/images/content-bgr.gif) repeat-y top center; 
color: #7F8082;

}

div#roundup
{
height: 8px;
background:  url(uploads/images/rounded_up.jpg) no-repeat top center; 
font-size: 1px;
}

div#rounddown
{
height: 8px;
background:  url(uploads/images/rounded_down.jpg) no-repeat top center; 
padding-bottom: 16px;
font-size: 1px;
}

.accessibility
{
display: none;
}

a
{
color: #79BED7;
text-decoration: underline;
}

a:hover
{
color: #94CEE4;
}


div#language
{
height: 18px;
text-align: right;
line-height:18px;
font-size:11px;
color:#000000;
padding-top: 20px;
text-transform: uppercase;
}


div#flashcont
{
position: relative;
height: 400px;
}


div#language a
{
font-size:11px;
color:#565555;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:bold;
text-decoration:none;

}

div#language span
{
margin: 0 0 0 4px;
color:#565555;
}

div#language a:hover
{
color:#7D7D7D;

}


div#col1
{
float: left;
width: 299px;
}

div#brownbg
{
margin-left: 3px;
background: #413738;
padding-left: 64px;
padding-top: 30px;
width: 205px;
}
div#varaus a:hover { filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }

div#varaus
{
margin-top: 67px;
padding-left: 64px;
width: 154px;
}

div#varaus a
{
display: block;

width: 154px;
height: 67px;
background: url(uploads/images/varaus.gif) no-repeat top left;
}

div#logo
{
padding-bottom: 50px;
width: 156px;
padding-left: 15px;
}

div#logo a
{
display: block;
width: 132px;
height: 57px;
background: url(uploads/images/logo.gif) no-repeat top left;
}

div#col2
{
float:right;
width: 600px;
position: relative;
}

div#picholder
{

height: 400px;
width: 597px;
position: relative;
top: -5px;
left: 0px;
}

div.viinikuva
{
background:  url(uploads/images/viinit_iso.jpg) repeat top center; 
}

div.yleis
{
background:  url(uploads/images/dummy.jpg) repeat top center; 
}

div.yhteystiedot
{
background:  url(uploads/images/yhteystiedot.jpg) repeat top center; 
}


div.clear
{
clear: both;
font-size:1px;
height: 1px;
}



div#main
{
padding: 40px 28px 17px 28px;
font-size: 13px;

font-family: trebuchet MS;
}


div#menuwrapper ul li a
{
color: white;
text-decoration: none;
font-family: trebuchet MS;
padding-left: 15px;
display:block;
width: 134px;
padding-bottom: 4px;
}

div#menuwrapper ul li a:hover 
{
color: #C19C83;
}

 div#menuwrapper ul li a.menuactive:hover
{
color: white;
}

 div#menuwrapper ul li a.menuactive
{
background: url(uploads/images/navihover.gif) no-repeat bottom left;
}


div#menuwrapper ul li ul
{
font-size: 12px;

display: none;
padding-top: 6px;
padding-bottom: 7px;
text-transform: uppercase;
}

div#menuwrapper ul li ul a
{
color: #8D6443;
line-height: 14px;
}


div#menuwrapper ul li ul a:hover, div#menuwrapper ul li ul a.menuactive
{
background: none;
color: #C19C83;
}

div#menuwrapper ul li.menuactive ul
{
display: block;
}

h1, h2, h3, h4
{
color: #743A0C;
}

h2
{
font-size: 20px;
font-weight: normal;
margin-bottom: 15px;
line-height: 23px;
}

h3
{
padding-top: 12px;
}

h3, h4
{
font-size: 13px;
margin-bottom: 15px;
}

h4
{
font-weight: normal;
margin-bottom: 0;
}

p
{
padding-bottom: 15px;
line-height: 16px;
}


table.viinitable
{
width: 500px;
margin: 0 0 0 12px;
}

h5
{
font-size: 13px;
color: #7F8082;

}

table.viinitable tr
{
vertical-align: top;
color: #7F8082;
}

table.viinitable td.name
{
padding-right: 15px;
}

table.viinitable td.name p { font-style: italic; }


table.viinitable td.itemPullo, table.viinitable td.itemLasi
{
width: 75px;
}

table.viinitable h3
{
padding-top: 0;
}

table.viinitable p
{
padding-bottom: 0;
margin-bottom: 15px;
}

div#menu
{
text-align: center;


}

div#menu p, div#menu2 p
{
line-height: 20px;
}


div#menu h1
{
padding-bottom: 20px;
color: #7F8082;
line-height: 20px;
font-size: 22px;
}

div#menu address
{
font-size: 8px;
margin-bottom: 8px;
display: block;
}


/*=== Form styles  */
div.formbuilderform {
   position:relative;
}


div.formbuilderform div {
    margin-bottom:10px;
min-height:24px;
height:auto !important;    
height:24px;
position:relative;
}
div.formbuilderform div input {
    position:absolute;
    left:160px;

width: 260px;
}

div.formbuilderform div.cbox input
{
width: auto;
}

div.formbuilderform div.submit input
{
width: auto;
padding: 0px 10px;
}

div.formbuilderform div label {

    top:2px;
    width:100px;
font-size: 11px;
}
div.formbuilderform div.datepicker select {
    position:relative;
    left:98px;
}
div.formbuilderform div.noutoaika select {
    position:relative;
   left: 109px;
}

/*===  Varauslomake */

div.formbuilderform div.tilaisuudenluonne label {
    display:block;

}

div.formbuilderform div.tilaisuudenluonne {
    margin-top:14px;

}

div.formbuilderform div.tilaisuudenluonne textarea {
    margin-left:160px;
    width: 260px;
    height:200px;
   position:relative;
   top: -11px;
}
div.formbuilderform div.datepicker_vl select {
    position:relative;
       left:105px;
}

div.formbuilderform div.submit input#fbsubmit4
{
width: 100px;
height: 24px;
position:relative;
bottom:0;
}

div.formbuilderform div.submit {
height: 30px; 
}

.henkilomaara select {
position:relative;
left:90px;
}

.kellonaika select {
position:relative;
left:133px;
}


/**=== LOUNASLISTA */
div#main table {
    padding:4px;
    margin-bottom:12px;
border-collapse: collapse;
}
div#main table td { 
vertical-align:top; 
padding-right: 5px;

line-height:18px;
padding-bottom:16px;
}

div#main table td h2 {
    margin-bottom:0px;
}






/** linkki */

div#main a
{
color: #743A0C;
}

div#main a:hover
{
color:#7F8082;
}
/* End of 'style-1' */