/***********************************************************************
* mondino.de - basis stylesheet                                        *
* erstellt: 21.10.2005                                                 *
* von: ATO interactive (www.ato.de)                                    *
* zuletzt bearbeitet: 23.12.2005 / 11:00 Uhr                           *
* von: Andreas Nieswand                                                *
***********************************************************************/


/***********************| generals |***********************/
* {
  margin: 0;
  padding:0;
  border: 0 none transparent;
  list-style: none;}

html, body {
	height: 100.1%; background-color:#fff; }

body {
  text-align: center;}

/*a { color: #DB6D14; font-weight: normal; }*/

form {
  display: inline;}

select {
	font: 10px verdana, sans-serif;}


a:link,
a:visited,
a:focus {
	text-decoration: underline;
	color: #0F5DAC;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #86A2BE;
}

h1 {
  color:#0F5DAC;
  font-family:Verdana,sans-serif;
  font-size:20px;
  font-weight:normal;
  line-height:22px;
}
h2 {
  font-size:17px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  color: #000;
}
h3 {
  color:#9DC10E;
  font-family:Verdana,sans-serif;
  font-size:14px;
  font-weight:bold;
}
h4, h5 {
  color:#0F5DAC;
  font-family:Verdana,sans-serif;
  font-size:11px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:14px;
}

.align-center { text-align: center; }


/* IFrame */
#ttFrame {margin-left:1px;}

/*** Klassen ****/
.clear { clear: both; }

/***********************| wrap everything warm and safe |***********************/
#overall {
  width: 1002px;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
  background-repeat: repeat-y;
  border-right: 1px solid #0F5DAC;
  border-left: 1px solid #0F5DAC;
  text-align: left;
  font: 12px verdana, sans-serif;}

/***********************| header, logo, menu + meta-menu |***********************/
#linkWizardOpener { width: 10px; height: 10px; }

#header {
  height: 101px;
  position: relative;
	background: url(../../pics/bg_header.jpg) no-repeat;}

#header h1 {
  width: 192px;
  height: 60px;
  position: absolute;
  left: 14px;
  top: 25px;}

#header h1 img {border: none;}
#header h1 strong {display: none;}

img#img-logo {
  position:absolute;
  margin:0;
  padding:0;
  top:-8px;
  left:-2px;
}

/*| meta navigation |*/
ul#meta {
	/*display: none; META-Navi bis auf weiteres ausblenden. edit LKo 2005-12-08 */
  list-style: none;
  position: absolute;
  top: 15px;
  right: 15px;}

ul#meta li {
  display: inline;
  color: #fff;}

ul#meta li a {
  color: #fff;
  text-decoration: none;}

ul#meta li a:hover {
  text-decoration: underline;}

/*ul#meta li#metan-21:after {
  content: " | ";
}*/
ul#meta li#metan-21 {
  margin-right: 3px;
}

/*|main navigation|*/
ul#mainnav {
  list-style: none;
  width: 584px;
  height: 44px;
  position: absolute;
  left: 201px;
  top: 57px;
  background: url(../../pics/bg_mainnav_home.gif) no-repeat;}

body.flug ul#mainnav         { background: url(../../pics/bg_mainnav_flug.gif) no-repeat; }
body.flug_extern ul#mainnav         { background: url(../../pics/bg_mainnav_flug.gif) no-repeat; }
body.hotel ul#mainnav        { background: url(../../pics/bg_mainnav_hotel.gif) no-repeat; }
body.mondino_spezial ul#mainnav   { background: url(../../pics/bg_mainnav_spezial.gif) no-repeat; }
body.lastminute ul#mainnav   { background: url(../../pics/bg_mainnav_lastminute.gif) no-repeat; }
body.flughotel ul#mainnav     { background: url(../../pics/bg_mainnav_flughotel.gif) no-repeat; }
body.fewo ul#mainnav { background: url(../../pics/bg_mainnav_eigeneanreise.gif) no-repeat; }
body.impressum ul#mainnav    { background: url(../../pics/bg_mainnav.gif) no-repeat;}


ul#mainnav li {
  position: absolute;
  height: 44px;}

ul#mainnav li a {
  display: block;
  height: 44px;
  text-decoration: none;
  text-indent: -3000px;}

/*| position - links mainnavigation |*/
ul#mainnav li#mn-home, ul#mainnav li#mn-12 {width: 59px; left: 12px;}
ul#mainnav li#mn-flug, ul#mainnav li#mn-11 {width: 52px; left: 72px;}
ul#mainnav li#mn-hotel, ul#mainnav li#mn-10 {width: 52px; left: 126px;}
ul#mainnav li#mn-lminute, ul#mainnav li#mn-7 {width: 90px; left: 182px;}
ul#mainnav li#mn-flughotel, ul#mainnav li#mn-6 {width: 95px; left: 275px;}
ul#mainnav li#mn-spezial, ul#mainnav li#mn-9 {width: 75px; left: 370px;}
ul#mainnav li#mn-eigen, ul#mainnav li#mn-5 {width: 73px; left: 450px;}

/*| reisewelten + fold-out menu |*/
ul#mn-reisewelten {
  padding: 0;
  margin: 0;
  text-indent: 0;
  position: absolute;
  list-style: none;
  top: 57px;
  right:0;
  width: 207px;
  height: 44px;
  }

ul#mn-reisewelten li {margin: 0; padding: 0; height: 1%; text-align: left;}

ul#mn-reisewelten li a#mn-showtopics {
  display: block;
  height: 44px;
  text-decoration: none;
  text-indent: -3000px;
  font: 0/0 sans-serif;
  background: url(../../pics/bg_topicnav_home.gif) no-repeat;}

ul#mn-reisewelten li ul#mn-topics {
  z-index: 200;
  position: relative;
  margin-top: -1px;
  display: none;
  background: url(../../pics/bg-mn-ul-topics.gif) no-repeat;
  padding: 8px 1px 8px 0;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 205px;
  padding: 8px 0 8px;}
html>body ul#mn-reisewelten li ul#mn-topics {
  width: 205px;
  background: url(../../pics/bg-mn-ul-topics.gif) no-repeat;
  padding: 8px 0 8px;}




ul#mn-reisewelten:hover li ul#mn-topics {display: block;}

ul#mn-reisewelten li ul#mn-topics li a {
  display: block;
  height: 26px;
  border-top: 1px solid #1F3C59;
  background-image: url(../../pics/bg-mn-topics.gif);
  background-repeat: no-repeat;
  text-decoration: none;
  text-indent: -3000px;
  }

/*| Links - Topics |*/
ul#mn-reisewelten li ul#mn-topics li#mn-sonnestrand a:hover {background-position: -205px 0;}

ul#mn-reisewelten li ul#mn-topics li#mn-winterurlaub a {background-position: 0 -26px;}
ul#mn-reisewelten li ul#mn-topics li#mn-winterurlaub a:hover {background-position: -205px -26px;}

ul#mn-reisewelten li ul#mn-topics li#mn-staedtekultur a {background-position: 0 -52px;}
#mn-reisewelten ul#mn-topics li#mn-staedtekultur a:hover {background-position: -205px -52px;}

ul#mn-reisewelten li ul#mn-topics li#mn-wellness a {background-position: 0 -78px;}
ul#mn-reisewelten li ul#mn-topics li#mn-wellness a:hover {background-position: -205px -78px;}

ul#mn-reisewelten li ul#mn-topics li#mn-kreuzfahrten a {background-position: 0 -104px;}
ul#mn-reisewelten li ul#mn-topics li#mn-kreuzfahrten a:hover {background-position: -205px -104px;}

ul#mn-reisewelten li ul#mn-topics li#mn-rundreisen {
  padding-bottom: 8px; background: url(../../pics/topics_bottom.gif) no-repeat 0 100% !important; display: block}
ul#mn-reisewelten li ul#mn-topics li#mn-rundreisen a {background-position: 0 -130px;}
ul#mn-reisewelten li ul#mn-topics li#mn-rundreisen a:hover {background-position: -205px -130px;}

/* Topics - für Typo3 */
ul#mn-reisewelten li ul#mn-topics li#mn-18 a:hover {background-position: -205px 0;}

ul#mn-reisewelten li ul#mn-topics li#mn-17 a {background-position: 0 -26px;}
ul#mn-reisewelten li ul#mn-topics li#mn-17 a:hover {background-position: -205px -26px;}

ul#mn-reisewelten li ul#mn-topics li#mn-16 a {background-position: 0 -52px;}
ul#mn-reisewelten li ul#mn-topics li#mn-16 a:hover {background-position: -205px -52px;}

ul#mn-reisewelten li ul#mn-topics li#mn-15 a {background-position: 0 -78px;}
ul#mn-reisewelten li ul#mn-topics li#mn-15 a:hover {background-position: -205px -78px;}

ul#mn-reisewelten li ul#mn-topics li#mn-14 a {background-position: 0 -104px;}
ul#mn-reisewelten li ul#mn-topics li#mn-14 a:hover {background-position: -205px -104px;}

ul#mn-reisewelten li ul#mn-topics li#mn-13 {
  padding-bottom: 8px; background: url(../../pics/topics_bottom.gif) no-repeat 0 100% !important; display: block}
ul#mn-reisewelten li ul#mn-topics li#mn-13 a {background-position: 0 -130px;}
ul#mn-reisewelten li ul#mn-topics li#mn-13 a:hover {background-position: -205px -130px;}

/***********************| subnavigation |***********************/
#subnavi {
  padding: 5px 2px 5px 266px;
  background: #9DC10E url(../../pics/bg-subnavi.gif) repeat-x 0 100%;}


#subnavi ul
{
  height: 19px;
  padding-left: 5px;
  background: url(../../pics/bg-ul-subnavi-hover.gif) repeat-x;
  color: #fff !important;
  border: 1px solid #91A835;
}

#subnavi ul li
{
  float: left;
  margin-left:1px;}

#subnavi ul li a
{
  display: block;
  padding: 0 10px;
  font: bold 11px/19px verdana, sans-serif;
  text-decoration: none;
  color:#FFFFFF;
  border: 1px solid transparent;
}

#subnavi ul li a.subnavi-selected
{
	color: #048B11;
}

#subnavi ul li a:hover, a.subnavi-selected
{
  border: 1px solid #91A835;
  background: url(../../pics/bg-ul-subnavi.gif) repeat-x;
  color: #048B11;
}

#subnavi br {
  clear: left;
  height:0;}








/***********************| linke spalte |***********************/
#leftrow {
  width: 267px;
  float:left;

  margin-left:-787px;
  min-height:1100px;



  /*background: #BCD753 url(../../pics/1px-fff.gif) repeat-x 0 100%;*/
  /*border-bottom: 1px solid #78930B;*/
}

/* Linke Spalte - Klimakarte */
#leftrow #wrap-wetter {
  padding: 20px 0;
  /*background: #BCD753 url(../../pics/1px-fff.gif) repeat-x 0 100%;
  border-bottom: 1px solid #9DC10E;
  border-right: 1px solid #fff; */
  text-align: center;}

#leftrow #wrap-wetter #frm-climatic input#btn-cl-submit {
  font: bold 10px verdana, sans-serif;
  float:left;
  margin:0 0 0 25px;
  vertical-align: bottom;
  text-align: left;
  cursor: pointer;
  color: #0F5DAC;}

#leftrow #wrap-wetter #wetterkarte {
  margin-top:25px;
  margin-bottom:15px;
  height: 140px;
  background: url(../../pics/bg-wetter.gif) no-repeat 50% 50%;}

form#frm-climatic select {
  width:130px;
  margin:0 0 5px 25px;
  float:left;
}

form#frm-climatic p {
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-align:left;
  color:#0F5DAC;
  margin:0 0 15px 25px;
}

/***********************| rechte spalte |***********************/
#rightrow {
  width: 203px;
  padding: 5px;
  text-align: center;
  font: 10px verdana, sans-serif;
  float:left;
  margin-left:2px;
}

#rightrow * {text-align: left;}

p.rgt-texteaser {
	display: none; /* bis auf weiteres ausblenden. edit LKo, 2005-12-08 */
  margin: 20px 10px;}

p.rgt-texteaser strong {
  display: block;}

#event-travel {
  background: #EDF7F0 url(/pics/boxen/teaser_unsere_highlights.jpg) no-repeat;
  border: 1px solid #BDB9A1;
  margin-left:7px;
  width:169px;
	margin-top: 20px;
  padding: 40px 10px 10px;
}

#event-travel ul li {
  background: url(../../pics/bullet-ul-rgtrow.gif) no-repeat 2px 50%;
  line-height:1.6em;
	padding-left: 23px;}

#event-travel ul li a {
  color: #0F5DAC;
  text-decoration: none;}

#event-travel ul li a:hover {
  text-decoration: underline;}


#bookmarking {
  background: #EDF7F0 url(/pics/boxen/teaser_social_bookmarks.jpg) no-repeat;
  border: 1px solid #BDB9A1;
  margin-left:7px;
  width:169px;
	margin-top: 20px;
  padding: 40px 10px 10px;
}

#community {
  background: #EDF7F0 url(/pics/boxen/teaser_community.jpg) no-repeat;
  border: 1px solid #BDB9A1;
  margin-left:7px;
  width:169px;
	margin-top: 20px;
  padding: 40px 10px 10px;
}

#community ul li {
  background: url(../../pics/bullet-ul-rgtrow.gif) no-repeat 2px 50%;
  line-height:1.6em;
	padding-left: 23px;}

#community ul li a {
  color: #0F5DAC;
  text-decoration: none;}

#community ul li a:hover {
  text-decoration: underline;}



#reiseberichte {
  background: #EDF7F0 url(/pics/boxen/teaser_reiseberichte.jpg) no-repeat;
  border: 1px solid #BDB9A1;
  margin-left:7px;
  width:169px;
	margin-top: 20px;
  padding: 40px 10px 10px;
}

#reiseberichte ul li {
  background: url(../../pics/bullet-ul-rgtrow.gif) no-repeat 2px 50%;
  line-height:1.6em;
	padding-left: 23px;}

#reiseberichte ul li a {
  color: #0F5DAC;
  text-decoration: none;}

#reiseberichte ul li a:hover {
  text-decoration: underline;}



#rightrow hr {
  height: 1px;
  border: 0;}

hr.oben {
	display: none; /* bis auf weiteres ausblenden. edit LKo, 2005-12-08 */
  margin: 20px 10px 0;}

hr.unten {
	display: none; /* bis auf weiteres ausblenden. edit LKo, 2005-12-08 */
  margin: 0 10px;}

#rightrow a#drv {
  height: 67px;
  margin: 20px auto;
  display: block;
  background: url(../../pics/logo_drv.gif) no-repeat 50% 50%;
  font: 0/0 sans-serif;
  text-decoration: none;
  text-indent: -3000px;
  margin-bottom:40px;
}

#rightrow a#elvia {
  height: 48px;
  margin: 20px auto;
  display: block;
  background: url(../../pics/logo_elvia.gif) no-repeat 50% 50%;
  font: 0/0 sans-serif;
  text-decoration: none;
  text-indent: -3000px;
  margin-bottom:40px;
}

#rightrow a#tuev {
	display: none; /* bis auf weiteres ausblenden. edit LKo, 2005-12-08 */
  height: 79px;
  margin: 20px auto;
  /*display: block;*/
  background: url(../../pics/logo_tuev.gif) no-repeat 50% 50%;
  font: 0/0 sans-serif;
  text-decoration: none;
  text-indent: -3000px;}

div#hotline-teaser{
  margin-left:7px;
  margin-top:15px;
  width:191px;
  height:70px;
  background-image: url(/pics/hotline-teaser.gif);
}

/***********************| inhalt |***********************/

#content-wrapper
{
	margin-left:267px;
}


#content-wrapper #introtext {
	float: left;
	width: 390px;
	padding: 10px 10px 10px 15px;
  font: bold 10px verdana, sans-serif;
  color: #048B11;
	white-space: nowrap;
  margin-left: 10px;
}

/*** Verlauf Buchungsstrecke ***/
ul#buchungsfortschritt {
  width:491px;
  background:url(../../pics/buchungsablauf/bg-li-next.gif) repeat-x 0 100%;
	margin: 0 0 20px 15px;
  float: left;
  list-style: none;
}

ul#buchungsfortschritt li {
  float:left;
  padding: 30px 15px 1px 15px;
  font: 10px/23px verdana, sans-serif;
  color: #0F5DAC;
}

ul#buchungsfortschritt li#suche { background: url(../../pics/buchungsablauf/bg-li-erl-2.gif) no-repeat 0 100%; }
ul#buchungsfortschritt li#reisetermin { margin-left:-1px;}
/* BS Zielgebiet */
ul#buchungsfortschritt.zielgebiet li#reiseziel { background: url(../../pics/buchungsablauf/bg-li-aktiv.gif) no-repeat -85px 100%; font-weight: bold; }
ul#buchungsfortschritt.zielgebiet li#hotelauswahl { background: url(../../pics/buchungsablauf/bg-li-next.gif) repeat-x 0 100%;}
ul#buchungsfortschritt.zielgebiet li#reisetermin { background: url(../../pics/buchungsablauf/bg-li-next.gif) repeat-x 0 100%;}
ul#buchungsfortschritt.zielgebiet li#buchen { background: url(../../pics/buchungsablauf/bg-li-next.gif) repeat-x 0 100%;}

/* BS Hotelauswahl */
ul#buchungsfortschritt.hotel li#reiseziel    { background: url(../../pics/buchungsablauf/bg-li-erl.gif) repeat-x 0 100%; }
ul#buchungsfortschritt.hotel li#hotelauswahl { background: url(../../pics/buchungsablauf/bg-li-aktiv.gif) no-repeat -60px 100%; font-weight: bold; }
ul#buchungsfortschritt.hotel li#reisetermin { background: url(../../pics/buchungsablauf/bg-li-next.gif) repeat-x 0 100%;}
ul#buchungsfortschritt.hotel li#buchen { background: url(../../pics/buchungsablauf/bg-li-next.gif) repeat-x 0 100%;}

/* BS Terminübersicht */
ul#buchungsfortschritt.termine li#reiseziel    { background: url(../../pics/buchungsablauf/bg-li-erl.gif) repeat-x 0 100%; }
ul#buchungsfortschritt.termine li#hotelauswahl { background: url(../../pics/buchungsablauf/bg-li-erl.gif) repeat-x 0 100%; }
ul#buchungsfortschritt.termine li#reisetermin  { background: url(../../pics/buchungsablauf/bg-li-aktiv.gif) no-repeat -66px 100%; font-weight: bold; }
ul#buchungsfortschritt.termine li#buchen       { background: url(../../pics/buchungsablauf/bg-li-next.gif) repeat-x 0 100%; }

/* BS Buchungsformular */
ul#buchungsfortschritt.buchung li#reiseziel    { background: url(../../pics/buchungsablauf/bg-li-erl.gif) repeat-x 0 100%; }
ul#buchungsfortschritt.buchung li#hotelauswahl { background: url(../../pics/buchungsablauf/bg-li-erl.gif) repeat-x 0 100%; }
ul#buchungsfortschritt.buchung li#reisetermin  { background: url(../../pics/buchungsablauf/bg-li-erl.gif) repeat-x 0 100%; }
ul#buchungsfortschritt.buchung li#buchen       { background: url(../../pics/buchungsablauf/bg-li-aktiv.gif) no-repeat -93px 100%; font-weight: bold; }

/*** Fortschrittsinformationen Buchungsstrecke ***/

div.progress-info {
  position:relative;
  float:left;
  width:488px;
  margin-left:14px;
  color: #9DC10E;
  font-family:Arial, sans-serif;
}

div#zielgebiet {
  display:block;
}

div#hotel {
  display:none;
}

div#termine {
  display:none;
}

div#buchung {
  display:none;
}

div.progress-info p {
  float:left;
  color:#9DC10E;
  font-family:Verdana, sans-serif;
  font-size:10px;
  font-weight:bold;
  padding-bottom:8px;
}

div.progress-info h3{
  float:left;
  color:#9DC10E;
  font-family:Verdana, sans-serif;
  font-size:14px;
  font-weight:bold;
  margin:-4px 0 0 20px;
}

#content {
  float: left;
  width: 520px;
  padding: 180px 0px 10px;
  margin-bottom:15px;
}

body #content { width: 520px; padding: 180px 0 10px; }

/* padding-top auf Startseite für Flash entfernen */
body.home #content { padding: 0 0 10px !important; }

/*body.mietwagen #content{
  margin: 0 213px 0 269px;
  padding: 10px;
  background: transparent}
*/

/* */

/* Ergebnisliste Klimasuche */
table#cl-result			       { width: 519px; border-collapse: collapse; float:left; margin-left:1px;}
table#cl-result tr			   { background: #F8F7E2 url(../../pics/bullet_dot_ochre_spaced.gif) repeat-x 10px 100%; }
table#cl-result th		     { background: #F3F1CD; color: #69829C;	font-size: 10px;	font-weight: normal;	text-align: left;	height: 25px;	vertical-align: top; }
table#cl-result th.dest    { padding-left: 13px; }
table#cl-result th.reginfo { text-align: center; }
table#cl-result th.wetter  { text-align: center; }
table#cl-result th.preis   { text-align: right; padding-right: 15px;}
table#cl-result td			   { color: #6A6B64; font-size: 10px; }
table#cl-result td.area	   { color: #9DC10E;	font-weight: bold; padding: 5px 0 3px 13px; background: #F3F1CD; }
table#cl-result td.dest    { font-weight: bold; padding: 5px 0 5px 13px; }
table#cl-result td.sonne	 { width: 20px; }
table#cl-result td.ltemp   { width: 35px; }
table#cl-result td.welle   { width: 27px; }
table#cl-result td.wtemp   { width: 35px; }
table#cl-result td a	     { color: #6A6B64; text-decoration: none; }


/***********************| footer |***********************/
/*#footer {
  clear: both;
  padding: 5px 5px 5px 226px;
  background: #0F5DAC;
  text-align: center;
  position: static;}
*/
  #footer {
  clear: both;
  padding: 5px 5px 5px 226px;
  background: #0F5DAC;
  text-align: center;
  position: absolute;
  margin:0 0 0 0;
  width:772px;}

#footer ul {
  margin: 0 auto;
  font: 10px/14px verdana, sans-serif;
	padding-left: 58px; }

#footer ul li {
  float: left;
  padding: 0 10px;}

#footer ul li a {
  color: #fff;
  text-decoration: none;}

#footer ul li a:hover {
  text-decoration: underline;}

/******************************************teaser******************************************/
/*Wrapper für die Dreierbloecke auf der Startseite*/
.teaser-block-wrapper {
margin: 10px 0;
padding: 5px;
font: 11px/14px verdana, sans-serif;}

hr.clear {
  height: 0;
  border: 0;
  clear: left;}

div.teaser-block-wrapper div.teaser-spacer { float: left; width: 23px }

/*teaser für die teaser in den unterseiten*/
.teaser-single-wrapper {
padding: 5px 6px 5px 5px;
font: 11px/14px verdana, sans-serif;
float: left;
width: 140px;}

.ts-sing-first {margin-right: 11px;}
.ts-sing-margin {margin-right: 11px;}

.teaser-single-wrapper-wrapper div.teaser-single-spacer { float: left; width: 10px }

/*mini teaser fuer angebote*/
.teaser-mini-wrapper {
clear: left;
width: 233px;
padding: 1px;
font: 12px/14px verdana, sans-serif;}

.teaser-mini-wrapper .mini-right {
width:67px;
float: right;
padding-top: 46px;}

.teaser-mini-wrapper .mini-right img {border: 0;}

.teaser-mini-wrapper .mini-left {
clear: left;
margin-right: 70px;
padding: 3px 0 1px 20px;
min-height: 16px;
font: 12px verdana, sans-serif;}

.teaser-mini-wrapper .mini-left strong.location {
display: block;
margin-bottom: 2px;
font-size: 17px;
font-weight: normal}

.teaser-mini-wrapper .mini-left strong.price {
display: block;
margin-top: 2px;
font-size: 12px;
color: #DB6D14}

/*detail button*/
.teaser-mini-wrapper .mini-right a {
  display: block;
  width: 66px;
  height: 28px;
  background: url(../../pics/bg-btn-details.png) no-repeat;
  text-indent: -3000px;
  text-decoration: none;
  font: 0/0 sans-serif;
}


.clear {clear: both;}
.clear-teaser {height: 5px; clear: left; font: 5px/5px sans-serif;}
.clear-teaser br {clear:left;}

/*top ten - start*/

.table-top10-wrapper
{
  width: 465px;
  margin-top: 4px;
  padding: 10px 5px 10px 9px;
  font: 11px/14px verdana, sans-serif;
}

div.table-top10-wrapper-zeile
{
	clear:both;
  width: 100%;
  font: 11px/14px verdana, sans-serif;
}

div.table-top10-wrapper-zeile-highlight
{
	clear:both;
	width: 100%;
	font: 11px/14px verdana, sans-serif;
	background-color:#EFF4D3 !important;
}

div.table-top10-wrapper-text
{
	float:left;
	padding: 3px 0;
}

.table-top10-wrapper table caption, .table-top10-wrapper div.caption
{
  font: bold 12px verdana, sans-serif;
  text-align: left;
  color: #9F9875;
  border-bottom: 2px dotted #BDB9A1;
  margin-bottom: 5px;
}

div.table-top10-wrapper-titel
{
  font: bold 11px/14px verdana, sans-serif;
  width: 3em;
  text-align: left;
  padding: 3px 0;
  float:left;
}

div.table-top10-wrapper-flag
{
  width: 23px;
  float:right;
}

.table-top10-wrapper a
{
  text-decoration: none;
}

.table-top10-wrapper a:hover
{
  text-decoration: underline;
}

/*top ten - ende*/

.schnaepp-wrapper
{
  width: 213px;
  padding: 0 10px 10px;
  font: 11px/14px verdana, sans-serif;
  margin-bottom: 10px;
}

.schnaepp-wrapper div.caption
{
	clear:both;
	font: bold 12px verdana, sans-serif;
	text-align: left;
	color: #0F5DAC;
	padding-bottom: 5px;
	padding-top: 10px;
}

div.schnaepp-zeile
{
	clear:both;
	width: 100%;
	font: 11px/16px verdana, sans-serif;
	line-height:18px;
}

div.schnaepp-dest
{
	float:left;
	color: #0F5DAC;
	background: url(/pics/bg-schnaepp-border.gif) repeat-x 0 100%;
	width:135px;
}

div.schnaepp-dest a
{
	color: #0F5DAC;
	text-decoration: none;
}

div.schnaepp-dest a:hover:after
{
	content: "  »";
}

div.schnaepp-price
{
	float:right;
	color: #DB6D14;
	font-weight: bold;
	text-align: right;
	background: url(/pics/bg-schnaepp-border.gif) repeat-x 0 100%;
	width:95px;
}

div.schnaepp-price a
{
  color: #DB6D14;
  text-decoration: none;
}

/**************************************kombinationen**************************************/
/*mini module plus angebote*/
.combi-mini-schnaepp {
  margin: 10px 0;}

.combi-mini-schnaepp .teaser-mini-wrapper {
  float:left;
  margin-bottom: 10px;}

.combi-mini-schnaepp .schnaepp-wrapper {
  margin-left: 245px;}


/***********************************************************************/
/* Footer                                                              */
/***********************************************************************/


body.footer #content {
  padding: 0px 0px 10px 0px;
  background-image:url(../../pics/bg_footer_teaser.gif);
  background-position: 0 -1px;
}

body.footer #content p, body.footer #content h1 {
  font-family:Verdana, sans-serif;
  font-size:11px;
  color:#0F5DAC;
  margin-left: 60px;
  margin-right: 40px;
}

body.footer #content div.csc-header-n2 h1 {
  font-size:20px;
  margin-top: 10px;
  margin-bottom: 40px;
}

body.footer span.zurueck {
  position:relative;
  left:460px;
  top: 5px;
}

body.footer span.zurueck a {
  text-decoration:underline;
  color:#9DC10E;
  font-weight:bold;
}
body.footer span.zurueck a:hover {
  text-decoration:underline;
}
/*
body.footer #content p {
  position:relative;
  left:0;
  top:0;
  margin-left:-60px;
  margin-top:-205px;
}

body.footer h2 {
  position:relative;
  margin-top:-70px;
  margin-bottom:50px;
  left:0px;
  font-family: Verdana, sans-serif;
  font-size:20px;
  font-weight:light;
  color:#0F5DAC;
}*/

/***********************************************************************/
/* Event-Travel                                                        */
/***********************************************************************/

body.evt #content {
  padding: 0px 0px 10px 1px;
  background-image:url(../../pics/bg_footer_teaser.gif);
  background-position: 0 -1px;
}

body.evt #content p, body.evt #content h1 {
  font-family:Verdana, sans-serif;
  font-size:11px;
  color:#0F5DAC;
  margin-left: 60px;
  margin-right: 40px;
}

#content div.csc-header-n1
{
	height:91px;
	width:520px;
}



body.evt #content div.csc-header-n1 h1 {
  font-size:20px;
  margin-top: 30px;
  margin-bottom: 40px;
}

/*
body.evt #content {
    background-image:url(../../pics/bg_footer_teaser.gif);
    background-position:0 -1px;
    padding-left:60px;
    width:460px;
    font-family: Verdana, sans-serif;
    font-size:11px;
    color:#0F5DAC;
}

body.evt #content h2 {
  margin:-160px 0 40px 0;
  font-family: Arial, sans-serif;
  font-size:20px;
  color:#0F5DAC;
}*/

/********************************/
/* Newsletter                   */
/********************************/

div#newsletter {
  width:189px;
  min-height:90px;
  background:#CFDEE0 url(/pics/boxen/teaser_newsletter.jpg) no-repeat;
  border:1px solid #BDB9A1;
  margin:19px 0 0 7px;
  padding:7px 0 0 0;
}

div#newsletter h3 {
	font-family:verdana, sans-serif;
  font-size:11px;
	color: #0F5DAC;
  margin:0 0 8px 7px;
}

div#newsletter label {
	margin:0 0 0 7px;
	padding:0;
	width:70px;
}

div#newsletter input#input_newsletter {
  border:1px solid #0F5DAC;
  margin:5px 0 0 7px;
  color:#1F3C59;
  font-family:verdana, sans-serif;
  font-size:11px;
  padding-left:3px;
  padding-top:1px;
}

div#newsletter input#send {
  padding-left: 4px;
  font: bold 11px verdana, sans-serif;
  vertical-align: bottom;
  text-decoration:underline;
  text-align: left;
  background:#CFDEE0 url(../../pics/bg-maxeuro-submit.gif) no-repeat 0 50%;
  color:#0F5DAC;
  margin:0 0 0 9px;
}

/********************************/
/* Newsletter Updateform        */
/********************************/

div#newsletter_updateform {
  width: 248px;
  min-height: 100px;
  background: #CFDEE0;
  border: 1px solid #BDB9A1;
  margin: 11px 15px 0 7px;
  padding: 7px 0 0 0;
  float: right;
  color: #0F5DAC;
}

div#newsletter_updateform h3 {
  font-family:verdana, sans-serif;
  font-size:11px;
  font-weight:normal;
  margin:0 0 8px 7px;
}

div#newsletter_updateform label
{
  font-size: 10px;
  margin:0 0 0 7px;
  padding:0;
  width:70px;
}

div#newsletter_updateform input#input_newsletter_updateform {
  width:180px;
  border:1px solid #0F5DAC;
  margin:5px 0 10px 7px;
  color:#1F3C59;
  font-family:verdana, sans-serif;
  font-size:11px;
  padding-left:3px;
  padding-top:1px;
}

div#newsletter_updateform select#salutationid {
  width:185px;
  border:1px solid #0F5DAC;
  margin:5px 0 10px 7px;
  color:#1F3C59;
  font-family:verdana, sans-serif;
  font-size:11px;
  padding-left:3px;
  padding-top:1px;
}

div#newsletter_updateform select#Bday {
  width:44px;
  border:1px solid #0F5DAC;
  margin:5px 0 10px 7px;
  color:#1F3C59;
  font-family:verdana, sans-serif;
  font-size:11px;
  padding-left:3px;
  padding-top:1px;
}

div#newsletter_updateform select#Bmonth {
  width:60px;
  border:1px solid #0F5DAC;
  margin:5px 0 10px 7px;
  color:#1F3C59;
  font-family:verdana, sans-serif;
  font-size:11px;
  padding-left:3px;
  padding-top:1px;
}

div#newsletter_updateform select#Byear {
  width:59px;
  border:1px solid #0F5DAC;
  margin:5px 0 10px 7px;
  color:#1F3C59;
  font-family:verdana, sans-serif;
  font-size:11px;
  padding-left:3px;
  padding-top:1px;
}

div#newsletter_updateform input#send_updateform {
  padding-left: 4px;
  font: bold 11px verdana, sans-serif;
  vertical-align: bottom;
  text-decoration:underline;
  text-align: left;
  background:#CFDEE0 url(../../pics/bg-maxeuro-submit.gif) no-repeat 0 50%;
  color:#0F5DAC;
  margin:0 0 11px 9px;
}

 body.evt p.bodytext a {
 color:#F4852B;
 }

body.evt p.bodytext {
  padding: 0 !important;
}







div#anmeldenbox {
  width: 270px;
  min-height: 100px;
  background: #CFDEE0;
  border: 1px solid #BDB9A1;
  margin: 11px 15px 0 7px;
  padding: 6px;
  float: right;
  color: #0F5DAC;
}

#anmeldenbox label
{
	display:block;
	float:left;
	font-size: 10px;
	width:80px;
}

#anmeldenbox div
{
	margin-top:3px;
}

div#anmeldenbox input#send_updateform {
  padding-left: 4px;
  font: bold 11px verdana, sans-serif;
  vertical-align: bottom;
  text-decoration:underline;
  text-align: left;
  background:#CFDEE0 url(../../pics/bg-maxeuro-submit.gif) no-repeat 0 50%;
  color:#0F5DAC;
  margin:0 0 11px 9px;
}

div#formularbox
{
  width: 494px;
  padding:7px;
  border-bottom: 1px solid #BFD7B9;
  border-top: 1px solid #BFD7B9;
  background-color:#DFEBDC;
  margin: 11px 15px 0 7px;
  padding: 6px;
  color: #0F5DAC;
  font: 11px/14px Verdana, sans-serif;
  margin-bottom:10px;
}

div#formularbox input
{
	border:1px solid #BFD7B9;
}

#formularbox label
{
	display:block;
	float:left;
	font-size: 11px;
	font-weight:900;
	width:80px;
}

#formularbox div
{
	margin-top:3px;
	height:25px;
	border-bottom:1px solid #F3FAF1;
}

#formularbox input
{
	font-size:11px;
}

input.formularbox_send_updateform
{
  clear:both;
  padding:3px;
  padding-left: 14px;
  font: bold 11px verdana, sans-serif;
  vertical-align: bottom;
  text-decoration:underline;
  text-align: left;
  background:#CFDEE0 url(../../pics/bg-maxeuro-submit.gif) no-repeat 0 50%;
  background-position: 8px 50%;
  color:#0F5DAC;
  margin:0 0 11px 9px;
  border:1px solid #9FCBF7;
  width:92px;
}

h2.formulartitel
{
	font-size:14px;
	font-weight:900;
	margin-left:8px;
	margin-bottom:7px;
	color:#0F5DAC;
	margin-top:10px;
}







/********************************/
/* Gewinnspiel                  */
/********************************/

div#gewinnspiel {
  width:385px;
/*  height:157px;*/
  background:#CFDEE0;
  border:1px solid #BDB9A1;
  margin:0 0 10px 0;
/*  padding:7px 0 0 0;*/
}

div#gewinnspiel p {
  font-family:verdana, sans-serif;
  font-size:11px;
  font-weight:normal;
/*  margin:0 0 0 7px;*/
}

div#gewinnspiel label {
/*	margin:0 0 0 7px;*/
/*	padding:0;*/
/*	width:70px;*/
}

div#gewinnspiel input#input_gewinnspiel {
  border:1px solid #0F5DAC;
/*  margin:5px 0 0 7px;*/
  color:#1F3C59;
  font-family:verdana, sans-serif;
  font-size:11px;
/*  padding-left:3px;*/
/*  padding-top:1px;*/
}

div#gewinnspiel input#send {
  padding-left: 4px;
  font: bold 11px verdana, sans-serif;
  vertical-align: bottom;
  text-decoration:underline;
  text-align: left;
  background:#CFDEE0 url(../../pics/bg-maxeuro-submit.gif) no-repeat 0 50%;
  color:#0F5DAC;
  margin:0 0 0 9px;
}

/*** SITEMAP ***/

body.sitemap div.csc-sitemap {
	padding: 0 34px 20px 44px;
}
body.sitemap div.csc-sitemap li {
	padding: 0 0 20px 0;
}
body.sitemap div.csc-sitemap li a {
	color: #0f5dac;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #E5E9B7;
	display: block;
	padding: 4px 0 3px 5px;
	margin-bottom: 5px;
}
body.sitemap div.csc-sitemap li li {
	padding: 0 0 5px 43px;
	background: url(/pics/winkel_01.gif) no-repeat 30px 0;
}
body.sitemap div.csc-sitemap li li a {
	padding: 0;
	background-color: transparent;
	display: inline;
	margin-bottom: 0;
	text-transform: none;
}
body.sitemap div.csc-sitemap li li li {
	padding: 5px 0 0 13px;
	background: url(/pics/winkel_02.gif) no-repeat 1px 3px;
}
body.sitemap div.csc-sitemap li li li a {
	font-weight: normal;
}

p.bodytext
{
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
}

div.bodytext
{
	padding:10px;
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
}

#reiseinfos_gfx
{
	width:264px;
	height:150px;
	margin-bottom:37px;

}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 153px;
    height: 197px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container
{
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 520px;
    padding: 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  505px;
    height: 200px;
    margin-left:10px;
    padding:0px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 153px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Horizontal Buttons
 */

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    width: 40px;
    height: 40px;
    right:-1px;
    cursor: pointer;
    background: transparent url(/pics/next-horizontal.png) no-repeat 0 0;
}



.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -1px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent url(/pics/prev-horizontal.png) no-repeat 0 0;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#reisebericht_inhalt
{
	padding:10px;
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
}

#reisebericht_inhalt p
{
	text-align:justify;
}

#reisebericht_inhalt img
{
	margin:4px;
	background: #FAF9F1;
	border-color: #D9D7B4;
	border-style: solid;
	border-width: 1px;
	padding:4px;
}

#reisebericht_inhalt h1
{
	padding:15px;
	color: #0F5DAC;
	margin:0px;
	padding:0px;
	margin-top:6px;
	margin-bottom:6px;
}

#reisebericht_inhalt h2
{
	padding:14px;
	color: #0F5DAC;
	margin:0px;
	padding:0px;
	margin-top:6px;
	margin-bottom:6px;
}

#reisebericht_inhalt h3
{
	padding:13px;
	color: #0F5DAC;
	margin:0px;
	padding:0px;
	margin-top:6px;
	margin-bottom:6px;
}

a#newsletterarchiv
{
	cursor:pointer;
	text-decoration:underline;

}

a#bookmarkinglink
{
	cursor:pointer;
	text-decoration:underline;
}

#content table.content-tabelle
{
	width:500px;
	margin:10px;
	border-bottom: 1px solid #9DC10E;
}

#content table.content-tabelle th
{
	color: #FFF;
	font: 11px/14px Verdana, sans-serif;
	border-bottom: 1px solid #9DC10E;
	background-color:#BCD753;
	font-weight:900;
	padding:3px;
}

#content table.content-tabelle td.eins
{
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
	background-color:#E7EFE4;
	padding:3px;
}

#content table.content-tabelle td.zwei
{
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
	background-color:#DFEBDC;
	padding:3px;
}

div.reisebericht_infobox, div.reisebericht_box
{
	margin-top:10px;
	border-bottom: 1px solid #BFD7B9;
	border-top: 1px solid #BFD7B9;
	background-color:#DFEBDC;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
}

div.reisebericht_infobox
{
	background-image:url(/pics/infobox_back.gif);
	background-repeat:no-repeat;
	background-position: right center;
	height:56px;
}

div#best
{
	margin-left:8px;font-size:11px;padding:6px;color:#57AD01;border:1px solid #66CC00;background-color:#CCFFCC;font-weight:900;margin-right:8px;margin-top:10px;
	font: 11px/14px Verdana, sans-serif;
}

div.fotoalbum_vorschau
{
	text-align:center;
	border-bottom: 1px solid #BFD7B9;
	border-top: 1px solid #BFD7B9;
	background-color:#DFEBDC;
	padding:5px;
	margin-right:10px;
	float:left;
	margin-bottom:10px;
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
}

div#kommentarbox, div.kommentar
{
	border-bottom: 1px solid #BFD7B9;
	border-top: 1px solid #BFD7B9;
	background-color:#DFEBDC;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
}

div.wertungsbox
{
	border-bottom: 1px solid #BFD7B9;
	border-top: 1px solid #BFD7B9;
	background-color:#DFEBDC;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	color: #0F5DAC;
	font: 11px/14px Verdana, sans-serif;
	float:left;
	text-align:center;
	width:120px;

}

div#reiseinfos_links
{
    margin-left:10px;
    background-color:#C6DC6B;
    border:1px solid #9DC10E;
    width:245px;
    font-size:11px;
}

div#reiseinfos_links div.liste
{
	padding:5px;
}

div#reiseinfos_links div.suchbox
{
	background-color:#9DC10E;
	padding:4px;
}

div#reiseinfos_links a
{
	color:#77930B;
}

div#reiseinfos_links a:hover
{
	text-decoration:none;
}

div.combo2
{
	position:absolute;
	margin-left:260px;
}

fieldset#kontakt {
  margin:0 0 0 60px;
  color:#0F5DAC;
  font-family:Verdana, sans-serif;
  font-size:11px;
  font-weight:bold;
}

fieldset#kontakt label {
  width:90px;
  display:block;
  float:left;
}

fieldset#kontakt input {
  float:left;
  margin:0 0 6px 5px;
}

fieldset#kontakt input.longtext {
  border:1px solid #000;
  width:275px;
  height:21px;
}

fieldset#kontakt input.mediumtext {
  border:1px solid #000;
  width:213px;
  height:21px;
}

fieldset#kontakt input.shorttext {
  border:1px solid #000;
  width:55px;
  height:21px;
}

fieldset#kontakt textarea {
  border:1px solid #000;
  width:275px;
  height:105px;
  margin:0 0 6px 5px;
}

* html fieldset#kontakt textarea {
  margin:0 0 6px 2px;
}


fieldset#kontakt input#send {
  margin:20px 0 0 165px;
}

* html fieldset#kontakt input#send {
  margin:20px 0 0 265px;
}


fieldset#kontakt br.clear {
  clear:left;
}

span#anzahlkoffer
{
	font-weight:900;
	padding-left:22px;
	background-image:url(/pics/koffer.gif);
	background-repeat:no-repeat;
}