* { padding: 0; margin: 0; border: 0; border-collapse: collapse; }

html, body { height: 100%; }

html {
  max-height:100%;
  padding:0;
  margin:0;
  border:0;
  font-size:100.01%;
  font-family: Verdana,Arial,sans-serif;
}

body {
  max-height:100%;
  font-size: 100.01%;
  background-color: #9CC4D9; /* erscheint in #nav; Die Container #content und #footer haben eigene*/
  color: #000;
}

img { border: 0 none; }

h1 { font-size: 160%; font-family: arial, sans-serif; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }

.bold { font-weight: bold; }
.fleft { float: left; margin-bottom: 1em; }
.fright { float: right; margin-bottom: 1em; }
.clear { clear: both; }
.klein {font-size: 80%;}

/*
***************
 WRAP
***************
*/

#wrap {
  width: 78.4em; /* Wenn zentrieren gewollt: Breite kleiner 100% und "margin: 0 auto;" einfuegen */
  font-size: 80%;
  position: relative; /*footerStickAlt*/
  min-height: 100%; /*footerStickAlt*/
  min-width: 60em;
  background-color: #B7E6FF;
  color: #000;
}

/*
***************
 HEAD
***************
*/
#head {
  position: relative;
  background-color: #B7E6FF;
  color: #000;
  height: 6em;
}
#head ul { list-style-type: none; }

#head div {
  background-color: #B7E6FF;
  color: #000;
  width: 15em;
  height: 6em;
  position: absolute; top: 0; left: 0;
  /*position:fixed;
  top: 0; left: 0;
  z-index: 5;  gleich zu #nav damit beim scrollen sich nichts verdeckt */
}
/* Sprachauswahl */
#head ul.lang {float: right; margin: 4em 0.5em 0.5em 0; }
#head ul.lang li { width: 4.5em; margin: 0 0 0 0.2em; float: left; text-align: left; }
#head ul.lang li a { display: block; text-decoration: none; font-size: 80%; font-weight: bold; padding: 5px 0 0 2px; color: #000; }
#head ul.lang li.eng a { background: #B7E6FF url(../img/bg/ukus.gif) right bottom no-repeat; border-left: 1px solid #000; }
#head ul.lang li.ger a { background: #B7E6FF url(../img/bg/ger.gif) right bottom no-repeat; border-left: 1px solid #000; }
#head ul.lang li.fra a { background: #B7E6FF url(../img/bg/fra.gif) right bottom no-repeat; border-left: 1px solid #000; }
#head ul.lang li.ned a { background: #B7E6FF url(../img/bg/ned.gif) right bottom no-repeat; border-left: 1px solid #000; }
#head ul.lang li.swe a { background: #B7E6FF url(../img/bg/swe.gif) right bottom no-repeat; border-left: 1px solid #000; }

#head #bobslogan {
  float: left;
  margin-left: 15em;
  width: 322px;
}
#head h2 {
  position: absolute;
  top: 10px; right: 0.5em; /* Darstellung rechts*/
}
/* Kontakt und Ueber uns */
#head ul#meta { position: absolute; bottom: 0.2em; left: 0; }
#head ul#meta li { float: left; margin-left: 1em; }
#head ul#meta li a { font-size: 150%; background-color: #B7E6FF; color: #000; text-decoration: none; border-bottom: 1px solid #81A1B3; }
#head ul#meta li a:hover { text-decoration: none; font-style: italic; }



/*
***************
  NAVIGATION
***************
*/
#nav ol {
  float: left;
  /*position: fixed; left: 0;
  z-index: 5;  gleich zu #head div damit beim scrollen sich nichts verdeckt */
  width: 15em;
  padding-top: 0.2em;
  background-color: #9CC4D9;
  color: #000;
  list-style-type: none;
  border-top: 1px solid #FFF;
}
#nav ol li { margin: 0 0.5em 0.2em 0.5em; }
#nav ol li.highlight a, #nav ol li a.highlight, #nav ol li a:hover { font-style: italic; }
#nav ol li.highlight a, #nav ol li a.highlight { background-color: #B39A81; color: #FFE8B8; font-variant:small-caps; text-align: center; }

/* Menu */
/*
  pure layout properties are not indent. you can edit them for your needs.
  pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
  some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

  Reine Designangaben für das Menue sind nicht eingerückt!
  Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
  Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/
/*
  original code @ http://www.alistapart.com/articles/horizdropdowns/
*/
#nav ol li {
  position: relative;
}
#nav li ol {
  top: -1px;
  /* visual hide */
  position: absolute;
  left: -9999px;
  /* real hide */
  display: none; /* if you use LimitLinks:0 you should remove this line. */
}
#nav ol ol {background: none; border-top: 0 none; }
#nav ol li a {
  display: block;
  padding: 0 0 0 0.3em;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  background-color: #81A1B3;
}
#nav li.parent>a:after { content: " >"; }
/* Hover/Focus Style */
#nav ol li a:hover, #nav ol li a:focus, #nav ol li a:active,
/* Opera Focus Style */
#nav ol li a.ofocus, #nav li ol li a.ofocus{
/* color: #E2144A; background: #f9f9f9; */
}
/* disable normal hover and focus style , if javascript is available */
#nav .navfxenabled li:hover ol {
  left: -9999px;
}
/* normal hover Style wtihout javascript */
#nav li:hover ol,
/* hover and focus style if javascript is available */
#nav .navfxenabled li.over ol {
  display: block;
  left: 13.5em;
  z-index:99;
  /*margin-left: -2px;*/
} /* The magic */
/* aktive Kategorie/Unterkategorie anzeigen */
#nav li.active a, #nav li.activepath a,
#nav li.active a:hover, #nav li.activepath a:hover,
#nav li.active a:active, #nav li.activepath a:active,
#nav li.active a:focus, #nav li.activepath a:focus,
#nav li.active strong {
/*color: #E2144A;
background: #f9f9f9;*/
}
/* oben gemachte Einfärbung wieder zurücknehmen */
#nav li.active ol a, #nav li.activepath ol a {
/*color: #000;
background: #fff;*/
}
/* accesible for keyboard- and screenreader- users */
#nav li.active ol,
#nav li.activepath ol {
  display: block;
}
/* Tastaturnutzung, Keyboardusage for good browsers */
#nav a:focus+ol {
  left: 13.5em; /* Abstand Untermenu */
  margin-left: -2px;
}
/* keyboard support without javascript */
#nav li ol li a:focus, #nav li ol li a:active {
  position: absolute;
  left: 997px; /* Viewportverschiebung ausschalten */
  margin-left: 13em; /* Abstand Untermenu */
}
/* overwrite the keyboard support, if mouse is in use */
#nav li ol li a:hover, #nav  li ol li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ol li a:focus, #nav  li:hover ol li a:active,
/* overwrite the keyboard support, if javascript is available */
#nav .navfxenabled li ol li a:focus, #nav .navfxenabled  li ul li a:active {
  position: static;
  margin-left: 0;
}
/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
  position: absolute;
  left: -999px;
  width: 0;
  overflow: hidden;
}

/* original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example */



/* Menu Touren */
#nav ol li.winter, #nav ol li.mauer, #nav ol li.ueberblick, #nav ol li.osten, #nav ol li.kreuzberg, #nav ol li.oasen, #nav ol li.fun, #nav ol li.night {
  margin: 0 2em 0.2em 2em;
}

li.winter a, li.mauer a, li.ueberblick a, li.osten a, li.kreuzberg a, li.oasen a, li.fun a, li.night a {
  text-align: center;
}
#nav ol li.winter a { background-color: #CCFFFF; color: #000; }
#nav ol li.mauer a { background-color: #F7977B; color: #000; }
#nav ol li.ueberblick a { background-color: #A2D19B; color: #000; }
#nav ol li.osten a { background-color: #FFF201; color: #000; }
#nav ol li.kreuzberg a { background-color: #F392BC; color: #000; }
#nav ol li.oasen a { background-color: #66CC66; /*#0DB93A*/ color: #000; }
#nav ol li.fun a { background-color: #FEC46D; color: #000; }
#nav ol li.night a { background-color: #9999CC; /*#2C3896*/ color: #000; }
#nav ol li.spezial a { background-color: #81A1B3; /*#2C3896*/ color: #000; }

#nav ol li.abstand { margin-top: 1em; }

/*
***************
 CONTENT, INNERCONTENT
***************
*/

#content {
  padding-bottom: 2em;  /* Platz für Footer Stick Alt*/
  background-color: #9CC4D9;
  color: #000;
}
#innercontent {
  position: relative;
  z-index: 2; /* kleiner als #nav und #head div damit #innercontent beim scrollen und zu kleinem Viewport dahinter verschwinden kann*/
  margin-left: 15em; /* Breite von #nav */
  background-color: #B7E6FF;
  color: #000;
  padding: 0 1em;
  border-top: 1px solid #FFF;
  border-left: 1px solid #9CC4D9;
}
#innercontent h1, #innercontent h2, #innercontent h3 { margin: 1em 0; }
#innercontent h1 { margin-top: 0; }
#innercontent ul, #innercontent ol { margin: 1em 0 0 3em; }

#innercontent p.highlight {
  font-weight: bold;
  border: 2px solid #FFF;
  padding: 0.5em;
}
#innercontent p.nachoben {
  clear: both;
  text-align:right;
  padding-top: 0.5em;
}
#innercontent p.nachoben img { margin-right: 5px; }
#innercontent a { text-decoration: underline; background-color: #B7E6FF; color: #093; font-weight: bold; }
#innercontent a:hover { text-decoration: none; }
#innercontent a:visited { background-color: #B7E6FF; color: #033; }
/*
== Tourencontainer Startseite
*/
#innercontent #wrapfloat { float: left; width: 100%; background-color: #B7E6FF; color: #000; }

#innercontent div.tour {
  position: relative; /* Um flash-Hinweise im Div absolut zu positionieren */
  background-color: #A7D6EF;
  color: #000;
  padding: 0.5em;
  margin-top: 1em;
  font-weight: bold;
  border-top: 1px solid #FFF;
  border-right: 1px solid #2C3896;
  border-bottom: 1px solid #2C3896;
  border-left: 1px solid #FFF;
}
#innercontent div.tour h1 { float: left; padding: 5px 0; margin-bottom: 0; } /* padding in px sonst Fehler in NiftyCorner in Opera */
#innercontent div.tour img {
  float: right;
  margin-left: 0.5em;
}
#innercontent div.tour p {
  background-color: #A7D6EF;
  color: #000;
}
#innercontent div.tour p.info { float:left; width: 60%; margin-top: 1em; }

#innercontent p.flash {
  margin: 0;
  padding: 15px 0 0 0;
  position: absolute; bottom: 0; right: 20px;
  font-weight: normal;
  font-size: 80%;
  width: 180px;
  text-align: center;
}

#innercontent div.tour p.flash a { color: green; background-color: transparent; }

#innercontent div.tour span { float: left; margin: 1em 0 0 2em; }
#innercontent div.tour a { background-color: #A7D6EF; color: #093; }

/* Touren-Ueberschriften und -farben */
.winter, .wintertermin { background-color: #CCFFFF; color: #000; }
.mauer { background-color: #F7977B; color: #000; }
.ueberblick { background-color: #A2D19B; color: #000;}
.osten { background-color: #FFF201; color: #000;}
.kreuzberg { background-color: #F392BC; color: #000;}
.fun { background-color: #FEC46D; color: #000;}
.night { background-color: #9999CC; color: #000; }
.oasen { background-color: #66CC66; color: #000; }

/* Tour-Kurzuebersicht (Termine und Preise)  */
body#tourkurz div.oasen, body#tourkurz div.winter, body#tourkurz div.wintertermin, body#tourkurz div.mauer, body#tourkurz div.osten, body#tourkurz div.ueberblick, body#tourkurz div.kreuzberg, body#tourkurz div.night, body#tourkurz div.fun {
  /*width: 26em;
  float:left;*/
         width: 80%;
  margin: 0 auto 2em auto;
  /*margin: 0 2em 2em 1.5em;*/
  padding-bottom: 0;
  font-weight: bold;
}
/*body#tourkurz div.wintertermin { width: 90%; float: none; }
body#tourkurz div.wintertermin p, body#tourkurz div.wintertermin h3 { padding-left: 1em; }*/
body#tourkurz div.oasen h1, body#tourkurz div.winter h1, body#tourkurz div.mauer h1, body#tourkurz div.osten h1, body#tourkurz div.ueberblick h1, body#tourkurz div.kreuzberg h1, body#tourkurz div.night h1, body#tourkurz div.fun h1 {
  text-align: center;
  font-size: 140%;
  margin: 0;
  padding: 0;
}
/* fuer opera damit trotz Hoehenunterschiede der Boxen imer zwei nebeneinander stehen; Angabe hat keinen Effekt in FF und IE */
body#tourkurz div.ueberblick, body#tourkurz div.night { clear: left;  }

/* night in weisser Schrift */
body#tourkurz div.night h1, body#tourkurz div.night p { color: #000; }

/* kein padding fuer DIV da sonst problem mit NIfty Corner, daher padding beim Absatz */
body#tourkurz div.oasen p, body#tourkurz div.mauer p, body#tourkurz div.osten p, body#tourkurz div.ueberblick p, body#tourkurz div.kreuzberg p, body#tourkurz div.night p, body#tourkurz div.fun p, body#tourkurz div.winter p {
 padding: 0.5em 0 0.5em 0.5em;
}

body#tourkurz div.oasen, body#tourkurz div.winter, body#tourkurz div.mauer, body#tourkurz div.osten, body#tourkurz div.ueberblick, body#tourkurz div.kreuzberg, body#tourkurz div.night, body#tourkurz div.fun { color: #000; }

body#tourkurz p#terminmauer, body#tourkurz p#terminosten, body#tourkurz p#terminueberblick, body#tourkurz p#terminkreuzberg, body#tourkurz p#terminoasen, body#tourkurz p#terminnight, body#tourkurz p#terminfun {
  margin: 0; padding: 0;
  text-align: center;
}

/* Terminangabe highlighten */
body#tourkurz div.oasen span, body#tourkurz div.mauer span, body#tourkurz div.osten span, body#tourkurz div.ueberblick span, body#tourkurz div.kreuzberg span, body#tourkurz div.night span, body#tourkurz div.fun span {
  display: block;
  width: 60%;
  margin: 0 auto;
  color: #000;
  background-color: #B7E6FF;
}

body#tourkurz div.oasen p.preis, body#tourkurz div.mauer p.preis, body#tourkurz div.osten p.preis, body#tourkurz div.ueberblick p.preis, body#tourkurz div.kreuzberg p.preis, body#tourkurz div.night p.preis, body#tourkurz div.fun p.preis {
  font-weight: normal;
}
/*Links in den Kurzuebersichten*/

body#tourkurz div p a, body#tourkurz div p a:visited {background-color: transparent; color: #000;}
body#tourkurz div p a:visited {}
p.saison { clear: both; font-weight: bold; float: left; width: 50%;}

/*
== Sonderfaelle: fuhrpark, tourenseite, bild-text-Konstellationen, hinweis, preistabelle, KLassenfahrten
*/

#innercontent p.fuhrpark img { margin: 0.5em 0 0 0.5em; }

#innercontent img.fleft { margin-right: 2em; }

#innercontent dl { margin: 1em 2em 1em 0; }
#innercontent dl.stadtvergleich dt { float:left; width: 40%; }
#innercontent dl.stadtvergleich dd { float:left; width: 40%; margin: -1.2em 0 0 6em;}
#innercontent dl.fleft { width: 40%; float:left; }
#innercontent dl.fleft dd { position: static; top: 0; left: 0; }
#innercontent dl dt img { margin-right: 3em; }

#innercontent dl.mietrad { width: 45%; float:left; }

#innercontent p { margin-bottom: 1em; }

#innercontent p.gutschein { text-align: center; background-color: #6385B5; color: #FFF; padding: 0.5em; }
#innercontent p.gutschein img { display: block; margin: 0 auto;}

#innercontent p.hinweis { width: 80%; margin: 0 auto; text-align: center; background-color: #FFF; color: #000; border: 2px solid #000; }

#innercontent table td, #innercontent table th {border: 1px solid #000; padding: 0.2em; }

#innercontent ul.klassenfahrt, #innercontent ul.klassenfahrtmeta {float:left; width:45%;}
#innercontent ul.klassenfahrtmeta {list-style-type: circle;}

/*
== Presse
*/
body#presse #innercontent div, body#presse #innercontent p { background-color: #FFF; color: #000; }
body#presse #innercontent p.nachoben { background-color: #B7E6FF; color: #000; }
body#presse #innercontent dl { margin: 0; }
body#presse #innercontent dl dd { font-size: 80%; }
body#presse #innercontent div.pressecol { width: 45%; float: left; padding: 0 0.5em; margin-left: 1em;}
body#presse #innercontent div.zeitungsspalte { float: left; padding: 0 0.5em; }

/*
== Ueber uns
*/

#innercontent dl.ueberuns dt { width: 250px; float:left; }
#innercontent dl.ueberuns dd { width: 55em;  }

/*
== Berlin Service
*/

#innercontent dl.service {
  margin: 2em 0 2em 0.5em;
  border-top: 1px solid #FFF;
  border-right: 1px solid #2C3896;
  border-bottom: 1px solid #2C3896;
  border-left: 1px solid #FFF;
  background-color: #A7D6EF;
}

#innercontent dl.service dt { font-size: 140%; padding:0.5em; }
#innercontent dl.service dd { padding: 0.2em 0 0.2em 0.5em; border-top: 1px solid #FFF; text-align: left;}
#innercontent dl.service dd img { float:left; margin-right: 0.5em; }
#innercontent dl.service dd a { color: #093; background-color: #A7D6EF; }


#innercontent dl.meinungen dt {
  margin-top: 1em;
  padding: 0.2em;
  border-top: 1px solid #FFF;
  border-right: 1px solid #2C3896;
  border-left: 1px solid #FFF;
}
#innercontent dl.meinungen dd {
  padding: 0.2em;
  border-right: 1px solid #2C3896;
  border-bottom: 1px solid #2C3896;
  border-left: 1px solid #FFF;
  background-color: #A7D6EF;
}
/*
== Formulare
*/
#innercontent form {margin: 0 0 1em 0;}
#innercontent fieldset {
  border-top: 1px solid #FFF;
  border-right: 1px solid #030;
  border-bottom: 1px solid #030;
  border-left: 1px solid #FFF;
}
#innercontent fieldset legend {
  margin-top: 0.8em;
  padding: 0.4em;
  background-color: #B7E6FF;
  color: #030;
  font-weight: bold;
}
#innercontent fieldset span { clear: left; float: left; width: 12em; margin: 0 0 0.5em 0.5em; }
#innercontent fieldset span.stern { clear: none; float: left; width: 35em; margin: 0 0 0.5em 0.5em; }
#innercontent fieldset textarea { float:left; display: block; margin: 0 0 0.5em 0.5em; }
/*#innercontent fieldset input, #innercontent fieldset select, #innercontent fieldset textarea { display: block; margin: 0 0 0.5em 9.5em; }
*/
#innercontent fieldset input, #innercontent fieldset select, #innercontent fieldset textarea { background: #F0F0F0; color: #000; border: 1px solid #6385B5;}

#innercontent fieldset .hide { clear: left; display: block; visibility: hidden; height: 0; }
#innercontent input.submit, #innercontent input.reset { float:left; width: 10em; }
#innercontent input.submit {margin: 1em 0 1em 12em;}
#innercontent input.reset { margin: 1em 0 1em 1em;}

/* Adminbereich */
#innercontent fieldset.eingabemaske { line-height: 1.8em; }
#innercontent fieldset.eingabemaske span { float: none; clear: none; margin: 0; }
#innercontent fieldset.eingabemaske input, #innercontent fieldset textarea { display: inline; margin: 0; }
#innercontent fieldset.eingabemaske input, #innercontent fieldset textarea { background: #F0F0F0; color: #000; border: 1px solid #6385B5;}
#innercontent fieldset.eingabemaske input.submit { clear: none; }
#innercontent fieldset.eingabemaske input.submit, #innercontent input.reset { float:none; width: 8em; }

/*
***************
 FOOTER
***************
*/

#footer {
  clear: both;
  font-size: 80%; /* gleiche Angabe wie wrap, sonst em in anderer Breite*/
  height: 4em;
  margin-left: 15em; /* damit #nav mit pos-fixed nicht ueberdeckt wird */
  width: 63.3em; /* + margin-left = gleiche Angabe wie wrap, wenn zentriert: verfahren wie fuer #wrap geschildert */
  position: relative; /*footerStickAlt*/
  margin-top: -2.3em; /*footerStickAlt*/
  background-color: #B7E6FF;
  color: #666;
  border-left: 1px solid #9CC4D9; /* wie #innercontent */
}

#footer ul {
  border-top: 1px solid #FFF;
  list-style-type: none;
  margin: 0.3em 0 0 0;
}
#footer ul li {
  float: left;
  margin-top: 1em;
  line-height: 1.8em;
  border-left: 1px solid #666;
}
#footer ul li.first { border: 0 none; }

#footer a {
  text-decoration: underline;
  background-color: #B7E6FF;
  color: #666;
  padding: 0 1em;
}
#footer a:hover {
  text-decoration: none;
}
/* sauberes clearen */
#wrap:after, #content:after, #innercontent:after, #innercontent p.fuhrpark:after, #innercontent dl.ueberuns dd:after,  #innercontent dl.service dd:after,
#footer ul:after {
  content: ".";
  visibility: hidden;
  height: 0;
  display: block;
  clear: both;
}