html
{
	background: #e9d7b3 url(../img/html_back.jpg);
	cursor: default;

	/* force vertical scrollbar in Firefox */
	/*overflow: -moz-scrollbars-vertical; -- prevents horizontal scrollbars if necessary */
	/* following see http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	}
html,
input,
select,
textarea
{
	font: 15px/130% Calibri, Univers, Arial, helvetica, sans-serif;
}
body
{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #f6efe0;

	/*margin-top: 1em;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

	margin-bottom: 1em;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;*/
}

html.popup
{
	background: #f6efe0;

	}
html.popup body
{
	width: 100%;
	margin: 0;
	padding: 0;
}

p
{
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

a
{
	text-decoration: none;
	color: #1050e0;
}
a:visited
{
	color: #0c3baa;
}
a:hover
{
	color: #e05010;
}
a img
{
	border: 0;
}
a[rel~="help"]
{
	color: inherit;
	border-bottom: dotted 1px #89aaf7;
	cursor: help;
}
a[rel="help"]:hover,
a[rel~="help"][rel~="external"]:hover
{
	border-bottom: solid 1px #f48964;
}
a[rel~="external"]
{
	background: url(../img/out.png) 100% 30% no-repeat;
	padding-right: 8px;
}
a[rel~="help"][rel~="external"]
{
	background: none;
	padding-right: 0;
}
a.popup
{
	background: url(../img/popup.png) 100% 30% no-repeat;
	padding-right: 11px;
}

#head
{
	width: 900px;
	height: 200px;
	background: #305030 url(../img/logo.3.png);

	/*-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;*/
}
#printhead
{
	display: none;
}

#navigation
{
	margin-top: -30px;
	margin-bottom: 1.5em;
	height: 30px;
}
#navigation table
{
	width: 100%;
}
#navigation td
{
	padding: 0;
}
#navigation td.side
{
	width: 50%;
}
#navigation td.tab
{
}
#navigation td.tab:hover
{
}
#navigation td.tab.selected
{
}
#navigation a
{
	display: block;
	font-size: 1.15em;
	line-height: 30px;
	height: 30px;
	color: #ffffff;
	white-space: nowrap;
}
#navigation a span.left
{
	display: block;
	padding-left: 5px;
}
#navigation a span.center
{
	display: block;
	padding-left: 7px;
	padding-right: 7px;
}
#navigation a span.right
{
	display: block;
	padding-right: 5px;
}
#navigation td.tab:hover a
{
}
#navigation td:hover a span.left
{
	background: url(../img/nav_button_left.png) no-repeat top left;
}
#navigation td:hover a span.center
{
	background: url(../img/nav_button_center.png) repeat-x top left;
	padding-top: 1px;
}
#navigation td:hover a span.right
{
	background: url(../img/nav_button_right.png) no-repeat top right;
}
#navigation td.tab.selected a
{
	color: black;
}
#navigation td.selected span.left,
#navigation td.selected:hover a span.left
{
	background: url(../img/nav_button_sel_left.png) no-repeat top left;
}
#navigation td.selected span.center,
#navigation td.selected:hover span.center
{
	background: url(../img/nav_button_sel_center.png) repeat-x top left;
	padding-top: 2px;
}
#navigation td.selected span.right,
#navigation td.selected:hover span.right
{
	background: url(../img/nav_button_sel_right.png) no-repeat top right;
}
#printnavigation
{
	display: none;
}
#noprintnavigation
{
	display: none;
}

.content_left
{
	margin-left: 30px;
	width: 500px;
}
.content_full
{
	margin-left: 30px;
	margin-right: 30px;
}
html.popup .content_full
{
	margin: 1em;
}
.photo_col_right
{
	float: right;
	margin-right: 30px;
	width: 300px;
}
.photo_view_left
{
	margin-left: 30px;
	width: 650px;
	text-align: center;
}
.photo_view_left #photo-title
{
	font-size: 1.2em;
}
.photo_view_left #photo-title small
{
	font-size: 0.72em;
}
.photo_list_right
{
	float: right;
	margin-right: 0px;
	width: 165px;
	height: 500px;
	overflow: auto;
}
.photo_list_right img
{
	/*margin-bottom: 8px;*/
}
.photo_list_right img.selected
{
	background: #e17313 url(../img/img_selected_back.png) no-repeat 0% 0%;
}
.footer
{
	margin-top: 2em;
	border-top: dotted 1px #e5a563;
	background: #efe3c9;
	padding: 5px 30px;
	font-size: 0.8em;
	line-height: 1.3em;

	/*-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;*/
}
ul.arrows
{
	list-style-image: url(../img/list_arrow.png);
	padding-left: 18px;
	margin-left: 0;
}
ul.yes
{
	list-style-image: url(../img/list_check.png);
	padding-left: 20px;
	margin-left: 0;
}
ul.add
{
	list-style-image: url(../img/list_plus.png);
	padding-left: 20px;
	margin-left: 0;
}
td.add
{
	background: url(../img/list_plus.png) no-repeat 1px 50%;
	padding-left: 20px;
	padding-right: 0.6em;
}
td.noicon
{
	padding-left: 20px;
}

img.canvas_15
{
	display: block;
	/*border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #dddddd;*/
	border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	border-bottom: solid 1px #bbbbbb;
	background: #ffffff;
	padding: 14px;
}
.canvas_shadow
{
	background: url(../img/img_canvas_shadow.png) no-repeat 50% 0%;
	height: 10px;
}
img.canvas_8
{
	display: block;
	/*border-left: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	border-bottom: solid 1px #cccccc;*/
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	border-bottom: solid 1px #b0b0b0;
	background: #ffffff;
	padding: 8px;
}
.canvas_shadow_small
{
	background: url(../img/img_canvas_shadow_small.png) no-repeat 0% 0%;
	height: 5px;
}

input[type="text"],
input[type="password"],
textarea
{
	cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
	cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
	cursor: default;
}

table
{
	border-spacing: 0;
}
table th
{
	text-align: left;
	font-weight: normal;
	font-style: italic;
}
table th,
table td
{
	vertical-align: top;
	padding: 0;
}
table.grid
{
	border-collapse: collapse;
}
table.grid th,
table.grid td
{
	border: solid 1px #e17313;
	padding: 0.1em 0.4em;
}
table.grid.tight th,
table.grid.tight td
{
	border: solid 1px #e17313;
	padding: 0 0.2em;
}

table th.center,
table td.center
{
	text-align: center;
}
table th.right,
table td.right
{
	text-align: right;
}

table.grid tr.januar td
{
	border-top-color: #000000;
}
table.grid tr.dezember td
{
	border-bottom-color: #000000;
}

th,
table td.ungerade
{
	background: #efe3c9;
}
table td.werktag a,
table td.feiertag a,
table td.werktag span,
table td.feiertag span
{
	display: block;
	color: black;
}
table td.werktag a:hover,
table td.feiertag a:hover
{
	font-weight: bold;
}
table td.feiertag,
table td.feiertag a,
table td.feiertag span
{
	color: red;
}
table td.frei
{
	/*background-color: #c0ffb0;*/
	background-color: #c8ffb8;
}
table td.belegt
{
	background-color: #ffa0a0;
}
table td.mieterwechsel_anfang
{
	background: #c0ffb0 url(../img/mieterwechsel_anfang.png) no-repeat 0% 100%;
}
table td.mieterwechsel_ende
{
	background: #c0ffb0 url(../img/mieterwechsel_ende.png) no-repeat 100% 100%;
}
table td.mieterwechsel_legende
{
	background: #c0ffb0 url(../img/mieterwechsel_legende.png) no-repeat 100% 100%;
}
table.legende td
{
	line-height: 1.1em;
}

sup
{
	font-size: 0.85em;
	line-height: 0.85em;
	}
sub
{
	font-size: 0.85em;
	line-height: 0.85em;
	}


/* ----- FORMS ----- */

form
{
	display: inline;
}

form div.label
{
	margin-top: 0.2em;
	margin-bottom: 0;
	font-size: 0.85em;
	line-height: 1.3em;
	font-weight: bold;
	color: #505050;
}
form div.label span.desc
{
	margin-left: 0.8em;
	font-weight: normal;
}
form div.checkbox
{
	margin-top: 0.6em;
	margin-bottom: 0;
}

input[type="text"],
input[type="password"],
textarea
{
	/*border: solid 1px #90A0C0;*/
	/*border: solid 1px #efe3c9;*/
	border: solid 1px #e9d7b3;
	padding: 1px 2px;
}
select
{
	border: solid 1px #e9d7b3;
	padding: 0;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover
{
	border: solid 1px #e5a563;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
	border: solid 1px #e17313;
}

input[type="radio"],
input[type="checkbox"]
{
	margin: 0 6px 2px 0;
	vertical-align: middle;
}
td.center input[type="radio"],
td.center input[type="checkbox"]
{
	margin: 0 0 2px 0;
	vertical-align: middle;
}

input.checkError
{
	background: #FFDDD0;
}

input[type="button"],
input[type="submit"]
{
	border: solid 1px #e17313;
	background: #efe3c9;
	padding: 0px 2px;
	color: #000000;

	/* IE Button Width fix - http://jehiah.cz/archive/an-even-better-ie-button-width-fix */
	overflow: visible;
	width: auto;
}
input[type="button"]:hover,
input[type="submit"]:hover
{
	background: #e9d7b3;
}
input[type="button"].default,
input[type="submit"].default
{
	font-weight: bold;
}

td.inputerror,
input[type="text"].inputerror,
input[type="password"].inputerror,
select.inputerror,
textarea.inputerror
{
	background: #ffbbbb;
}

img.vmid2
{
	vertical-align: middle;
	/*position: relative;
	top: -2px;*/
	margin-top: -2px;
	margin-bottom: 2px;
}
