/*screen.css*/

body
{
	text-align: left;
	line-height: 1.4em;
}
#box
{
	width: 935px;
/*
	max-width: 930px;
	min-width: 800px;
*/
	margin: 10px auto;
	border: 1px #52CCFF solid;
}
#head
{
	background-image: url(/apartments/aeschhorn/data/layout/bg.png);
	background-repeat: repeat;
	background-position: left top;
	text-align: right;
	padding: 2px 10px;
	font-weight: bold;
}
#body { margin: 10px 10px 10px 230px; }
#foot { clear: both; text-align: center; /*padding-left: 255px;*/ }

/* ----- COLORS  ----- */

body            { color: #000;    background-color: #EEEEEE; }
#box            { color: #037;    background-color: #CBF2FC; }
#head           { color: #06C;    background-color: transparent; }
#nav            { color: #06C;    background-color: #BEF; }
#nav li a       { color: #06C;    background-color: transparent; }
#nav li a:hover, #nav li a:focus, #nav li a:active { color: #024385; background-color: #CBF2FC; }
#form-r>table   { color: #024385; background-color: #DEF; }
#nav .active    { color: #037;    background-color: transparent; }
a               { color: #06C; }
a:visited       { color: #28F; }
a:hover, a:focus, a:active { color: #024385; background-color: #DDF8FF; }
#head a         { color: #06C;    background-color: #CBF2FC; }
#head a:hover, #head a:focus, #head a:active { color: #024385; background-color: #DDF8FF; }

/* ----- Font  ----- */

#head           { font-size: 10px; font-family: Verdana; }
#nav            { font-size: 10px; font-family: Verdana; }
body            { font-size: 13px; font-family: Trebuchet MS, Verdana; }
h3              { font-size: 15px; }
h2              { font-size: 18px; }
h1              { font-size: 26px; }

/* ----- NAVIGATION ----- */
#nav
{
	float: left;
	margin: 20px 10px 10px 10px;
	padding: 150px 5px 10px 5px;
	font-weight: bold;
	background-image: url(/apartments/aeschhorn/data/layout/matterhorn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border: 1px #52CCFF solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#nav ul
{
margin: 0;
padding-left: 0;
list-style-type: none;
}
#nav a, #nav a:active, #nav .active
{
display: block;
padding: 3px 5px;
width: 160px;
text-decoration: none;
border: 1px #BEF solid;
}
#nav li li a, #nav li li a:active, #nav li li .active { padding-left: 15px; width: 150px; font-weight: normal; }
#nav ul#change { margin-top: 5em;}
#nav li a:hover, #nav li a:focus, #nav li a:active { border: 1px #06C solid; }
#nav .active { padding: 3px 0; }
#nav li li .active { padding: 3px 0 3px 10px; }
#nav img {padding: 3px 10px;}
#nav img a {text-decoration: none;}
#nav a.logo:hover { background-color: transparent; }

/* ----- /NAVIGATION ----- */

/* ----- PREISLISTE ----- */

table#preise { border-spacing: 1px; background-color: #36C; font-family: verdana, arial, helvetica, sans-serif; }
table#preise caption { padding-bottom: 0.25em; }
table#preise thead th { text-align: center;}
table#preise tbody th { font-weight: normal; }
table#preise td, table#preise th { padding: 0.25em 0.5em; }
table#preise th { text-align: left; background: #BEF; }
table#preise th.alt { background: #FFF; }
table#preise td { text-align: center; background: #DDF8FF; }
table#preise td.alt { text-align: left; }

/* ----- Deskline ----- */
table.avail {
	border: 1px solid #ddd;
	width: 644px;
}
table.avail tr.h td, table.avail tr.o td, table.avail tr.e td { background-color: #fff; border-left: 1px solid #f2f2f2; }
table.avail tr.o td, table.avail tr.e td { border-top: 1px solid #f2f2f2; }
table.avail tr td { text-align: center; }
table.avail tr.h td.f { background-color: #fff; border-left: 0; }
table.avail tr.o td.x, table.avail tr.e td.x { background-color: #f2f2f2; }
table.avail tr.o td.n { background-color: #f8f8f8; }
table.avail tr.o td { background-color: #8f8; }
table.avail tr.e td { background-color: #afa; }
table.avail tr.o td.r { background-color: #f88; }
table.avail tr.e td.r { background-color: #faa; }
table.avail tr.o td.f { background-color: #eee; border-left: 0; }
table.avail tr.e td.f { background-color: #fff; border-left: 0; }

.FloatRight
{
	float: right;
	margin: 0 0 1em 1.5em;
	border: 1px #36C solid;
}
.FloatLeft
{
	float: left;
	margin: 0 1em 1em 0;
	border: 1px #36C solid;
}
img { border: 0; }
img.foto { border: 1px #36C solid; }
a:hover, a:focus, a:active { text-decoration: none; }
#head a
{
	text-decoration: none;
	padding: 0.25em 0.5em;
	letter-spacing: 0.1em;
}
.nowrap { white-space: nowrap; }
.indent1 { padding-left: 12px; }
.indent2 { padding-left: 24px; }
.ClearLeft { clear: left; }
.ClearRight { clear: right; }
.ClearBoth { clear: both; }
h2 { border-top: 1px #36C solid; padding-top: 0.5em; }

/* ----- FORMULAR  ----- */

#form, #form-r   {}
#form>table, 
#form-r>table    { border: 1px solid #FFF; padding: 4px; }
#form-r>table    { margin-left: 3em; }
#form big        { font-size: 13px; }
#form .field-err { background-color: #DEF; }
#form .text-err  { color: #024385; font-weight: bold; }
p.copyright      { text-align: right; font-size: 10px; }
p.copyright img  { padding-left: 1em; }