body, html {
	height:101%;
}
body {
	background-color:#000000;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	min-width:840px;
	margin:0px 0px 80px 0px;
	text-transform:lowercase;
	background-image:url('../img/hg_main.gif');
	background-repeat:repeat-y;
	background-position:center;
}

div.stats_graph {
	float:left;
	width:285px;
}

#stats_bars {
	width:340px;
	height:140px;
	border-bottom:solid 2px #fff;
}
.rot {
	color:#f00;
}
.small {
	font-size:10px;
	line-height:14px;
}


#mini_kalender {
	width:178px;
	overflow:auto;
	float:right;
	margin:10px 10px 0px 10px;
	padding:10px;
	border:solid 1px #222222;
	background-color:#111111;
}
div.mini_kalender_zelle {
	float:left;
	width:22px;
	height:16px;
	padding:0px 0px 0px 2px;
	cursor:pointer;
	cursor:hand;
}
div.mini_kalender_zelle_off {
	float:left;
	width:25px;
	height:16px;
}
div.mini_kalender_zelle_hdr {
	float:left;
	width:25px;
	font-size:9px;
	line-height:12px;
}


table.ampel_table {
	width:50px;
	height:18px;
	float:right;
	border:solid 1px #222222;
	display:inline;
	line-height:16px;
}
table.ampel_table td {
	line-height:16px;
}

table.offerte_border {
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
table.offerte_border td {
	padding:8px;
}


div.errmsg {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background-image:url('../img/errmsg.png');
	background-position:top left;
	background-repeat:no-repeat;
}

#main_hdr {
	width:840px;
	margin:0px auto 0px auto;
	clear:both;
	border-top:solid 3px #fff;
	overflow:auto;
}
#main_logo {
	background-image:url('../img/hintergrund_logo.png');
	background-repeat:repeat-x;
	background-position:top left;
	float:left;
	width:610px;
	margin:0px;
	padding:20px 0px 14px 20px;
	vertical-align:bottom;
}
#main_adresse {
	background-image:url('../img/hintergrund_logo.png');
	background-repeat:repeat-x;
	background-position:top left;
	width:210px;
	float:left;
	padding:2px 0px 10px 0px;
	margin:0px;
	text-align:left;
}
div.original_adresse {
	border:solid 1px #222;
	background-color:#111;
	padding:10px;
	margin:0px 10px 16px 0px;
}
#main_wrap {
	width:840px;
	min-height:400px;
	margin:0px auto 0px auto;
	overflow:auto;
	padding:0px;
}
div.main_output {
	float:left;
	width:578px;
	min-height:523px;
	overflow:auto;
	padding:13px 20px 20px 20px;
	margin:0px;
}
div.main_footer {
	width:840px;
	margin:0px auto 0px auto;
	overflow:auto;
	position:fixed;
	bottom:0px;
	left:50%;
	margin-left:-420px;
	border-bottom:solid 4px #fff;
	color:#999;
}
div.main_footer_color {
	padding:3px 23px 3px 23px;
	font-size:10px;
	background-color:#111;
	line-height:12px;
	height:30px;
	color:#999;
}
div.main_footer_color a {
	color:#999;
}
#formular_wrap {
	width:400px;
	margin:40px auto 0px auto;
	overflow:auto;
	padding:15px 20px 20px 20px;
}
div.tische_form {
	float:left;
	witdth:200px;
}
div.tische_form_raeume {
	float:left;
	width:200px;
}

#us_wrap {
	float:right;
	width:350px;
	padding:15px;
	margin:0px 10px 10px 0px;
}

#res_panel {
	width:588px;
	padding:5px;
	margin:5px 10px 10px 0px;
}
#adr_panel {
	width:794px;
	padding:10px 0px 0px 0px;
	margin:0px 10px 10px 0px;
}

#user_liste {
	width:200px;
	margin:0px;
	float:right;
	padding:10px;
}
#user_form {
	width:500px;
	min-height:200px;
	margin:10px 0px 0px 0px;
	float:left;
}
#tische_liste {
	margin:0px 0px 0px 0px;
	width:245px;
	float:left;
	padding:0px 0px 0px 20px;
}
#raeume_liste {
	padding:0px;
	width:245px;
	float:left;
	margin:0px 20px 0px 0px;
}

.reservation_f {
	float:left;
	width:340px;
	overflow:auto;
	padding:0px;
	margin:0px 25px 0px 5px;
}
#kalender_f {
	float:left;
	width:350px;
	height:380px;
	overflow:hidden;
	margin:0px;
	padding:0px 0px 0px 24px;
}
#search_f {
	margin:0px 0px 12px 0px;
	padding:0px;
}
#search_link {
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

#panel {
	margin:0px 0px 10px 0px;
	padding:0px;
}

#startmenu {
	padding:10px;
	width:200px;
	float:right;
}

.notiz_hdr {
	padding:2px 5px 2px 5px;
	background-color:#111;
	border:solid 1px #222;
	border-bottom:none;
	margin:0px;
}
.notiz_body {
	font-size:10px;
	padding:2px 5px 5px 5px;
	background-color:#111;
	border:solid 1px #222;
	border-top:none;
	margin:0px 0p 8px 0px;
}
#newnotiz_form {
	width:190px;
	border:solid 1px #222222;
	background-color:#111111;
	padding:5px;
}

#menubar {
	padding:8px 0px 10px 1px;
	/*padding:8px 0px 6px 22px;*/
	margin:0px;
	clear:both;
	width:839px;
	height:30px;
	background-image:url('../img/hintergrund_menubar.png');
	background-position:top left;
	background-repeat:repeat-x;
}
.menu_icon {
	margin-right:2px;
}
a.menu_button,a.menu_button:visited {
	width:115px;
	height:21px;
	display:block;
	float:left;
	padding:6px 0px 3px 0px;
	margin:5px 0px 0px 4px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	cursor:hand;
	border:none;
	background-image:url('../img/menubutton.png');
	background-position:top left;
	background-repeat:no-repeat;
}
a.menu_button:hover,a.menu_button:active {
	background-image:url('../img/menubutton_hover.png');
	color:#ffffff;
}
#newnotiz_form {
	display:none;
}
#newnotiz_link {
	display:block;
}

#reservation {
	padding:16px 10px 20px 24px;
	overflow:hidden;
	min-height:400px;
}

#notizen {
	float:right;
	margin:0px 0px 0px 0px;
	padding:5px 10px 0px 10px;
	width:200px;
	overflow:auto;
}
.notiz_hdr {
	font-weight:bold;
	padding:0px 5px 2px 5px;
	margin:0px;
}
.notiz_datum {
	clear:both;
}
span.notiz_hdrtext {
	font-size:10px;
}
.notiz_body {
	margin:0px;
}

.subform {
	border-top:dotted 1px #666;
}
.save_fehler {
	padding:0px;
	margin:0px 0px 15px 0px;
}


/* kalender */

.kalender_tag, .kalender_tag_geschlossen {
	background-color:#000;
}

.kalender_wrap {
	width:350px;
	height:300px;
	padding:0px;
	margin:0px;
}
.kalender_tag_w {
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
}
.kalender_tag {
	padding:3px 2px 2px 2px; 
	width:46px;
	height:46px;
	cursor:pointer;
	cursor:hand;
}
.kalender_tag_geschlossen {
	padding:3px 2px 2px 2px; 
	width:46px;
	height:46px;
	opacity:0.60;
	filter: alpha(opacity='60');
}
.kalender_tag_off {
	padding:3px 4px 4px 4px; 
	width:42px;
	height:44px;
	opacity:0.15;
	filter: alpha(opacity='15'); 
}
.kalender_tag_tag {
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	margin-bottom:4px;
}
.kalender_tag_text {
	font-size:10px;
	line-height:10px;
}



h1 {
	font-size:14px;
	line-height:20px;
	margin:0px 0px 14px 0px;
	font-weight:bold;
}
h2 {
	font-size:12px;
	line-height:13px;
	margin:14px 0px 14px 0px;
	font-weight:bold;
}

td.zeile_klein {
	padding:1px 5px 1px 0px;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
}
td.zeile_rechts_klein {
	padding:1px 0px 1px 0px;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
	text-align:right;
}
td.zeile {
	padding:5px 5px 7px 0px;
}
td.zeile_oben {
	padding:5px 0px 0px 0px;
}
td.zeile_unten {
	padding:0px 3px 7px 0px;
}
td.zeile_unten_klein {
	font-size:10px;
	line-height:13px;
	padding:0px 3px 7px 0px;
}
td.zeile_rechts {
	padding:3px 0px 7px 0px;
	text-align:right;
}
td.zeile_oben_rechts {
	padding:3px 0px 0px 0px;
	text-align:right;
}
span.normalo {
	padding:0px 3px 0px 3px;
}

a.grafik_link {
	background-color:#222;
	display:block;
	float:right;
	width:50px;
	height:12px;
	padding:25px 0px 5px 0px;
	text-align:center;
	font-weight:bold;
	border:solid 1px #444;
	font-size:10px;
}
a.grafik_link:hover {
	background-color:#444;
	border:solid 1px #666;
}

/* links */
a, a:link, a:active, a:visited, a:hover {
	text-decoration:none;
}

a.und {
	text-decoration:underline;
}

a.neg {
	color:#fff;
	text-decoration:none;
}

/* formulare */
label {
	cursor:pointer;
	cursor:hand;
}

select.input_select_rest {
    background-color:#111111;
	border:solid 1px #222222;
	color:#888888;
	padding:5px 0px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	margin:0px 5px 5px 0px;
	width:200px;
	cursor:pointer;
	cursor:hand;
	font-weight:bold;
}

input.input_txt, input.input_txt_kal, textarea.input_txta, select.input_select {
    background-color:#111;
	border:solid 1px #222;
	border-bottom:solid 1px #444;
	color:#eee;
}

select.input_select, select.input_select_err, select.input_select_search {
	padding:1px 1px 2px 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	margin:0px 5px 5px 0px;
	width:232px;
	cursor:pointer;
	cursor:hand;
}
option {
	padding:0px 5px 0px 5px;
}
input.input_btn {
	cursor:pointer;
	cursor:hand;
	padding:1px 5px 1px 5px;
	margin:0px 8px 8px 0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:13px;
	font-weight:bold;
	border:solid 1px #666;
	background-color:#444;
}
input.input_txt, input.input_txt_err, input.input_txt_search {
	padding:2px 5px 2px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	margin:0px 8px 8px 0px;
	width:220px;
}
input.input_txt_search, select.input_select_search {
	width:45px;
	margin-right:16px;
}
textarea.input_txta, textarea.input_txta_err {
	overflow:auto;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	margin:0px 8px 8px 0px;
	width:230px;
	height:220px;
}
input.input_txt_kal {
	padding:1px 5px 1px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	margin:0px 0px 5px 0px;
	width:20px;
}

.dimmed {
	filter:alpha(opacity=50);
	opacity:0.5;
}
.dimmed:hover {
	filter:alpha(opacity=100);
	opacity:1.0;
}




#drag_elem {
	position:fixed;
	top:110px;
	left:250px;
	padding:5px 15px 15px 15px;
	width:420px;
	height:450px;
	border:solid 1px #ffffff;
	z-index:200;
	background-color:#000000;
	cursor:move;
	display:none;
}
#drag_frame {
	border:none;
	width:420px;
	height:420px;
	background-color:#000000;
}
#drag_bar {
	text-align:right;
	position:relative;
	z-index:102;
	padding:0 0 8px 0;
}
#drag_bg {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	color:white;
	z-index:100;
	background-color:#ffffff;
	opacity:0.75;
	filter:alpha(opacity=75);
	display:none;
}