/* =Rakenteelliset elementit alkaa */

html {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical; 
}


body {
padding: 0;
margin: 0;
background: #f9f7f0 url(img/header.jpg) repeat-x top center;
font: 500 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


h1 {
margin: 0 0 10px 0;
color: #73706b;
font: 14px/18px "Arial Black", Arial, Helvetica, sans-serif;
background: url(img/h1.png) repeat-x bottom left;
padding: 5px 0;
}


h2 {
padding: 10px 0;
margin: 0;
}


h3 {
padding: 10px 0;
margin: 0;
}


p {
padding: 3px 0 10px 0;
margin: 0;
}


a {
color: #63808a;
font-weight: bold;
}


a:hover {
color: #43606a;
}


ul {
list-style: none;
padding: 10px 0;
margin: 0;
}


li {
padding: 0 0 0 25px;
margin: 0;
background: url(img/LILI.png) no-repeat left top;
vertical-align: top;
}


fieldset {
border: 1px dotted #ccc;
padding: 10px;
}

legend {
padding: 0 10px;
font-weight: bold;
}


label {
display: block;
padding: 5px 10px;
}

input, textarea, select {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
border: none;
}

/* Rakenteelliset elementit loppuu */


/* =Otsikoiden kuvat

h1.rytmiRavintolaKellari { background-image: url(img/h1_rytmiravintola_kellari.png); }
h1.ohjelma { background-image: url(img/h1_ohjelma.png); }
h1.kuvaGalleria { background-image: url(img/h1_kuvagalleria.png); }
h1.palaute { background-image: url(img/h1_palaute.png); }
h1.yhteystiedot { background-image: url(img/h1_yhteystiedot.png); }

Otsikoiden kuvat loppuu */


/* =Lomake */

input.text, textarea.text {
border: 1px solid #909498;
background: #f0f4f8;
display: block;
}

input.radio, input.checkbox {
width: auto;
float: left;
margin-right: 10px;
}

input:focus, textarea:focus, select:focus {
border: 1px solid #92a68d;
background: #e7f3e9;
}

input.submit {
background: #de6528;
font: 700 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 2px 10px;
color: #fff;
margin: 0 0 0 10px;
border: 1px solid #b25120;
}

/* Lomake loppuu */





/* =Menu alkaa */

#menu {
width: 722px;
height: 30px;
margin: auto;
font: 700 11px/30px Arial, Helvetica, sans-serif;
}

#menu ul {
padding: 0 0 0 13px;
margin: 0;
}

#menu ul li {
padding: 0 19px 0 10px;
display: inline;
background: url(img/menu_li.png) no-repeat right center;
}

#menu ul li.lastItem {
background: none;
}

#menu a {
color: #fff;
line-height: 30px;
text-decoration: none;
}

#menu a:hover {
color: #fc6;
}

#menu ul li.selected a {
color: #fc6;
}

/* Menu loppuu */


/* =Ulkoasu alkaa */

#header {
width: 696px;
height: 145px;
margin: auto;
padding: 30px 0px 0px 10px;
}
//background: url(img/header_theme.png) no-repeat right center;


#logo {
float: left;
width: 410px;
height: 105px;
color: #494744;
line-height: 20px;
}

#wrap_header {
width: 722px;
height: 15px;
margin: auto;
background: url(img/wrap_header.png) no-repeat;
}

#wrap_body {
width: 676px;
margin: auto;
padding: 5px 23px;
background: url(img/wrap_body.png) repeat-y;
color: #494744;
}

#wrap_footer {
width: 722px;
height: 15px;
margin: auto;
background: url(img/wrap_footer.png) no-repeat;
}

#mainColumn {
float: left;
width: 410px;
}

#secondaryColumn {
float: right;
width: 218px;
}

/* News Module Preview & List */

#nmPreview_kohteet .mainTitle, #nmList_kohteet .mainTitle, #webdocsPreview_uutiset .mainTitle {
margin: 0 0 2px 0;
color: #73706b;
font: 14px/18px "Arial Black", Arial, Helvetica, sans-serif;
background: url(img/h1.png) repeat-x bottom left;
padding: 5px 0;
}

#nmPreview_kohteet .item {
padding: 8px 0 10px 0;
background: url(img/h1.png) repeat-x bottom left;
}

#nmList_kohteet .item {
padding: 4px 0;
background: url(img/h1.png) repeat-x bottom left;
}

#nmPreview_kohteet .image {
width: 60px;
float: right;
padding: 5px 0;
}

#nmPreview_kohteet .title {
width: 140px;
float: left;
padding: 0;
font-weight: bold;
}

#nmPreview_kohteet .ingress, #nmPreview_kohteet .date, #nmPreview_kohteet .readmore {
width: 140px;
float: left;
}

#nmPreview_kohteet .readmore a {
background: url(img/arrow.png) no-repeat left center;
padding-left: 20px;
text-decoration: none;
}

#nmList_kohteet .title a {
background: url(img/arrow.png) no-repeat left center;
padding-left: 20px;
text-decoration: none;
}

#nmList_kohteet .date {
display: none;
}

/* News Module Preview & List loppuu */


/* News Module tulostus */

#nmNews_kohteet .mainTitle {
display: none;
}

#nmNews_kohteet .title {
margin: 0 0 10px 0;
color: #73706b;
font: 14px/18px "Arial Black", Arial, Helvetica, sans-serif;
background: url(img/h1.png) repeat-x bottom left;
padding: 5px 0;
}

/* News Module tulostus loppuu */


#open .header {
width: 100%;
height: 30px;
background: url(img/open_header.png) no-repeat;
}

#open .body {
background: url(img/open_body.png);
padding: 8px 23px 0px 23px;
text-align: center;
color: #eecf93;
}

#open .footer {
width: 100%;
height: 20px;
background: url(img/open_footer.png) no-repeat;
}

#footer {
color: #777;
font-size: 11px;
padding: 10px 0 20px 0;
width: 676px;
margin: auto;
}

.arrow {
background: url(img/arrow.png) no-repeat left center;
padding-left: 20px;
text-decoration: none;
}

.clearall {
height: 1px;
width: 100%;
clear: both;
}

.copy {
color: #aaa;
font-size: 10px;
text-align: center;
padding: 20px 0 10px 0;
}

/* Ulkoasu loppuu */

fieldset {
margin: 10px 0 0 0;
padding: 10px 1%;
border: 1px dotted #999;
}

fieldset fieldset {
clear: left;
margin: 10px 1%;
width: 99%;
}

legend {
background: #fff; /* TAUSTAN V?*/
padding: 0 1%;
font: 900 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

label {
width: 48%;
display: block;
float: left;
font: 700 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 1%;
}

input, textarea, select {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid #9ab;
background: #f5f7f9;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus {
background: #eef0f2;
border: 1px solid #678;
}

.label1col, .cb1col { width: 99%; }
.label2col, .cb2col { width: 49%; }
.label3col, .cb3col { width: 32.3%; }
.label4col, .cb4col { width: 24%; }

.label1col input, .label1col select, .label1col textarea { width: 98%; }
.label2col input, .label2col select, .label2col textarea { width: 96%; }
.label3col input, .label3col select, .label3col textarea { width: 94%; }
.label4col input, .label4col select, .label4col textarea { width: 92%; }

.cb1col, .cb2col, cb3col, cb4col { cursor: pointer; cursor: hand; float: left; }
.cb1col input, .cb2col input, cb3col input, cb4col input { 
display: inline; 
padding: 0;
margin-right: 5px;
vertical-align: bottom;
width: auto;
border: none;
background: none;
}

.formButtons {
padding: 10px;
text-align: center;
}

.submitImage button, .navImage button {
border: none;
width: auto;
margin: 0 5px;
background: none;
cursor: pointer;
cursor: hand;
display: inline;
}

.submitButton button, .navButton button {
border: 3px double #544638;
background: #a18a70;
padding: 3px 10px;
width: auto;
color: #fff;
cursor: pointer;
cursor: hand;
margin: 0 5px;
display: inline;
}

.submitButton button:hover, .navButton button:hover {
border: 3px double #544638;
background: #87745f;
}

.fieldsetIngress {
font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 1%;
}

.warningText {
border: 1px dotted #cf839e;
background: #feeef4;
padding: 5px 2%;
font-size: 11px;
font-weight: bold;
}

.warning {
border: 1px solid #cf839e;
background: #feeef4;
}

.FCK_content {
areas: 1,2,3,4;
background: #ffffff;
}