* { font: 11px verdana; }
html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; margin: 0; padding: 0; }

a img, a, img { border: 0px; }
body, table#main { margin: 0px auto 0px auto; }
body { text-align: center; margin-top: 0px; background: #dedddd url('grafik/background.jpg') top center repeat; margin-bottom: 30px; }
a, .red, h1, h2, h3 { color: #C41F09; }
embed { border: none; }

#menu { padding: 0px 0px 0px 26px; vertical-align: top; }
#menu a { margin-right: 0px; color: white; display: block; float: left; padding: 8px 9px 8px 9px; text-transform: uppercase; font-size: 10px; font-family: arial; }
#menu a.active { background: url('/grafik/menu/active.png') top left repeat-x; }
#menu a:hover { background: url('/grafik/menu/over.png') top left repeat-x; }


#title { background: url('/grafik/titlebg.png') top left repeat-x; padding-left: 30px; font-family: arial; font-size: 24px; color: #9a9a9a; }

label { display: block; }
a#reservation_phonesearch, a#reservation_emailsearch { margin-left: 8px; margin-right: 8px; background: url(''); font-weight: bold; }

li { margin-bottom: 5px; }
h2 { margin: 0px 0px 15px 0px; }
h3 { font-size: 14px; margin: 15px 0px 0px 28px; }
h1 { clear: both; font-weight: bold; font-size: 18px; }
h1 a { color: #C41F09; }
h2.float { float: right; width: 380px; }

table, body { font: 11px verdana; }
table td { border: none; }


/*td#body td { vertical-align: top; padding: 2px; border-width: 1px; border-style: solid; border-color: white; }*/
table { margin-bottom: 5px; margin-top: 0px; border-width: 1px; border-style: solid; border-color: white; }
a:link, a:visited { color: #C41F09; font-size: 11px; text-decoration: none; }
a.taken { color: white; }
a.biglink { color: silver; }
a.biglink:hover { text-decoration: none; }



table.pricing { width: 100%; }
table.pricing td { vertical-align: top; }
table.pricing td.label { white-space: nowrap; }
table.pricing td.half { width: 50%; }

p { line-height: 15px; font-size: 10px; text-align: justify; }

h1, h1 * { font: 13px arial; margin: 0px 0px 10px 0px; font-weight: bold; letter-spacing: 0em; }
h2, h2 * { font: 13px arial; margin-top: 30px; font-weight: bold; }
h3, h3 * { font: 16px arial; margin: 0px 0px 10px 0px; font-weight: bold; }
h3 .icon16 { margin-right: 5px; margin-top: 0px; margin-bottom: -1px; }
a.icon { cursor: pointer; }



tr.a td, td.a { background-color: #e6e8eb; }

table.list { width: 100%; margin-bottom: 13px; }
table.list td { vertical-align: top; }
table.list td.label { width: 25%; }
table.list td.short { width: 30px; }
table.list td.medium { width: 130px; }
table.list td.nowrap { white-space: nowrap; }
table.list td.paddingtop { padding-top: 15px; }
table.list td a:hover { color: green; text-decoration: underline; }

td.submenu { background-color: #f3f3f3; height: 0px; }
td.submenu div { position: absolute; }
td.submenu a:visited, 
td.submenu a:active, 
td.submenu a { text-align: left; font-weight: normal; font-size: 9px; text-decoration: none; color: white; 
	padding: 5px 17px 5px 8px; background-color: #666666; display: block; width: auto; white-space: nowrap; }

td.submenu a:hover, td.submenu a:focus { background-color: #c10100; }


tr.a td { background-color: #f5f5f5; }
tr.b td { background-color: #e5e5e5; }




/* form setup */
form.tiny { width: 160px; }
fieldset { border: none; margin: 0; padding: 0; }
fieldset table td { padding: 0px 5px 5px 0px; }
input.checkbox, input.radio { width: 18px; margin-top: 0px; margin-bottom: -2px; }
td.warning { color: #9e2222; }
input { font-size: 11px; padding: 1px; width: 120px; height: 18px; }
input.short { width: 36px; }
input.medium { width: 90px; }
button.floatright { float: right; }
button { padding: 4px 8px 4px 8px; }
h2 input.checkbox { margin-bottom: -4px; }
input.d2 { width: 20px; }
input.d3 { width: 28px; }




/* admin setup */
table.admin td { font-size: 9px; white-space: normal; }
table.admin td a { color: green; font-weight: normal; text-decoration: underline; }
table.admin td.confirmed { background-color: #e0d18c; }
table.admin td.cancelled { background-color: #e08c8c; }
div.amenu { margin-bottom: 10px; }
div.amenu a { display: block; white-space: nowrap; }
div.amenu a.active { color: green; }
div.amenu a:hover { text-decoration: underline; color: green; }
td#amenu { width: 140px; }
td#amenu ul, td#amenu li { margin: 0px; text-indent: 0px; }
td#amenu li { position: relative; left: -28px; }




/* calendar setup */
table.calendar { border: 1px solid black; width: 220px; }
table.calendar tr td { color: silver; padding: 3px; }
table.calendar td.highlight { color: black; background-color: #acb8ac; }
table.calendar td.today { background-color: #809ecc; text-align: center;  }
table.calendar td a { cursor: pointer; cursor: hand: }
table.calendar thead td { color: black; }
table.calendar a.reservations, table.day a { color: green; }
table.calendar a.limit, table.day a.new { color: #9e2222; }
td.day, td.today { font-weight: bold; text-align: center; }
table.day { width: 100%; border: none; }
table.day td { margin: 0px; }
table.day td.time { width: 50px; font-weight: bolder; font-size: 15px; text-align: right; }
table.day td.name { width: 210px; }
table.day td.type { width: 100px; }
tr.a td { background-color: #efefef; }
div.calendar { float: left; height: 140px; width: 172px; margin-right: 5px;  }
div.calendar h2 { text-align: center; margin-bottom: 3px; }
table.legend { width: 100%; }
table.legend td { padding: 0px 3px 0px 3px; width: auto; height: 18px; }
table.prices { width: 375px; }
table.prices td.first { width: 62%; }
table.reservation { width: 375px; }
table.reservation td.first { width: 62%; }

/* big calendar */
table.bigcalendar { height: 520px; }
table.bigcalendar td { vertical-align: top; }



/* graphical table */
table.gfx { border: none; width: 100%; font-family: verdana; font-size: 11px; margin: 0px; }
table.gfx h1 { font-size: 16px; color: #000000; }
table.gfx td { padding: 0px; font-size: 1px; }
table.gfx td.tdbody { font-size: 11px; padding: 5px 0px 5px 0px; }
table.gfx tr.a td { background-color: #cccccc; }
table.gfx td.tl { background: url('grafik/tabel/tl.gif') no-repeat; height: 15px; width: 18px; }
table.gfx td.tit { background: url('grafik/tabel/img.gif') top right no-repeat; height: 57px; width: 15%; vertical-align: bottom; white-space: nowrap; }
table.gfx td.tit h1 { font-size: 15px; font-weight: bold; margin: 0px; white-space: nowrap; }
table.gfx td.tmr { background: url('grafik/tabel/tmr.gif') top left no-repeat; height: 15px; width: 19px; }
table.gfx td.tm { background: url('grafik/tabel/tm.gif') top left repeat-y; height: 42px; width: 18px; }
table.gfx td.mm { background: url('grafik/tabel/mm.gif') bottom left no-repeat; } 
table.gfx td.tg1 { background: url('grafik/tabel/tg_1.gif') bottom left repeat-x; }
table.gfx td.tr { background: url('grafik/tabel/tr.gif') bottom left no-repeat; width: 18px; }
table.gfx td.empty { background: none; }
table.gfx td.tg2 { background: url('grafik/tabel/tg_2.gif') bottom left repeat-x; }
table.gfx td.bl { background: url('grafik/tabel/bl.gif') no-repeat; height: 25px; width: 18px; }
table.gfx td.bg { background: url('grafik/tabel/bg.gif') repeat-x; height: 25px; text-align: left; }
table.gfx td.br { background: url('grafik/tabel/br.gif') no-repeat; height: 25px; width: 18px; }
table.gfx td.lb { width: 18px; }




/* ID-based elements */
#top { width: 754px; height: 191px; cursor: pointer; }
#menu img { height: 36px; z-index: 10; }
#main { text-align: left; width: 756px; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; }
#menu { background: url('grafik/menu/menu_bar_1.gif') repeat-x; height: 29px; padding: 0px; padding-left: 24px; }
#menu * { z-index: 10; }
#submenu * { z-index: 10; text-transform: uppercase; }
#menu #first { padding-left: 24px; }
#body { background-color: white; padding: 7px; padding-left: 31px; padding-right: 30px; color: #333333; }
#boxes { background-color: white; padding: 7px 7px 7px 0px; vertical-align: top; width: 230px; }
#body, #boxes { vertical-align: top; }
#footer { font-size: 10px; background: url('grafik/bund.jpg') repeat-x; color: white; text-align: center; padding: 15px; }
#title { height: 52px; width: 754px; }
#subarrangementer { margin-left: 24px; display: none; }
#subnytider { margin-left: 355px; display: none; }
#subgokart { margin-left: 136px; display: none; }
#subrestaurant { margin-left: 250px; display: none; }
#gallery, #gbrowser { display: block; background-color: silver; }
#gbrowser { height: 60px; overflow: hidden; white-space: nowrap; padding: 0px 25px 0px 32px; }
#gbrowser img { margin-right: 3px; cursor: pointer; }
#rhtooltip { background: url('/grafik/tooltip.png') left top no-repeat; position: absolute; display: none; width: 190px; padding-left: 10px; border-right: 1px solid #823434; }
#rhtooltip p { padding: 2px 5px 2px 5px; margin: 0px; text-align: left; }
#rhtooltip div { border-bottom: 1px solid #823434; }
#ajcalendar label { display: block; }
#ajbigcalendar { width: 450px; height: 456px; }
#ajcalendar h1 { text-align: center; background-color: silver; margin: 4px 3px 0px 3px; border-bottom: none; width: auto; }
#ajdaypicker { display: none; }
#ajdaypicker label { display: block; clear: right; }


.curtain { z-index: 50; display: table-cell; text-align: center; position: absolute; top: 0px; left: 0px; 
	height: 1000px; width: 100%; background: url('/grafik/gradient.png'); }
.curtain form { margin: 0px; display: inline; }
.curtain h2 { margin: 0 auto 0 auto; }
.curtain table td {  }
.curtain table { border: none; }
.curtain a:hover {  }
.product img.p { padding: 4px; background-color: silver; border: 1px solid gray; margin-bottom: 5px; display: block; clear: right; }
.faded { display: table-cell; text-align: center; }
.marginright { margin-right: 5px; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.large { font-size: 18px; }
.machine { font-family: courier; }
.warning { color: #9e2222; }
.icon { margin-right: 3px; margin-top: 3px; margin-bottom: -1px; }
.icon16 { margin-right: 3px; margin-top: 0px; margin-bottom: -4px; }
.marginleft { margin-left: 3px; }



table.steps { margin-bottom: 10px; }
table.steps td { width: 14%; color: silver; padding: 3px 0px 0px 0px; vertical-align: top; border-top: 1px solid silver; }
table.steps td.active { color: black; font-weight: bold; border-top: 3px solid black; }
table.steps td.e { border: none; width: 25px; }
div.messages div { color: #9e2222; margin: 5px; font-weight: bold; padding: 5px; background-color: yellow; 
	border: 1px solid black;
	}


div#pay1, div#pay2, div#pay3, div#pay4, div#pay5, div#pay6, div#pay7, div#pay8, div#pay9, div#pay10 { display: block; }
table td.topborder { border-top: 1px solid silver; padding-top: 6px;  }
table td.doublebottomborder { border-bottom: 4px double silver; }

div.dots { border-bottom: 1px dotted #823434; height: 1px; margin-top: 6px; margin-bottom: 6px; }


/* box table for use in AJAX "popups" */
table.box { background: transparent; border: none; margin: 0px auto 8px auto; }
table.box table { border: none; }
table.box td { padding: 0px; font-size: 1px; }
table.box table.padded td { padding: 2px; }
table.box td.ul { background: url('/grafik/box/1.png') center center no-repeat; width: 8px; height: 7px; }
table.box td.um { background: url('/grafik/box/2.png') center center repeat-x; height: 7px; }
table.box td.ur { background: url('/grafik/box/3.png') center center no-repeat; width: 8px; height: 7px; }
table.box td.ml { background: url('/grafik/box/4.png') top center repeat-y; width: 8px; }
table.box td.mm { background:  white url('/grafik/box/5.png') top repeat-x; padding: 2px; font-size: 11px; }
table.box td.mm h3 a, table.box td.mm h1 a { cursor: pointer; background: url('/grafik/icons/cancel.png') 3px 3px no-repeat; width: 22px; height: 22px; display: block; float: right; }
table.box td.mm h3, table.box td.mm h1 { font-size: 18px; background-color: #e6e8eb; padding: 3px; border: 1px dotted #bdbdbd; border-left: 0px; border-right: 0px; }
table.box td.mm * { font-size: 11px; }
table.box td.mr { background: url('/grafik/box/6.png') top repeat-y; width: 8px; }
table.box td.ll { background: url('/grafik/box/7.png') center center no-repeat; width: 8px; height: 7px; }
table.box td.lm { background: url('/grafik/box/8.png') center center repeat-x; height: 7px; }
table.box td.lr { background: url('/grafik/box/9.png') center center no-repeat; width: 8px; height: 7px; }


/* schema fields */
table.hours { width: 424px; border: none; }
table.hours td { color: black; font-size: 9px; padding: 0px;  }
thead td, td.hours { text-align: center; font-weight: bold; text-transform: uppercase; }
thead a:link, td#body thead a:visited, thead td { color: #9e2222; }
td.right { text-align: right; }
tr.browse td { vertical-align: middle; border: 1px dotted #bdbdbd; border-left: none; border-right: none; background-color: #e6e8eb; padding: 3px 3px 5px 3px; }
tr.hours td { padding: 0px; vertical-align: middle; }
tr.hours a { color: black; width: 34px; height: 11px; display: block; text-align: center; padding-top: 0px; }
/*tr.hours td a:hover { border: 2px solid black; width: 30px; height: 9px; padding-top: 3px; }*/

table.full { background-color: #f6f6f6; }
table.full .hl { color: #9e2222; }
table.full tr.hours a { width: 52px; height: 18px; }
/*table.full tr.hours td a:hover { border: 1px solid black; width: 50px; height: 10px; padding-top: 1px; }*/
table.full tr.hours td a:hover { background-color: orange; }
td.price { font-weight: bold; white-space: nowrap; width: 120px; }
tr.hours td.hours { width: 80px; vertical-align: middle; }
table.full tr.hours td.hours { width: 51px; font-size: 20px; text-align: center; font-weight: normal; border: 1px dotted #bdbdbd; border-left: none; border-right: none; background-color: #e6e8eb; }
table.full tr.hours td.hours span { font-size: 10px; float: right; display: block; clear: right; padding-bottom: 1px; line-height: 1.1em; }
tr.hours td.hours a { color: black; }
table.full tr.days td { padding-top: 2px; padding-bottom: 0px; font-size: 9px; }
.p1 { background-color: #74c256; } /* free */
.p2 { background-color: #3e5f83; } /* still some free */
.p3 { background-color: #8f2727; } /* full */
.p4 { background-color: #e8d31d; } /* unconfirmed */
.p5 { background-color: #3a372e; } /* overtime */
.i1 { background-color: #e1e1e1; }
.i2 { background-color: #b7b7b7; }
.i3 { background-color: #8d8d8d; }
.off { background-color: #ffffff; }
.taken { background-color: #3c403b; color: white; }
.topalign { vertical-align: top; }
.rightalign { text-align: right; }
.centeralign { text-align: center; }

table.gallery td { width: 128px; height: 128px; background: url('/grafik/folder.png') left top no-repeat; text-align: center; padding-right: 12px; }
table.gallery td a { display: block; margin: 10px 8px 3px 5px; color: black; font-weight: bold; }

#quicklinks { width: 219px; padding: 0px; margin-left: -3px; margin-bottom: 12px; }
#quicklinks table.box { width: 230px; }
#quicklinks h3 { margin-bottom: 1px; font-size: 13px; }
#quicklinks a:hover { text-decoration: underline; }

strong { font-weight: bold; }

table.padded td { padding: 2px 17px 2px 2px; text-align: left; }
table.padded td.last { padding-right: 2px; }
table.padded tr.odd td { background-color: #efefef; }

td.b { font-weight: bold; padding-right: 6px; }