/* screen.css */

body { margin: 0; padding: 1em 2em; }
#main
{
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	position: relative;
	overflow: auto;
	min-width: 48em;
	max-width: 64em;
	margin: 0 auto;
}
#head
{
	background-image: url(/carina/graphics/layout/matterhorn.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding: 0;
	height: 89px;
}
#navigation
{
	padding: 0.3em 0 0.25em 0;
	text-align: center;
	border-color: #999;
	border-width: 1px 0 1px 0;
	border-style: solid;
}
#navigation ul, #navigation li { margin: 0; padding: 0; }
#navigation li { list-style: none; display: inline; white-space: nowrap; }
#navigation a, #navigation li span.active { padding: 0.3em 0.5em 0.25em 0.5em; }
#navigation a
{
	text-decoration: none;
	border-right: 1px #DDD solid;
	border-left: 1px #DDD solid;
}
#navigation li span.active
{
	border-right: 1px #999 solid;
	border-bottom: 1px white solid;
	border-left: 1px #999 solid;
}

#body
{
	background-color: white;
	padding: 1em 2em 1em 2em;
	text-align: center;
}
#address
{
	padding: 0.25em;
	text-align: center;
	border-color: #999;
	border-width: 1px 0 0 0;
	border-style: solid;
}
#address a
{
	text-decoration: none;
	padding: 0 1px;
}
#form
{
	width: 34em;
	margin: 0 auto 0 auto;
}

/*  ----------  */

img { border: 0; }
img.foto { border: 1px solid #666; }
.klar { clear: both; }
.innerbox { padding: 0 0 0 8em; }

.top1  {padding-top: 1em; }
.top2 { padding-top: 2em; }
img.v1 { margin-top: 1em; margin-bottom: 1em; }
img.h1 { margin-right: 1em; margin-left: 1em; }
img.h2 { margin-right: 2em; margin-left: 2em; }
img.pano { padding-left: 39px; }
img.pano2 { padding-left: 21px; }

.nowrap { white-space: nowrap; }
.upper { text-transform: uppercase; }
h2 { letter-spacing: 1px; }
p.logos img.logo-znet { margin: 0 10px 11px 0;}
.logo-znet
{
	background-image: url(/carina/graphics/layout/icons.gif);
	background-repeat: no-repeat;
	background-position: 0 -10px;
}
a:hover .logo-znet, a:focus .logo-znet, a:active .logo-znet { background-position: 0 -18px; }

#language { float: right; }
#language ul { margin: 0; padding: 0; }
#language li { list-style: none; display: inline; margin: 0; padding: 0; }
#language a { margin: 0; padding: 0.5em; }
#language a img { opacity: 0.5; }
#language a:hover img, #language a:focus img, #language a:active img { opacity: 1; }
#language .de, #language .en, #language .fr
{
	background-image: url(/carina/graphics/layout/icons.gif);
	background-repeat: no-repeat;
}
#language .de { background-position: 0 0; }
#language .en { background-position: -14px 0; }
#language .fr { background-position: -28px 0; }

.invisible
{
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	display: inline;
	overflow: hidden;
}
ul.skiplinks
{
	line-height: 0;
	list-style-type: none;
	display: inline;
}



/*   FONT   */

body { font-family: trebuchet MS, arial, sans-serif; }
#navigation, #address, #form { font-family: arial, sans-serif; }

body { font-size: 100%; }
h1 { font-size: 1.25em; }
h2 { font-size: 1em; }
#form td { font-size: 0.875em; }
#body p, table.standard { font-size: 0.8125em; }
#navigation, #address, #body li { font-size: 0.75em; }
.copyright { font-size: 0.625em; }
big { font-size: medium; }

#navigation, #form .text-err { font-weight: bold; }

address { font-style: normal; }

p.logos { text-align: right; }
.innerbox, #form { text-align: left; }
.copyright a, #language a { text-decoration: none; }

/*   /font   */



/*   COLOR   */

body, #main { color: black; }
#navigation, #navigation a, #address, #address a { color: #333; }
#navigation a:visited, #address a:visited, .copyright,
.copyright a, .copyright a:visited
	{ color: #666;}
#navigation a:hover, #navigation a:focus, #navigation a:active { color: white; }
#address a:hover, #address a:focus, #address a:active { color: white; }
h1 { color: #C00; }
p[lang="en"], p span[lang="en"], ul[lang="en"] { color: #239; }
#language a, #language a:visited 
	{ color: #666;}
#language a:hover, #language a:focus, #language a:active
	{ color: black; }


body { background-color: #FC9; }
input:focus, textarea:focus, #form .field-err { background-color: #FDA; }
#main, #navigation li span.active { background-color: white; }
#navigation, #address { background-color: #DDD; }
#navigation a:hover, #navigation a:focus, #navigation a:active { background-color: #666; }
#address a:hover, #address a:focus, #address a:active { background-color: #666; }

/*   /color   */



/*   TABLE   */

table.standard { border-spacing: 1px; background-color: #666; float: right; margin: 1em 3em 0.5em 2em; }
table.standard th[colspan="3"] { background-color: #999; color: white; font-weight: bold; }
caption { font-size: smaller; }
table.standard thead th { background: #DDD; }
table.standard tbody th { font-weight: normal; }
table.standard th { text-align: left; background: #EEE; }
table.standard td, table.standard th { padding: 0.25em 0.5em; }
table.standard td { text-align: center; background: #FFF; }

/*   /table   */