@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 454 $
 * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
 */

@media all
{
 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding:0; }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background:#fff;
    color:#000;
    text-align:left; /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border:0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {
    line-height:1.5em;
    margin-left:0.8em; /* LTR */
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } /* LTR */

  blockquote { margin:0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  #skiplinks { 
    position:absolute;
    top:0; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {
    left:32768px; 
    outline:0 none;
    position:absolute; 
    width:100%;
  }  
}

@media screen, projection
{

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align:right; }  /* LTR */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top:10px;
    right:10px; /* LTR */
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  #col1 { float:left; width:200px; }
  #col2 { float:right; width:200px; }
  #col3 { width:auto; margin:0 200px; }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { width:100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width:100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
}

@media print
{
 /**
  * (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */

  .subcolumns > div,
  .floatbox { 
    overflow:visible; 
    display:table;
  } 

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}


@media all
{
  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:100%;
    overflow:hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float:left;
    display:inline;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    line-height:0;
	font-family: "Century Gothic", Corbel, Trebuchet MS, sans-serif;
  }

  .hlist ul {
    margin:0;
    padding:0;
    display:inline;
    float:left; /* LTR */
  }

  .hlist ul li {
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    font-size:17px;
    line-height:1em;
    list-style-type:none;
    margin:0;
  }
  
  /*Todo: create active home button */
  .hlist ul li.first, .hlist ul li.first.active {
	background: url(images_3/home.gif) no-repeat center;
    margin-right:0.8em;
  }
  
  .hlist > ul > li.first a:hover,
  .hlist > ul > li.first a:focus,
  .hlist > ul > li.first a:active {
	background: url(images_3/home.gif) no-repeat center;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background:transparent;
    color:#FFFFFF;
    display:block;
    font-size:17px;
    font-weight:bold;
    margin:0;
    padding: 10px;
    text-decoration:none;
    width:auto;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background:#272727 url(images_3/bg_nav_active.jpg) repeat-x center right; text-decoration:none; outline: 0 none; }

  .hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background:#272727 url(images_3/bg_nav_active.jpg) repeat-x center right;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background:transparent; color:#FFFFFF; text-decoration:none; }
}

@media all { 
 /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  html {  }
  
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { font-family: Verdana, Helvetica, sans-serif; color:#333333; background: url(images_3/background_surface.gif) repeat scroll 0 0 transparent; }
  
  #bgImage { padding: 25px 0 25px 0; background: url(images_3/background_colortone.gif) repeat-x scroll 0 0 transparent; }
  
  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .page_margins { margin: 0 auto; }
  .page_margins { width: 972px; background: #fff; }
  .page{ padding: 15px 15px 28px 15px; }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { padding: 45px 2em 1em 20px; color: #000; background: #fff; }
  #topnav { background: transparent; }
  #nav { overflow:hidden; }
  div.hlist {  }
  #main { margin: 2px 0; background: #fff; }
  #footer { padding: 10px 20px; background: #3C8FDD; text-align:center; color:#ffffff; }
  #footer a { color:#FFFFFF; text-decoration:none; }
  #footer a:hover,
  #footer a:active { text-decoration:underline; }
	
  
  #nav ul { margin-left: 16px; }
  #nav { background: url(images_3/bg_nav.jpg) repeat-x; }
  #main { }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 {  }
  #col1_content {  }

  #col2 {  }
  #col2_content {  }

  #col3 {  }
  #col3_content {  }


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  #header { padding: 73px 2em 1em 20px; }
  #header  { background: url(images_3/header.gif) no-repeat; }
  #header #topnav { right:30px; top:6px; font-family: "Century Gothic", Verdana, sans-serif; }
  #header #topnav a { color:#004973; font-weight: bold; text-decoration:none; padding-left:20px; }
  #header #topnav a:hover { text-decoration:underline; }
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  } 

}
@media all {
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-size:75.00%;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Verdana, Tahoma, sans-serif;
    font-weight:bold;
    color:#ff6600;
    margin:10px 0 0.25em 0;
  }

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.8em; line-height:1.5em; }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }

  sub, sup { font-size:91.6667%; line-height:0; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#4D87C7; background:transparent; text-decoration:none; }
  a:visited  { color:#4D87C7; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus { text-decoration:underline; }
  a:hover,
  a:active { color:#4D87C7; text-decoration:underline; outline: 0 none; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }
    

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */

}

@media all {

    a.button {
        padding: 0 0 0 10px;
        color: #FFFFFF;
        font-size: 11px;
        line-height: 18px;
        display: block;
        font-family: Verdana, Tahoma, sans-serif;
    }

    a.button:visited {
        color: #FFFFFF;
    }

    a.merken {
        background: url("images_3/merken.gif") no-repeat 55px center;
    }

    a.email {
        background: url("images_3/email.gif") no-repeat 50px center;
    }

    a.photoserie {
        background: url("images_3/arrowWhite2.gif") no-repeat 75px center;
    }

    a.priceButton, a.priceButton:active {
        color: #ff7314;
        font-weight: bold;
    }
    
    a.button.drucken {
        padding-left: 0;
    }

    div.drucken {
        width: 72px;
        text-align: center;
    }
   
    div.priceButton {
        text-align:right;
        padding-right: 20px;
    }

    div.merken, div.email, div.hotelInfos, div.photoserie, div.drucken {
        padding: 0;
        margin-right: 7px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #ff6600;
        border-radius: 3px;
        behavior: url(PIE.htc);
        position: relative;
    }

    div.photoseriepic {
        width: 94px;
        padding: 0;
        border-radius: 0px 0px 3px 3px;
        -moz-border-radius: 0px 0px 3px 3px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        background-color: #ff6600;
        position: relative;
        behavior: url(PIE.htc);
    }

    div.buttonUp {
        background: url("images_3/hotelInfoUp.gif") no-repeat center 0;
    }

    div.buttonDown {
        background: url("images_3/hotelInfoDown.gif") no-repeat center bottom;
    }

    /*div.photoserie {
        clear:both;
        display:inline;
        background: #ff6600;
        padding: 2px 5px 2px 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }*/


}


@media all {

    .searchStartPage .c50l {
        background:#71b7fe;
        height: 234px;
    }

    .searchStartPage .c50r img {
        border: 0;
    }

    .searchStartPage h2 {
        font-family: "Century Gothic", Corbel, Verdana, sans-serif;
        font-weight:bold;
        margin: 23px 0 14px 0;
        padding: 0;
        color:#FFF;
        text-align: center;
        font-size: 18px;
        line-height: 26px;
    }

    .searchStartPage ul {
        list-style: none;
        margin: 0;
    }

    .searchStartPage ul li, .searchStartPage ul li:active, .searchStartPage ul li:visited {
        margin: 0;
        font-size: 12px;
        line-height: 26px;
        font-weight: bold;
        background: url("images_3/arrowBlue.gif") no-repeat 134px 8px;
    }

    .searchStartPage ul li:hover, .searchStartPage ul li.active {
        background: url("images_3/arrowWhite.gif") no-repeat 134px 8px;
        background-color: #8dc5fe;
    }

    .searchStartPage ul li a {
        color: #fff;
        margin-left: 26px;
        text-decoration: none;
    }

    .searchStartPage p {
        margin-left: 27px; 
    }

    .searchStartPage p a {
        color: #003366;
        font-weight: bold;
    }

    .formPart1 , .formPart2 {
        height: 181px;
        margin: 2px 0 3px 0;
    }

    .formPart1 .fp1 {
        background-color: #8dc5fe;
        margin-right: 3px;
        height: inherit;
        padding-left: 11px;
    }

    .formPart2 .fp2 {
        background-color: #8dc5fe;
        margin-right: 2px;
        padding-left: 11px;
        height: inherit;
    }

    .searchStartPage label {
        display: block;
        color: #003366;
        font-weight: bold;
        font-size: 11px;
        padding:22px 0 4px 7px; 
    }

    .searchStartPage label.fpLabel1 {
        padding-top: 17px;
    }

    .searchStartPage select {
        border: 1px solid #006699;
        color: #333333;
        font-weight: bold;
        font-size: 11px;
        width: 123px;
        height: 21px;
    }

    .searchStartPage .fp2 input {
        border: 1px solid #006699;
        border-right: none;
        float:left;
        color: #333333;
        font-weight: bold;
        font-size: 11px;
        width: 105px;
        height: 20px;
    }

    .fp2 img {
        border: 1px solid #006699;
    }

    .fp2 > .fpArm, .fp1 > .fpArm {
        height: 52px;
    }
    
    .searchStartPage .submit {
        padding: 6px 0 0 16px;
    }

}
@media all {

    .teaserList {
        margin-top: 10px;
    }

    .teaserItem .teaserCorner {
        background: url("images_3/corner_top_left.png") no-repeat top left;
        display: block;
        height: 87px;
        width: 112px;
        position: relative;
        top: 0;
        left: 0;
        padding: 8px 0 0 6px;
    }

    .teaserItem .teaserCorner > a {
        font-weight: bold;
    }

    .teaserItem {
        border: 5px solid #9fc8e8;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        height: 165px; 
        margin: 0;
        padding: 0;
    }

    .teaserList p {
        height: 25px;
        background: url("images_3/singlebox_bottom_kreuzfahrt.gif") no-repeat;
        background-color: #5F7DB9;
        margin: 0;
    }

    .teaserList p > a {
        display: inline-block;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 3px 0 0 34px;
    }

}
@media all {   
	
	#bookingRouteOverview {
        background: url("images_3/bg_booking_route.gif") repeat-x;
        height: 78px;
    }

    #bookingRouteOverview ul {
        margin: 0;
        padding: 12px 0 0 18px;
    }

    #bookingRouteOverview li {
        /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
        font-family: "Century Gothic", Corbel, Trebuchet MS, sans-serif;
        display:inline;
        float:left; /* LTR */
        line-height: 26px;
        list-style-type: none;
        margin:0;
        background: url("images_3/bg_icon_inactive_booking_route.gif") no-repeat 0 5px;
    }

    #bookingRouteOverview li.active {
        background: url("images_3/bg_icon_active_booking_route.gif") no-repeat 0 5px;
    }

    #bookingRouteOverview li.active a {
        color: #ff6600;
    }

    #bookingRouteOverview li > span {
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 0 14px 0 6px;
    }

    #bookingRouteOverview li > a {
        color: #333333;
        font-weight: bold;
        font-size: 14px;
        padding-right: 16px;
    }

    #bookingRouteOverview form {
        margin-top: 16px;
    }

    #bookingRouteOverview label {
        color: #666666;
        font-family: Verdana, sans-serif;
        font-size: 12px;
        line-height: 26px;
        font-weight: bold;
        padding: 0 30px 0 18px;
    }

    #bookingRouteOverview select {
        margin-right: 20px;
    }
}
@media all {

    .pagination {
        height: 26px;
        margin: 2px 0 12px 0;
    }

    .pagination .subcr {
        padding: 0 0 0 5px;
    }

    .pgBackLink {
        background-color: #FF6600;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .pgItems {
        margin-left: 55px; 
        text-align: center;
    }

    .pgItems a, .pgItems a:active {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 4px;
        background-color: #d0d0d0;
        font-size: 14px;
        line-height: 26px;
        font-weight: bold;
        color: #004973;
    }

    .pgItems a.active {
        background-color: #71b7fe;
    }
    
    .pagination.grey a {
        color: #111;
    }
    
    .pagination.grey a:active, .pagination.grey a.active {
        color: #fff;
        background: #ff6600;
    }

    .pagination .pgBackLink a {
        font-family: "Century Gothic", Corbel, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 26px;
        color:#FFFFFF;
        padding-left: 36px;
        background: url("images_3/bg_double_arrow_white.gif") no-repeat 12px 5px;
    }

    .pagination .pgPrev {
        background: url("images_3/pg_navBack_blue.gif") no-repeat;
        height: 26px;
        width: 26px;
    }

    .pagination .pgNext {
        background: url("images_3/pg_navNext_blue.gif") no-repeat;
        height: 26px;
        width: 26px;
    }
    
    .pagination.grey .pgNext {
        background: url("images_3/pg_navNext_grey.gif") no-repeat;
        cursor: pointer;
    }

    .pagination.grey .pgPrev {
        background: url("images_3/pg_navBack_grey.gif") no-repeat;
        cursor: pointer;
    }
    
    .pagination .pgNext a, .pagination .pgPrev a,
    .pagination .pgNext a:active, .pagination .pgPrev a:active {
        display: block;
        width: inherit;
        height: inherit;
        font-size: 1px;
        background: transparent;
    }
    

}
@media all {

    .bookingFormMarginal {
        background: url("images_3/marginal_booking_form_bg.jpg") repeat-x;
        height: 482px;
    }

    .mbHeadline {
        height: 26px;
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        font-weight:bold;
        font-family: "Century Gothic", Corbel, sans-serif;
        padding:8px 0 0 23px; 
        background: #3398cc url("images_3/ihr_reisewunsch_blaub_bg.jpg") no-repeat;
        margin:0;
    }

    .bookingForm p {
        font-family: "Century Gothic", Corbel, sans-serif;
        background-color: #71b7fe;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        padding: 20px 0 20px 23px;
        margin: 0;
    }

    .bookingFormMarginal label {
        font-weight: bold;
        line-height: 14px;
        color: #666666;
        padding: 0 0 0 23px;
        margin-top: 4px;
        display: block;
    }

    .bookingFormMarginal select, .bookingFormMarginal input {
        width: 150px;
        height: 18px;
    }
    
    .secondArea select, .secondArea input {
        width: 130px;
    }

    .secondArea label {
        margin-bottom: 5px;
    }

    .secondArea .c50r label {
        padding-left: 1em;
    }

    .secondArea .subc {
        padding: 0 0 0 23px;
    }

    .bookingForm .subcolumns {
        margin-bottom: 10px; 
    }

    .bookingForm hr.line {
        border: 0;
        height: 1px;
        border-top:dashed #959595 1px;
        background-color:transparent;
        margin: 20px 12px 0 12px;
    }
    .bookingFormMarginal .last {
        margin-bottom: 20px;
    }

    .bookingForm .send  .subcl {
        text-align: right;
        margin-top: 20px;
    }

    .bookingFormMarginal input[type="submit"] {
        color: #FFFFFF;
        line-height: 26px;
        font-size: 14px;
        font-weight: bold;
        font-family: "Centory Gothic", Corbel, sans-serif;
        border: 0;
        height: 26px;
        width: 107px;
        background: #ff6600 url("images_3/bg_double_arrow_white_r.gif") no-repeat right center;
    }

    .bookingFormMarginal .submit {
        line-height: 26px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #ff6600;
        display: inline;
        padding: 8px 15px 8px 0;
    }

    



}
@media all {

    .hotelDetail {
        margin-top: 24px;
    }

    .hotelDetail h1, .hotelListItem h2, .table h2 {
        padding-top: 26px;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        color: #ff6600;
        font-family: Verdana, Tahoma, sans-serif;
    }

    .hotelDetail .heatmap {
        background: #f0f0f0;
        height: 36px;
        width: 270px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin: 16px 0 12px 0;
    }

    .hotelDetail .heatmapText {
        font-family: Verdana, Tahoma, sans-serif;
        font-size: 18px;
        line-height: 36px;
        color: #039b00;
        padding: 0 0 0 16px;
        margin: 0;
        background: url("images_3/bewertung.gif") no-repeat 90px center;
    }
    
    .hotelDetail h1 {
        display: inline-block;
    }

    .stars {
        background: url("images_3/stern_voll.gif") no-repeat;
        display: inline-block;
        vertical-align: top;
    }

    .oneStar {
        width: 16px;
    }

    .oneHalfStar {
        background-repeat: repeat-x;
        width: 24px;
    }

    .twoStar {
        background-repeat: repeat-x;
        width: 32px;
    }

    .twoHalfStar {
        width: 40px;
    }

    .threeStar {
        background-repeat: repeat-x;
        width: 48px;
    }

    .threeHalfStar {
        background-repeat: repeat-x;
        width: 56px;
    }

    .fourStar {
        background-repeat: repeat-x;
        width: 64px;
    }

    .fourHalfStar {
        background-repeat: repeat-x;
        width: 72px;
    }

    .fiveStar {
        background-repeat: repeat-x;
        width: 80px;
    }

    .hotelDetail .tags {
        font-weight: bold;
        font-size: 12px;
        font-family: Verada, Tahoma, sans-serif;
        line-height: 18px;
        color: #333333;
    }

    .hotelDetail .tags a {
        color: #333333;
    }

   

    .hotelText {
        font-size: 11px;
        font-family: Verdana, Tahoma, sans-serif;
        line-height: 18px;
        color: #333333;
    }

}
@media all {

    .closedTravelDestination, .openTravelDestination {
        height: 25px;
        background-color: #f4f4f4;
        margin-bottom: 5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .closedTravelDestination h3, .openTravelDestination h3 {
        color: #ff6600;
        line-height: 22px;
        font-size: 18px;
        font-weight: bold;
        font-family: Verdana, Truchet MS, Corbel, sans-serif;
        padding-left: 58px;
        margin-bottom: 0;
    }

    .closedTravelDestination p.blue, .openTravelDestination p.blue {
        margin: 0;
        color: #3399cc;
        font-weight: bold;
        font-family: Verdana, sans-serif;
        font-size: 16px;
        line-height: 26px;
    }

    .closedTravelDestination p.black, .openTravelDestination p.black {
        margin: 0;
        color: #666666;
        font-weight: bold;
        font-family: Verdana, sans-serif;
        font-size: 11px;
        line-height: 26px;
    }

    .closedTravelDestination h3 {
        background: url("images_3/closedTravelDestination.gif") no-repeat 21px 3px;
    }

    .openTravelDestination h3 {
        background: url("images_3/openedTravelDestination.gif") no-repeat 21px 3px;
    }

    .travelDestinationItems {
        margin: 12px 12px 12px 26px;
        color: #666666;
        font-size: 10px;
        text-indent: -5px;
    }

    .travelDestinationItems table {
        margin-bottom: 0;
    }

    .travelDestinationItems table tr {
        border-bottom: 1px dotted #666666;
    }

    .travelDestinationItems table tbody td {
        border: 0;
    }

    .travelDestinationItems table th, .travelDestinationItems table td {
        padding:7px 0 7px 0;
    }

    .travelDestinationItems tbody tr:hover th[scope="row"],
    .travelDestinationItems tbody tr:hover tbody th.sub { background:#efefef; }
    .travelDestinationItems tbody tr:hover td { background:#efefef; }
    .travelDestinationItems tbody tr:hover tbody th.sub { background:#efefef; }
    .travelDestinationItems tbody tr:hover td.destinationWaterTemperatur { background:#efefef url("images_3/water.gif") no-repeat center left; }
    .travelDestinationItems tbody tr:hover td.destinationWheater { background:#efefef url("images_3/sun.gif") no-repeat center left; }
    .travelDestinationItems tbody tr:hover td.noHighlight { background:none; }

    .destinationName {
        width: 114px;
        font-size: 12px;
        font-weight: bold;
        padding-left: 7px;
    }

    .destinationDetailInfo {
        width: 30px;        
    }

    .destinationWheater {
        width: 74px;
        background: url("images_3/sun.gif") no-repeat center left;
        text-indent: 17px;
    }

    .destinationWaterTemperatur {
        width: 115px;
        background: url("images_3/water.gif") no-repeat center left;
        text-indent: 17px;
    }

    .destinationPriceText {
        width: 64px;
    }

    .destinationPrice {
        width: 85px;
        text-align: right;
    }

    .destinationPrice a {
        font-weight: bold;
        font-size: 12px;
    }

    .destinationDetailLink {
        padding-left: 5px;
        width: 109px;
        text-align: right;
    }

    .detailDestinationInformation {
        width: 100%;
        background: #f4f4f4;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .detailDestinationInformation ol li {
        /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
        list-style-type:none;
        margin:0;
    }

    .detailDestinationInformation ol {
        margin: 27px 0 0 0;
        padding: 0;
    }

    .detailDestinationInformation ol li img {
        border: 2px solid #ff6600;
        width: 199px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    .detailDestinationInformation p {
        font-size: 11px;
        font-family: Verdana, sans-serif;
        line-height: 18px;
    }

    .infoLinks {
        /* (en) containing floats in IE */
        /* (de) Einfassen der Floats im IE */
        width:100%;
        overflow:hidden;
        /* (en) containing floats in all other browsers */
        /* (de) Einfassen der Floats in allen anderen Browsern */
        float:left;
        display:inline;
        /* (en|de) Bugfix:IE - collapsing horizontal margins */
        position:relative;
        /* (en) Repeat the main color from the image */
        /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
        line-height:0;
        font-family: "Century Gothic", Corbel, Trebuchet MS, sans-serif;
        margin-bottom: 14px;
    }

    .detailDestinationInformation ul {
        margin:0;
        padding:0;
        display:inline;
        float:left; /* LTR */
    }

    .detailDestinationInformation ul li {
        /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
        display:inline;
        float:left; /* LTR */
        list-style-type:none;
        margin:0;
        color: #ff6600;
        font-family: Verdana, sans-serif;
        font-size: 12px;
        line-height: 26px;
        font-weight: bold;
        padding-right: 6px; 
    }

    .detailDestinationInformation ul li a {
        font-family: Verdana, sans-serif;
        font-size: 12px;
        line-height: 26px;
        font-weight: bold;
        color: #ff6600;
    }

    .detailDestinationInformation ul li a.active {
        color: #666666; 
    }

    .detailDestinationInformation h3 {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, sans-serif;
        line-height: 14px;
        font-size: 11px;
        margin-bottom: 15px;
    }

    .detailDestinationInformation .closeButton {
        height: 18px;
        width: 88px;
        background: #d8d8d8 url("images_3/close_icon.gif") no-repeat 4px center;
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        margin-bottom: 26px;
    }

    .closeButton a {
        display: block;
        padding-left: 24px;
        font-family: Verdana, sans-serif;
        line-height: 16px;
        font-size: 10px;
        color: #666666;
    }

}

@media all {

    .topOffersMarginal {
        margin-bottom: 4px;
    }

    .topOffersMarginal a {
        font-family: Verdana, sans-serif;
        font-size: 11px;
        line-height: 26px;
        color: #333333;
        padding-left: 22px;
        font-weight: bold;
    }

    .topOffersMarginal .topOfferItemOdd {
        border-top: 1px solid #71b7fe;
        border-bottom: 1px solid #71b7fe;
        background: #71b7fe url("images_3/icon_green_next.gif") no-repeat 5px center;
    }

    .topOffersMarginal .topOfferItemEven {
        background: #cae4ff url("images_3/icon_green_next.gif") no-repeat 5px center;
        border-top: 1px solid #cae4ff;
        border-bottom: 1px solid #cae4ff;
    }

    .topOffersMarginal span.orange {
        color: #ff6600;   
    }

    .topOffersMarginal span.grey {
        color: #999999;
    }

    .topOfferItemOdd:hover, .topOfferItemEven:hover {
        background: #ffe0cc url("images_3/icon_green_next.gif") no-repeat 5px center;
        border-top: 1px solid #81bffe;
        border-bottom: 1px solid #81bffe;
    }
    
}
@media all {

    .contactPersonMarginal {
        margin-bottom: 4px;
    }

    .contactPersonMarginal .contactPersonBackground {
        padding-top: 16px;
        background: url("images_3/contactPersonMarginal.gif") repeat-x;
    }

    .contactPersonMarginal h3 {
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        font-family: "Century Gothic", sans-serif;
    }

    .contactPersonMarginal p {
        font-family: Verdana, sans-serif;
        font-size: 11px;
        line-height: 14px;
        color: #333333;
    }

    .contactPersonBackground .subc p {
        line-height: 18px;
    }

    .contactPersonMarginal p.whiteText {
        font-weight: bold;
        color: #fff;
    }

    .anfrage {
        width: 159px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #FFFFFF;
        font-weight: bold;
        background: #ff6600;
        padding: 8px 18px;
    }

    .contactPersonMarginal a {
        font-weight: bold;
        color: #FFFFFF;
    }

    .contactPersonBackground .subc {
        padding: 5px 0.5em;
    }

}

@media all {

	div.hotelList {
		margin-top: 10px;
	}

    div.hotelListItemRed {
        background: #e3bda3;
        -webkit-box-shadow: #f0a573 0 2px 3px;
        -moz-box-shadow: #f0a573 0 2px 3px;
        box-shadow: #f0a573 0 2px 3px;
        background: -webkit-gradient(linear, 0 0, 0 left, from(#d9b299), to(#f2ccb2));
        background: -moz-linear-gradient(top left, #d9b299, #f2ccb2);
        -pie-background: linear-gradient(top left, #d9b299, #f2ccb2);
    }

    .hotelListItem {
        width: 606px;
        padding: 6px 0;
        background: #EEE;
        border: 1px solid #999;
        font-size: 18px;
        margin-bottom: 13px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: #666 0 2px 3px;
        -moz-box-shadow: #666 0 2px 3px;
        box-shadow: #666 0 2px 3px;
        background: -webkit-gradient(linear, 0 0, 0 left, from(#cccccc), to(#eeeeee));
        background: -moz-linear-gradient(top left, #cccccc, #eeeeee);
        -pie-background: linear-gradient(top left, #cccccc, #eeeeee);
        position: relative;
        behavior : url(PIE.htc);
    }

    .hotelListItem .subcolumns .c33l .subc {
        position: relative;
    }

    .hotelListItem img.photoserie {
        display: block;
        width: 190px;
        border: 5px solid #ff6600;
        border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        behavior: url(PIE.htc);
    }

    div.hotelListItemContent {
        border: 1px solid #f2f2f2;
        padding: 20px 5px 10px 18px;
        background: #f2f2f2;
        border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        behavior: url(PIE.htc);
    }

    .hotelListItem h2 {
        padding-top: 16px;
    }
    
    .hotelListItem h2 a, .hotelListItem h2 a:active {
        color: #ff6600;
    }

    .hotelListItem h3 {
        font-family: Verdana, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
        color: #333333;
        margin-left: 15px;
    }

    .hotelListItem p {
        font-family: Verdana, sans-serif;
        font-size: 11px;
        line-height: 18px;
        color: #333333;
        padding: 16px 0 0 24px;
    }

    .hotelListItem .links {
        padding-left: 24px;
        
    }

    div.hotelButtonPaddingUp {
        padding-top: 5px;
    }

    div.hotelButtonPaddingDown {
        padding-bottom: 5px;
    }


    div.hotelInfos {
        background-color:  #00e600;
        padding-left: 5px;
    }

    .hotelTextMargin {
         margin-top: 44px;
         display: none;    
    }

    .hotelText {
        padding: 25px 17px 24px 17px;
        border-radius: 0 3px 3px 3px;
        -moz-border-radius: 0 3px 3px 3px;
        -webkit-border-radius: 0 3px 3px 3px;
        position: relative;
        behavior: url(PIE.htc);
    }

    .hotelText h3 {
        font-family: Verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        color: #333333;
    }

    .hotelText {
        font-family: Verdana, sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: #333333;
        padding: 0 0 23px 0;
    }
}

@media all {

    /**
      * ------------------------------------------------------------------------------------------------- #
      *
      * Tables | Tabellen
      *
      * (en) Generic classes for table-width and design definition
      * (de) Generische Klassen f�r die Tabellenbreite und Gestaltungsvorschriften f�r Tabellen
      *
      * @section content-tables
      */

    table { width:auto; border-collapse:collapse; margin-bottom:0.5em; }
    table caption { font-variant:small-caps; }
    table.full { width:100%; }
    table.fixed { table-layout:fixed; }

    th,td { padding:0.5em; }
    thead th { color:#000; }
    tbody th { background:#e0e0e0; color:#333; }
    tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

    tbody th { border-bottom:1px solid #fff; text-align:left; }
    tbody td { border-bottom:1px solid #eee; }

    tbody tr:hover th[scope="row"],
    tbody tr:hover tbody th.sub { background:#f0e8e8; }
    tbody tr:hover td { background:#fff8f8; }

    /* general table style */
    .table table { color: #3e3e3e; width: 100%; padding-right: 20px; }
    .table thead th { color: #626262; background: #cccccc; }

    .tableEven { background: #f5f5f5; }
    .tableOdd { background: #ebebeb; }
    .table tbody tr:hover th[scrope="row"],
    .table tbody tr:hover tbody td { background: #ffe0cc; }

    .table {
        margin-top: 30px;
    }
    .table h2 {
        margin-bottom: 10px;
    }

    .table img {
        border:0;
        height: 22px;
        width: 86px;
    }

}

@media all {

    .pricePosition {
        position: absolute;
        top: 24px;
        left: 96px;
        z-index: 100;
    }

    .price {
        background: url("images_3/greenPriceBg4.gif") no-repeat center;
        height: 160px;
        width: 180px;
    }

    .price .subcr {
        padding: 42px 0 0 34px;
    }

    .price p {
        font-family: "Century Gothic", Trebuchet MS, Corbel, sans-serif;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold;
        padding: 0;
        color: #FFFFFF;
    }
    
    .price p span.pricePerson {
	    display:block;
	}

    .price span.price {
        font-size: 24px;
    }

    .price span.priceSubtext {
        color: #333333;
        padding-left: 2px;
        display: inline-block;
    }

}

@media all {

    button.doSearch {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        padding: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: -webkit-gradient(linear, 0 0, 0 left, from(#00cc01), to(#fdece5));
        background: -moz-linear-gradient(top, #00cc01, #fdece5);
        -pie-background: linear-gradient(top, #00cc01, #fdece5);
        position: relative;
        behavior : url(PIE.htc);
    }

    .searchPage h2 {
        color: #333333;
        font-family: "Century Gothic", Trebuchet MS, Corbel, sans-serif;
        font-size: 17px;
        font-weight: bold;
        line-height: 18px;
        padding: 10px 0 10px 10px;
    }

    .searchPage fieldset {
        height: 100%;
        background: -webkit-gradient(linear, 0 0, 0 left, from(#ff8c3f), to(#fdece5));
        background: -moz-linear-gradient(top, #ff8c3f, #fdece5);
    }

    .searchPage .backgroundGradient {
        background: -webkit-gradient(linear, 0 0, 0 left, from(#ff8c3f), to(#fdece5));
        background: -moz-linear-gradient(top, #ff8c3f, #fdece5);
        -pie-background: linear-gradient(top, #ff8c3f, #fdece5);
        position: relative;
        behavior : url(PIE.htc);
    }

    .searchPage h3 {
        background: #ff8c3f;
        color: #FFFFFF;
        padding:10px 10px 10px 30px;
        font-family: "Century Gothic", Trebuchet MS, Corbel, sans-serif;
        font-weight: bold;
        font-size: 17px;
        line-height: 18px;
        font-weight: bold;
    }

    .searchPage .fourthRow {
        text-align: right;
    }

    .searchPage .firstRow, .searchPage .secondRow, .searchPage .thirdRow {
        margin-bottom: 27px;
    }

    .secondRow h3, .thirdRow h3 {
        background: #999999;
    }

    .secondRow, .thirdRow {
        background: -webkit-gradient(linear, 0 0, 0 top, from(#cbcbcb), to(#f3f3f3));
        background: -moz-linear-gradient(top, #cbcbcb, #f3f3f3);
        -pie-background: linear-gradient(top, #cbcbcb, #f3f3f3);
        position: relative;
        behavior : url(PIE.htc);
    }


}

@media all {  
  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  .yform {
    margin:0 0 1em 0;
    padding:0;
  }

  .yform fieldset {
    border:1px #ddd solid;
    background:#fafafa;
    margin:0 0 1em 0;
    padding: 0.5em;
  }
  
  .yform legend {
    font-size:125%; 
    font-weight:normal; 
    color:#000;
  }

  .yform label {
    color:#333;
    font-weight: bold;
  }

  .yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup {
    font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  }

  .yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {
    border:1px solid #ddd;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div.type-text input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div.type-text input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div.type-text input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #a66 solid;
    background:#fff;
  }

  /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
  .yform .type-button input {
    border: 0;
    line-height: 26px;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ff6600;
    display: inline;
    padding: 8px 15px 8px 0;
    padding:5px 1em;
    font-weight: bold;
    font-size: 14px;
  }

  .yform .type-button input[type=reset] { color:#300; background:#661717 }
  .yform .type-button input[type=submit] { color:#FFF; background:#ff6600 }

  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 }
  .yform .type-button input.submit { color:#FFF; background:#ff6600 }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
  }

  .yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {
  }

  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  .yform label { display:block; cursor:pointer; margin-bottom: 7px; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    margin:0.5em 0;
    padding:3px 0.5em;  
    position:relative;
    overflow:hidden;
  }

  .yform div.type-button {
    padding:3px 0em;  
  }
  
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input,
  .yform .type-text textarea {
    display:block;
    position:relative;
    padding:0.3em 0.3em;
    width:58.5%;
  }

  .yform .type-select select {
    display:block;
    position:relative;
    padding:0.3em 2px 0.3em 1px;
    width:60%;
    cursor:pointer;
  }
  .yform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }

  .yform div.error label { color:#000; font-weight:bold; }
  .yform div.error .message { color:#800; }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }

 /*------------------------------------------------------------------------------------------------------*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; margin-right: -3px; }
  .full div.type-select select { width:97.0%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

  .columnar fieldset div.type-button,
  fieldset.columnar div.type-button { padding-left:30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
  .columnar div.type-select select { float:left; width:69.4%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width:67.2%; }
  * html .columnar div.type-select select { width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */

  .yform, 
  .yform div,
  .yform div * { zoom:1; }

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  
  /* all IE */
  .yform { padding-top:0\9; }
  .yform fieldset { padding:0 5px\9; padding-top:1em\9; }
  .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .yform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:1.5em; }
  
  /* IE5.x & IE6 */
  * html .yform { padding-top:10px; }
  
 }
@media all {

    div.galleryOverview {
        margin-top: 15px;
        border-top: 5px solid #ff6600;
        border-bottom: 5px solid #ff6600;
    }

    .galleryOverview ul {
        margin:0;
        padding:0;
        display:inline;
        float:left; /* LTR */
    }

    .galleryOverview ul li {
        /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
        display:inline;
        float:left; /* LTR */
        line-height:1em;
        list-style-type:none;
        margin:0;
    }

    .galleryOverview img {
        border:0 none;
        display:block;
        height:75px;
    }

    .jcarousel-skin-tango img {
        height: 75px;
        border: 0;
        display: block;
    }

    .galleryOverview img.last {
        border-right: 0;
    }

    .galleryOverview img {
        border-right: 5px solid #ff6600;
    }


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

    .jcarousel-skin-tango .jcarousel-direction-rtl {
        direction: rtl;
    }

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

    .jcarousel-skin-tango .jcarousel-clip-horizontal {
        height: 75px;
    }

    .jcarousel-skin-tango .jcarousel-item {
        height: 75px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-left: 0;
    }

    .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin-right: 0;
    }

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

    .jcarousel-skin-tango .jcarousel-next-horizontal {
        position: absolute;
        top: 0;
        right: 0;
        vertical-align:middle;
        height: 75px;
        width: 10px;
        background: #ff6600 url("images_3/next.gif") no-repeat center;
        color: #fff;
        cursor: pointer;
    }

    .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
        left: 5px;
        right: auto;
    }

    .jcarousel-skin-tango .jcarousel-next-horizontal:hover {

    }

    .jcarousel-skin-tango .jcarousel-next-horizontal:active {

    }

    .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
    .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
    .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
        cursor: default;
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal {
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        color: #fff;
        background: #ff6600 url(images_3/prev.gif) no-repeat center;
        height: 75px;
        cursor: pointer;
    }

    .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
        left: auto;
        right: 5px;
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    }

    .jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    }

    .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
    .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
    .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
        cursor: default;
        width: 5px;
        background-position: -96px 0;
    }

}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images_3/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images_3/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images_3/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images_3/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images_3/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images_3/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images_3/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images_3/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images_3/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images_3/colorbox/controls.png) -75px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images_3/colorbox/controls.png) -50px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images_3/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url() center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images_3/colorbox/controls.png) -25px 0 no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images_3/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Styles for accessible tabs plugin
 * (de) Gestaltung des Plugins für barrierefreie Tabreiter
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 443 $
 * @lastmodified    $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $
 */

@media screen, projection
{

    .jquery_tabs .content h2 {
        position: absolute;
        left: -999em;
    }

    .jquery_tabs {
        overflow: hidden;
        line-height:0;
        display:table;
        margin:0 0 1em 0;
        width:100%;
    }

    .jquery_tabs ul.tabs-list {
        display: block;
        list-style-type: none;
        margin:0;
        position: relative;
        z-index:1;
    }

    .jquery_tabs ul.tabs-list li {
        border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 0 0 0;
        behavior: url(PIE.htc);
        background-color: #ccc;
        display:inline;
        margin:0;
        line-height: 0;
        padding: 5px 10px 5px 10px;
        float:left;
    }

    .jquery_tabs ul.tabs-list li.current {
        background-color: #f2f2f2;
    }

    .jquery_tabs ul.tabs-list li a {
        font-family: Verdana, sans-serif;
        font-weight: bold;
        font-size: 11px;
        line-height: 22px;
        color: #333333;
    }

    .jquery_tabs ul.tabs-list li a:focus,
    .jquery_tabs ul.tabs-list li a:hover,
    .jquery_tabs ul.tabs-list li a:active {
        color:#333;
        text-decoration:none;
    }

    .jquery_tabs ul.tabs-list li.active a,
    .jquery_tabs ul.tabs-list li.active a:focus,
    .jquery_tabs ul.tabs-list li.active a:hover,
    .jquery_tabs ul.tabs-list li.active a:active {
    }

    .jquery_tabs .content {
        clear:both;
        position:relative;
        top:0;
        margin-bottom:-1px;
    }

    .jquery_tabs .current-info,
    .jquery_tabs .accessibletabsanchor{
        left:-999em;
        position:absolute;
    }

     /**
      * Avoid margin collapsing to enable correct sync of all tabs
      *
      * @workaround
      * @affected all browsers
      * @css-for all browsers
      * @valid yes
      */

    .jquery_tabs .tab-content {
        border-bottom: 1px transparent solid;
        border-top: 1px transparent solid;
    }

    .tab-content h3 {
        margin-left: 0;
    }

    .tab-content p {
        margin-left: 0;
        padding-left: 0;
    }

    /* IE < 7 don't support transparent borders */
    * html .jquery_tabs .tab-content {
        border-bottom: 1px #fff solid;
        border-top: 1px #fff solid;
    }

     /**
      * Containing floats adjustment and stability fixes for Internet Explorer
      *
      * @workaround
      * @affected IE 5.x/Win, IE6, IE7
      * @css-for IE 5.x/Win, IE6, IE7
      * @valid no
      */

    * html .jquery_tabs .content { z-index:-1; }

    * html .jquery_tabs { zoom:1; width:auto; position:relative; }
    *+html .jquery_tabs { zoom:1; width:auto; }

    .jquery_tabs * { zoom:1; }
    
}

@media all {

   .tabs {
        /* (en) containing floats in IE */
        /* (de) Einfassen der Floats im IE */
        width:100%;
        overflow:hidden;
        /* (en|de) Bugfix:IE - collapsing horizontal margins */
        position:relative;
        /* (en) Repeat the main color from the image */
        /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
        line-height:0;
        font-family: Verdana, sans-serif;
    }

    ul.tabs {
        margin: 0;
        padding:0;
        list-style-type: none;
    }

    ul.tabs li.first {
        border-radius: 3px 0 0 0;
        -moz-border-radius: 3px 0 0 0;
        -webkit-border-radius: 3px 0 0 0;
        behavior: url(PIE.htc);
    }

    ul.tabs li.last {
        border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px  0 0;
        -webkit-border-radius: 0 3px  0 0;
        behavior: url(PIE.htc);
    }


    ul.tabs li {
        display:inline;
        list-style-type:none;
        margin:0;
        line-height: 0;
        padding: 5px 10px 5px 10px;
        background-color: #cccccc;
    }

    ul.tabs li.active {
        background-color: #f2f2f2;
    }

    ul.tabs li a {
        font-family: Verdana, sans-serif;
        font-weight: bold;
        font-size: 11px;
        line-height: 22px;
        color: #333333;
    }
    
}