body, td, tr, div, a, p, font, b, table, h1, strong {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
      /*background-color: #FFFFCC;*/
}

hr {
	color: #F7B000;
	background-color: #F7B000;
	height: 1px;
	border-width: 0px;
}



.href_rot, .href_rot:link, .href_rot:visited, .href_rot:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #CE0036;
    text-decoration: none;
    font-weight: normal;
}

.href_rot:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #CE0036;
    text-decoration: underline;
    font-weight: normal;
}

.href_rot12, .href_rot12:link, .href_rot12:visited, .href_rot12:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    text-decoration: none;
    font-weight: normal;
}

.href_rot12:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    text-decoration: underline;
    font-weight: normal;
}

.href_navifett, .href_navifett:link, .href_navifett:visited, .href_navifett:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    text-decoration: none;
    font-weight: bold;
}

.href_navifett:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    text-decoration: underline;
    font-weight: bold;
}

.href_naviunter, .href_naviunter:link, .href_naviunter:visited, .href_naviunter:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    text-decoration: none;
    font-weight: normal;
}

.href_naviunter:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    text-decoration: underline;
    font-weight: normal;
}

.href_unternavi, .href_unternavi:link, .href_unternavi:visited, .href_unternavi:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #CE0036;
    text-decoration: none;
    font-weight: bold;
}

.href_unternavi:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #CE0036;
    text-decoration: underline;
    font-weight: bold;
}

.href_unternavi_aktiv, .href_unternavi_aktiv:link, .href_unternavi_aktiv:visited, .href_unternavi_aktiv:hover, .href_unternavi_aktiv:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.href_unternavischwarz, .href_unternavischwarz:link, .href_unternavischwarz:visited, .href_unternavischwarz:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #CE0036;
    text-decoration: none;
    font-weight: normal;
}

.href_unternavischwarz:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #CE0036;
    text-decoration: underline;
    font-weight: bold;
}

.href_normalschwarz, .href_normalschwarz:link, .href_normalschwarz:visited, .href_normalschwarz:active {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.href_normalschwarz:hover {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

.ue_rot {
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: #CE0036;
    font-weight: bold;
    text-decoration: none
}

.text_foto {
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
    text-decoration: none
}

.anforderung {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none
}

.ue_detail {
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    font-weight: bold;
    text-decoration: none
}

.code {
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CE0036;
    text-decoration: none
}

.rframe{
    position: absolute;
    top:40px;
    left:10px;
}

.lframe{
    position: relative;
    top:0px;
    left:0px;

}

.caption{
   /*position:relative;*/
   padding: 5px;
   background: #FFDC5A;
   text-align: center;
   border:solid 1px #FF9900;
   width: 700px;
   padding-left: 20px;
   padding-right: 20px;
}

h2.caption1{
   /*padding:0px;*/
   margin:0px;
   font-size:16pt;
}

.text{
   position: relative;
   top: 10px;
   left: 10px;
   padding: 10px;
   width: 650px;
   background:#FFFFCC;
   border:solid 1px #FF9900;
   margin-bottom: 10px;
}

.captionunten{
   position: relative;
   top: 20px;
   left: 0px;
   padding: 5px;
   background: #FFDC5A;
   text-align: center;
   border: solid 1px #FF9900;
   padding-left: 20px;
   padding-right: 20px;
}

.textunten{
   position: relative;
   top: 20px;
   left: 0px;
   padding: 20px;
   background:#FFFFCC;
   border: solid 1px #FF9900;
   border-top: 0px;
}

p.ueberschrift {
  font-size: larger;
  font-weight: bolder;
  margin-top: 3px;
  margin-bottom: 2px;
  color: #0000BD;
}

/* formulare */
.zeile{
   position:relative;
   top: 0px;
   left: 0px;
   margin-top: 0px;
   margin-bottom:8px;
   padding: 0px;
   /*width: 600px;*/
}

.feldbeschriftung {
      position: relative;
      left: 0px;
      width: 150px;
      font-weight:bold;
      margin-top: 0px;
}

.feld {
      position: absolute;
      left: 170px;
      width: 360px;
      font-family:Arial, Helvetica, 'sans-serif';
      font-size: medium;
      margin-top: 0px;
}

.submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CE0036;
	background-color: #FFFFFF;
}

.textfield {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
    border-width: 1;
    background-color: #ffffff;
    border-right: #CE0036 1px solid;
    border-left: #CE0036 1px solid;
    border-top: #CE0036 1px solid;
    border-bottom: #CE0036 1px solid;
}

/* linkseite */
.linkrahmen{
   position:relative;
   margin-top:20px;
   left:5px;
   width:150px;
   background:#FFFFCC;
   border:solid 1px #FF9900;
   padding-bottom:10px;
}

.linkcaption{
   position:relative;
   border-bottom:solid 1px #FF9900;
   background:#FFDC5A;
   text-align:center;
   font-weight:bold;
   padding:2px
}

.linklinks{
   position:relative;
   margin-top:5px;
   text-align:center;
   font-weight:bold;
   padding:2px;
}

div.kategorie {
    position:absolute;
    top:360px;
    left:800px;
    width:300px;
    background: #DBDBDB;
    border:solid 1px #FF9900;
    padding:5px;
}

table.kategorie {
    border-collapse: collapse;
    empty-cells: show;
    margin-bottom: 5px;
    table-layout:fixed;
}

td.kategorie {
   border: solid 1px #FF9900;
   padding: 3px;
   background: #FFFFCC;
}

th.kategorie {
   border: solid 1px #FF9900;
   padding: 3px;
   background: #FFDC5A;
}

select.dropdown {
   width : 250px;
}

select.dropdown2 {
   width : 143px;
}

select.dropdown3 {
   width : 550px;
}
input.schalter {
   font-family:Arial, Helvetica, 'sans-serif';
   font-size: medium;
}

/* tabelle */
table.liste {
     empty-cells: show;
}
th.liste {
    background: #BEBEBE;
    padding-left: 10px;
    padding-right: 10px;
}

td.liste1 {
    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}

td.liste2 {
    background: #D8D8D8;
    padding-left: 10px;
    padding-right: 10px;
}

/* filter                   */
span.links {
    position:relative;
    left:5px;
    width:180px;
}
span.mitte {
    position:absolute;
    left:210px;
    width:180px;
}
span.rechts {
    position:absolute;
    left:420px;
    width:180px;
}

/* filter */
.filter {
   position:relative;
   left: 0px;
   top: 0px;
   overflow: visible;
}

.filtercaptionoben {
   /*position:relative;*/
   padding: 5px;
   background: #FFDC5A;
   text-align: center;
   border:solid 1px #FF9900;
   width: 750px;
   padding-left: 20px;
   padding-right: 20px;
}


.filtertextoben {
   position: relative;
   top: 0px;
   left: 0px;
   padding: 20px;
   width: 750px;
   background:#FFFFCC;
   border:solid 1px #FF9900;
   border-top: 0px;
}

.filtercaptionunten {
   position: relative;
   top: 20px;
   left: 0px;
   padding: 5px;
   background: #FFDC5A;
   text-align: center;
   border: solid 1px #FF9900;
   padding-left: 20px;
   padding-right: 20px;
}

.filtertextunten {
   position: relative;
   top: 20px;
   left: 0px;
   padding: 20px;
   background:#FFFFCC;
   border: solid 1px #FF9900;
   border-top: 0px;
   margin-left: 0px
}

/* tabelle der reisen */
.ues {
	background: #F7B000;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
	font-weight: bold;

}

.mar {
	background: #FFCC99;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
}


.insel {
    background: #E6CEF7;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.eu {
    background: #CCFFCC;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.sam {
    background: #FFFF99;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.him {
    background: #CCFFFF;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.mar_oben {
	background: #FFCC99;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 20px;
}

.insel_oben{
	background: #E6CEF7;	
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 20px;
}


.eu_oben {
    background: #CCFFCC;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 20px;
}

.sam_oben {
    background: #FFFF99;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 20px;
}

.him_oben {
    background: #CCFFFF;
	border-top: 1px solid #FFF2BE;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 20px;
}

.wbt_oben {
	background: #F7B000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 20px;
}

/*definiton des schwieirkeitsggrades*/

.rahmen {
  position: relative;
  top: 0px;
  left: 0px;
  background-color:#FB0825;
  width: 74px;
  height: 14px;
  font-size: 8px;
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.kaestchengelb {
  position: relative;
  top: 0px;
  left: 0px;
  background-color:#FFE501;
  width: 9px;
  height: 9px;
  margin-right: 2px;
  border-color: #FFE501;
  border-width: 1px;
}
.kaestchengelbletztes {
  position: relative;
  top: 0px;
  left: 0px;
  background-color:#FFE501;
  width: 10px;
  height: 10px;
  border-color: #FFE501;
  border-width: 1px;
}

table.grad {
  background-color: #FB0825;
  border-collapse: collapse;
  empty-cells: show;
}


td.gelb {
  background-color:#FFE501;
}

/* anzeige der reise auswahl */

div.reise {
  position: relative;
  top: 10px;
  left: 20px;
  padding: 10px;
  font-weight: bold;
}

span.auswahl {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 3px;
  width: 30px;
  text-align: center;
  border-style: solid;
  background-color: #C0C0C0;
  border-width: 2px;
  border-color: #ADAEAD;
}

span.auswahlrot {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 3px;
  width: 30px;
  text-align: center;
  border-style: solid;
  background-color:#F7F39C;
  border-width: 2px;
  border-color: #ADAEAD;
}

span.kommentar {
  font-size: x-small;
  color: #CA1C1C;
}

tr.a {
    background: #C2E7E6;
}

tr.b {
    background: #D0DFAC;
}

tr.c {
    background: #FFFF5B;
}

tr.d {
    background: #E09CEF;
}

tr.e {
    background: #AFDDAE;
}

tr.f {
    background: #F8B1B1;
}

tr.g {
    background: #EAF09B;
}

tr.h {
    background: #CCFFFF;
}

/*listen  */
span.region {
  font-size: 16px;
  font-weight: bold;
  color: #0000FF;
  margin-bottom: 6px;
}

span.landesteil {
  font-size: 14px;
  font-weight: bold;
  color: #0000FF;
  margin-bottom: 3px;
  margin-top: 6px;
}

span.land {
  font-size: 13px;
  font-weight: bold;
  color: #0000FF;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.titel {
  font-size: 12px;
  font-weight: bold;
}

span.untertitel {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}

span.untertitel {
  font-size: 12px;
}

span.autorin {
  font-size: 10px;
}

/* linkliste am anfang   */

span.ll0 {
 margin-left: 40px;
}

span.ll1 {
 margin-left: 60px;
}

span.ll2 {
 margin-left: 80px;
}



/* QTIP */

div#qTip {
    padding: 3px;
    border: 1px solid #F7B000;
    display: none;
    background: #FFF2BE;
    color: #CE0036;
    font: 11px Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 1000;
}