body {
background : #032740 url(background.png) no-repeat center top;
color : #000;
text-align : center;
margin : 0 auto;
font-family : Verdana, Arial, Sans-Serif;
font-size : 13px;
}
#container {
width : 95%;
color : #000000;
margin : auto auto;
padding : 20px;
text-align : left;
}
#tabs {
float : left;
}
#top-navi {
list-style-type : none;
margin-top : 62px;
margin-left : -20px;
}
#top-navi li {
float : left;
padding : 7px;
margin : 5px;
height : 19px;
background : url(menu.png);
color : #fff;
font-weight : bold;
}
#top-navi li.spacer {
background : none;
}
#tabs a {
color : #fff;
text-decoration : none;
}
#tabs a:hover {
color : #5ea3d5;
text-decoration : none;
}
#header {
margin-right : 20px;
text-align : right;
}
#content-container {
background : #fff url(content.png) repeat-x top;
border : 1px solid #0e4367;
padding : 8px;
min-height : 450px;
}
#content-container h3 {
background : url(thead.png) repeat-x;
height : 22px;
font-size : 14px;
color : #fff;
padding : 8px;
padding-top : 5px;
padding-bottom : 5px;
margin-bottom : 0;
margin-right : 0;
}
#content-container .part {
background : #dddddd url(verlauf.png) repeat-x;
font-size : 12px;
color : #000;
padding : 5px;
margin-top : 0;
line-height : 1.4;
}
.part p {
margin : 5px;
}
#left-sidebar {
float : left;
position : relative;
width : 20%;
}
#left-sidebar h3 {
background : url(thead.png) repeat-x;
height : 22px;
font-size : 14px;
color : #fff;
padding : 8px;
margin-bottom : 0;
margin-right : 10px;
}
#left-sidebar .navi a {
color : #000;
text-decoration : none;
}
#left-sidebar .navi a:hover {
color : #1d1d1d;
text-decoration : underline;
}
#left-sidebar .navi {
background : #dddddd url(verlauf.png) repeat-x;
font-size : 12px;
color : #000;
padding : 5px;
margin-top : -5px;
margin-right : 10px;
line-height : 1.4;
}
#left-sidebar .navi .untermenue {
margin-left : -25px;
position : relative;
}
#left-sidebar .navi .spacer {
list-style-type: none;
height: 1em;
}
#right-content {
line-height : 1.8em;
float : right;
position : relative;
width : 80%;
}
#right-content-forms {
line-height : 1.8em;
float : left;
position : relative;
width: 60%;
}

#right-sidebar {
float: right;
width: 20%;
position: relative;
}
#right-sidebar h3 {
background : url(thead.png) repeat-x;
height : 22px;
font-size : 14px;
color : #fff;
padding : 8px;
margin-bottom : 0;
margin-left : 10px;
}
#right-sidebar .part {
margin-left: 10px;
margin-top : -5px;
}
#footer {
text-align : center;
font-weight : bold;
color : #c2c2c2;
font-size : 10px;
}
#footer a {
color : #fff;
text-decoration : none;
}
#footer a:hover {
color : #c2c2c2;
text-decoration : underline;
}
.clear {
clear : left;
clear : right;
}
/* FORMS */
div.formwrapper {
padding: 5px;
}
div.row {
clear : both;
padding-top : 5px;
}
div.row label, div.row span.label {
float : left;
width : 140px;
text-align : right;
}
div.row span.formw  * {
margin-left: 5px;
text-align : left;
}
input.formfield, select.formfield {
width: 200px;
text-align: left;
}
input.sformfield, select.sformfield {
width: 100px;
text-align: left;
}
input.wformfield, select.wformfield {
width: 300px;
text-align: left;
}
.top {
	vertical-align: top;
}

div.note {
margin : 0 auto;
margin-bottom : 5px;
border : 1px solid #000;
background-color : #888;
text-align : center;
width : 300px;
}
div .error {
border : 1px solid #800;
background-color: #F99;
color : #800;
}
div .success {
border : 1px solid #080;
background-color: #9F9;
color : #080;
}
div .warning {
border : 1px solid #c90;
background-color: #FE9;
color: #c90;
}
div .actionstatus {
	display: none;
	text-align: center;
}

/* OTHER */
em {
letter-spacing: 0.1em;
font-weight: bold;
}
div .centertext {
	text-align: center;
}

/* Logging */
td {
	border: 1px solid black;
}
table {
	border-collapse: collapse;
	width: 70%;
}

td {
	margin: 0.4em;
}

tr.logging-error > td {
	border : 1px solid #800;
	background-color: #F99;
	color : #800;
}

tr.logging-warn > td {
	border : 1px solid #c90;
	background-color: #FE9;
	color: #c90;
}