/**

 * CSS styles for Contenido sample client.

 * 

 * @author Rudi Bieller

 * @copyright four for business AG <www.4fb.de>

 * @version 1.0.0

 * 

 * created 2008-03-04

 */



/* ----------------- general html structure */

html, body, div, p, td, a, input, textarea, select {

    font-family:Verdana, Arial, sans-serif;

    color:#606060;

}

html, body {

    margin:0;

    padding:0;

    /*overflow:auto;*/

}

html {

    background-image:url('../images/back.jpg');

    background-position:0 140px;

    height:100%;

}

body {

    background-image:url(../images/bg.gif);

    background-repeat:repeat-y;

    background-position:240px 0;

    height:100%;

}

form {

    margin:0;

    padding:0;

}



textarea {

    width:418px;

    height:85px;

}



img {

    border:0;

}

/* /----------------- general html structure */



/* ###################################################### */

/* ####################### HEADER ####################### */

/* ###################################################### */

#head {

    height:150px;

    background-color:#1F23A0;

   /* background-image:url('../images/pattern_head_right.gif'); */

    /*background-repeat:repeat-x;*/

   /* background-position:0 90px; */

    padding:0;

}



#head #headBody {

    padding:0;

    margin:0;

    background-image:url('../images/header_bild_beispiel.gif');

    background-repeat:no-repeat;

    background-position:240px 0;

    width:960px;

}



#head a#logoTop {

    display:block;

    float:left;

    padding:0;

    margin:0;

}



/*#head h1 {

    display:block;

    float:left;

    padding:0 0 0 30px;

    margin:0;

    width:690px;

    height:60px;

    line-height:60px;

    font-weight:normal;

    color:#435d06;

    /* transparency */

  /*  background-color:#fff;

    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;

}*/



/* #head h1 /*, #head a#logoTop *//* {

    margin:90px 0 0 0;

}*/



/* ###################################################### */

/* ####################### MAIN BODY #################### */

/* ###################################################### */

#outerContainer {

    /*background-image:url('../images/pattern_contenido.gif');*/

    min-height:90%;

}

* html #outerContainer {

    height:90%;

}

#contentContainer {

    width:960px;

}

#outerContainer, #contentContainer {

    margin:0;

    padding:0;

}



#whiteBg {

    float:left;

    background-color:#fff;

    padding:0;

    margin:0;

    height:100%;

    width: 720px;

}



#skiBg {

    float:left;

    background-color:#E9F2FB;

    padding:0;

    margin:0;

    height:100%;

}



#navigation, #content, #teasersRight {

    float:left;

    padding-top:30px;

}

#outerContainer #contentContainer #content {

    padding-top:30px;

}



#content, #teasersRight {

    background-color:#fff;

}



#contentContainer #navigation {

    width:240px;

    background-color:transparent;

}



#contentContainer #content {

    width:430px;

    padding:0 30px;

    margin:0;

}



* html #contentContainer #content {

    padding:0 25px;

}



#contentContainer #teasersRight {

    width:230px;

}





/* ###################################################### */

/* ####################### NAVIGATION ################### */

/* ###################################################### */



/* Level 1 */

#navigation ul {

    width:230px;

    margin:0;

    padding:0;

    background-color:#1F23A0;

    background-color:transparent;

}

#navigation ul li {

    width:220px;

    margin:0;

    padding:0 0 0 10px;

    list-style-type:none;

}

#navigation ul li a {

    display:block;

    width:220px;

    height:19px;

    line-height:19px;

    margin:0;

    padding:0 0 0 10px;

    font-size:12px;
    font-weight: bold;

    color:#666;

    background-image:url(../images/navi_pfeil_zu.gif);

    background-repeat:no-repeat;

    background-position:210px 3px;

    border-bottom:1px solid #ccc;

    text-decoration:none;

}

#navigation ul li a:hover, #navigation ul li.active a {

    background-image:url(../images/navi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;

    color:#DFEAF7;

}



/* Level 2 */

#navigation ul.subNavigation {

    width:210px;

    margin:0;

    padding:0;

}

#navigation ul.subNavigation li a {

    background-image:url(../images/subnavi_pfeil_zu.gif);

    background-repeat:no-repeat;

    background-position:199px 8px;

    border-bottom:1px dotted #ccc;

    color:#666;

    width:210px;
    
    font-size: 11px;
    font-weight: normal;

}

#navigation ul.subNavigation li.active a {

    color:#DFEAF7;

}

#navigation ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a {

    background-image:url(../images/subnavi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;

}



/* Level 3 */

#navigation ul.subSubNavigation {

    width:200px;

    margin:0;

    padding:0;

}

#navigation ul.subNavigation li ul.subSubNavigation li a {

    background-image:none;

    border-bottom:0;

    color:#666;

    width:200px;

}

#navigation ul.subNavigation li ul.subSubNavigation li a:hover, #navigation ul.subNavigation li ul.subSubNavigation li.active a {

    background-image:url(../images/subsubnavi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;

}

/* ###################################################### */

/* ####################### SEARCH INPUT ################# */

/* ###################################################### */

#search {

    margin:20px 0 0 20px;

    font-size:11px;

    background-color:transparent;

}

#search label {

    font-size:11px;

    display:block;

    float:left;

    width:42px;

    padding:2px 0 0 0;

}

#search input {

    border:1px solid #ccc;

    width:140px;

    height:12px;

    font-size:10px;

}

#search input.sbmt {

    border:0;

    width:5px;

    height:8px;

    margin:0 0 0 10px;

}

/* ###################################################### */

/* ####################### SEARCH OUTPUT ################ */

/* ###################################################### */

#searchResults {

    margin:0 0 10px 0;

}

#searchResults p.message {

    margin:20px 0 30px 0;

}

#searchResults div.searchResultItem {

    border-bottom:1px solid #ccc;

    margin:0 0 10px 0;

    padding:0 0 10px 0;

}

#searchResults div.searchResultItem h2 {

    font-size:14px;

    margin:0 0 5px 0;

    padding:0;

    color:#0060b1;

    font-style:normal;

}



/* ###################################################### */

/* ####################### MAIN CONTENT ################# */

/* ###################################################### */

#content {

    font-size:11px;

    color:#333;

    line-height:14px;

}



/*

#content h1, #content h2 {

    margin:0 0 10px 0;

    padding:0;

    font-size:20px;

    font-weight:normal;

    color:#333;

}

#content h1 {

    line-height:22px;

}

#content h1 a {

    color:#0060b1;

    text-decoration:none;

}

#content h2 {

    font-style:italic;

    font-size:11px;

}

*/

img.hr {

    display:none;

    margin:0;

    padding:0;

}



/* ###################################################### */

/* ####################### RIGHT COLUMN ################# */

/* ###################################################### */

#teasersRight .teaserItem {

    color:#333;

    font-size:11px;

}

#teasersRight .teaserItem h3 {

    color:#0060b1;

    font-size:14px;

    margin:0 0 5px 0;

    font-weight:normal;

}



#teasersRight .teaserItem a.more {

    display:block;

    width:230px;

    margin:10px 0;

    padding:0 0 0 15px;

    background-image:url(../images/link_pfeil_klein.gif);

    background-repeat:no-repeat;

    background-position:0 5px;

}

* html #teasersRight .teaserItem a.more {

    width:200px;

}



/* ###################################################### */

/* ####################### FOOTER ####################### */

/* ###################################################### */

#footer {

    /*width:100%;*/

    height:104px;

    font-size:11px;

    background-color:#ccc;

    overflow:hidden;

}

#footerContainer {

    width:960px;

}

#footer a#logoBottom {

    display:block;

    float:left;

}



#footer #footerContentContainer {

    float:left;

    background-color:#F1F1F1;

    width:720px;

    height:104px;

}

#footerContentLeft, #footerContentRight {

    float:left;

    color:#999;

}

#footerContentLeft {

    width:450px;

    margin:10px 0 0 30px;

    font-size:10px;

    padding-right:10px;

}

* html #footerContentLeft {

    margin-left:15px; /* hae? */

}

#footerContentRight {

    width:220px;

    font-size:11px;

    background-color:#F9FBDD;

    padding-left:10px;

    height:104px;

}

* html #footerContentRight {

    padding-top:10px;

}



#footerContentRight h3 {

    font-size:11px;

}



#footerContentRight input {

    width:150px;

    height:12px;

    border:1px solid #ccc;

    font-size:10px;

    margin:0 0 4px 0;

}

* html #footerContentRight input {

    width:142px;

}



#footerContentRight label {

    display:block;

    width:60px;

    float:left;

    margin:0 0 4px 0;

}



#footer input#loginBtn {

    background-color:#F9FBDD;

    border:0;

    color:#0060b1;

    padding:0 20px 0 0;

    background-image:url(../images/link_pfeil_klein.gif);

    background-repeat:no-repeat;

    background-position:right 6px;

    font-size:12px;

    width:auto;

    height:auto;

    float:right;

    margin:0 10px 0 0;

}

* html #footer input#loginBtn {

    margin:0 14px 0 0;

}



ul#metaNavigation {

    margin:0 0 20px 0;

    padding:0;

}

ul#metaNavigation li {

    margin:0;

    padding:0 1px 0 8px;

    display:inline;

    border-left:1px solid #D7D7D6;

}



#logoutText {

    position:relative;

    height:70px;

}

#logoutText a {

    position:absolute;

    right:10px;

    bottom:10px;

    text-decoration:none;

}



/* ###################################################### */

/* ####################### LINKS ######################## */

/* ###################################################### */

a {

    color:#0060b1;

    text-decoration:none;

}

a:hover {

    text-decoration:underline;

}



/* ###################################################### */

/* ####################### CONTACT FORM ############'#### */

/* ###################################################### */

#contactForm {

    font-size:11px;

}

#contactForm .contactRow {

    margin:4px 0;

}

#contactForm label {

    display:block;

    float:left;

    width:80px;

}

#contactForm .contactRow input, #contactForm .contactRow textarea {

    border:1px solid #ccc;

    width:346px;

}

#contactForm .contactRow select {

    border:1px solid #ccc;

    width:172px;

}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {

    width:343px;

}



#contactForm .contactRow input {

    height:14px;

}



#contactForm .contactRow textarea {

    height:105px;

    font-size:10px;

}



#contactFormSubmit #contactFormSubmitLeft {

    float:left;

    margin:0 0 0 80px;

    width:174px;

}

* html #contactFormSubmit #contactFormSubmitLeft {

    margin:0 0 0 26px;

}

#contactFormSubmit #contactFormSubmitRight {

    float:right;

    width:174px;

}



#contactFormSubmit #contactFormSubmitLeft input, 

#contactFormSubmit #contactFormSubmitRight input {

    background-color:#fff;

    border:0;

    color:#0060b1;

    padding:0 20px 0 0;

    background-image:url(../images/link_pfeil.gif);

    background-repeat:no-repeat;

    background-position:right 4px;

    font-size:10px;

    width:auto;

    height:auto;

    float:right;

    margin:0;

}

#contactFormSubmit #contactFormSubmitLeft input {

    background-image:none;

    padding:0;

    float:left;

}



#contactForm table {

    width:100%;border-collapse:collapse;

}

#contactForm table td {

    padding:0;

}

#contactForm table td.pt {

    padding-top:2px;

}

* html #contactForm table td.pt {

    padding-top:0;

}

/* ###################################################### */

/* ####################### BACKEND STYLES ############### */

/* ###################################################### */

#modHeaderImgEdit {

    position:absolute;

    top:30px;

    left:270px;

}





/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */







/**** IMAGE GALLERY ****/

table.gallery {

    margin: 20px 10px 0px 0px;

    width: 410px;

}



table.gallery td.gallery-navigation {

    /*font-size: 0.6875em;*/    

}



table.gallery tr.thumbnails td {

    padding: 0;

}



table.gallery dd {

}



div.download {

    padding: 3px 0 3px 10px;

    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;



}



div.downloadImg {



    padding: 0;

    margin-top:10px;

    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;

}



dl.gallery-detail {

    margin: 20px 10px 0px 0px;

}



dl.gallery-detail dt {

    text-align: left;

    padding: 0;

}





td.gallery_image{

    height: 220px;

    padding:0px;

    

}

td.gallery_image div.link_image{

    padding:0;  

    background-position:top center; 

    min-height:120px; 

    height:120px; 

    margin-bottom:5px; 

    overflow:hidden;

}

td.gallery_image .bottom_links{

     height:40px; margin-top:10px;

}

td.gallery_image .bottom_links{

    margin-bottom: 0px; 

    text-align:left; 

    width:180px; 

}

td.gallery_image .links{

    margin-bottom: 0px;

}





/**

 * CSS styles for Contenido Sitemap.

 * 

 * @author Frederic Schneider

 * @copyright four for business AG <www.4fb.de>

 * @version 0.1.0

 * 

 * created 2008-04-11

 */



.sitemap, .sitemap ul {

        margin-left:0;

        padding-left: 0;

}



.sitemap li {

    border-bottom: 1px solid #ffffff;

    list-style-type: none;

}



.sitemap .level1 {

        background-color: #e6f1fb;

        padding: 3px 3px 3px 10px;

}



.sitemap .level2 {

        background-color: #f4f9fd;

        padding: 3px 3px 3px 30px;

}



.sitemap .level3 {

        background-color: #ffffff;

        padding: 3px 3px 3px 50px;

}



/* Only for IE */

*+html .sitemap .list2, * html .sitemap .list2 {

        margin-top: -14px;

}



/**

 * CSS styles fuer LMS Reisen

 */ 



h1, h2, h3, h4, h5, h6 {

color:#1F23A0;

font-family:Verdana,Arial,Helvetica,sans-serif;

font-weight:bold;

line-height: 1;

}



h1 {

font-size:24px;

margin: 0 0 6px 0;

}



h2 {

font-size:12px;

margin: 0 0 12px 0;

}



h3 {

  font-size: 11px;

  color: #FFF;

  padding: 3px;

  margin: 0 0 6px 0;

}



#teasersRight {

  font-size: 11px;

}



#teasersRight h3 {

  font-size: 14px;

}



#bilder {

  float: right;

  width: 210px;

  margin-left: 5px;

}



#bilder div {

  display: none;

}



#bilder #thumbs {

  float: right;

  display: block;

  width: 40px;

}



#bilder #thumbs img {

  width: 40px;

  margin-bottom: 5px;

}



#bilder img {



}



#ortsbeschreibung {

  font-weight: bold;

}



#reiseverlauf {

  clear: left;

  padding-top: 10px;

}



#reiseverlauf h3 {

  background: #1f23a0;

}



#preistabelle {

  padding-top: 10px;

}



#preistabelle h3 {

  background: #C90020;

}



#preis {

  border: 1px solid #C90020;

  font-size: 14px;

  font-weight: bold;

}



#preis div {

  height: 30px;

  vertical-align: baseline;

  text-align: right;

  width: 228px;

}



#preis h3 {

  background: #C90020;

}



#preis #ab {

  padding-left:20px;

  text-align:left;

  vertical-align:baseline;

  width:40px;

}



#preis strong {

  font-size: 18px;

  margin-right: 5px;

}



#preis #waehrung {

  height:30px;

  padding: 0 5px 0 100px;

  text-align:right;

  vertical-align:baseline;

}



#leistungen,

#hotels,

#hinweise {

  margin-top: 18px;

}



#leistungen ul,

#hotels ul {

  margin: 6px 0 0 6px;

  padding: 0 0 0 12px;

}



#leistungen li,

#hotels li {

  margin: 0;

}



#leistungen h3 {

  padding: 0;

}



#hotels {

  border: 1px solid #33009E;

}



#hotels h3 {

  background: #33009E;

}



#hinweise {

  border: 1px solid #FAFF0F;

}



#hinweise h3 {

  background: #FAFF0F;

  color: #000;

}



#reiseuebersicht5,

#reiseuebersicht6 {

  margin-top: 15px;

}



#reiseuebersicht6 {

  float: left;

  overflow: hidden;

}



div.reise {

  border: 1px solid #190066;

  margin-bottom: 10px;

  float: left;

  width: 100%;

}



div.reise h3 {

  background: #190066;

  color: #FFF;

  position: relative;

  height: 22px;

}



div.reise h3 em {

  position: absolute;

  right: 3px;

  text-align: right;

}



div.reise div.text {

  height: 100px;

}



div.reise img {

  float: left;

  width: 60px;

  margin: 0 5px 0 -5px;

}



div.reise p {

  margin: 0;

  padding: 0 5px;

}



div.reise p a {

  display: block;

  text-align: right;

}



#reiseuebersicht5 div.reise img {

  margin-left: 0;

  width: 100px;

}



#reiseuebersicht6 div.reise {

  width: 210px;

  margin-right: 3px;

  height: 104px;

}



#reiseuebersicht6 div.reise img {

  height: 60px;

}



div.reise h3 {

  margin: 0;

}



#reiseuebersicht6 div.reise h4 {

  background: #6429FF;

  color: #FFF;

  /* text-align: right; */

  margin: 0;

  padding: 2px 3px;

}



#reiseuebersicht5 div.reise h4 {

  background: #6429FF;

  color: #FFF;

  /* text-align: right; */

  margin: 0;

  padding: 2px 3px;

}



#reiseuebersicht6 div.reise p {

  height: 60px;

}



#reisetipp h2 {

  background: #C90020;

  color: #FFF;

  padding: 3px 2px;

  font-size: 14px;

}



#reisetipp .tipp {

  margin-bottom: 10px;

}



#reisetipp h3 {

  background: #FAFF0F;

  color: #000;

  margin: 0;

  padding: 2px;

}



#reisetipp h3 a {

  color: #000;

  font-size: 12px;

}



#reisetipp h4 {

  background: #FBFF98;

  color: #000;

  text-align: right;

  margin: 0;

  padding: 2px;

}



label {

  cursor: pointer;

}



#teasersRight #buchung {

  line-height: 1.5;

}



#teasersRight #buchung {

  width: 230px;

  background: #FAFF0F;

  text-align: center;

  margin: 10px 0;

}



#teasersRight #buchung h2 {

  background: #C90020;

  color: #FFF;

  font-size: 14px;

  padding: 3px;

  margin: 0 0 6px;

}



#teasersRight #buchung form {

  padding: 3px;

  width: 224px;

}



#teasersRight #buchung fieldset {

  width: 216px;

  margin: 0 0 5px 0;

  border: 1px solid #000;

  padding: 3px;

  text-align: left;

}



#teasersRight #buchung fieldset textarea,

#teasersRight #buchung fieldset input,

#teasersRight #buchung fieldset select {

  border: 1px solid #606060;

}



#teasersRight #buchung textarea,

#teasersRight #buchung input {

  width: 206px;

  padding: 2px;

}



#teasersRight #buchung select {

  width: 212px;

  padding: 0;

  border: 1px solid #606060;

}



#teasersRight #buchung input.radio {

  width: auto;

  display: inline;

  margin-right: 3px;

}



#teasersRight #buchung input#dz,

#teasersRight #buchung input#ez,

#teasersRight #buchung input#dreibett {

  width: 20px;

  display: inline;

  margin-right: 5px;

}



#teasersRight #buchung input#ez,

#teasersRight #buchung input#dreibett {

  margin-left: 5px;

}



#teasersRight #buchung div#zimmerwuensche {

  margin-bottom: 10px;

}



#teasersRight #buchung input#plz {

  width: 60px;

  margin-right: 4px;

  display: inline;

}



#teasersRight #buchung input#ort {

  width: 136px;

  display: inline;

}



#buchung label,

#buchung input,

#buchung select,

#buchung textarea {

  display: block;

}



#buchung input.error,

#buchung select.error,

#buchung textarea.error,

#buchung label.error {

  background: #C0002E;

  color: #FFF;

}



#buchung h3 {

  color: #1F23A0;

}



#buchung input#buchungsubmit {

  margin: 0 auto;

}



input.hidden {

  display: none !important;

}



#buchung ul {

  line-height: 20px;

  list-style: none;

  padding: 0;

  margin: 0;

}



#buchung li {

  padding: 0;

  margin: 0;

}



#buchung li:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



/* IE-Patches für Clearfix */

#buchung li { display: inline-block; }

/* Vor IE5/Mac verstecken \*/

* html #buchung li { height: 1px; }

#buchung li { display: block; }

/* Ende des Versteckspiels für den IE5/Mac */





#buchung li strong {

  float: left;

  width: 180px;

  margin-right: 10px;

  display: block;

}



#buchung li em {

  margin-left: 190px;

  display: block;

}



#buchung h2 {

  clear: left;

  margin: 0;

  padding: 10px 0 5px 0;

}



#buchung form#send {

  clear: left;

  float: left;

  padding: 10px 0;

}



#buchung form#cancel {

  padding: 10px 0 10px 5px;

  float: right;

}