/* 
CSS-Datei für Sanft Mobile Unterkünfte
Diese Datei kann zur Darstellung im iframe im Layout angepasst werden
Die id-Namen wurden so gewählt, dass hoffentlich keine Überschneidungen
mit css-Angaben auf den fremden Seiten entstehen.
*/

/* KOPF */
#content #mobil-kopf { 
position: relative;
height: 146px; 
margin: 0 0 12px 0; padding: 0;
}
#content img.karte-fernverkehr { border: 0; margin: 0; padding: 0; }
#content a.karte-fernverkehr { 
display: block;
float: left;
border: 1px solid #ccd6e3; /* 20% blau */ 
}
#content #mobil-kopf img.mobil-hotel {
border: 0; margin: 0 0 0 5px; padding: 0;
float: left;
}
#content #mobil-kopf #mobil-nav {
float: right;
height: 146px; width: 235px;
}
/* Hotelnavigation: */
#content a.mobil-nav-button, #content a.mobil-nav-button-on { 
display: block; 
width: 217px;
margin: 0 0 3px 0;
padding: 2px 2px 4px 16px;
font-family: "Lucida Grande", "Lucida sans", Verdana, sans-serif;
font-size: 12px; font-weight: bold; line-height: 16px;
}
#content #mobil-nav a.mobil-nav-button, #content #mobil-nav a.mobil-nav-button-on { height: 32px; }
#content a.mobil-nav-button { 
background: #f2f4f8 url(img/pfeil_sub.gif) no-repeat 5px 5px;
color: #67694e; /* Navschrift Grau etwas dunkler */
}
#content a.mobil-nav-button:hover { color: #0a3877; }
#content a.mobil-nav-button-on { 
background: #f2f4f8 url(img/pfeil_sub.gif) no-repeat 5px 5px; 
color: #0a3877;
text-decoration: underline;
}

/* INHALT */
#content #mobil-motto {
font-family: Verdana, sans-serif;
clear: both; 
margin: 0 0 10px 0; padding: 0 0 0 0; 
color: #777a5a; 
color: #333;
background-color: #fff7d7; 
border: 1px solid #f5c814;
}
#content #mobil-motto p { 
font-family: "Lucida Grande", "Lucida sans", Verdana, sans-serif;
margin: 0 0 5px 0; 
padding: 1px 4px 2px 6px; 
color: #a6993c; 
color: #1252a9; /* intensives blau */
background-color: #f0be14;
font-size: 15px; line-height: 26px; 
font-weight: bold; 
}
#content #mobil-motto ul { 
margin: 0 4px 8px 22px; 
list-style-type: none;
list-style-image: url(img/quad_green.gif);
}
#content #mobil-motto ul li { font-weight: bold; color: #666; }

#content div.mobil-box{ 
font-family: Verdana, sans-serif;
margin: 0 0 10px 0; padding: 0; 
}

#content div.mobil-box-info { 
font-family: Verdana, sans-serif;
float: right;
width: 216px; margin: 0 0 0 10px;
padding: 5px; font-size: 12px; line-height: 18px;
border: 1px solid #c5bd80;
}

#content div.mobil-box p { margin: 0 0 0 0;}
#content div.mobil-box h3 {
font-family: "Lucida Grande", "Lucida sans", Verdana, sans-serif;
font-weight: normal;
font-size: 18px;
color: #0f458f;
margin: 0 0 10px 0;
background-color: #fff;
}
#content div.mobil-box a, #content div.mobil-box-info a { 
/*background: #fff url(img/pfeil_sub.gif) no-repeat left center;*/
background: #fff;
text-decoration: none; font-size: 100%;
/*padding-left: 12px;  Abstand Punkt zu Linktext */
color: #67694e;
}
#content div.mobil-box a:hover,  #content div.mobil-box-info a:hover { text-decoration: underline; }

#content div.mobil-karte { clear: left; float: left; margin: 0 10px 2px 0; width: 100px; }

table.sanft { clear: both; width: 100%; border: 0px solid #ccd6e3 ; border-collapse: collapse; margin: 2px 0 14px 0; }
table.sanft td, table.sanft th {font-family: Arial, sans-serif; font-size: 11px; padding: 2px 4px;  text-align: center; border-left: 0px solid #ccd6e3; border-left: 1px solid #fff;}
table.sanft th { vertical-align: top; color: #0f458f; /* blau intensiv 94% */ }
table.sanft th.h3 { 
font-family: "Lucida Grande", "Lucida sans", Verdana, sans-serif;
font-size: 16px;
color: #0f458f; /* blau intensiv 94% */ 
}
table.sanft tr.farbig { 
/*background-color: #e5eaf1; */
background-color: #f2f0e2;
}
/* für Link zur Unterkunftsbeschreibung */
#content #blaue-schwalbe {
width: 235px;
float: right;
padding: 2px 2px 4px 2px;
margin: -10px 0 8px 0;
font-family: Verdana, sans-serif;
font-size: 12px; font-weight: bold; line-height: 16px; 
}
#content #blaue-schwalbe a.mobil-nav-button { width: 270px; width: 214px; }