/* {
    margin:0;
    padding: 0;
}
*/

body {
    background-color: #543C25;
    font: normal 70.2%/133% Verdana, Geneva, Helvetica, Arial, sans-serif;
    color:#000;
    margin:0;
    padding: 0;
}

a:hover {
    text-decoration:underline;
}

.clear {
    clear:both;
    height:0px;
    overflow:hidden;
}

.spacer_10 {
    height:10px;
    overflow:hidden;
}

.spacer_20 {
    height:20px;
    overflow:hidden;
}

#logo_top {
    position:absolute;
    display:block;
    top:10px;
    left:25px;
    width:145px;
    height:74px;
    overflow:hidden;
    background-image:url('../images/logo-trans.png');
    background-repeat:no-repeat;
}



img {
    border:0;
}

/*
.main_areas {
    position:absolute;
    left:50%;
    top:50%;
    width:980px;
    height:570px;
    margin:-285px -490px;
    overflow:hidden;
}
*/

.main_areas {
    position:relative;
    width:980px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}

.main_areas .header {
    position:relative;
    height:100px;
    margin-bottom:10px;
    background-image:url('../images/back_top.jpg');
    background-repeat:no-repeat;
}

#content {
    position:relative;
    background-color: transparent;
    height:auto;
    min-height:350px;
    margin-bottom:10px;
    background-image:url('../images/back_content.gif');
    background-repeat:repeat-y;
}

#content .text {
    position:relative;
    background-color: transparent;
    background-image: url('../images/schilf.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
    width:740px;
    height:auto;
    min-height:350px;
    float:right;
    overflow:hidden;
}

#content .text div {
    margin:30px;
    width:470px;
}

#content .text div.full {
    width:auto;
}

#content .text h1 {
    font-weight:normal;
    font-size:1.8em;
    color:#543C25;
    margin-bottom:10px;
}

#content .text p {
    margin-bottom:10px;
    padding-bottom:10px;
    line-height:1.6em;
    /* border-bottom:1px dotted #543C25; */
}

.main_areas .footer {
    position:relative;
    width:980px;
    height:91px;
    background-image:url('../images/back_bottom.jpg');
    background-repeat:no-repeat;
}

#navi {
    position:relative;
    background-color: transparent;
    height:auto;
    width:220px;
    min-height:350px;
    float:left;
}

#navi dl {
    margin-top:30px;
    margin-bottom:20px;
    color:#543C25;
}

#navi dt {
    margin-bottom:5px;
    /* background-color:#9AA6B9; */
    background-color:transparent;
    font-weight:bold;
    font-size:1.1em;
    line-height:1.6em;
    text-indent:40px;
    width:215px;
    height:20px;
    display:block;
}

#navi dt a,
#navi dt a:focus,
#navi dt a:hover {
    background-color:#9AA6B9;
    background-image: url('../images/button_01-trans.png');
    background-repeat: no-repeat;
    display:block;
    margin:0;
    padding:0;
    text-decoration:none;
    color:#F5F1E7;
    width:215px;
}

#navi dt a.open,
#navi dt a.active {
    color:#9AA6B9;
    background-color:#F5F1E7;
    background-image: url('../images/button_01-trans.png');
    background-repeat: no-repeat;
}

#navi dt a:hover,
#navi dt a.open,
#navi dt a.open:hover,
#navi dt a.active,
#navi dt a.active:hover {
    /* color:#B8C6D1; */
    /* color:#9AA6B9; */
    background-color:#B8C6D1;
    background-image: url('../images/button_02.gif');
    background-repeat: no-repeat;
}

#navi dt a.open:hover,
#navi dt a.active:hover {
    color:#9AA6B9;
}

#navi dt a:hover,
#navi dt a.open,
#navi dt a.active {
    color:#543C25;
}

#navi dt a.active {
    width:220px;
}

#navi dd {
    margin-bottom:5px;
    margin-left:40px;
    background-color:#F5F1E7;
    font-weight:bold;
    font-size:1em;
    line-height:1.6em;
    text-indent:20px;
    width:175px;
    height:18px;
    display:block;
}

#navi dd a,
#navi dd a:active,
#navi dd a:focus,
#navi dd a:hover,
#navi dd a:link,
#navi dd a:visited,
#navi dd a.open,
#navi dd a.active {
    display:block;
    margin:0;
    padding:0;
    text-decoration:none;
    color:#543C25;
}

#navi dd a:hover,
#navi dd a.open,
#navi dd a.active {
    /* color:#B8C6D1; */
    color:#9AA6B9;
    background-image: url('../images/button_sub_02.gif');
    background-repeat: no-repeat;
    background-color:#B8C6D1;
}

#navi dd a.open {
    width:175px;
}

#navi dd a.active {
    width:180px;
}



/* buchungssystem */

a { color: #546680; font-weight:bold;text-decoration:none; }
a:link { color: #546680; }
a:visited { color: #546680; }
a:active { color: #546680; }
a:hover { color: #B8C6D1;text-decoration:none; }

table.std { width:100%; }
table.std td { border:0px solid #C0C0C0; text-align:left; vertical-align:middle; vertical-align:top; padding:0px; white-space:normal; }

table.matrix { width:100%; table-layout:fixed; border-collapse: collapse; }
table.matrix td { border:0px solid #C0C0C0; padding:0px; }

a.urlbutton { font-family: Verdana,MS Sans Serif,Arial; font-size: 11px; color: #444444; text-decoration:none; display:block; width:100%; padding-left:2px; padding-top:2px; padding-bottom:2px; background-color:#C0C0C0; border:1px solid #000000; font-weight: normal; font-family: Verdana,Arial,MS Sans Serif; font-size: 11px; text-align:center; }
a.urlbutton:link { color: #444444; }
a.urlbutton:visited { color: #444444; }
a.urlbutton:hover { color: #FC0000;  }



form
{ padding:1px;  }
input,select,textarea { font-family:font-family: Verdana; font-size: 12px; color: #444444; width:98%; border: 1px solid #C0C0C0; background:#FFFFFF;}

.formbutton { color:#444444;width:100%;border:1px solid #000000;background-color:#C0C0C0; color:#444444; }
.schrittbutton_aktiv { color:#444444;width:100%;height:40px;border:1px solid #000000;background-color:#C0C0C0; color:#444444;white-space: pre-wrap; }


input.check
{
background: #FFFFFF;
border: 4px solid #00C000;
width: 20px;
}

.calendarHeader { font-weight: bolder; color: #787878; background-color: transparent; }
.angezeigtetage { background-color: #C0C0C0; }
.kalender { background-color: transparent; }
.test { width:100%; }
.test td { border:1px solid #C0C0C0; white-space:normal; vertical-align:top; }
.wochenkalender { width:100%; }
.wochenkalender td { border:0px solid #C0C0C0; white-space: normal; vertical-align:top; }
.kopf td { font-size: 11px;border:0px solid #C0C0C0; white-space: pre; vertical-align:top; }
.kopf th { font-size: 11px;height:40px;color:#444444;border:1px solid #000000;background-color:#E0E0E0; color:#C0C0C0;text-align:center;vertical-align: middle;white-space: pre-wrap; }

/* MODULE  ##################################################################################################### */

/* wochenkalender */

table.wochenkal { border-collapse: collapse; border:0px solid #FC0000; width:100%; }
table.wochenkal td { border:1px solid #444444; border-collapse: collapse; text-align:left; vertical-align:middle; padding:0px; white-space:normal; }

table.knopfleiste { border-collapse: collapse; border:0px solid #FC0000; width:100%; background:#F0EFE7;}
table.knopfleiste td { border:0px solid #FC0000; white-space:normal; empty-cells:show;  vertical-align:top; padding:0px; }

a.button           { display:block; height:15px; text-align:center; padding:1px; border:1px solid #0066FF;  }
a.button:link      { color:#000000; background-color:#BBD6FF; }
a.button:visited   { color:#000000; background-color:#BBD6FF; }
a.button:hover     { color:#FFFFFF; background-color:#0066FF; border:1px solid #BBD6FF; }
a.button:active    { color:#FFFFFF; background-color:#0066FF; border:1px solid #BBD6FF; }

a.buttonk           { display:block; height:11px; text-align:center; padding:1px; border:1px solid #0066FF; font-size:9px; }
a.buttonk:link      { color:#000000; background-color:#BBD6FF; }
a.buttonk:visited   { color:#000000; background-color:#BBD6FF; }
a.buttonk:hover     { color:#FFFFFF; background-color:#0066FF; border:1px solid #BBD6FF; }
a.buttonk:active    { color:#FFFFFF; background-color:#0066FF; border:1px solid #BBD6FF; }

a.del  { display:block; height:19px; width:19px; text-align:center; padding:0px; border:0px solid #0066FF;  }
a.del:link      { color:#000000; background-image:url(../wochenkalender/del.gif); }
a.del:visited   { color:#000000; background-image:url(../wochenkalender/del.gif); }
a.del:hover     { color:#FC0000; background-image:url(../wochenkalender/dela.gif); border:0px solid #FC0000; }
a.del:active    { color:#FC0000; background-image:url(../wochenkalender/dela.gif); border:0px solid #FC0000; }

a.edit  { display:block; height:19px; width:19px; text-align:center; padding:1px; border:0px solid #0066FF;  }
a.edit:link      { color:#000000; background-image:url(../wochenkalender/edit.gif); }
a.edit:visited   { color:#000000; background-image:url(../wochenkalender/edit.gif); }
a.edit:hover     { color:#FC0000; background-image:url(../wochenkalender/edita.gif); }
a.edit:active    { color:#FC0000; background-image:url(../wochenkalender/edita.gif); }

a.copy  { display:block; height:19px; width:19px; text-align:center; padding:1px; border:0px solid #0066FF;  }
a.copy:link      { color:#000000; background-image:url(../wochenkalender/copy.gif); }
a.copy:visited   { color:#000000; background-image:url(../wochenkalender/copy.gif); }
a.copy:hover     { color:#FC0000; background-image:url(../wochenkalender/copya.gif); }
a.copy:active    { color:#FC0000; background-image:url(../wochenkalender/copya.gif); }

a.ins  { display:block; height:19px; width:19px; text-align:center; padding:1px; border:0px solid #0066FF;  }
a.ins:link      { color:#000000; background-image:url(../wochenkalender/ins.gif); }
a.ins:visited   { color:#000000; background-image:url(../wochenkalender/ins.gif); }
a.ins:hover     { color:#FC0000; background-image:url(../wochenkalender/insa.gif); }
a.ins:active    { color:#FC0000; background-image:url(../wochenkalender/insa.gif); }