/* CSS Document */

/* +++ CSS-Import ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Stylesheet für Teaser importieren */
@import "css_main/tmb_teaser.css";

/* Stylesheet für Seiten-Elemente importieren (Linke Spalte / rechte Spalte) */
@import "css_main/tmb_elemente.css";

/* Stylesheet für die Hauptnavigation importieren */
@import "css_main/tmb_navigation.css";

/* Stylesheet für das parallele Menü importieren */
@import "css_main/tmb_menue.css";

/* Stylesheet für Formulare importieren */
@import "css_main/tmb_formulare.css";
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* +++ HTML-Tags aufbereiten +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	color: #333;
	background-color: #ddd;
	margin: 0px;
	text-align: center;
}

a {
	color: #333;
}

h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	margin-top: 0px;
}

h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

form {
	margin: 0px;
}

/* +++ Formular-Elemente aufbereiten +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

fieldset {
	border: 0px solid #fff;
	margin-top: 10px;
	line-height:150%;
}

input:focus { 
	color: #000;
} 

.input_txt { 
	background-color: #fffff0;
	border: 1px solid #666;
}
	
.input_btn { 
	background-color: #feb;
	border: 1px solid #666;
	background-image: url(/media_navigation/ico_link_bullet.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 18px;
	padding: 0px 12px 1px 0px;
	margin: 0px 0px 0px 0px;
}

.input_back_btn { 
	background-color: #feb;
	border: 1px solid #666;
	background-image: url(/media_navigation/ico_back_bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 18px;
	padding: 0px 0px 1px 8px;
	margin: 0px 0px 0px 0px;
}

textarea { 
 	border: 1px solid #555;
}

select, option {
	background-color: #fffff0;
	border: 1px solid #666;
}

label {
	display: block;
}

label.left { 
	float: left; 
	width: 10px;
}

.maxdropdown {
	width: 130px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* +++ Maintable und Wrapper ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#wrapper {
  margin: 0 auto;
  text-align: left;
	width: 760px;
}

#maintable {
	background-color: #FFFFF0;
}

#links {
	width: 165px;
	max-width: 165px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#mitte {
	width: 430px;
	max-width: 430px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#rechts {
	width: 165px;
	max-width: 165px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#copyright {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* +++ Reddot-Klasse ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.reddot {
	color: #c00;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* +++ Unsichtbare Elemente ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.hidden {
   position: absolute;
   top: -10000px;
   left: -10000px;
   height: 1px;
   width: 1px;
}

a:focus.hidden, a:hover.hidden, a:active.hidden {
  position: absolute;
  display: block;
  top: 0px;
  left: 10px;
  height: auto;
  width: auto;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  background-color: #fffff0;
  padding: 5px;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	display: inline;
}

div.clear {
 clear: both;
 height: 1px;
 margin: 0px;
 padding: 0px;
 border: none;
 display: block;
 overflow: hidden;
}

br.clear {
 clear: both;
 height: 1px;
 margin: 0px;
 padding: 0px;
 border: none;
 display: inline;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* +++ Skyscraper ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#skyscraper {
	width: 160px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
	background-color: #FFF4D7;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#skyscraper ul {
	margin: 4px 0 5px 1px;
	padding: 0 0 0 0;
	list-style-type: none;
	width: 158px;
}

#skyscraper ul li a {
 	margin: 0 0 0 0 !important; /* alle browser */
 	margin /**/:0 0 0 -17px; /* win ie 5 & 5.5 */
	padding: 4px 0 4px 4px;
	font-weight: bold;
	display: block;
	width: 154px;
	text-decoration: none;
	background-image: url(/media_navigation/ico_link_bullet.gif);
	background-repeat: no-repeat;
	background-position: 142px 5px;
}

#skyscraper ul li a:hover, #skyscraper ul li a.selected {
 	margin: 0 0 0 0 !important; /* alle browser */
 	margin /**/:0 0 0 -17px; /* win ie 5 & 5.5 */
	padding: 4px 0 4px 4px;
	font-weight: bold;
	display: block;
	width: 154px;
	text-decoration: none;
	background-image: url(/media_navigation/ico_link_down_bullet.gif);
	background-repeat: no-repeat;
	background-position: 142px 5px;
}

#skyscraper ul li #ancVeranstaltungen:hover,
#skyscraper ul li #ancVeranstaltungen.selected {
	background-color: #4cc;
}

#skyscraper ul li #ancTagesausfluege:hover,
#skyscraper ul li #ancTagesausfluege.selected {
	background-color: #ac7;
}

#skyscraper ul li #ancPauschalreisen:hover,
#skyscraper ul li #ancPauschalreisen.selected {
	background-color: #f98;
}

#skyscraper ul li ul {
	margin: 0;
	padding: 0 0 3px 0;
	list-style-type: none;
	width: 158px;
}

#skyscraper ul li ul#lstVeranstaltungen {
	background-color: #EBF8EF;
}

#skyscraper ul li ul#lstTagesausfluege {
	background-color: #F0F7D8;
}

#skyscraper ul li ul#lstPauschalreisen {
	background-color: #FFEBDB;
}

#skyscraper ul li ul li a {
	font-weight: normal;
	text-decoration: underline;
	background-image: none;
	width: 130px;
}

#skyscraper ul li ul li a:hover {
	font-weight: normal;
	text-decoration: underline;
	background-image: none;
	width: 130px;
	color: #006;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#kleinerrotertext {
color:#FF0000;
font-size:0.8em;
}