@charset "UTF-8";
@media all {
*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:.8em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
#header{position:relative}
#topnav{text-align:right}
#header #topnav{position:absolute;top:10px;right:10px}
#header,#nav,#main,#footer{clear:both}
#col1{float:left;width:200px}
#col2{float:right;width:200px}
#col3{width:auto;margin:0 200px}
#col1_content,#col2_content,#col3_content{position:relative}
.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
#ie_clearing{display:none}
.subcolumns{width:100%;overflow:hidden}
.subcolumns_oldgecko{width:100%;float:left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
.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 .5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:0;top:0}
}


@media screen, projection {
body { background: #b2b2b2 url('../img/bg.jpg')repeat-x; }
.page_margins { width: 980px; background: transparent url('../img/page.png') repeat-y; margin: 0 auto; position: relative;}
.page {margin: 0 10px;}
#header { height:115px; background: #ffffff url('../img/bg_head.jpg') repeat-x; color: #000; border-bottom: 1px solid #ccc;}
#logo {float: left; margin-left: 45px;}
#hoodline {float:right;}
#teaser {width: 960px; height: 350px; background: #ffffff url('../img/teaser.jpg'); border-bottom: 1px solid #999;}
#main { background: #ffffff url('../img/bg_main.jpg') repeat-x; }
#footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; text-align: center; }
#col1 { float: right; width: 630px}
#col2 { display:none}
#col3 { width: auto; margin: 0 630px 0 0}
#col1_content { padding: 20px 30px }
#col3_content { padding: 20px 0 0 0;}

/*BOOKING*/
#booking {width:330px; background: #ccc; box-shadow: 2px 2px 3px #999;
    -moz-box-shadow: 2px 2px 3px #999;
    -webkit-box-shadow: 2px 2px 3px #999;
    padding-top: 10px;}
#submit {float: right;}
#flight_search {display: block; background: #006633; color: #fff; width: 150px; font-size: 24px; padding: 10px; border: 2px solid #fff; border-left: 0px; font-weight: bold; box-shadow: 0px 1px 3px #999;
    -moz-box-shadow: 0px 1px 3px #999;
    -webkit-box-shadow: 0px 1px 3px #999;}
/*#loading {position: absolute; top:0px; left:0px; z-index: 9998; width: 100%; height: 100%; background: #000;}
#booking_form {margin: 20px 20px 20px 20px; float: left; color: #1f1f1f; font-size: 12px; font-weight: normal;}
#booking_form h1 {color: #ffffff; margin-bottom: 20px;}
#booking_form fieldset {margin-bottom: 20px;}
#departure {margin-bottom: 10px !important;}
.ui-widget {font-size:11px !important;}
.ui-selectmenu {float:left; margin: 0 5px;}
#booking_form label, #booking_form input, #booking_form select {float:left; font-size:11px}
#flight label {font-size: 18px !important; width: 70px;}
#dates input {width: 65px; border: 0px; background: #E6E6E6; color: #555555  }
#pax label, #dates label {clear: left; width: 70px; margin-top: 5px;}
#pax .ui-selectmenu {margin: 5px 0 0 0 !important;}
.input_wrap {background: #fff; padding: 5px; float:left; background: #E6E6E6; margin-top:5px;  }
.from {display: none;}*/
#travelpartner {float:right; margin: 10px 0;}

/*Navigation*/

#nav {width: 100%; height: 40px; background: url('../img/nav.png') repeat; position: relative; top: 310px; z-index: 2; }
#nav ul {float: right;}
#nav ul li ul {float:left;}
#nav ul, #nav ul * {margin:0; padding:0; position: relative; z-index: 2; text-decoration: none; color: #333; white-space: nowrap;}
li.inactive1, li.active1 {float:left; list-style-type: none; height: 40px; margin: 0 10px !important; width: 100px; }
li.inactive1 a, li.active1 a {font-size: 18px; line-height: 20px; padding: 10px !important; display: block; color: #fff; font-weight: bold;}
li.active1 {background: #aa0033; box-shadow: 0px 1px 3px #999; -moz-box-shadow: 0px 1px 3px #999; -webkit-box-shadow: 0px 1px 3px #999; border: 2px solid #fff; }
li.active1 a {color: #fff }
li.inactive1 ul, li.active1 ul { list-style-type: none; border: #fff solid; border-width: 0 1px 1px 1px; padding: 10px !important; box-shadow: 0px 1px 3px #999; -moz-box-shadow: 0px 1px 3px #999; -webkit-box-shadow: 0px 1px 3px #999; background: #ccc; display: none;}
li.inactive1 ul li, li.active1 ul li {list-style-type: none;}
li.active1:hover ul, li.inactive1:hover ul {display: block;}
li.inactive2, li.active2 { height:35px; }
li.inactive2 a, li.active2 a {font-size: 13px; line-height: 15px; padding: 10px 0 !important; display: block; text-align: left; color: #333 ; white-space: nowrap;}
li.inactive1 a:hover {color: #aa0033 !important; }
li.inactive2 a:hover, li.active2 a:hover {color: #aa0033 !important;}
.activea1 {text-align: center; color: #fff !important;}

/*HOME*/
.home_entry {overflow: hidden; padding: 15px 0; border: dashed #999; border-width: 0 0 1px 0; height: 150px; }
.home_entry_pic{float: left; margin: 0 20px 0 0;}
.home_entry_text{float: left; width: 350px; margin-top: 10px}
.roll {background: #ccc;}
.home_entry a:hover {text-decoration: none;}

/*TEAM*/
.team_entry {overflow: hidden; padding: 15px 0; border: dashed #999; border-width: 0 0 1px 0; width: 570px;}
.team_pic{float: left; margin: 0 20px 0 0;}
.team_text{float: left; width: 350px; margin-top: 10px}

/*News*/
.news_link {border: dashed #999; border-width: 0 0 1px 0; display: block; padding: 10px 0;}

}

@media all {
html * { font-size: 100.01%; }
textarea, pre, code, kbd, samp, var, tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body { font-family:  Arial, Helvetica, sans-serif; font-size: 75.00%; color: #444;}
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif !important; font-weight:normal; color:#006633; margin: 0 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 */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }
li { margin-left: 0.8em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }
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; }
pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { 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%; }
hr {color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #eee solid;}
a { color: #006633; background:transparent; text-decoration:none; }
a:visited  { color: #006633; }
a:focus, a:hover, a:active { color:#006633; text-decoration:underline; -moz-outline-style: none;
 }
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%; }
.highlight { color: #f60; }
.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: #aa0033; color: #fff; border: 2px #fff solid; font-weight: bold; padding: 10px; margin: 0 10px 10px 10px; box-shadow: 0px 1px 3px #999;
    -moz-box-shadow: 0px 1px 3px #999;
    -webkit-box-shadow: 0px 1px 3px #999; }
.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; }
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
table caption { font-variant:small-caps; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }
th,td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #800 solid; }
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; }
}




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

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

  .yform fieldset {
    border:1px #999 solid;
    background:#fff url('../img/fieldset_bg.jpg') bottom left repeat-x;
    margin:0 0 1em 0;
    padding:0.5em;
    box-shadow: 0px 1px 0px #999;
    -moz-box-shadow: 0px 1px 0px #999;
    -webkit-box-shadow: 0px 1px 0px #999;
  }
  
  .yform fieldset:hover legend {
  	background: #006633 !important;
  }
  
  .yform legend {
    font-size:125%; font-weight:bold; color:#fff;
    border: 1px solid #fff !important;
    background: #666 !important;
    box-shadow: 0px 1px 3px #999;
    -moz-box-shadow: 0px 1px 3px #999;
    -webkit-box-shadow: 0px 1px 3px #999;
  }

  .yform label {
    color:#666;
    
  }

  .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 #999;
  }

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

  /* 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; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
   
color:#fff; background:#006633; font-weight: bold; border: 1px solid #fff;
    padding:.5em 1.2em;
  }

  .yform .type-button input[type=reset] { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input[type=submit] { color:#fff; background:#006633; font-weight: bold; border: 1px solid #fff; box-shadow: 0px 1px 3px #999;
    -moz-box-shadow: 0px 1px 3px #999;
    -webkit-box-shadow: 0px 1px 3px #999; }

  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input.submit { color:#fff; background:#006633; font-weight: bold; border: 1px solid #fff; }

  /* :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 {
    color:#fff;
    background:#aa0033; 
  }

  .yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {
    background:#800; color:#fff;
  }

  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
    background:#880; color:#fff;
  }

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

 /**
  * 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; }
  .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 {
    width:auto;
    cursor:pointer;
  }

  /* 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; }

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

  /* 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%; }
  .full div.type-select select { width:97.0%; }
  
  /* 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 div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; }
  .columnar div.type-select select { float:left; width:69.4%; }
  
  /* 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 { float:left; width:67.2%; }
  * html .columnar div.type-select select { float:left; 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; }
}