/* Allgemein */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#7C9DA6;
	padding:0px;
	margin:0px;
	color:#222;
}
body * {
        text-align:left;
}
img {
	border:none;
}
a {
	color: #0F5B7F;
	text-decoration:none;
}
table {
	padding:10px;
}
table th {
	background-color:#DA9401;
	color:#EEE;
	padding:5px;
}
table .tr-even {
	background-color:#E1E3D5;
}
table .tr-odd {
	background-color:#FFF;
}
table td {
	padding:5px;
}
h1
{
	color: #0F5B7F;
	font-size:18px;
	letter-spacing: -1px;

}
h2
{
	color: #0F5B7F;
	font-size:16px;
	letter-spacing: -1px;
}
h3
{
	color: #0F5B7F;
	font-size:14px;
	letter-spacing: -1px;

}
/* Sent */
div.sent {
	border:1px solid #444;
	background: #FFFDE2;
	margin:20px 0px;
	text-align:left;
	padding:10px;
	width:560px;
}
/* Error */
div.error {
	border:1px solid #F00;
	background: #FFFDE2;
	margin:20px 0px;
	text-align:left;
	padding:10px;
	width:560px;
}
span.error {
	font-weight:bold;
	color:#D00;
	font-size:18px;
	margin-bottom:10px;
	display:block;
}
/* Form */
label {
	display:block;
	float:left;
	width:200px;
	margin-top:4px;
	font-weight:bold;
}
legend {
	border:1px solid #888;
	background-color:#FAFAFA;
	padding:4px;
}
input, textarea {
	border:1px solid #888;
	margin-top:4px;
	width:400px;
}
textarea {
	height:120px;
}
fieldset {
	background-color:#F3F9FF;
	width:610px;
}
form {
	margin:0px;
	padding:0px;
}
.submit {
	text-align:center;
	margin-left:200px;
}
/* Container Seite */
#container-seite {
	width:95%;
	margin:auto;
}
/* Header */
#header {
	height:100px;
	margin:auto;
	margin-top:10px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#header #headerlogo {
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	width:130px;
	height:100px;
	float:left;
}
#header #headertext {
	font-size:40px;
	color:#EEE;
	padding-top:10px;
}
/* Sprachmenü */
#lang {
	padding:8px;
	height:14px;
	text-align:center;
	background-image:url(../images/lang.jpg);
	background-repeat:repeat-x;
	color:#EEE;
	clear:both;
}
#lang a {
	color:#EEE;
}
#lang a:hover {
	color:#F29900;
	border-bottom:1px solid #333;
}
#lang .langactive {
	font-weight:bold;
}
/* Login */
#login {
	width:398px;
	margin:auto;
	margin-top:100px;
}
#login #login-header {
	background-image:url(../images/login/bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:398px;
	height:23px;
}
#login #login-footer {
	background-image:url(../images/login/bg_down.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:398px;
	height:26px;
}
#login #login-content {
	padding:10px;
	padding-top:0px;
	background-image:url(../images/login/bg.jpg);
	background-repeat:repeat-y;
}
#login #login-content h1 {
	padding:0px;
	margin:0px;
	text-align:center;
}
#login form {
	width:258px;
	margin:auto;
	margin-top:20px;
}
#login label {
	width:100px;
}
#login input {
	width:150px;
}
#login .submit {
	width:152px;
}
/* Webcams, Weathers */
.webcams img, .weathers img {
        vertical-align:middle;
}
.webcams span, .weathers span {
        font-size:36px;
        margin-left:10px;
        vertical-align:middle;
}
.webcams, .weathers {
        margin-top:20px;
}
.webcam {
	width:700px;
}
.webcam_left {
	float:left;
	margin-bottom:20px;
}
.webcam_right {
	float:right;
	margin-bottom:20px;
}
/* Navi */
#navi {
	background-color:#EEE;
	width:200px;
	float:left;
	margin:20px 0px;
}
#navi ul {
	list-style-type:none;
	padding:0px;
	margin:10px;
}
#navi ul ul {
	margin:0px;
	padding-left:5px;
	}
#navi li {
	border-bottom:1px solid #CCC;
	padding-top:4px;
}
#navi ul ul li {
	border:none;
}
#navi a {
	display:block;
	padding:4px 10px;
	text-decoration:none;
	font-size:12px;
	color:#536078;
	font-weight:bold;
}
#navi ul ul a {
	font-weight:normal;
}
#navi a:hover {
	color:#F29900;
}
ul .active {
	color:#FF0000;
	background-color:#FFFCDA;
	border-bottom:1px solid #333!important;
}
/* Content */
#content {
	background-color:#7C9DA6;
	margin-left: 200px;
	padding:1px 20px;
	margin-bottom:20px;
}
/* Werbung */
#werbung {
	clear:both;
	background-color:#DDD;
	padding-bottom:10px;
	border:2px solid #CCC;
}
#werbung h1 {
	text-align:center;
}
#werbung img {
	margin:0px 10px;
}

/* Copyright */
#copyright {
	clear:both;
	text-align:center;
	color:#444;
	font-size:12px;
	height:26px;
	padding-top:4px;
	margin-top:10px;
}
#copyright a {
	color:#444;
}
.spam {
	display:none;
}