* {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #f4f4f4;
	background-image: url(bg.jpg);
	background-position: center 0px;
	background-attachment: fixed;
}

a {
	text-decoration: none;
	color: #007622;
}

a:hover {
	text-decoration: underline;
}

table {
	margin-left: auto; 
	margin-right: auto;
	border: 0px; 
}

form {
	margin-top: 7px;
	margin-bottom: 7px;
}

div#header {
	width: 100%;
	height: 52px;
	border-bottom: 1px solid #000000;
	background-color: #006c51;
}

div#header > div.fixed_body {
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}

div#header > div.fixed_body > span {
	color: #ffffff;
	font-size: 16pt;
}

div#menu {
	border-left: 1px solid #1f7c65;
	border-right: 1px solid #1f7c65;
	background-color: #00a67c;
	text-align: center;
}

div#menu > a {
	color: #000000;
	font-weight: bold;
}

div#main {
	border-left: 1px solid #1f7c65;
	border-right: 1px solid #1f7c65;
	background-color: #5fd2b5;
}

div#footer {
	border: 1px solid #1f7c65;
	background-color: #006c51;
	text-align: center;
}

div#footer > span, div#footer > span > a {
	color: #ffffff;
	font-size: 8pt;
}

form#dbapi_loginform > table {
	border-collapse: collapse;
}

form#dbapi_loginform > table  td {
	padding: 1px;
}

form#dbapi_loginform > table  td.dbapi_label {
	text-align: right;
}

form#dbapi_loginform > table  td.dbapi_field {
	text-align: left;
}

div.fixed_body {
	margin: 0px auto;
	padding: 7px;
	width: 800px;
}

.page_about > p, .page_imprint > p {
	text-align: justify;
}

.page_admin td {
	vertical-align: top;
}

.error, .dbapi_error {
	font-weight: bold;
	color: #bf0000
}

tr.dbapi_header {
	background-color: #006c51;
	color: #ffffff;
}

tr.dbapi_header > td {
	font-weight: bold;
	text-align: center;
}

tr.dbapi_header > td > a {
	color: #ffffff;
}

td.dbapi_header_col {
	white-space: nowrap;
}

.dbapi_row1 {
	background-color: #2fbc98;
}

.dbapi_row2 {
	background-color: #3fc5a6;
}

tr.dbapi_row1 > td.dbapi_header_col, tr.dbapi_row2 > td.dbapi_header_col
{
	background-color: #006c51;
	color: #ffffff;
}

tr.dbapi_row1 > td.dbapi_header_col > a, tr.dbapi_row2 > td.dbapi_header_col > a
{
	color: #ffffff;
}

h1.dbapi_pagecontent_headline {
	font-size: 12pt;
}

td.dbapi_form_action_buttons {
	text-align: center;
}

input.dbapi_button {border: 1px solid #000000;
	background-color: #006c51;
	color: #ffffff;
}

span.dbapi_required {
	color: #bb0a0a;
	font-size: 8pt;
}

td.dbapi_formlabel {
	text-align: right;
}

td.dbapi_formvalue > span {
	font-weight: bold;
}

div.dbapi_password_strength_indicator {
	float: right;
	width: 125px;
	border: 1px solid #000000;
	text-align: center;
}

form.dbapi_filterform {
	padding: 4px;
	border: 1px solid #222222;
	background-color: #2fbc98;
}

form.dbapi_filterform  span.filter_header {
	font-weight: bold;
	text-decoration: underline;
}

div.page_statistics > div, div.page_admin_statistics > div {
	margin: 0px auto; 
	width: 732px;
	text-align: center;
}

div.page_statistics > div > strong, div.page_admin_statistics > div > strong {
	font-size: 12pt;
}

span.menu_entry {
	border: 1px solid #000000;
	padding: 1px;
}

div.bud_use {
	float: right;
	width: 50px;
	height: 14px;
	border: 1px solid #000000;
	background-color: #e7e7e7;
	overflow: none;
}

@media only screen and (max-width: 720px) {
    div#menu .dots {
        display: none;
    }
    div#menu > a {
        padding: 1em;
        display: inline-block;
    }
    div.fixed_body {
        margin: 0px 1em;
        padding: 7px;
        width: unset;
    }
    .top5 td:nth-child(2) {
        width:  40px;
    }
    .top5 td {
        padding-top: 1em;
    }
    button, select,input {
        padding: .5em;
        margin: .5em;
    }
    .page_order table td:nth-child(5), .page_order table td:nth-child(6) {
        display: none;
    }
    .page_progress tr:first-child td {
        max-width: 40px;
        overflow: clip;
    }
    #special_requests {
        width: 120px;
    }
    #price_td {
        width: 100px;
    }
    div.page_statistics > div, div.page_admin_statistics > div, .page_statistics img {
        max-width: 100%;
    }
}