body {
    font-family: Verdana;
    font-size: 10pt;
    position:absolute;

    height: 100%;
    width: 100%;


}

html, body {
    margin: 0;
    min-width: 800px;
    padding: 0;
    background: white;
}

/* Left content part */
.left_container {
    position: absolute;
    width: 20%;
    min-width: 160px;
    padding-top: 50px;
}

/* Right content part */
.right_container {
    position: absolute;
    width: 20%;
    min-width: 160px;
    right: 0px;
    padding-top: 50px;
}

.left_right_content {
    margin-right: 10px;
    margin-left: 10px;
    min-width: 110px;
    text-align: left;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    padding: 10px 5px 25px 5px;

}

.left_right_spacer {
   text-align: center;
   background-image: url(images/border_background.gif);
   background-repeat: repeat-x;
   margin-right: 10px;
   margin-left: 10px;
   min-width: 110px;
   font-weight: bold;
   border-left: 1px solid #999999;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   padding: 5px;
}

/* Upper border for right and left containter */
.upper_left {
    background-image: url(images/border_top_left.gif);
    background-repeat: no-repeat;
    margin-left: 10px;
    width: 15px;
    height: 26px;
    float: left;
    border-bottom: 1px solid #999999;
}

.upper_right {
    background-image: url(images/border_top_right.gif);
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 15px;
    height: 26px;
    float: right;
    border-bottom: 1px solid #999999;
}

.upper_center {
    font-weight: bold;
    text-align: center;
    background-image: url(images/border_background.gif);
    background-repeat: repeat-x;
    margin-left: 25px;
    margin-right: 25px;
    min-width: 110px;
    height: 22px;
    padding-top: 4px;
    border-bottom: 1px solid #999999;
}

/* Lower border for right and left containter */
.lower_left {
    background-image: url(images/border_bottom_left.gif);
    background-repeat: no-repeat;
    margin-left: 10px;
    width: 15px;
    height: 12px;
    float: left;
}

.lower_right {
    background-image: url(images/border_bottom_right.gif);
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 15px;
    height: 12px;
    float: right;
}

.lower_center {
    margin-left: 25px;
    margin-right: 25px;
    min-width: 110px;
    height: 11px;
    border-bottom: 1px solid #999999;
}

/* Main content part */
.content_container {
    position: absolute;
    min-height: 100%;
    min-width: 480px;
    width: 60%;
    left: 20%;
    right: 20%;
    overflow:visible;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

#main_content {
    padding: 15px 35px 40px 35px;
    clear: both;
}


/* Footer */
.lower_main_left {
    background-image: url(images/border_bottom_left_1.gif);
    background-repeat: no-repeat;
    background-color: white;
    width: 15px;
    height: 26px;
    float: left;
}

.lower_main_right {
    background-image: url(images/border_bottom_right_1.gif);
    background-repeat: no-repeat;
    background-color: white;
    width: 15px;
    height: 26px;
    float: right;
}

.lower_main_center {
    background-image: url(images/border_bottom_background.gif);
    font-weight: bold;
    text-align: right;
    margin-left: 15px;
    margin-right: 15px;
    min-width: 125px;
    height: 25px;
    line-height:25px;
    border-bottom: 1px solid #999999;
    bottom: 0px;
}

.footer{
   position: absolute;
   bottom: 0px;
   right:0%;
   left:0%;
   margin-left: -1px;
   margin-right: -1px;
}

/* Header */
.main_left {
    background-image: url(images/border_top_left_1.gif);
    background-repeat: no-repeat;
    width: 15px;
    height: 12px;
    float: left;
}

.main_right {
    background-image: url(images/border_top_right_1.gif);
    background-repeat: no-repeat;
    width: 15px;
    height: 12px;
    float: right;
}

.main_center {
    font-weight: bold;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    min-width: 125px;
    height: 11px;
    border-top: 1px solid #999999;
    position: relative;
}

.header{
   right:0%;
   left:0%;
   margin-left: -1px;
   margin-right: -1px;
}

.header_dummy{
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}

.header_content{
   display: inline-block;
   vertical-align: middle;
   font-size: 200%;
   font-weight: bold;
}

/* Title */
#title {
    height: 90px;
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
    vertical-align: bottom;
}

.header_bg{
   background-image: url(images/notes.png);
   background-repeat: repeat;
}

/* Menue */
#menue {
    background-image: url(images/menue_background.gif);
    background-repeat: repeat;
    min-height: 26px;
    /*border-bottom: 1px solid #999999;*/
    float:left;
    min-width:100%;
}

.menu_entry {
     float: left;
}

/* inactive */
.menu_left {
    background-image: url(images/border_top_left.gif);
    background-repeat: no-repeat;
    margin-left: 0px;
    width: 14px;
    height: 26px;
    float: left;
    border-bottom: 1px solid #999999;
}

.menu_right {
    background-image: url(images/border_top_right.gif);
    background-repeat: no-repeat;
    margin-right: -1px;
    width: 15px;
    height: 26px;
    float: left;
    border-bottom: 1px solid #999999;
}

.menu_center {
    font-weight: bold;
    text-align: center;
    background-image: url(images/border_background.gif);
    background-repeat: repeat-x;
    min-width: 60px;
    float: left;
    height: 22px;
    padding-top: 4px;
    border-bottom: 1px solid #999999;
}

/* active */
.menu_left_active {
    background-image: url(images/border_top_left_active.gif);
    background-repeat: no-repeat;
    background-color: white;
    margin-left: 0px;
    width: 14px;
    height: 26px;
    float: left;
    border-bottom: 1px solid white;
}

.menu_right_active {
    background-image: url(images/border_top_right_active.gif);
    background-repeat: no-repeat;
    background-color: white;
    margin-right: -1px;
    width: 15px;
    height: 26px;
    float: left;
    border-bottom: 1px solid white;

}

.menu_center_active {
    font-weight: bold;
    text-align: center;
    min-width: 60px;
    float: left;
    height: 21px;
    padding-top: 4px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid white;
    background-color: white;
}

.menu_center:hover {
    color: #8B1B62;
}

.formularfield{
   width: 100%;
}

.error {
   color: red;
}

.hidden_error {
   color: red;
   display: none;
}

/* Formular */
.form_error {
  color: red;
}

.form_input_top {
   width: 200px;
   vertical-align: text-top;
}

.form_input {
   width: 200px;
   vertical-align: baseline;
}

.form_date {

   vertical-align: baseline;
}

.form_spacer {
   min-width: 200px;
   text-align: left;
   display: inline-block;
   padding-right: 6px;
}

.formlabel {
  display: inline-block;
  text-align: right;
  width: 200px;
}

/* Content */
.centered_content {
   clear: both;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

/* Events */
.evt_pre_date {
   font-weight: bold;
}

.form_caption {
   font-weight: bold;
}

.evt_pre {
   padding-bottom: 10px;
}

.evt {
   margin-bottom: 0.5em;
}

.evt_weekday {
   display: inline-block;
   width: 2em;
}

.evt_day {
   text-align: right;
   display: inline-block;
   width: 3em;
}

.evt_title {
   margin-left: 16em;
}

.evt_date {
   float: left;
   margin-left: 2em;
 }

 /* Messages */
 .msg_title {
   font-weight:bold;
 }

 .msg_date {
   float: right;
 }

.msg_main {
   border-top: solid #999999 1px;
   border-bottom: solid #999999 1px;
   margin-top: 5px;
   margin-bottom: 40px;
   padding-top: 5px;
   padding-bottom: 5px;
   display:block;
   word-wrap:break-word;
}

.msg_short{
   word-wrap:break-word;
}

/* Images */
.img_main {
   width: 70%;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.img_large {
   width: 90%;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#facebook{
 background-repeat:no-repeat;
 background-image:url(images/f_logo.png);
 background-size: 20px;
 line-height:20px;
 float:left;
 margin-top:3px;
 padding-left:25px;
 padding-top:0px;
 text-decoration:none;
 text-align:left;
 color:black;
}

#facebook:visited{
 color:black;
 text-decoration:line-through;
 }

/* Table */
table.UserTbl thead {
   text-align: center;
   font-weight: bold;
}

table.UserTbl {
   display: table;
   border-collapse: separate;
   border-spacing: 0px;
   border-left: 1px solid black;
   border-top: 1px solid black;
   width: 100%;
}

table.UserTbl td {
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   padding: 2px 5px 2px 5px;
}


.td_header_small {
   border-bottom: 2px solid black;
   min-width: 7em;
}

.td_header_mid {
   border-bottom: 2px solid black;
   min-width: 8em;
}

.td_header_large {
   border-bottom: 2px solid black;
   min-width: 15em;
}

.scroll {
   overflow: auto;
}