/*
Autor:   Thomas Konrad
Version: 1.0 RC1
Datum:   11.11.2009
*/

#main {
  margin-left: auto;
  margin-right: auto;
  width: 750px;
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  float: left;
}

#container1 {
  width: 100%;
  overflow:hidden;
  visibility: hidden;
}

#voegel {
  float: left;
  width: 700px;
}

.vogel, .vogel_s {
  float: left;
  width: 130px;
  margin: 0 2px 4px 2px;
  padding: 2px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  overflow: hidden;
  cursor: pointer;
  font-weight: bold;
}

.vogel {
  border: 1px solid black;
}

.vogel_s, .vogel:hover {
  border: 1px solid #3347c2;
  background-color: #e6e8f1;
}

#loading {
  width: 50px;
  height: 56px;
  float: left;
}

#infoline {
  clear: both;
  height: 16px;
}

#container2 {
  clear: both;
  width: 100%;
  overflow: hidden;
  padding-top: 10px;
  border-top: 1px solid black;
  margin-top: 5px;
  visibility: hidden;
}

#input1 {
  float: left;
  width: 360px;
}

#input2 {
  float: left;
  width: 360px;
  margin-left: 28px;
  margin-right: 2px;
}

.italic {
  font-style: italic;
  font-size: 8pt;
  font-weight: normal;
}

#container3 input {
  cursor: pointer;
  background-color: #f0f0f0;
  overflow: visible;
}

.input_text, .input_text_in {
  width: 190px;
}

.input_text_in {
  background-color: #f0f0f0;
}

.input_text_short, .input_number {
  float: left;
  width: 87px;
}

.input_number {
  margin-left: 10px;
}

#input1 table {
  width: 360px;
  border-collapse: separate;
  border-spacing: 2px 5px;
  border: 0;
}

#input1 td:first-child {
  font-weight: bold;
}

.td_m_f {
  width: 158px;
}

.td_m_s {
  width: 196px;
}

#container3 {
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid black;
  margin-top: 10px;
  visibility: hidden;
}

.popuplink {
  z-index: 1;
  position: relative;
  float: left;
}

.popup {
  display: none;
  left: 0;
  line-height: 1.25em;
  position: absolute;
  top: 0px;
  z-index: 1;
}

.popuplink:hover .popup {
  display: block;
  width: 190px;
  background: #e6e8f4 none repeat scroll 0 0;
  border: 1px solid #3347c2;
  z-index: 2;
  padding: 2px;
  height: 70px;
}

.popuplink:hover {
  z-index: 2;
}

.liste_popup {
  z-index: 2;
  position: relative;
  float: left;
  width: 196px;
  display: none;
}

.liste_popup_short {
  z-index: 2;
  position: relative;
  width: 93px;
  display: none;
  top: 22px;
  left: -93px;
}

.liste_popup select, .liste_popup_short select {
  width: 100%;
  background: #e6e8f4 none repeat scroll 0 0;
  border: 1px solid #3347c2;
  padding: 2px;
  z-index: 2;
  position: absolute;
}

#map {
  width: 360px;
  height: 519px;
}

.mpflicht {
  color: #c23347;
}


/* the div that holds the date picker calendar */
.dpDiv {
  }


/* the table (within the div) that holds the date picker calendar */
.dpTable {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #000000;
  background: #e6e8f4 none repeat scroll 0 0;
  border: 1px solid #3347c2;
  width: 196px;
  }


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
  }


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
  }


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
  }


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
  }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
  border: 1px solid #ece9d8;
  }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
  background-color: #CCCCCC;
  border: 1px solid #AAAAAA;
  }


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
  background-color: #aca998;
  border: 1px solid #888888;
  cursor: pointer;
  color: red;
  }


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
  }


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
  }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
  }


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
  background-color: #CCCCCC;
  border: 1px solid #AAAAAA;
  color: white;
  }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  }


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
  color: #4060ff;
  font-weight: bold;
  }


/* the forward/backward buttons at the top */
.dpButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  font-weight: bold;
  padding: 0px;
  }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  font-weight: bold;
  }

/* Hover for all buttons */
.dpButton:hover, .dpTodayButton:hover {
  border: 1px solid #3347c2;
  cursor: pointer;
}