/*
#f8d7d7 - background
#987d79 - darker 
#d5afaa - lighter
#7b0018 - brown color of text, lines, ...

background: f5ecd7
darker: aa9057
lighter: eacf96

new:
background: f7d8d6
darker: a97746
lighter: ffc48a
7b0018 - brown color of text, lines, ...
*/

body {
    background:#f7d8d6;
}

a {
    color: #7b0018;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    border:0;
}

a:link {
    color: #7b0018;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    border:0;
}

a:visited {
    color: #7b0018;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    border:0;
}

a:hover {
    color: #7b0018;
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    border:0;
}

img {
    border : 0;
}

div.mainclear {
    clear: both;
}


div.caption {
    border: 0px solid #7b0018;
    font: bold italic small-caps 13pt verdana, arial, sans-serif;
    color: #7b0018;
    width: 600px;
    padding: .5em;
    margin: 8px;
    background-color: #a97746;
}
p.caption {
    border: 0px solid #7b0018;
    font: bold italic small-caps 13pt verdana, arial, sans-serif;
    color: #f7d8d6;
    width: 950px;
    padding: .5em;
    margin: 8px;
    background-color: #a97746;
}
h1 {
    margin: 0px;
    padding: .1em;
    font:bold italic small-caps 14pt sans-serif;
    color: #7b0018;
}
div.smallcaption {
    border: 0px solid #7b0018;
    font:bold italic small-caps 10pt verdana, arial, sans-serif;
    color: #f7d8d6;
    width: 600px;
    padding: .5em;
    margin: 5px;
    background-color: #a97746;
}
p.smallcaption {
    border: 0px solid #7b0018;
    font:bold italic small-caps 10pt verdana, arial, sans-serif;
    color: #f7d8d6;
    width: 950px;
    padding: .5em;
    margin: 5px;
    background-color: #a97746;
}
h2 {
    font:bold italic small-caps 10pt verdana, arial, sans-serif;
    color: #f7d8d6;
}

p.messageOK {
    border: 1px solid #7b0018;
    font:bold italic 10pt verdana, arial, sans-serif;
    color: #7b0018;
    width: 400px;
    padding: .5em;
    margin: 5px;
}
div.messageOK {
    border: 1px solid #7b0018;
    font:bold italic 10pt verdana, arial, sans-serif;
    color: #7b0018;
    width: 400px;
    padding: .5em;
    margin: 5px;
}

p.messageNOTOK {
    border: 1px solid #7b0018;
    font:bold italic 10pt verdana, arial, sans-serif;
    color: #7b0018;
    width: 400px;
    padding: .5em;
    margin: 5px;
}
div.messageNOTOK {
    border: 1px solid #7b0018;
    font:bold italic 10pt verdana, arial, sans-serif;
    color: #7b0018;
    width: 400px;
    padding: .5em;
    margin: 5px;
}

td.menu
{
    padding: 0em;
    margin: 0px;
    vertical-align: top;
}

div.leftmenu_active
{
    background-color: #a97746;
    padding: .8em;
    margin: 0px;
    height: 25px;
    vertical-align: middle;
    text-align: right;
}
div.leftmenu_active a
{
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
div.leftmenu
{
    padding: .8em;
    margin: 0px;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
div.leftmenu a
{
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
div.leftmenu:hover
{
    background-color: #a97746;
}

div.rightmenu_active
{
    background-color: #a97746;
    padding: .8em;
    margin: 0px;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
div.rightmenu_active a
{
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
div.rightmenu
{
    padding: .8em;
    margin: 0px;
    height: 25px;
    vertical-align: middle;
    text-align: right;
}
div.rightmenu a
{
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}
div.rightmenu:hover
{
    background-color: #a97746;
}


a.menu:link {
    color: #7b0018;
    font:bold small-caps 11pt verdana, arial, sans-serif;
    text-decoration:none;
}

a.menu:visited {
    color: #7b0018;
    font:bold small-caps 11pt verdana, arial, sans-serif;
    text-decoration:none;
}

a.menu:hover {
    color: #7b0018;
    font:bold small-caps 11pt verdana, arial, sans-serif;
    text-decoration:none;
}




tr.header {
    background-color: #ffc48a;
}

tr.caption {
    background-color: #a97746;
}

tr.main {
    background-color: #ffc48a;
}

tr.footer {
    background-color: #a97746;
}

div.text {
    font-size: 10pt;
    font-family: arial;
    width: 438pt;
    color: #7b0018;
    padding: .5em;
    margin: 8px;
    background-color: #f8c77a;
    text-align: left;
}

div.text_error {
    border: 1px solid red;
    font-size: 10pt;
    font-family: monospace;
    width: 558pt;
    color: red;
    padding: .5em;
    margin: 8px;
    background-color: #e1ffbf;
}




p {
    text-indent: 2em;
    color: #7b0018;
    padding: 0.5em;
}

/* formular components */

td {
    font-size: 10pt;
    font-family: monospace;
    color: #7b0018;
}

td.header {
    font-weight : bold;
    text-align: left;
}

td.text {
    font-weight : normal;
}

td.data {
    font-weight : bold;
    color: #7b0018;
}

td.button {
    text-align: right;
}


/* news */
input.news_date {
    background-color: #f8c77a;
    color: #7b0018;
    width:80px;
}
textarea.news_text {
    background-color: #f8c77a;
    color: #7b0018;
    width:400px;
    height:50px;
}

div.footer {
    vertical-align: middle;
    color: #7b0018;
    font:bold italic small-caps 9pt verdana, arial, sans-serif;
    text-align: right;
}


span.footer_update {
    float: left;
    padding: .5em;
    margin: 5px;
    text-align: center;
}

span.footer_counter {
    width: 20%;
    float: left;
    padding: .5em;
    margin: 5px;
    text-align: center;
}

span.footer_admin {
    float: left;
    padding: .3em;
    margin: 3px;
    text-align: right;
}
span.footer_link {
    padding: .3em;
    margin: 3px;
    float: left;
}

span.footer_meniny {
    width: 43%;
    padding: .5em;
    margin: 5px;
    float: left;
    text-align: center;
}

a.footer_admin:link {
    color: #7b0018;
    font:bold italic small-caps 9pt verdana, arial, sans-serif;
    border:0;
}

a.footer_admin:visited {
    color: #7b0018;
    font:bold italic small-caps 9pt verdana, arial, sans-serif;
    border:0;
}

a.footer_admin:hover {
    color: #7b0018;
    font:bold italic small-caps 9pt verdana, arial, sans-serif;
    border:0;
}

div.c_nameday {
    font-size: 8pt;
    font-family: arial;
    width: 100px;
    color: #7b0018;
    padding: .5em;
    margin: 8px;
    background-color: #f8c77a;
    text-align: center;
}
span.c_date {
    font-weight: bold;
    font-size: 10pt;
}

span.c_name {
    font-weight: bold;
}

div.c_calendar {
    font-size: 8pt;
    font-family: arial;
    width: 100px;
    color: #7b0018;
    padding: .5em;
    margin: 8px;
    background-color: #f8c77a;
    text-align: center;
}

span.c_header {
    font-weight: bold;
    text-align: left;
}

span.c_today {
    border: solid 1px #7b0018;
}
span.c_sunday {
    font-weight: bold;
}


select.text {
    background-color: #f7d8d6;
    color: #7b0018;
    width:80px;
}

textarea.text {
    background-color: #f7d8d6;
    color: #7b0018;
    width:400px;
    height:50px;
}

input.text {
    background-color: #f7d8d6;
    color: #7b0018;
}

input.checkbox {
    color: #7b0018;
}

input.button {
    background-color: #f7d8d6;
    color: #7b0018;
    font-weight: bold;
    border: solid 2px #7b0018;
    margin-top: 5px;
    width: 100px;
}
input.button:hover {
    background-color: #a97746;
    color: #7b0018;
    font-weight: bold;
    border: solid 2px #7b0018;
    width: 100px;
}


div.pager {
    background-color: #ffc48a;
    font-size: 9pt;
    color: #7b0018;
    width: 400pt;
    text-align: center;
}
span.page {
    float: left;
    margin-left: 5px;
    background-color: #ffc48a;
    font-size: 9pt;
    color: #7b0018;
    border: solid 1px #7b0018;
    width: 20px;
}
span.page_act {
    float: left;
    margin-left: 5px;
    background-color: #f7d8d6;
    font-size: 9pt;
    color: #7b0018;
    border: solid 1px #7b0018;
    width: 20px;
}
