/* screen.css */

body
{
	background-image: url(/apartments/tuscolo/data/layout/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0.8125em;
}
#container
{
	margin: 10px auto;
	width: 800px;
	border: 1px #6E0404 solid;
}
#header
{
	background-image: url(/apartments/tuscolo/data/layout/bg-head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 90px;
}

#content
{
	background-image: url(/apartments/tuscolo/data/layout/bg-vanessa-atalanta.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 1em 0 1em 180px;
	padding: 0.5em 0.8125em;
	line-height: 120%;
	border-left: 1px gray dashed;
}
#footer
{
	padding: 0.25em 0.5em;
	border-top: 1px gray dashed;
}
img { border: 0; }
table.preise { line-height: normal; border: 0; width: 98%; }
.preise td   { padding: 0.5em; }
#error       { border: 2px #6E0404 ridge; padding: 10px; margin: 100px 0; }
.nowrap      { white-space: nowrap; }
.fr          { float: right; }
.fl          { float: left; }
.photo       { border: 2px #666 ridge; margin: 0.75em; }
.clr         { clear: both; }
h3           { letter-spacing: 1px; }

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

body                     { color: #000;    background-color: #7C0906; }
#container, .copyright a { color: #222;    background-color: #FFF; }
.preise tr.date          { color: #222;    background-color: #BBB; }
.preise tr.odd           { color: #222;    background-color: #DDD; }
#form-r>table            { color: #222;    background-color: #EEE; }
#error                   { color: #222;    background-color: #FCC; }
a                        { color: #800;    background-color: #FFF; }
a:visited                { color: #D55;    background-color: #FFF; }
a.active                 { color: #222;    background-color: #FFF; }
a:hover, a.active:hover, a:focus, 
a.active:focus           { color: #800;    background-color: #E99; }
#language                { color: #999;    background-color: #FFF; }
h3                       { color: #060;    background-color: #FFF; }
.zoom a, .fr a, .fl a, .ct a
                         { color: #222;    background-color: #FFF; }

/* ----- FONT  ----- */

body                     { font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; }
#navigation, p.copyright, 
#language, #footer       { font-family: verdana, arial, helvetica, sans-serif; }

body                     { font-size: 100%; }
#navigation li           { font-size: 0.625em; }  /*  16 x 0.625em  = 10px  */
#content p.copyright     { font-size: 0.625em; }  /*  16 x 0.625em  = 10px  */
#language, #content dd   { font-size: 0.6875em; } /*  16 x 0.6875em = 11px  */
#footer                  { font-size: 0.75em; }   /*  16 x 0.75em   = 12px  */
#content p, #content li, caption, #content td, 
#content th              { font-size: 0.8125em; } /*  16 x 0.8125em = 13px  */
h2, #form big            { font-size: 0.8125em; } /*  16 x 0.8125em = 13px  */
h3                       { font-size: 1.125em; }  /*  16 x 1.125em  = 18px  */
h1                       { font-size: 1.5em; }    /*  16 x 1.5em    = 24px  */
#content .preise h3      { font-size: 120%; }
#content li li           { font-size: 100%; }
#content .preise         { font-size: 90%; }

address                  { font-style: normal; }
#navigation li a, #navigation li a .active, #navigation img a, #language a, 
#language span, a:hover  { text-decoration: none; }
body, .preise td.pers    { text-align: left; }
#footer, #error, .preise,
.zoom, .ct               { text-align: center; }
p.copyright              { text-align: right; }

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

#language { float: right; }
#language ul { margin: 0; padding-top: 1px; }
#language li { list-style: none; display: inline; margin: 0; padding: 0; }
#language a, #language span { margin: 0; padding: 1px 1em; }

#navigation
{
	float: left;
	padding: 2.5em 0.5em 0.625em 0.625em;
	font-weight: bold;
}
#navigation ul
{
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
#navigation li a, #navigation li a.active
{
	display: block;
	padding: 3px 5px;
	width: 150px;
	border: 1px #FFF solid;
}
#navigation .parnass     { margin-top: 2em;}
#navigation li a:hover   { border: 1px #6E0404 solid; }
#navigation img          { padding: 0 0 0 40px; }
#navigation a.logo:hover { background-color: transparent; }

/* ----- FORM  ----- */

#form>table, 
#form-r>table            { border: 1px solid gray; padding: 0.5em; }
#form-r>table            { margin-left: 3em; }
#form .field-err         { background-color: #DEF; }
#form .text-err          { color: #024385; font-weight: bold; }

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


table.preise { border-spacing: 1px; background-color: #CCC; }
table.preise caption {}
table.preise thead th, table.preise tfoot 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: #EEE; }
table.preise th.alt { background: #FFF; }
table.preise td { text-align: center; background: #FFF; }
table.preise td.alt { text-align: left; }