/* -------------------------------------------------
   allgemeines
------------------------------------------------- */
body {
  margin: 0; padding: 0;
  font-family: Verdana;
  background-image: url(../images/start/tac_start_bg.png);
  background-color: #500;
}

table   {width: 100%; margin: 0; padding: 0;}
.orange {color: #ee8800;}
.red    {color: #cc0000;}
.light  {color: #bbb;}

.right      {text-align: right;}
.center     {text-align: center;}
.noborder   {border: 0;}
.loopro     {width: 100%;}
.space      {padding-left: 15px;}
.tiny       {font-size: 9px;}
.tiniest    {font-size: 8px;}
.imgborder  {border: 1px solid #ee8800;}

.header, .header_right {
  height: 24px;
  font-size: 12px;
  font-weight: bold;
  color: #880000;
}

.header {
  padding-left: 30px;
  border-bottom: 1px solid #faa;
  text-align: left;
  border: 0;
}

.header_right {
  padding-right: 25px;
  text-align: right;
}

/* -------------------------------------------------
   Links
------------------------------------------------- */

.header a, .header a:visited, .header a:hover, .header a:active,
.header_right a, .header_right a:visited, .header_right a:hover .header_right a:active {
  text-decoration: none;
  color: #880000;
}

/* -------------------------------------------------
   Menue
------------------------------------------------- */
#menubox      {z-index: 1; position: absolute; top: 220px; left: -130px; width: 259px;}
#menubox .top {width: 259px; height: 12px; background-image: url(../images/site_xtra_top.png);}
#menubox .con {padding: 5px; background-image: url(../images/site_xtra_bg.png);}
#menubox .add {padding: 5px; padding-right: 12px; text-align: right; background-image: url(../images/site_xtra_bg.png); font-size: 8px; color:#e80;}
#menubox .bot {width: 259px; height: 48px; background-image: url(../images/site_xtra_bottom.png);}
#menubox .bo2 {width: 259px; height: 15px; background-image: url(../images/site_xtra_bottom2.png);}

#menu {width: 250px; color: #b22; border-top: 1px solid #ffe7cf;}

#menu .menupoint, #menu .menupoint_act {
  border-bottom: 1px solid #ffe7cf;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
}

#menu .menupoint_act {
  border-bottom: 1px solid #f6881f;
  background-color: #f70;
  color: #fff;
}

#menu a, #menu a:hover, #menu a:active, #menu a:visited {
  padding: 0px;
  display: block;
  text-decoration: none;
  text-align: right;
  width: 250px;
  height: 26px;
}

#menu .menupoint a, #menu .menupoint a:active, #menu .menupoint a:visited {color: #b22;}
#menu .menupoint_act a, #menu .menupoint_act a:active, #menu .menupoint_act a:visited {color: #fff;}
#menu .menupoint_act a:hover, #menu .menupoint a:hover {background-color: #b22; color: #fff;}

/* -------------------------------------------------

   Mitte (Inhalt)

------------------------------------------------- */
#contentbox {z-index: 4; position: absolute; top: 170px; left: 130px; width: 620px; height: 12px;}
#contentbox .top {width: 620px; height: 12px; background-image: url(../images/site_content_top.png);}
#contentbox .con {padding: 10px; background-image: url(../images/site_content_bg.png);}
#contentbox .bot {width: 620px; height: 48px; background-image: url(../images/site_content_bottom.png);}

#content {z-index: 4; border: 0; width: 600px; vertical-align: top;}
#content .header {background-image: url(../images/site_header.png); background-repeat: no-repeat;}
#content .header, #content .header_right {
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
#content .ok {
  width: 60px;
  margin: 0;
  font-family: Arial;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
  border: 0;
  color: #555;
  background-color: #eee;
}
#content .show {
  padding: 3px 15px 3px 15px;
  font-size: 11px;
  vertical-align: top;
  border-bottom: 1px solid #ffe7cf;
  color: #880000;
}
#content .head {
  clear: both;
  padding: 15px 15px 2px 15px;
  font-size: 11px;
  vertical-align: top;
  border-bottom: 1px solid #ffe7cf;
  background-color: #fff;
  color: #880000;
}

#content .head_error {
  clear: both;
  padding: 7px 15px 0px 15px;
  font-size: 11px;
  vertical-align: top;
  border-top: 1px solid #ff9911;
  background-color: #fff9f1;
  color: #bb0000;
}

#content .cont, #content .cont_imp, #content .cont_error {
  clear: both;
  font-size: 11px;
  vertical-align: top;
}

#content .cont, #content .cont_imp {
  color: #aa4400;
  background-color: #fff;
}

#content .cont_error {
  color: #990000;
  background-color: #fff9f1;
  border-bottom: 1px solid #ff9911;
  padding: 0px 15px 7px 15px;
}

#content .cont {padding: 5px 15px 5px 15px;}
#content .cont_imp{padding: 5px 15px 15px 15px; clear: both;}

#content .foot {
  clear: both;
  padding: 2px 15px 15px 15px;
  font-size: 9px;
  vertical-align: top;
  border-top: 1px solid #ffe7cf;
  border-bottom: 1px solid #ee8800;
  background-color: #fff;
  color: #880000;
}

#content .footnext {
  clear: both;
  padding: 2px 15px 15px 15px;
  font-size: 9px;
  vertical-align: top;
  border-top: 1px solid #ffe7cf;
  background-color: #fff;
  color: #880000;
}

#content .out {
  padding: 2px 15px 2px 15px;
  font-size: 9px;
  vertical-align: middle;
  border-bottom: 1px solid #ee8800;
  color: #880000;
  background-color: #fff9f1;
}

#content p {text-align: justify;}

#content img, #kontakt img {
  float: left;
  border: 0;
  margin-right: 3px;
  margin-bottom: 3px;
}

#content, #content a, #content a:visited, #content a:active {
  text-decoration: none;
  color: #e80;
}

#content a:hover {
  text-decoration: underline;
  color: #ee8800;
}

/* -------------------------------------------------
   Inhalt - Kontakt
------------------------------------------------- */

#kontakt td {font-size: 11px; vertical-align: top; color: #aa4400;}

option, select, #kontakt .inputed {
  cursor: text;
  font-family: Arial;
  font-weight: bold;
  font-style: normal;
  font-size: 10px;
  text-decoration: none;
  border: 1px solid #ffe7cf;
  background-color: #ffffff;
  color: #880000;
}
#kontakt .inputed {width: 216px;}

/* -------------------------------------------------
   rechte Leiste (Woche/Monat)
------------------------------------------------- */
#weekbox      {z-index: 4; position: absolute; top: 170px; left: 750px; width: 259px;}
#weekbox .top {width: 259px; height: 12px; background-image: url(../images/site_xtra_top.png);}
#weekbox .con {padding: 5px; background-image: url(../images/site_xtra_bg.png);}
#weekbox .bot {width: 259px; height: 48px; background-image: url(../images/site_xtra_bottom.png);}

#week {
  border-top: 0;
  width: 250px;
  vertical-align: top;
  background: #fff;
}

#week .header_right {
  background-image: url(../images/site_header_right.png);
  background-repeat: no-repeat;
  background-position: right;
}

#week .header, #week .header_right {
  height: 29px;
  margin-top: 6px;
  background-color: #fff;
  line-height: 29px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #b22;
}

#week a, #week a:hover, #week a:visited {
  color: #ee8800;
  text-decoration: none;
} 

#week .head {
  padding: 15px 15px 2px 15px;
  font-size: 11px;
  vertical-align: top;
  border-bottom: 1px solid #e80;
  color: #880000;
  background-color: #fff;
}

#week .day, #week .day_today {
  padding: 5px 5px 3px 5px;
  border-bottom: 1px dotted #ffccaa;
  background-color: #fff9f1;
  font-size: 11px;
  color: #b50;
}

#week .cont, #week .cont_today, #week .closed, #week .closed_today  {
  padding: 5px;
  border-bottom: 1px solid #e80;
  background-color: #fff9f1;
  font-size: 11px;
}

#week .cont, #week .cont_today         {color: #b50;}
#week .cont_today, #week .day_today    {background: #ffead1;}
#week .cont img, #week .cont_today img {float: left; margin: 0px 3px 0px 1px;}
#week .closed, #week .closed_today     {color: #eebb88;}
#week .closed_today                    {background: #FFEAD1;}
#week .extra img                       {border: 1px solid #800; margin: 0px 4px 7px 0px;}
#week p                                {vertical-align: top; font-size: 11px; margin: 0px 15px 15px 0px;}
#week .extra                           {padding: 15px 0px 8px 15px; text-align: center;}

/* -------------------------------------------------
   Copyright
------------------------------------------------- */

#copyright {
  clear: both;
  height: 30px;
  padding-top: 10px;
  text-align: center;
  font-size: 9px;
  color: #ee8800;
}

#xlinks {
  position: absolute;
  left: 830px; top: 20px;
  width: 200px;
  font-family: Verdana;
  font-size: 10px;
  line-height: 20px;
  color: #e80;
}

#xlinks a, #xlinks a:hover, #xlinks a:active, #xlinks a:visited {
  text-decoration: none;
  color: #e80;  
}

