/*
  printstylesheet for for www.hoteldesvignes.ch
  created: 29.01.2008, last edited: 11.01.2009
  contact: schteffan[at]bluewin[dot]ch
  copyright: Stefan Lauber, 2008.
*/

/* ======= structure ======= */
html, body, h1 { margin: 0; padding: 0; font-size: 12pt; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; }
#haupt, #kopf { width: 960px; }
#mitterechts, #mitte { float: left; width: 200px; margin: 0; padding: 0; }
#links { display: none; }
#mitterechts { width: 760px; }
#mitte { width: 490px; }
#content { margin: 0; padding: 20px 20px; width: 450px; border: 1px solid #063; min-height: 320px; }
#rechts { float: left; width: 190px; margin: 0 0 0 20px; }
/* ======= borders, margins, paddings ======= */
#basisnav ul { border: 0; margin: 0; padding: 0; }
/* ======= breadcrumbs ======= */
#breadcrumbs {float: left; width: 700px; height: 2.5em; padding: 4px 0 4px 10px; color: #000; font-size: 9pt; }
#breadcrumbs a { text-decoration: none; border: 0; color: #000; }
#breadcrumbs a:hover { color: #000; }
#aktiveseite { font-weight: bold; }
/* ======= navigation de base ======= */
#basisnav, #sprache { display: none; }
/* ======= contenu ======= */
h1 { background-color: #fff; }
#content h1 { font-size: 16pt; color: #063; margin: 0 115px 10px 0; padding: 6px 0 6px 0; }
#content h2 { font-size: 10pt; color: #000; margin: 16px 0 4px 0; padding: 0; font-weight: bold; }
#content h3 { font-size: 9pt; color: #000; margin: 4px 0 0 0;  }
#content p, .floatingtext { font-size: 10pt; line-height: 1.4em; color: #000; margin: 8px 0 0 0; padding: 0; }
#content ol, #content ul { font-size: 10pt; line-height: 1.4em; color: #000; margin: 8px 0 0 0; }
#content ol { padding: 0 0 0 25px; }
#content ul { list-style-type: square; padding: 0 0 0 16px; }
#content form ul { list-style-type: none; padding: 0 0 0 8px; }
#content p a, #content ul a { text-decoration: none; border: 0; color: #063; }
#content p a:hover,#content ul a:hover { color: #063; }
#content li { clear: left; }
.tableau { font-size: 10pt; }
td a { text-decoration: none; border: 0; color: #063; }
td a:hover { color: #000; }
.tabellenliste { display: table; border-collapse: collapse; }
.tabellenlistenzeile { display: table-row; }
.textlinks, .textrechts { display: table-cell; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; color: #000; vertical-align: top; }
.textlinks { width: 12.5em; font-weight: bold; }
.seitenbeginn { display: none; }
.valid { text-align: center; }
#content .valid a { padding: 0; margin: 0; border: 0; text-decoration: none; }
#content .valid a img { border: 0; }
.contentphoto { float: left; margin: 8px 10px 0 0; padding: 4px; border: 1px solid #063; }
.contentphoto1 { float: left; margin: 8px 0 15px 0; padding: 4px 0 4px 4px; border: 1px solid #063; border-right: none; }
.contentphoto2 { float: left; margin: 8px 0 15px 0; padding: 4px; border: 1px solid #063; border-right: none; border-left: none; }
.contentphoto3 { float: left; margin: 8px 10px 15px 0; padding: 4px 4px 4px 0; border: 1px solid #063; border-left: none; }
.contentphoto a { padding: 0; margin: 0; border: 0; text-decoration: none; }
.contentphoto a img { border: 0; }
/* ======= sitemap ======= */
.sitemap1 { font-weight: bold; margin: 10px 0 0 0; }
.sitemap2 { margin: 0 0 0 16px;  }
.sitemap3 { margin: 0 0 0 32px; }
/* ======= informations ======= */
#info { float: left; width: 490px; }
#info p{ text-align: right; font-size: 9pt; color: #000; margin: 5px 0 0 0; }
#info p a { color: #000; border: 0; text-decoration: none; }
#info p a:hover { color: #063; }
/* ======= boites d'information ======= */
.infobox { border: 1px dotted #063; margin: 0 0 12px 0; padding: 0 0 5px 0; }
.infobox h2 { font-size: 10pt; color: #063; padding: 8px; margin: 0; }
.infobox h3 { font-size: 9pt; line-height: 1.3em; color: #000; padding: 0 8px 5px 8px; margin: 0; }
.infobox p { font-size: 8.5pt; line-height: 1.3em; color: #000; padding: 0 8px 5px 8px; margin: 0; }
.infobox p a { text-decoration: none; border: 0; color: #000; }
.infobox p a:hover { color: #063; }
.infobox a img { border: 0; padding: 5px; }
.infobox #mailadr a img { border: 0; padding: 0; }
/* ======= formulaires ======= */
#content form { margin: 5px 0 0 0; border: 1px solid #000; padding: 0 15px; background-color: #c0c0c0; color: #000; }
#content .forminfo, #content .formfeld { float: left; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; color: #000; }
#content .forminfo { width: 12em; }
#content textarea { line-height: 1em; }
#formuntertitel { font-size: 10pt; background-color: #cf9; color: #000; margin: 0; padding: 15px 0 8px 0; font-weight: bold; }
#reset, #submit { display: none; }
.fett { font-weight: bold; }
/* ======= horaire ======= */
#sbb { margin-top: 8px; margin-left: 8px;}
#sbb2 { width: 165px; margin: 0; padding: 0; text-align: right; }
#sbb3 { width: 165px; background-color:#00309c; border: 1px solid #00309c; color: white; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; padding: 2px 0px 0px 3px; margin: 0; margin-bottom: 10px; height: 15px; text-align: left; }
#sbb4 { width: 100%; border: 1px solid #cecece; margin: 0; padding: 0; }
#sbb5 { display: inline; }
#sbb6 { width: 155px; margin: 4px; }
.sbb7 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; vertical-align: middle; height: 22px; padding-right: 3px; }
#sbb8 { background-color: #fff; color: #000; width: 55px; height: 18px; font-size: 11px; margin: 0; }
.sbb9 { background-color: #fff; color: #000; width: 90px; height: 18px; font-size: 11px; }
.sbb10 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; vertical-align: middle; font-weight: bold; width: 55px; }
#sbb11 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #e3e3e3; height: 18px; color: #f00; border: solid 1px #ccc; padding: 0; margin: 0; cursor: pointer; line-height: 12px; vertical-align: middle; width: 150px; text-align: left; }