/* ***************************************************************************************
** *********** (c) 2009 by Helmut Siebe (http://www.nordsee-urlaub-buchen.de/) ***********
** ***************************************************************************************
*/


/* Javascript Calendar */
input.calinput { margin: 4px 2px 4px 2px; height:22px; font-weight:bold; font-size:10px; padding: 0px 5px 0px 5px; border:1px solid #888888;}
select.calinput { margin: 4px 2px 5px 2px; font-weight:bold; font-size:11px; padding: 1px 0px 1px 0px; min-width:55px; border:1px solid #888888;}
table.calendar { font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; border-collapse: collapse; background-color: #fffdee;  border: solid #ffb726 2px; width: 205px; text-align: center; /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/ -moz-user-select: none;    /*-khtml-user-select: none;*/}
table.calendar td { border: 0; font-size: 10px; text-align: center;}
div.mainheading { margin: 2px;}
div.bigheading { margin: 7px 2px 2px 2px; color: #0e3865; font-size: 13px; font-weight: 900;}
table.caldayheading { border-collapse: collapse; cursor: pointer; empty-cells: show; margin: 0 6px 0 6px; }
table.caldayheading td { background-color: #ffffff; border: solid #999999 1px; border-bottom: solid #888888 2px; text-align: left;  font-weight: bold; padding:4px 0 3px 0; color: #0e3865; width: 22px; /*should match calendar cell's width*/}
table.caldayheading td.wkhead { border-right: double #888888 3px;}
table.calcells { border-collapse: collapse; cursor: pointer; margin: 0 6px 0 6px;}
table.calcells td { background-color: #ffffff; border: solid #999999 1px; vertical-align: top; text-align: left; font-weight: bold; width: 22px; height: 22px;}
table.calcells td div { padding: 1px; margin: 0;}
table.calcells td.wkhead { background-color: white; text-align: center; border-right: double #888888 3px; color: #0e3865;}
table.calcells td.wkday { background-color: #ebebeb;}
table.calcells td.wkend { background-color: #cfd7de;}
table.calcells td.curdate { background-color: #ffcc66; }
table.calcells td.cell_selected { background-color: #7f9db9; color: black;}
table.calcells td.notmnth { background-color: #ffffff; color: #CCCCCC;}
table.calcells td.notallowed { background-color: white; color: #eeeeee; font-style: italic;}
table.calcells td.hover { background-color: #fbe5ab;}


/* Buchungsbox */
#buchen { float: right; width: 186px; height: 220px; color: #0e3865; text-align: left; border: 0px;
background-color: transparent; margin: 0; padding: 0; }
#buchen p { margin: 0; padding: 10px 10px 0 10px; font-family: 'trebuchet ms', Georgia, 'Times New Roman', Times, serif; color: #426282; font-size: 15px; font-weight: bold; text-align: center; }
#buchen table.buchenbox { width: 180px; border: 0; margin: 0; padding: 0; }
#buchen td { width: 180px; text-align: center; padding: 2px; border: 0; font-size: 12px; }
#buchen td.left { width: 120px; text-align: left; padding: 2px 5px; border: 0; font-size: 12px; }
#buchen td.right { width: 60px; text-align: right; padding: 2px 5px; border: 0; font-size: 12px; }
#buchen form { vertical-align: bottom; width: 180px; margin: 0; padding: 0; border: 0; }
#buchen td input { margin: 0; padding: 1px 2px; font-size: 12px; width: 162px; border: 1px solid #6686c3; }
#buchen td input.submit { margin-top: 6px; padding: 2px; font-weight: bold; color: #ffffff; width: 166px; background-color: #6686c3; border: 1px solid #0e3865; }
#buchen td label { margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #426282; }
#buchen td select { margin: 0; width: 50px; border: 1px solid #6686c3; background-color: #ffffff; }
#buchen td select.box { margin: 0; width: 168px; border: 1px solid #6686c3; background-color: #ffffff; }

/* Online-Eintrag */
#content h2.buchen { font-family: verdana, arial, sans-serif; margin-top: 18px; padding: 2px 4px; font-size: 100%; background-color: #fdf9ee; border: 1px solid #cccccc; line-height: 1.2em; }
#content h3.buchen { font-family: verdana, arial, sans-serif; padding: 8px 0 2px 0; font-size: 120%; background-color: transparent; border: 0px solid #cccccc; line-height: 1.2em; }
#content p.buchen { margin-left: 217px; font-size: 100%; padding: 4px 0; line-height: 140%; }
#content p.partner { margin-left: 217px; font-size: 85%; padding: 4px 0; line-height: 135%; }
#content p.status { padding: 0 0 10px 0; background-color: transparent; }
#content a.online { float: right; display: inline; font-size: 85%; color: #ff3300; padding: 4px 0; line-height: 100%; background-color: transparent; }
#content ul.buchen { margin-left: 217px; padding: 0px 20px 10px 20px; }
#content hr.buchen { display: block; clear: both; background-color: transparent; color: #cccccc; border: #cccccc; height: 1px; }
#content h2.detail { clear: left; padding: 2px 4px 2px 217px; font-size: 100%; background-color: #fdf9ee; border: 1px solid #cccccc; line-height: 1.2em; }
#content h3.detail { clear: left; margin-left: 217px; font-size: 120%; background-color: transparent; border: 0px solid #cccccc; line-height: 1.2em; }
#content .gestrichen { text-decoration: line-through; }

/* Zeilen im Seitenfuß */
#content p.seiten { text-align: left; margin: 10px 0; padding: 2px 4px; background-color: #fff6d8; border: 1px solid #cccccc; }

/* Eigenschaften Tabelle für Formular */
#content fieldset.buchen { margin: 0 0 20px 0; padding: 4px 0; border: 1px solid #cccccc; }
#content legend.buchen { margin: 0 12px; padding: 4px; color: #0e3865; font-weight: bold; font-size: 1.0em; }
#content table { width: 556px; border: 0px; margin: 10px 0; border-collapse: collapse; }
#content table.arra { width: 556px; border: 0px; margin: 0; border-collapse: collapse; }
#content td { width: 339px; padding: 2px 20px 6px 0; font-size: 100%; text-align: left; border: 0px solid #cccccc; }
#content td.text { width: 217px; padding: 2px 17px 6px 2px; font-size: 100%; text-align: right; }
#content td.preis { width: 89px; padding: 2px 17px 6px 2px; font-size: 100%; text-align: right; }
#content td.ende { width: 250px; padding: 2px 17px 6px 2px; font-size: 100%; text-align: right; }
#content td.doppel { width: 556px; padding: 0px 20px 6px 23px; font-size: 100%; text-align: left; }
#content td.doppel2 { width: 556px; padding: 0px 0px 0px 15px; font-size: 4px; text-align: left; }
#content td p { margin: 0 0 10px 0; font-size: 100%; padding: 0; line-height: 130%; }
#content td h2 { margin: 0; font-size: 100%; font-weight: bold; padding: 4px; background-color: #fff6d8; }

/* Formular-Eigenschaften */
#content label { display: inline; font-size: 100%; margin: 0; }
#content label.check { margin: 0 0 4px 5px; }
#content input { display: inline; font-size: 100%; padding: 0 0 0 4px; width: 174px; border: 1px solid #cccccc; background-color: #ffffff; }
#content input.kurz { display: inline; font-size: 100%; padding: 0 0 0 4px; width: 55px; border: 1px solid #cccccc; background-color: #ffffff; }
#content select { display: inline; width: 180px; font-size: 100%; border: 1px solid #cccccc; background-color: #ffffff; }
#content select.krit { width: auto; }
#content select.check, input.check { width: 60px; border: 1px solid #cccccc; background-color: #ffffff; }
#content textarea { display: inline; width: 280px; font-size: 140%; margin: 0; border: 1px solid #cccccc; background-color: #ffffff; }
#content p.tipp { margin: 0px; font-size: 90%; padding: 0; line-height: 130%; }
#content p.fehler { margin: 6px 0 0 0px; padding: 0; line-height: 130%; font-size: 11px; font-weight: bold; color: #ff0000; }
#content input.buchen { width: auto; padding: 0; margin: 0 0 1px 0; border: 0px solid #cccccc; background-color: transparent; }

/* Submit-Buttons */
#content input.submit { width: auto; padding: 2px; font-weight: bold; border: 1px solid #cccccc; color: #ffffff; background-color: #6686c3; }
#content input.submitbuchen { width: 180px; padding: 2px; font-weight: bold; border: 1px solid #cccccc; color: #ffffff; background-color: #6686c3; }
#content button.bild { padding: 0; border: 0px solid #cccccc; color: #ffffff; background-color: transparent; }

/*Terminkalender*/
#content h4.terminexport { font-family: verdana, arial, sans-serif; margin: 0px; padding: 0px 60px 0px 0px; font-size: 1.0em; color: #426282; font-weight: bold; border: 0; }
#content img.terminexport { float: left; margin: 0; padding: 4px 10px 4px 0px; background-color: transparent; border: 0px solid #ccc; }
#content p.terminexport { line-height: 130%; padding: 0 60px 5px 0px; margin: 0; border: 0; }
#content p.terminexportdatum { line-height: 130%; color: #000000; padding: 20px 60px 6px 0px ; margin: 0; border: 0; }
#content p.terminexportback { line-height: 130%; padding: 20px 60px 20px 0px ; margin: 0; border: 0; }
#content p.terminexportcenter { text-align: center; text-decoration: none; line-height: 130%; padding: 40px 60px 20px 0px; margin: 0; border: 0; }
#content p.terminexportcenter a { text-decoration: none; border: 0; }

/*Meldungen*/
#content h4.export { font-family: verdana, arial, sans-serif; margin: 20px 20px 0px 20px; padding: 0;
font-size: 110%; font-weight: bold; border: 0; color: #426282; }
#content img.export { float: left; margin: 4px 10px 4px 0px; padding: 0; background-color: transparent; border: 0px solid #ccc; }
#content p.export { line-height: 140%; padding: 0px ; margin: 0px 20px 4px 0px; border: 0; }
#content p.exportlink { line-height: 140%; padding: 0px; margin: 0px 20px 4px 0px; border: 0; }
#content p.exportdate { font-size: 75%; line-height: 140%; padding: 0px; margin: 0px 20px 10px 0px; border: 0; }