html, body, td, input {
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	}

table.fullcenter       { border: 0px;               border-spacing: 1px; width: 100%; text-align: center; }
table.fullbordercenter { border: 1px solid #dddddd; border-spacing: 1px; width: 100%; text-align: center; }
table.fullleft         { border: 0px;               border-spacing: 1px; width: 100%; text-align: left; }
table.autocenter       { border: 0px;               border-spacing: 1px; width: auto; text-align: center; }
table.autoleft         { border: 0px;               border-spacing: 1px; width: auto; text-align: left;}
table.autoborderleft   { border: 1px solid #dddddd; border-spacing: 1px; width: auto; text-align: left;}

tr.overviewheader      { font-size: 10pt; font-style: normal; font-weight: bold;   color: #ffffff; background-color: #003366;   margin-left: 0px; text-align: center; border: none;}
tr.overviewcontent     { font-size: 9pt;  font-style: normal; font-weight: normal; color: #000000; background-color: #ffffff;   margin-left: 0px; text-align: left; text-indent: 2pt; }
tr.overviewfooter      { font-size: 10pt; font-style: normal; font-weight: bold;   color: #ffffff; background-color: #003366;   margin-left: 0px; text-align: left; text-indent: 2pt;}

tr.darkgray            { font-size: 9pt;  font-style: normal; font-weight: normal; color: #000000; background-color: #c4c4c4;   margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.darkgray      { background-color: rgb(27, 228, 228); }
tr.darkgray_nohover    { font-size: 9pt;  font-style: normal; font-weight: normal; color: #000000; background-color: #c4c4c4;   margin-left: 2px; text-align: left; text-indent: 2pt; }
tr.lightgray           { font-size: 9pt;  font-style: normal; font-weight: normal; color: #000000; background-color: #e4e4e4;   margin-left: 2px; text-align: left; text-indent: 2pt; }
tr:hover.lightgray     { background-color: rgb(27, 228, 228); }
tr.lightgray_nohover   { font-size: 9pt;  font-style: normal; font-weight: normal; color: #000000; background-color: #e4e4e4;   margin-left: 2px; text-align: left; text-indent: 2pt; }


p.info                 { font-size: 12pt; font-style: normal; font-weight: bold;   color: blue;      background-color: #ffffff; margin-left: 2px; text-align: left; text-indent: 2pt; }
p.error                { font-size: 12pt; font-style: normal; font-weight: bold;   color: #f72d2d; background-color: #ffffff; margin-left: 2px; text-align: left; text-indent: 2pt; }
p.warning              { font-size: 12pt; font-style: normal; font-weight: bold;   color: orange;  background-color: #ffffff; margin-left: 2px; text-align: left; text-indent: 2pt; }
p.ok                   { font-size: 12pt; font-style: normal; font-weight: bold;   color: green;   background-color: #ffffff; margin-left: 2px; text-align: left; text-indent: 2pt; }


/* Inhalt */

#inhalt {
	width: 650px;
	padding: 10px;
	margin: 0px;
	background-color: #ffffff;
	position: absolute;
	top: 264px;
	left: 45px;
}

#sidebar {
	position: absolute;
	top: 265px;
	left: 747px;
	width: 190px;
	padding: 5px;
	border-left: 1px solid #5F647C;
	border-right: 1px solid #5F647C;
	border-bottom: 1px solid #5F647C;
	background-color: #ffffff;
}

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4, #sidebar h2 {
	font-size: 100%;
	font-weight : bold;
	font-family : Times New Roman, Serif;
	margin: 0px;
	color: #895F52;
	letter-spacing : 2px;
	text-transform : uppercase;
}

#inhalt h1 {
	font-size: 20px;
	padding: 10px 0px 2px 0px;	
}

#inhalt h2 {
	font-size: 16px;
	padding: 10px 0px 2px 0px;	
}

#inhalt h3 {
	font-size: 14px;
	padding: 10px 0px 2px 0px;	
}

#inhalt h4 {
	font-size: 12px;
	font-weigth: normal;
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	color: #17171C;
}

#sidebar h2 {
	padding: 2px 0px 2px 0px;	
}

#inhalt p, #sidebar p {
	font-size: 12px;
	margin: 0px;
	padding: 2px 0px 2px 0px;	
	line-height: 160%;
}

#inhalt a, #sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #895F52;
}

#inhalt a:hover, #sidebar a:hover {
	text-decoration: none;
}

#inhalt .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 4px 0px 10px 10px;
	width: 220px;
}


/* Liste */

#inhalt ul {
	padding: 8px;
}

#inhalt li {
	margin: 4px;
	padding: 4px;
}


#inhalt table.cells {
	border: none;
}

#inhalt td.cell {
	background-color: #E4E4E7;
}

#inhalt td.headercell {
	background-color: #17171C;
	color: #E4E4E7;
	font-weight: bold;
}


/* Formular */

input.box {
	border : 1px solid #5F647C;
	width: 300px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	border : 1px solid #5F647C;
	width: 300px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 280px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #17171C;
	line-height: 160%;
	padding: 2px 0px 10px 202px !important;
}

.buttoncaption {
	line-height: 200%;
}

#header {
	width: 900px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background : url(../images/pheader.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 50px;
}

#hauptmenue {
	width: 900px;
	text-align: right;
	padding: 4px 0px 6px 0px;
	margin: 0px;
	position: absolute;
	top: 60px;
	left: 50px;
}

#plaintext, #htmlheader {
	position: absolute;
	top: 10px;
	left: 850px;
	text-align: right;
	width: 100px;
}

#plaintext a {
	text-decoration: none;
	color: #17171C;
}

#hauptmenue ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#hauptmenue li {
	display: inline;
}

#hauptmenue li a {
	margin: 0px;
	padding: 4px 8px 8px 8px;
	background : #0080ff url(../images/pel.gif) no-repeat top left;
	text-decoration: none;
	color: #ffffff;
	border-left: 1px solid #ffffff;
}

#hauptmenue li a img {
	vertical-align : middle;
}

#hauptmenue li a.sel {
	background-color: #0000ff;
}

#hauptmenue li a:hover {
	background-color : #17171C;
	color: #ffffff;
}

#westerwarftbanner {
	width: 100%;
	height: 180px;
	margin: 0px;
	padding: 0px;
	background : #0080ff url(../images/westerwarftbanner.gif) no-repeat 50px 0px;	
	position: absolute;
	top: 84px;
	left: 0px;
}


form.search {
	padding: 10px;
	margin: 0px;
}

form.search input {
	padding: 0px;
	margin: 0px;
	vertical-align : middle;
}

input.search {
	border: #5F647C 1px solid;
	width: 150px;
}