/*
   Style Sheet - Version 05
   Name:      design.css
   Project:   http://www.leplatane-lafrancaise.com
   Created:   Wed Mar  9 12:36:08 CET 2011
   Author:    Thomas Gsaenger

   ---------------- COLORS -----------------
   Body Background:       #fffff0
   HEADER Background:     #446622
   MAIN TEXT:             #696969
   LINKS:                 #776c55
   LINKS - HOVER:         #ffffcc
   HEADER FIRST LETTER:   #7b2900 (H2)
*/
body { background: #fffff0; font-size: 100%; margin: 0; padding: 0; }
img { border: 0; }
img[usemap] { border: none; }
div { margin: 0; }
body, p, pre, h1, h2, h3, h4, h5, h6, ul, li, tr, td, form, legend, span  {
   color: #696969;
   font-size: 100%;
   font-style: normal;
   font-variant: normal;
   font-weight: 300;
   letter-spacing: 0.125em;
   line-height: 1.5;
   margin: 0;
   padding: 0;
   text-align: left;
   text-decoration: none;
   text-indent: 0;
   text-transform: none;
   white-space: normal;
}
p, li { font-family: "Georgia", "Verdana", "DejaVu Serif", serif; font-size: 0.875em; padding-bottom: 0.625em; }
hr { border: thin solid; color: #776c55; width: 69%; height: 0.125em; }
h1, h2, h3, h4, h5, h6 { font-family: "Georgia", "Verdana", "DejaVu Serif", serif; white-space: nowrap; }
h1, h2 { font-variant: small-caps; font-size: 1.975em; letter-spacing: 0.313em; word-spacing: 0.313em; }
h1 { color: #292929; font-weight: 700; margin: auto; } /* h1 will become the shadow of h2 */
h1:first-letter { font-size: 2.0em; font-weight: 700; vertical-align: middle; }
h2 { color: #ffffcc; }
h2:first-letter { color: #7b2900; font-size: 2.0em; font-weight: 700; vertical-align: middle; } /* #b00 */
h3 { color: #776c55; font-size: 0.975em; font-style: oblique; margin: 0.875em; padding: 0.875em; }
h4, h5, h6 { font-size: 0.875em; }
a { font-family: "Georgia", "Verdana", "DejaVu Serif", serif; font-size: 0.975em; font-variant: small-caps; font-weight: 300; letter-spacing: 0.125em; text-decoration: none; }
a:link, a:visited { background: transparent; border: solid 0; color: #776c55; display: inline; padding: 0.125em; font-weight: 700; }
html>body a:link, a:visited { height: auto; }
a:hover, a:focus { background: #446622; border: none; color: #ffffcc; display: inline; padding: 0.125em; }
a:active { color:#556c55; text-decoration: none; border: none; }
a.img:hover, a.img:focus { background: transparent; border: none; color: #ffffcc; padding: 0; }
br.wash { clear: both; }
p.infohead { color: #776c55; font-family: "Georgia", "Verdana", "DejaVu Serif", serif; font-weight: 900; text-decoration:underline; white-space: nowrap; word-spacing: 0.625em; }
.notice { color: #776c55; font-family: "Arial", "Helvetia", "DejaVu Sans Mono", sans-serif; font-size: 0.750em; padding: 0.125em; text-align: center; }
.datetime {color: #776c55; font-family: "Arial", "Helvetia", "DejaVu Sans Mono", sans-serif; font-size: 0.750em; padding: 0.125em; text-align: right; }
.important { color: #776c55; font-weight: 900; }
.nice { color: #776c55; font-family: "Georgia", "Verdana", "DejaVu Serif", serif; font-style: oblique; }
img.text { border: thin solid #171717; float: right; margin: 0.313em 0.313em 0.313em 0.625em; vertical-align: top; }
img.ltext { border: thin solid #171717; float: left; margin: 0.313em 0.625em 0.313em 0.313em; vertical-align: top; }
img.activites { border: thin solid #776c55; float: right; margin: 0.625em; vertical-align: top; padding: 0.125em; }
img.box { border: thin solid #171717; float: left; margin: 0.313em; width: 27%; }
img.intro { border: medium double #556c55; margin: 1.625em; padding: 0.313em; width: 49%; }
img.centerfold { border: thin solid #776c55; margin: 0.625em; vertical-align: middle; padding: 0.625em; }
img.portrait { border: thin solid #556c55; float: right; margin: 0.313em; padding: 0.625em; text-align: center; vertical-align: top; }
a.current { color: #ffa500; }
a.link-shown { background: #446622; color: #ffffcc; display: inline; font-variant: small-caps; font-weight: 700; padding: 0.125em; }
a.imgref { margin: auto; padding: 0; }
a.imgrefblk { background: transparent; font-size: 0.313em; font-variant:normal; font-weight: 500; margin: auto; padding: 0; }
a.promolnk { background: transparent; color: #446622; font-size: 0.950em; font-variant:normal; font-weight: 900; margin: auto; padding: 0; }
a.imgrefblk:hover, a.imgrefblk:focus, a.promolnk:hover, a.promolnk:focus { background: transparent; border: none; color: #663399; padding: 0; text-decoration: blink; }
/* FOR THE FIRST LETTER HEADER TO BECOME A LINK REFERENCE */
a.first { background: transparent; padding: 0; letter-spacing: 0.313em; }
a.first:hover, a.first:focus { background: transparent; border: none; text-decoration: blink; }
#mainbox { background: transparent; margin: auto; padding: 0.750em; }
#headerbox { background: #446622; margin: 1.625em 1.0em 0 1.125em; } /* #556c55 #006400 */
/* Lafrancaise header line */
#headerbox p { color: #ffffcc; font-size: 0.850em; font-style: oblique; overflow: hidden; margin-top: -7.313em; text-align: right; white-space: nowrap; }
#headerbox span { margin: 0; padding: 0; letter-spacing: 0; color: #ffffcc; }
/* HEADER WITH SHADOW */
#headline { left: 0.950em; position: relative; top: -5.625em; }
#headline-shadow { position: relative; top: 0.750em; }
/* NAVIGATION */
#navibox { border: solid 0; background: transparent; }
#sitebox { background: transparent url(./graphics/schwarzerle-grey02tr.png) no-repeat top center; float: left; margin: 0 0.125em 0 0.125em; min-height: 30.313em; min-width: 16.625em; text-align: center; }
/* === LINKS ORGANIZED AS LIST === */
#sitebox ul { list-style: none; margin: 14.125em 0 0 1.0em; }
#sitebox li { margin: 0; padding: 0.625em; text-align: left; }
#sitebox li.current { list-style: inside url(./icons/leave-green24.png); }
/* room's sub navigation pages */                                                              
#sitebox li.current_sub { background: transparent url(./background/trans21.png) repeat-x left; list-style: inside url(./icons/leave24.png); }
#sitebox img { vertical-align: middle; }
/* FOR THE CONTENT */
#textbox { border-top: thin solid #776c55; background: transparent; margin: 0.750em 1.0em 0 0.750em; padding: 0.625em 1.125em 0.875em 1.125em; min-height: 18.0em; overflow: hidden; }
#textbox ul { padding: 0 0 0.125em 1.125em; list-style: inside; }
#textbox li { color: #696969; padding: 0 0 0.313em 0.625em; }
#textbox h2 { color: #171717; font-size: 1.125em; font-weight: 300; font-variant: normal; }
#textbox h2:first-letter { font-size: 1.625em; font-weight: 900; color: #006400; }
#textbox a, #textbox a:link, #textbox a:visited { color: #776c55; font-variant: normal; font-weight: 700; }
#textbox a:hover, #textbox a:focus { color: #fff; margin: 0; }
/* DESIGN ELEMENTS FOR chambre TABLE */
#textbox.chambre table { margin: 1.875em; }
#textbox thead, tfoot { background: transparent url(./background/trans21.png); font-size: 0.750em; }
#textbox th { color: #776c55; font-family: "Georgia", "Verdana", "DejaVu Serif", serif; font-weight: 700; font-variant: small-caps; text-align: center; }
#textbox th > img { vertical-align: middle; }
#textbox tbody { font-size: 0.850em; font-weight: 300; font-variant: normal; vertical-align: top; }
td.click img { vertical-align: middle; padding: 0.625em; }
#textbox .evdate { width: 9.313em; }
#textbox .evdesc { width: 21.625em; }
#textbox.chambre fieldset { background: transparent; border: medium double #776c55; margin: auto; padding: 0.750em; text-align: center; }
#textbox.chambre legend {
   background: transparent;
   color: #776c55;
   font-family: "DejaVu Serif", Georgia, serif;
   font-size: 1.0125em;
   font-variant: small-caps;
   font-weight: 700;
   letter-spacing: 0.125em;
   padding: 0.125em;
   margin: 0.125em;
}
/* DESIGN ELEMENTS FOR tarifs TABLE */
#textbox.tarifs table { margin: 0.875em 0.875em 1.875em 5.750em; }
#textbox.tarifs .personnes { width: 15.313em; }
#textbox.tarifs .prix { width: 8.625em; }
#textbox.tarifs thead, tfoot { background: transparent url(./background/trans21.png); font-size: 0.750em; }
#textbox.tarifs th { color: #776c55; font-family: "Georgia", "Verdana", "DejaVu Serif", serif; font-weight: 700; font-variant: small-caps; text-align: center; }
#textbox.tarifs th > img { vertical-align: middle; }
#textbox.tarifs td > p { text-align: center; }
#textbox.tarifs tbody { font-size: 1.0em; font-weight: 300; font-variant: normal;  vertical-align: top; }
/* HOVER PICTURE */
.gallery {
   background: transparent url(./background/trans21.png) repeat top left;
   border: medium ridge #776c55;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: absolute;
   top: 1.125em;
   right: 1.125em;
   visibility: hidden;
   width: 33.313em;
   height: auto;
   text-align: center;
}
.gallery > img { width: 96%; border: none; padding: 0.875em; }
#textbox a .gallery { display: none; visibility: hidden; }
#textbox a:hover .gallery, #textbox a:focus .gallery { display: block; visibility: visible; }
#textbox a:link, #textbox a:visited { height: 1em; }
html>body #textbox a:link, #textbox a:visited { height: auto; }
#textbox a:hover.exlink0, #textbox a:focus.exlink0 { background: transparent; margin: 0; padding: 0; }
/* FOR KITCHEN - MENUE */
#textbox.cuisine fieldset { background: #f5f5f5; border: solid 0; border-top: medium ridge #776c55; margin: 0.625em; padding: 0.313em; width: 31.750em; }
#textbox.cuisine legend {
   background: transparent;
   color: #776c55;
   font-family: Georgia, "DejaVu Serif", serif;
   font-size: 1.0125em;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0.125em;
   padding: 0.313em;
   margin: 0.125em;
}
/* FOR ACTIVITIES */
#textbox.activities fieldset { background: #f5f5f5; border: solid 0; border-top: medium ridge #776c55; border-bottom: thin solid #776c55; margin: 0.950em; padding: 0.313em; }
#textbox.activities legend {
   background: transparent url(./background/trans21.png) repeat top left;
   color: #776c55;
   font-family: Georgia, "DejaVu Serif", serif;
   font-size: 1.0125em;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0.125em;
   padding: 0.125em;
   margin: 0.313em;
}
/* FOR INFOCARDS */
.infocards { border-right: thin solid #776c55; margin: 0.625em; padding: 0.625em; min-width: 2.125em; float: left; }
#promobox { float: right; margin: 0.125em; min-height: 2.125em; min-width: 2.125em; padding: 0.313em; }
iframe.streetmap { width: 26.5em; height: 21.875em; border: 0; margin: 0.125em; }
iframe.weather { border: 0; float: right; height: 15.950em; margin: 0; padding: 0.985em; width: 11.625em; }
/* CONTAINER FOR FORM */
#textbox.contact fieldset { background: transparent url(./background/trans21.png) repeat top left; border: thin solid #776c55; padding: 0.313em; }
#textbox.contact fieldset.personality, #textbox.contact fieldset.buttons { background: transparent; border: solid 0; border-bottom: thin solid #776c55; }
#textbox.contact fieldset.personality { margin: 0.125em; }
#textbox.contact fieldset.buttons { text-align: center; }
/* DESIGN FOR BUTTONS */
#textbox.contact fieldset.buttons button { color: #776c55; font-family: "DejaVu Serif", Georgia, serif; font-size: 0.625em; font-variant: small-caps; font-weight: 700; letter-spacing: 0.125em; }
#textbox.contact fieldset.buttons button:hover.reset { color: #f00; }
#textbox.contact fieldset.buttons button:hover.submit { color: #446622; }
#textbox.contact legend { color: #776c55; font-family: "DejaVu Serif", Georgia, serif; font-size: 0.950em; font-variant: small-caps; font-weight: 500; letter-spacing: 0.125em; }
#textbox.contact legend.outside { background: transparent url(./background/trans21.png) repeat top left; margin: 0.125em 0 0.125em 1.313em; }
#textbox.contact label {
   background: transparent;
   color: #776c55;
   font-family: "DejaVu Serif", Georgia, serif;
   font-size: 0.750em;
   font-style: normal;
   font-weight: 300;
   letter-spacing: 0.313em;
   vertical-align: top;
   white-space: nowrap;
   padding-right: 1.750em;
   margin-left: 1.125em;
}
#textbox.contact input, #textbox.contact textarea {
   background: transparent url(./background/trans50.png) repeat top left; /* #556c55 */
   border: thin solid #776c55;
   color: #ffffcc;
   font-family: "DejaVu Serif", Georgia, serif;
   font-size: 0.950em;
   font-variant: normal;
   font-weight: 500;
   letter-spacing: 0.125em;
   margin: 0.625em;
   padding: 0.125em;
   width: 77%;
}
#textbox.contact input[class='textfield'] { margin-left: 1.125em; width: 59%; }
/* FOR ANSWER TO FORM PAGE */
#textbox div.forms { background: transparent url(./background/trans21.png) repeat top left; border: thin solid #776c55; padding: 0.313em; }
#textbox div.errors { background: transparent url(./background/trans21.png) repeat top left; border: medium double #776c55; padding: 1.125em; margin: 1.625em; }
/* CONTAINER FOR FOOTER */
#footerbox { border-top: thin solid #776c55; margin: 0 1.0em 0 1.125em; }
#footerbox img { margin-left: 1.625em; padding-right: 0.125em; vertical-align: middle; }