body {
background-image: url('images/bg.jpg');
background-repeat: repeat-x;
background-color: #FFF;
font-size: 12px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#202020;
padding:0px;
margin:0px 0px 20px 0;
}
a {
color: #842A21;
text-decoration:underline;
}
a:visited {color:#842A21;}

a:hover {
text-decoration:none;
}
a:active { color:#842A21;}

#content ul {
margin:0;
padding:0;
margin-left:40px;
}

#content ul li {

}

img { border:0; }

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #842A21;
padding:1px 10px;
margin:0px;
}

h2 {
font-size:18px;
font-weight: bold;
padding: 10px 10px;
margin:0px;
color: #842A21;
}

#content h2 {
padding: 10px 20px;

}

#content h3 {
padding: 0px 20px;
font-size:12px;
font-weight: bold;

margin:-8px 0px 8px 0px;
color: #842A21;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
border: 1px solid #842A21;
} 

/* ----------banner for logo-------------- */
#banner {

background-color: #EEE;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #842A21;
}


#banner img {padding:0px 0px;} 

/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 200px #ECC59A; /* linke Menue Spalten Farbe  */ 
border-right: solid 200px #ECC59A; /* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }
 

/* -----------------Inhalt--------------------- */ 
#content{ 
position: relative; 
margin: 0px;
padding-bottom:20px;
}

div#content { 
min-height:680px;
height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

p {
padding: 5px 20px;
margin:0px;
line-height:16px;
}

p.msg {

padding-left:42px;
font-weight: bold;
color: #CC0000;
background-image: url('images/msg.gif');
background-repeat: no-repeat;
}


hr {
margin: 0px 20px 0px 20px;
height: 1px;
color: #842A21;
}


#loginnavigation {
clear:left;
padding:2px 0px 8px 14px;
margin:0px;
height:10px;
text-align: left;
background-color:#842A21;
font-size: 12px;
color:#FFF;
}

#loginnavigation a {
	font-size: 12px;
	color:#FFF;
	border-right: 1px solid #FFF;
	padding:5px 10px 5px 10px;
	margin:0;
	text-decoration: none;
}

#loginnavigation a:hover {
	color:#ECC59A;
}

#loginnavigation span {
	padding:5px;
	padding-right:80px;
	border-right: 1px solid #FFF;
}

/*  ----------------footer---------------------- */ 
#footer {
padding:2px 0px 8px 14px;
clear:left;

margin:0px;
height:10px;
text-align: center;
background-color:#842A21;
font-size: 12px;
color:#FFF;
} 

/*  ----------------Tabellen---------------------- */ 

table.logos {
margin-left:80px;
width:400px;

}

table.logos td {
padding:10px;
text-align:center;
}


/* -------------rechte Navi-------------------- */

ul.box {
	margin:0;
	padding: 10px 10px 0px 10px;
	
}
ul.box li {
font-size:11px;
list-style: none;
background-color: #842A21;
color:#FFF;
font-weight: bold;
padding:0px 1px 1px 1px;
margin:0;
}

ul.box li.head {
padding:2px 3px 2px 5px;
}



ul.box li p {
padding:2px 3px 6px 5px;
background-color: #FFF;
color:#202020;
font-weight: normal;
}

ul.box li a {
	font-weight: normal;
	font-size: 11px;
	color:#202020;
	display: block;
	padding: 5px;
	margin:0;
	text-decoration: none;
	width: 168px;
	background-color: #FFF;
}
ul.box li a:hover {
	background: #EEE;
	
}

ul.box li p input {
width:160px;
font-size: 11px;
border: 1px solid #842A21;
}

ul.box li p input.submit {
width:162px;
color:#FFF;
font-size: 11px;
background-color: #842A21;
}


/* -------------linke Navi-------------------- */

ul.navigation {
	margin:0;
	padding: 10px 10px 0px 10px;
	
}
ul.navigation li {
font-size:11px;
list-style: none;
background-color: #842A21;
color:#FFFFFF;
font-weight: bold;
padding:1px 1px 1px 1px;
margin:0px 0px 2px 0px;
}

ul.navigation li a, ul.navigation li a:LINK, ul.navigation li a:VISITED, ul.navigation li a:ACTIVE {
	font-weight: bold;
	font-size: 12px;
	letter-spacing:1px;
	color:#FFF;
	display: block;
	padding: 5px 5px 5px 10px;
	margin:0;
	text-decoration: none;
	background-image: url('images/nav_bg.jpg');
	background-color: #344066;
}
ul.navigation li a:hover {
	color:#ECC59A;
}

ul.navigation li p {
padding:2px 3px 6px 5px;
background-color: #FFF;
color:#202020;
font-weight: normal;
}

ul.navigation li p input {
width:160px;
font-size: 11px;
border: 1px solid #842A21;
}

ul.navigation li p input.submit {
width:162px;
color:#FFF;
font-size: 11px;
background-color: #842A21;
}

#footer a {
	font-size: 12px;
	color:#FFF;
	margin:0;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/* Tabellen ----------- */

table.normal {
	font-family:arial;
	background-color: #CDCDCD;
	margin:6px 0pt 0px 20px;
	font-size: 12px;
	width: 510px;
	text-align: left;
	
	
}
table.normal tr th {
	background-color: #EEEEEE;
	border: 1px solid #FFF;
	font-size: 12px;
	padding: 4px;
}

table.normal td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
	
}

table.normal tr {
	background-color: #FFF;

}

table.normal thead tr .header {
	background-image: url(images/th_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right:20px;
	
}

table.normal thead tr .headerSortUp {
	background-image: url(images/th_asc.gif);
}
table.normal thead tr .headerSortDown {
	background-image: url(images/th_desc.gif);
}

table.normal thead tr .headerSortDown, table.normal thead tr .headerSortUp {
background-color: #ECC59A;
}

/* Formulare */

#content input, #content select, textarea {
width:300px;
font-size: 11px;
border: 1px solid #842A21;
}

#content input.submit {
width:300px;
color:#FFF;
font-size: 11px;
background-color: #842A21;
}

#content input.checkbox {
width:15px;
border:0;
}

/* --- */

div.feedback {
margin:20px;
background-color:#EEE;
padding:0;
}

div.feedback div.comment {
padding:10px;
}

div.feedback div.name {
font-weight:bold;
padding: 2px 10px 2px 0;
text-align:right;
background-color:#DDD;
}