html, body { margin: 0pt; padding: 0pt; }
body
{
		background: #E3E3E3;
		color: rgb(0, 0, 0);
		font-size: 10pt;
		font-family: "Trebuchet MS",Arial,sans-serif;
}

.header
{
	margin: 30px auto 0px;
	padding: 0px;
	width: 900px;
	height: 48px;
	background: url('header.png') no-repeat;
}

.footer
{
	margin: 0px auto 0px;
	clear: both;
	width: 890px;
	height: 20px;
	background: #555;
}

.page
{
	margin: 0px auto 100px;
	padding: 0px;
	width: 890px;
	
	border-left:	5px solid #555;
	border-right:	5px solid #555;
	border-top:		10px solid #555;
	background: #FFFFFF url('line.png') repeat-y 146px;
}

.menu
{
	margin: 0px;
	margin-left: -5px;
	padding-bottom:20px;
	width: 146px;
	height: 100%;
	float: left;
	background: #FFFFFF;
	border-left: 5px solid #555;
}

.content
{
	margin: 0px 0px 0px 146px;
	padding: 10px 70px 20px 35px;
	height: 100%;
	border-left: 5px solid #555;
	text-align: justify;
}

.interface
{
	margin: 20px;
	padding: 20px;

	border:	5px solid #555;
	background: #FFFFFF;
}




.menu  > div
{
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	margin: 1.6em 0px 0px;
	padding: 10px;
	list-style-type: none;
}

.menu > ul
{
		margin: 1.6em 0px 0px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		list-style-type: none;
		margin-left:0;
		padding-left:0
}
.menu  ul  ul
{
		list-style-type: none;
		margin-left:0;
		padding-left:0;
}
.menu  ul  ul a
{
		padding-left:30px;
}

.menu li a { padding: 2px 10px; display: block; color: rgb(0, 0, 0); text-decoration: none; }
.menu ul ul a { font-size: 9pt; }
.menu a.img { display: inline; }
.menu a img { border: 0px none ; }

.menu div a { color: rgb(0, 0, 0); text-decoration: underline; }

/*
 * Menüfarben HSV:
 * Blau: 207 50/30 100
 * Türkis: 162
 * Grün: 117
 * Gelb:  72
 * Orange:  27
 * Rot: 342
 * */

.blue, .blue a.img:active, .blue a.img:focus, .blue a.img:hover { background: #80C6FF; }
.blue a:active, .blue a:focus, .blue a:hover, .blue a.active { background: #B3DDFF; }
.green, .green li > a.img:active, .green li > a.img:focus, .green li > a.img:hover { background: #80FFD9; }
.green li > a:active, .green li > a:focus, .green li > a:hover, .green li > a.active { background: #B3FFE8; }
.yellow, .yellow a.img:active, .yellow a.img:focus, .yellow a.img:hover { background: #86FF80; }
.yellow a:active, .yellow a:focus, .yellow a:hover, .yellow a.active { background: #B6FFB3; }
.red, .red a.img:active, .red a.img:focus, .red a.img:hover { background: #FFB980; }
.red a:active, .red a:focus, .red a:hover, .red a.active { background: #FFD5B3; }
.gray, .gray a.img:active, .gray a.img:focus, .gray a.img:hover { background: #CCCCCC; }
.gray a:active, .gray a:focus, .gray a:hover, .gray a.active { background: #DDDDDD; }


a:link, a:visited { text-decoration: none; color: rgb(0, 74, 230); }
a:active, a:focus, a:hover { text-decoration: underline; color: rgb(0, 0, 0); }

h1 { font-size: 16pt; font-weight: normal; margin-top: 10pt; margin-bottom: 4pt; }
h2 { font-size: 13pt; font-weight: normal; margin-top: 4pt; margin-bottom: 0pt; }
h3 { font-size: 12pt; font-weight: normal; margin-top: 3pt; margin-bottom: 0pt; }
table { margin: 20px; border-spacing: 0px; border-collapse: collapse; }
table td { border: 1px solid #DEDEDE; padding: 2pt 3pt; text-align: left; }
table th { border: 1px solid #DEDEDE; padding: 2pt; text-align: left; }
table.nolines td, table.nolines th { border: 0px none ; padding: 0.75pt; }
table.hover tr:hover td { background: #F0F0F0; }
ul { list-style-type: square; }
form {margin:0;padding:0;}
fieldset { border: 1px solid rgb(158, 179, 222); padding: 8pt; }
legend { color: rgb(0, 0, 0); }
hr { border: 0px none ; background: rgb(136, 136, 136); width: 80%; height: 1px; margin-top: 20pt; margin-bottom: 20pt; }
textarea, input[type="text"], input[type="password"], select { border: 1px solid rgb(158, 179, 222); margin: 2px; padding: 2pt; background: rgb(227, 236, 250); }
input { margin: 2px; }
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus { border: 1px solid rgb(127, 144, 178); background: rgb(232, 241, 255); }
.small { font-size: 8pt; }
.highlight { border: 1px solid rgb(136, 136, 136); margin: 8pt auto; padding: 5pt; background: #D9EEFF; width: 75%; }
.content img {	border: 1px solid rgb(102, 102, 102);}
img.picture { margin: 8pt auto; display: block; }
img.thumbnail { display: block; margin-left: auto; margin-right: auto; }
input[type="button"], input[type="submit"] {padding:1px;}


/* Gallery */

.gallery_item
{
	float: left;
	padding: 3px;
	width: 104px;
	height: 150px;
	text-align: center;
	font-size: smaller;
}

.gallery_item_thumbnail
{
	display: block;
	border: 2px solid rgb(85, 85, 85);
	margin: 0pt;
	padding: 0pt;
	background: #000;
	width: 100px;
	height: 100px;
}