@charset "utf-8";
/*------------------------------------
Stylesheets bernina.css
Datum: 15.01.2011
-------------------------------------- 

Inline-Elementen:
a | abbr | acronym | applet | b | basefont | bdo | big | br | button | cite | code | del | dfn | em | font | i | img | ins | input | iframe | kbd | label | 
map | object | q | samp | script | select | small | span | strong | sub | sup | textarea | tt | var
(applet, basefont, font, iframe, u, s und strike nur bei  HTML Transitional) 

Block-Elementen:
address | blockquote | center | del | dir | div | dl | fieldset | form | h1-6 | hr | ins | isindex | menu | noframes | noscript | ol | p | pre | table | ul
(center, dir, isindex, menu und noframes nur bei  HTML Transitional) 

<< &laquo; / >> &raquo; / ae &auml; / Pointing Triangle nach rechts &#9656; / nach unten &#9660; / nach oben &#9660; / Promill &permil; / � &egrave; (&#232;) / 

� E mit accent grave (Gravis) &Egrave; &#200; È   
� E mit accent aigu (Akut) &Eacute; &#201;    É
� E mit Zirkuflex &Ecirc; 

ASCII-Tabelle
http://www.schatenseite.de/uploads/media/ascii-table.pdf

� &dagger; &#8224; &#x2020;

� Hoch-2-Zeichen &sup2; � Hoch-3-Zeichen &sup3; 

px : 16 = em
*/

* {
margin:0;
padding:0;
}

a {
text-decoration:none; 
}

html {
height:100%;  /*wg. footer */
}

img ul  { 
border: none 
}

a img {
border:none
} 

ul  { 
list-style: none 
}

li { 
list-style-type:none;    /*none,  square, circle, disc */
list-style-position:outside; /*inside / outside = ausgerueckt (Voreinstellung) */ 
}

p {
margin:0.4em 0;
}

/* body ------------------------------------------------------------------------------------------------------------------------------------------ */

body {
height: 100%;  /*wg. footer */
width: 100%;
background-color:#dcdcdc;  /* = gainsboro */
font-size: 100.1%;  /* Bug IE / EM f.fontsize */
font-family : "Times New Roman";
font-variant:normal; font-weight:normal; font-style:italic; color:#818181; /* font-variant:small-caps; (alles Grossbuchstaben und gr. Buchstaben vergroessert */
}

#wrapper {
width:71em; /* width: 70em; */
min-height: 100%;   /*wg. footer */
position: relative;   /*wg. footer */
margin: 0 auto; /* horizontal zentriert*/
background:transparent;
}

* html #wrapper {  /* Hack IE6 wg. footer */
height: 100%;
} 

#content {
height:100%;
overflow:auto;
background:transparent;  
padding: 0em 0em 4em 0em; /*wg. footer */ 
} 

/* Menue-Struktur http://www.ohne-css.gehts-gar.net/0066.php -------------------------------------------------------------------------------------------------- border:1px solid blue; */
#cont-all  { 
width:64em;
margin:1em 1em 0em 0em;
padding:2em 2.5em 2em 2.5em; 
border:0.0625em solid #818181;
background:#ffffff; 
font-size: 1em;
}

#cont-all a   { 
color: #818181;
text-decoration:none;  
}

#cont-all a:hover   {
color:#ed1c24; 
}

#kopf  {  
float:left; 
width:64em;
}
#kopf-l { 
float:left; 
width:5em;
height:5em; 
background-color:transparent; background-image:url(bernina_img/00_swiss-links.gif); background-repeat:no-repeat; background-position:0em 0em; /* 50 x 74px */
}

#kopf-m {   
float:left; 
width:53.8em;
}

#kopf-r {  
float:right; 
width:5em;
height:5em; 
background-color:transparent; background-image:url(bernina_img/00_italy.gif); background-repeat:no-repeat; background-position:1.6em 0em; 
}
/* formatiert die Menuleiste */
#menu {  
/*position: absolute; top: 0; left:0; */
float:left; 
width:100%;
/* 
width:53em;
font-size: 2.0em;
font-style : italic;
font-weight: bold;
line-height: 2.3em;  vertikale Textzentrierung */  
}

/* formatiert die Navigationsbloecke   */
#menu ul { 
float: left;
padding-top:1em; 
list-style-type: none; 
}

.gr-8 {  
width:8em;
}

.gr-9 {  
width:9em;
}

.gr-10-5 {  
width:10.5em;
}

.gr-11 {  
width:11em;
}

.gr-12-5 {  
width:12.5em;
}

.gr-13 {  
width: 13em;
}

/* Einzellink im Normalzustand auf aktiver Seite, wenn kein Drop-Down erforderlich */
#menu span.direkt-aktiv { 
font-size:1.3em;
font-style : italic;
font-weight: bold;
color: #818181;
}

/* Einzellink im Hoverzustand auf aktiver Seite, wenn kein Drop-Down erforderlich */
#menu span.direkt-aktiv:hover {
color: #ed1c24;
}

/* Einzellink im Normalzustand auf  n i c h t  aktiver Seite, wenn kein Drop-Down erforderlich */
#menu a.direkt-no-aktiv {
font-size:1.3em;
font-style : italic;
font-weight: bold;
color: #ed1c24;
}

/* Einzellink im Hoverzustand auf  n i c h t  aktiver Seite, wenn kein Drop-Down erforderlich */
#menu a.direkt-no-aktiv:hover   {   
color: #818181;
}

/* definiert die Blockueberschriften auf aktiver Seite*/ 
#menu span.ueberschr-aktiv { 
font-size: 1.3em;
font-style : italic;
font-weight: bold;
text-align: left;
color:#818181;
}

/* positioniert 1. Eintrag Drop-Down-Menu  
#menu .first  {
margin-top:0.537em;  
} */

/* definiert die "Drop-Down-Links" im Normalzustand  */
#menu a.drop-down {   
text-decoration: none;
display: block;
font-size: 1.2em;
font-style : italic;
font-weight: bold;
text-align: left;
color:#ed1c24;
background-color:#ffffff;
padding-left:0.5em;
}

/* definiert die "Drop-Down-Links" im Hoverzustand */
#menu a.drop-down:hover {
color: #818181;
background-color:#ffffff;
}
/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
/*a:link { color: red }     link pseudo-class, noch nicht besuchter Link */
/*a:visited { color: blue } link pseudo-class, schon besuchter Link */
/*a:hover { color: yellow } dynamic pseudo-class, Benutzer 'hovert' */
/*a:active { color: lime }  dynamic pseudo-class, Link wird ausgewaehlt */
/*a:focus { color: lime }   dynamic pseudo-class, Element akzeptiert Eingaben */

/*verhindert im Zusammenhang mit pos. absolute bei ul ul eine Hoehenvergroesserung von #menu beim Hovern */ 
#menu li {
position: relative; 
list-style-type:none; 
}

/* versteckt die "Drop-Down-Links", solange nicht gehovert wird  */
#menu ul ul {
position: absolute; left: 0em; top: 1em;
z-index: 2;
display: none;
}

/* laesst die Dropdown-Links beim Hovern erscheinen */
#menu ul li:hover ul {  
padding-top:0.5em;   /* wg. vertik. Abstand */ 
display: block;
} 

/* nur fuer IE-Versionen kleiner gleich 6 erkennbar */
* html #menu ul li{
float: left;
width: 100%;
} 

/* nur fuer IE 7 erkennbar */
*+ html #menu ul li {
float: left;
width: 100%;
} 

/*--bewirkt Hover-Effekt fuer IE kleiner 7 auch fuer ul- und li-Elemente - blockiert Menu wenn Javascript nicht akzeptiert ist 
* html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}*/

* html #menu ul li a {
height: 1%;
}

 /* -------------------------------------------------------------------------------------------------------------------------------------  border:1px solid blue; */
/* Footer-Struktur http://www.ohne-css.gehts-gar.net/0044.php */
#footer1 {
position: absolute; bottom: 0; left:0; 
width: 100%;
background:transparent;
line-height:3.5em;
} 

.footer {
text-align: center;
font-size:0.8em;     
} 
 
#footer1 a {
color: #818181;
background:transparent;
text-decoration:underline;  
}

#footer1 a:hover {
color:#ed1c24; 
background:transparent;
text-decoration:none;
}

 /* Ecken -------------------------------------------------------------------------------------------------------------------------------  */
div.rounded1 {
-moz-border-radius:1em; /* Firefox - alte Syntax */
-khtml-border-radius: 1em;
-webkit-border-radius:1em;  /* Safari, Chrome - alte Syntax */
border-radius:1em;  /* alle neuen Browser, W3C Standard */
}

div.rounded2 {
-moz-border-radius:1.5em;  /* Firefox - alte Syntax */
-khtml-border-radius: 1.5em;
-webkit-border-radius:1.5em; /* Safari, Chrome - alte Syntax */
border-radius:1.5em; /* alle neuen Browser, W3C Standard */
/*-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; */
}

/* Box-Schatten ------------------------------------------------------------------------------------------------------------------------------------ */  
.shadow2 {
-moz-box-shadow:0.9em 0.9em 1.2em #818181;
-webkit-box-shadow:0.9em 0.9em 1.1em #818181;
box-shadow:0.9em 0.9em 1.2em #818181;
}

/* Text-Schatten ------------------------------------------------------------------------------------------------------------------------------------ */
.text-shadow1 {
text-shadow: 0.125em 0.0625em 0em #d8aa74;
}

/* Textformat-Klassen -----------------------------------------------------------------------------------------------------------------------------------  border:1px solid fuchsia; */
h1 {
font-size:1.8em;
font-style:italic;
font-weight:bold;
color:#818181;
text-align: center;
}

h2 {
font-size:1.3em;
font-style :italic;
font-weight:bold;
color:#818181;
text-align:justify;
padding-top:1em;
}

h3 {
font-size: 1.3em;
font-style : italic;
font-weight: bold;
color: #ed1c24;
}

h4 {
font-size: 1.2em;
font-style : italic;
font-weight: bold;
color: #ed1c24;
text-align:left;
padding-top:0.5em;
}

.text-1-3 {
font-size:1.3em;
font-style :italic;
font-weight:bold;
color:#818181;
text-align:justify;
}

.text-1em, #middle-80 a {
font-weight:bold;
font-size: 1.05em;
color: #818181;
} 

.block {
text-align:justify;
}

.text-shadow1 {
text-shadow: 1px 1px 0px #d8aa74;
}
.text-1-6-f3  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:3em; 
float:left;
margin-top:1em;
}
.text-1-6-f4  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:4em; 
float:left;
margin-top:1em;
}
.text-1-6-f5  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:5em; 
float:left;
}
.text-1-6-f55  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:5.5em; 
float:left;
}
.text-1-6-f6  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:6em; 
float:left;
}
.text-1-6-f7  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:6.9em; 
float:left;
}
.text-1-6-f75  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:7.5em; 
float:left;
}
.text-1-6-f8  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:8em; 
float:left;
} 
.text-1-6-f85  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:8.5em; 
float:left;
}
.text-1-6-f9  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:9em; 
float:left;
} 
.text-1-6-f10  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:10em; 
float:left;
}

.text-1-6-f12  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:12em; 
float:left;
}
/* 10 - home ---------------------------------------------------------------------------------  border:1px solid blue; */

#cont-10 { 
width:64em;
height:35em; 
margin:2em 0em 0em 0em;
padding:2em 2em 1em 2em; 
border:1px solid #818181;
background:#ffffff;   
}

#left-10 {
float:left;    
width:14.5em;
padding:1em 0 0 4.6em;
background-color:transparent; background-image:url(bernina_img/00_swiss-links.gif); background-repeat:no-repeat; background-position:0em 0em; /* 50 x 74px */
text-align:justify;
}

#middle-10 {                                                        /* border:1px solid red;  */
float:left;  
width:32em;
margin-top:0em; 
padding-top:32em;  
text-align: center;
font-size:0.8em; 
font-weight:bold;
background-color:transparent; background-image:url(bernina_img/10_piz_bernina_plakette.jpg); background-repeat:no-repeat; background-position:0.5em 0em; /*  392 x 399 */
}

#right-10 { 
float:right;      
width:14.5em;
padding: 1em 4.6em 0em  0em;
background-color:transparent; background-image:url(bernina_img/00_italy.gif); background-repeat:no-repeat; background-position:15.8em 0em; 
text-align:justify;
}

#home-10 { 
float:left;      
width:8em;
height:3em; 
margin:1em 0em 2em 0em;
background-color:transparent; /* Annifont / Schrift 24 / Schatten http://www.ekiwi.de/free_service/onlinebutton2/buttonmaker.php */
}

#start-10 {   
width:8em;
height:3em; 
margin:1em 0em 2em 21em;
background-color:transparent; 
}

/* 20 - Tour-Programm -----------------------------------------------------------------------------------------------------------------------------------  

border:1px solid fuchsia; border:1px solid black; border:1px solid green; border:1px solid blue;  border:1px solid lime;  border:1px solid red; 
 */

.spa {  
float:left; 
width:100%;
/* margin-top:2em; */
margin-top:1em;
text-align:justify;
}
.spa-first {  
margin-top:1em;
}
.spa-li {  
float:left; 
width:31em;
}

.spa-li-1 {  
float:left; 
width:39.437em; 
margin-right:2em;
}

.spa-li-2 { 
float:left; 
width:8em;
}

.spa-li-3 {  
float:left; 
width:22.75em; 
}

.spa-li-4 { 
float:left; 
width:10.562em;
padding-top:1em; 
margin-right:2em;
text-align:center;
}

.spa-li-5 {  
float:left; 
width:18.435em; 
}

.spa-re { 
float:right; 
width:31em;
}

#spa-re-1 {   
float:left; 
width:22em;
padding:0em 0em 0em 0em;
}

.spa-re-2 { 
float:right; 
width:6em;
}

.spa-re-3 { 
float:right; 
width:22em;
}

.spa-re-4 { 
float:right; 
width:10.565em;
padding-top:1em; 
padding-left:2em; 
text-align:center;
}
.spa-re-5 { 
float:right; 
width:8em;
padding-left:2em;
}
#pic-20-01 {    
width:39.437em; 
height:27.25em; 
background-color:transparent;  background-image:url(bernina_img/20_01_map_swiss_631.gif); background-repeat:no-repeat; background-position:0em 0em; /* 631 x 420px = 39.437em x 26.25em */
}

#pic-20-02 { 
width:31em; 
height:21.0625em; 
/*background-color:transparent;  background-image:url(bernina_img/20_sense_496.jpg); background-repeat:no-repeat; background-position:0em 0em;
<p class="p-text">Sense, im "unteren Fahr" - Riedernbr&uuml;cke &uuml;ber die Kantonsgrenze FR/BE</p>*/ /* 496 x 330px = 31em x 20.625em */
background-color:transparent;  background-image:url(bernina_img/20_02_bern_zytglogge_496.jpg); background-repeat:no-repeat; background-position:0em 0em;   /* 496 x 337x  */
}

#pic-20-03 {
width:31em; 
height:23.3125em; 
background-color:transparent;  background-image:url(bernina_img/20_03_zuerich_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 373px  */
}

#pic-20-04 { 
width:31em; 
height:23.125em; 
background-color:transparent;  background-image:url(bernina_img/20_04_chur_kathedrale_496.jpg); background-repeat:no-repeat; background-position:0em 0em;   /* 496 x 370x  */
}

#pic-20-05 {
width:31em; 
height:20.625em; 
background-color:transparent;  background-image:url(bernina_img/20_05_lago_bianco_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330px */
}

#pic-20-06 { 
width:22em; 
height:38em; 
background-color:transparent;  background-image:url(bernina_img/20_06_streckenfuehrung_319.gif); background-repeat:no-repeat; background-position:0em 0em;   /* 319 x 600x  */
}

#pic-20-07 {
width:31em; 
height:20.625em; 
background-color:transparent;  background-image:url(bernina_img/20_07_tirano_basilica_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330px */
}

#pic-20-08 { 
width:31em; 
height:20.56em; 
background-color:transparent;  background-image:url(bernina_img/20_08_Comer_See.jpg); background-repeat:no-repeat; background-position:0em 0em;   /* 496 x 329x  */
}

#pic-20-09 {
width:31em; 
height:21.685em; 
background-color:transparent;  background-image:url(bernina_img/20_09_Como_Broletto_497.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 347px */
}

#pic-20-10 { 
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/20_10_bellinzona_496.jpg); background-repeat:no-repeat; background-position:0em 0em;   /* 496 x 372x  */
}

#pic-20-11 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/20_11_gotthard_alte_passstrasse_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}

#pic-20-12 { 
width:31em; 
height:20.562em; 
background-color:transparent;  background-image:url(bernina_img/20_12_interlaken_496.jpg); background-repeat:no-repeat; background-position:0em 0em;   /* 496 x 329x  */
}

#pic-20-13 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/20_13_thunersee_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}

#pic-20-14 { 
width:31em; 
height:21.875em; 
background-color:transparent;  background-image:url(bernina_img/20_14_Bundesplatz.jpg); background-repeat:no-repeat; background-position:0em 0em;   /* 496 x 350x  */
}

.p-text {  
padding-top:0.4em;
font-size:0.8em;
text-align:left;
}

.p-text-1 {  
padding-bottom:0.4em;
font-size:0.8em;
text-align:left;
}
.p-text-2 {  
padding-bottom:0.4em;
font-size:0.8em;
text-align:center;
}
.prog-h2 {
font-size:1.3em;
font-style :italic;
font-weight:bold;
color:#818181;
}

.zeiger { 
text-align:center; 
margin-top:1em;
}
.zeiger a   { 
color: #818181;
text-decoration:none;
}

.zeiger a:hover   {
color:#ed1c24; 
}

/* 30 - Pass ----------------------------------------------------------------------------------------------------------------------------------- border:1px solid fuchsia;  */

.spa-re-kl {  
float:right;
width:13em;
}
.spa-li-gr {
float:left;  
width:49em;
}
#p-30-01 {
width:31em; 
margin-top:1em;
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_01_passo_del_bernina_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#p-30-02 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_02_bernina_gruppe_mit_gletscher_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#p-30-03 {
width:31em; 
height:23.185em; 
background-color:transparent;  background-image:url(bernina_img/30_03_baumgrenze_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 371px */
}
#p-30-03 a{
padding-top:0.4em;
font-size:0.8em;
}
#p-30-03 a:hover {
color: #ed1c24;
}
#p-30-04 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_04_lago_bianco_2234m_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#p-30-05 {
margin-top:1em;
width:31em; 
height:41.312em; 
background-color:transparent;  background-image:url(bernina_img/30_05_morteratsch_gletscher01_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 661px */
}
#p-30-06 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_06_bernina_sunrise_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#p-30-07 {
width:31em; 
margin-top:1em;
height:20.625em; 
background-color:transparent;  background-image:url(bernina_img/30_07_diavolezza_bernina_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330px */
}
#p-30-08 {
width:31em; 
height:20.81em; 
background-color:transparent;  background-image:url(bernina_img/30_08_lago_poschiavo_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 333px */
}
#p-30-09 {
margin-top:1em;
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_09_piz_bernina_biancograt_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#p-30-10 {
width:31em; 
margin-top:1em;
height:14.375em; 
background-color:transparent;  background-image:url(bernina_img/30_10_bernina_schild_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 230px */
}
#p-30-11 {
width:31em; 
margin-top:1em;
height:24.812em; 
background-color:transparent;  background-image:url(bernina_img/30_11_inn_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 397px */
}
#p-30-12 {
width:31em; 
height:20.06em; 
background-color:transparent;  background-image:url(bernina_img/30_12_zuppo_bernina_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 321px */
}
#p-30-13 {
width:31em; 
height:20.56em; 
background-color:transparent;  background-image:url(bernina_img/30_13_palue_morteratsch_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 329px */
}
#p-30-14 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_14_diavolezza_berghaus_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#p-30-15 {
width:64em; 
margin-top:1em;
height:23.375em; 
background-color:transparent;  background-image:url(bernina_img/30_15_berninagruppe_aus_sicht_corvatsch_1024.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 1023 x 374px */
}
#p-30-16 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_16_wasserscheide_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#p-30-17 {
width:31em; 
height:23.185em; 
background-color:transparent;  background-image:url(bernina_img/30_17_lago_bianco_nair_pitschen_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 371px */
}
#p-30-18 {
width:31em; 
height:22.687em; 
background-color:transparent;  background-image:url(bernina_img/30_18_ospizio_bernina_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 363px */
}
#p-30-19 {
width:31em; 
height:20.625em; 
background-color:transparent;  background-image:url(bernina_img/30_19_rhb_lago_bianco_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330px */
}
#p-30-20 {
width:31em; 
height:21.875em;
background-color:transparent;  background-image:url(bernina_img/30_20_Poschiavo_Spanish_Palazzi_by_german_eagle.jpg); background-repeat:no-repeat; background-position:0em 0em;  /* 496 x 350px */
}
#p-30-21 {
width:31em;
height:20.625em; 
background-color:transparent;  background-image:url(bernina_img/30_21_poschiavo_casa_matossi_lendi_2_by_german_eagle.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330px */
}
#p-30-22 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/30_22_lago-poschiavo-miralago-chaeppi-hikr.org.jpg); background-repeat:no-repeat; background-position:0em 0em;  /* 496 x 661px */
}
#p-30-23 {
width:31em; 
height:41.312em; 
background-color:transparent;  background-image:url(bernina_img/30_23_tirano_kreisverkehr_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 371px */
}
/* 40 - Bernina Express ------------------------------------------------------------------------------------------------------------------------ border:1px solid red; */
.spa-40-li{ 
float:left; 
width:33em;
height:100%; 
}
.spa-40-li-a { 
float:left; 
width:11em;
height:100%; 
}
.spa-40-li-b { 
float:left; 
width:22em;
height:100%;
}
.text-1-6-f25  {
font-size:1.6em;
font-style:italic;
font-weight:bold;
color:#818181;
width:25em; 
float:left;
}
#spa-40-li-1, #spa-40-li-2, #spa-40-li-3, #spa-40-li-4, #spa-40-li-5, #spa-40-li-6, #spa-40-li-7, #spa-40-li-8, #spa-40-li-9, #spa-40-li-10, #spa-40-li-11, #spa-40-li-12, #spa-40-li-13, 
#spa-40-li-14, #spa-40-li-15, #spa-40-li-16, #spa-40-li-17, #spa-40-li-18, #spa-40-li-19, #spa-40-li-20, #spa-40-li-21   { 
float:left; 
}
.spa-re-40 { 
float:right; 
width:27em;
text-align:center;
}
#pic-40-01 {
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/40_01_l_bianco_07_rhb.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px */
}
#pic-40-02 {
width:31em; 
height:24em; 
background-color:transparent;  background-image:url(bernina_img/40_02_Bruecke_ueber_Fluss_Cavagliasco.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 384px */
}
#pic-40-03 {
width:31em; 
height:23.4375em; 
background-color:transparent;  background-image:url(bernina_img/40_03_Bauarbeiten_BB_am_Lago_di_Poschiavo.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 375px */
}
#pic-40-04 {
width:31em; 
height:22.8125em; 
background-color:transparent;  background-image:url(bernina_img/40_04_baustelle_1909_lago_della_scala.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 365px */
}
#pic-40-05 {
width:31em; 
height:19.5625em; 
background-color:transparent;  background-image:url(bernina_img/40_05_Postkarte-Bernina-ca-1910.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 313px */
}
#pic-40-06 {
width:31em; 
height:22.6875em; 
background-color:transparent;  background-image:url(bernina_img/40_06_Dampfschneeschleuder_1911.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 363px */
}
#pic-40-07 {
width:31em; 
height:19.8125em; 
background-color:transparent;  background-image:url(bernina_img/40_07_BCe_4-4_Nr3_1908.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 317px */
}
#pic-40-10 {
width:27em; 
height:58.5em; 
float:right; 
margin-bottom:.5em;
background-color:transparent;  background-image:url(bernina_img/40-100-Jahre-BB-im-Museum.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 432 x 936px */
}
#pic-40-11 {
width:31em; 
height:30.0625em; 
background-color:transparent;  background-image:url(bernina_img/40_11_karte_04_streckenplan.gif); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 481px */
}
#p-40-19 {
width:31em; 
height:20.5em; 
background-color:transparent;  background-image:url(bernina_img/40_19_campocologno_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 328px*/
}

/* 50 - Bernina Etappen ------------------------------------------------------------------------------------------------------------------------ border:1px solid red; */
.float-re-100 {   
margin: 0em 0em 0em 1.5em;
float: right;  
width: 6.25em;
}  
.float-li-100 {   
margin: 0em 1.5em 0em 0em;
float: left;  
width: 6.25em;
} 
.spa-50-01 { 
width:12em; 
float:left; 
margin:0 1.5em 0 0;
}
.spa-50-02 { 
width:16em; 
float:left; 
margin:0 0 0 0;
}
.spa-50-03 {  
margin-top:3em;
}
.spa-50-04 {  
margin: 0 auto;
}
#p-50-01 {    
width:31em; 
height:20.75em;    
background-color:transparent;  background-image:url(bernina_img/50_sprachregionen_496.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 332px  */
}
#p-50-02 {  
width:31em; 
height:41.4375em; 
background-color:transparent;  background-image:url(bernina_img/50_bern_zytglogge.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 635px  */
}
#p-50-03 {  
width:31em; 
height:22.25em; 
background-color:transparent;  background-image:url(bernina_img/50_bern_bundeshaus.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 356px  */
}
#p-50-04 {  
width:31em; 
height:22.25em; 
background-color:transparent;  background-image:url(bernina_img/50_zuerich_limmat_see.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 357px  */
}
#p-50-05 {  
width:31em; 
height:21.6875em; 
background-color:transparent;  background-image:url(bernina_img/50_zuerich_altstadt.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 347px  */
}
#p-50-06 {  
width:31em; 
height:24.5625em; 
background-color:transparent;  background-image:url(bernina_img/50_chur_stadt.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 393px  */
}
#p-50-07 {  
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/50_chur_sennhof.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px  */
}
#p-50-08 {  
width:31em; 
height:20.6875em; 
background-color:transparent;  background-image:url(bernina_img/50_St_Moritz_Nacht.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331px  */
}
#p-50-09 {  
width:31em; 
height:23.25em; 
background-color:transparent;  background-image:url(bernina_img/50_stmoritz_sportcars.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px  */
}
#p-50-10 {  
width:31em; 
height:22.5625em; 
background-color:transparent;  background-image:url(bernina_img/50_winter_in_stmoritz_1907.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 361px  */
}
#p-50-11 {  
width:31em; 
height:20.6875em; 
background-color:transparent;  background-image:url(bernina_img/50_pontresina_nacht.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331px  */
}
#p-50-12 {  
width:31em; 
height:22.125em; 
background-color:transparent;  background-image:url(bernina_img/50_pontresina_grand_hotel_kronenhof.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 354px  */
}
#p-50-13 {  
width:31em; 
height:19.625em; 
background-color:transparent;  background-image:url(bernina_img/50_passhoehe.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 314px  */
}
#p-50-14 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_piz_bernina_gletscher.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372px  */
}
#p-50-15 {  
width:31em; 
height:32.75em;
background-color:transparent;  background-image:url(bernina_img/50_poschiavo_piazza_comunale.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 524x  */
}
#p-50-16 {  
width:31em; 
height:31em;
background-color:transparent;  background-image:url(bernina_img/50_poschiavo_Borgo_ViaDaMez.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 496px  */
}
#p-50-17 {  
width:31em; 
height:20.6875em; 
background-color:transparent;  background-image:url(bernina_img/50_poschiavo_torri.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331x  */
}
#p-50-18 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_tirano_rhb.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-19 {  
width:31em; 
height:20.625em;
background-color:transparent;  background-image:url(bernina_img/50_tirano_basilica2.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330x  */
}
#p-50-20 {  
width:31em; 
height:21.1875em;
background-color:transparent;  background-image:url(bernina_img/50_tirano_basilica_orgel.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 339x  */
}
#p-50-21 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_sondrio_blick.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-22 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_valtellina.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-23 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_como_lago.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-24 {  
width:31em; 
height:36.125em;
background-color:transparent;  background-image:url(bernina_img/50_como_dom.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 578x  */
}
#p-50-25 {  
width:31em; 
height:20.5625em;
background-color:transparent;  background-image:url(bernina_img/50_lugano_monte_bre.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 329x  */
}
#p-50-26 {  
width:31em; 
height:20.6875em;
background-color:transparent;  background-image:url(bernina_img/50_lugano_promenade.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331x  */
}
#p-50-27 {  
width:31em; 
height:20.4375em;
background-color:transparent;  background-image:url(bernina_img/50_lugano_santa_maria_degli_angioli.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 327x  */
}
#p-50-28 {  
width:63.75em; 
height:21.6875em;
background-color:transparent;  background-image:url(bernina_img/50_lugano_panorama.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 1020 x 347x  */
}
#p-50-29 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_lugano_verdure.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-30 {  
width:31em; 
height:39.1875em;
background-color:transparent;  background-image:url(bernina_img/50_gotthard_passhoehe.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 627x  */
}
#p-50-31 {  
width:31em; 
height:20.625em;
background-color:transparent;  background-image:url(bernina_img/50_gotthard_teufelsbruecke.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330x  */
}
#p-50-32 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_gotthard_tremola.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-33 {  
width:31em; 
height:20.625em;
background-color:transparent;  background-image:url(bernina_img/50_gotthard_hospental_postkutsche.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 330x  */
}
#p-50-34 {  
width:31em; 
height:34.125em;
background-color:transparent;  background-image:url(bernina_img/50_gotthard_suworow.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 543x  */
}
#p-50-35 {  
width:31em; 
height:22.125em;
background-color:transparent;  background-image:url(bernina_img/50_luzern_bruecke.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 354x  */
}
#p-50-36 {  
width:31em; 
height:23.3125em;
background-color:transparent;  background-image:url(bernina_img/50_luzern_jesuitenkirche.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 373x  */
}
#p-50-37 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_luzern_fassadenmalerei_weinmarkt.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-38 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_luzern_reuss_schiff.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-39 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_vierwaldstaettersee_von_buochs.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-40 {  
width:31em; 
height:19.5em;
background-color:transparent;  background-image:url(bernina_img/50_vierwaldstaettersee_karte.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 312x  */
}
#p-50-41 {  
width:31em; 
height:23.1875em;
background-color:transparent;  background-image:url(bernina_img/50_vierwaldstaettersee_von_oben.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 371x  */
}
#p-50-42 {  
width:31em; 
height:30em;
background-color:transparent;  background-image:url(bernina_img/50_innerschweiz_karte.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 480x  */
}
#p-50-43 {  
width:31em; 
height:20.9375em;
background-color:transparent;  background-image:url(bernina_img/50_innerschweiz_pilatus_kulm.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 335x  */
}
#p-50-44 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_innerschweiz_zugersee.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-45 {  
width:31em; 
height:21.625em;
background-color:transparent;  background-image:url(bernina_img/50_innerschweiz_zahnradbahn_pilatus.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 346x  */
}
#p-50-46 {  
width:31em; 
height:23.3125em;
background-color:transparent;  background-image:url(bernina_img/50_bruenig_abfahrt.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 373x  */
}
#p-50-47 {  
width:31em; 
height:27.1875em;
background-color:transparent;  background-image:url(bernina_img/50_bruenig_kurhaus.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 435x  */
}
#p-50-48 {  
width:31em; 
height:20.6875em;
background-color:transparent;  background-image:url(bernina_img/50_meiringen_militaer.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331x  */
}
#p-50-49 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_meiringen_aareschlucht.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-50 {  
width:31em; 
height:20.6875em;
background-color:transparent;  background-image:url(bernina_img/50_meiringen_reichenbachfall.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331x  */
}
#p-50-51 {  
width:31em; 
height:22.125em;
background-color:transparent;  background-image:url(bernina_img/50_brienzersee_sicht.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 354x  */
}
#p-50-52 {  
width:31em; 
height:20.6875em;
background-color:transparent;  background-image:url(bernina_img/50_brienzersee_schneckeninsel.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331x  */
}
#p-50-53 {  
width:31em; 
height:23.1875em;
background-color:transparent;  background-image:url(bernina_img/50_interlaken_wehr.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 371x  */
}
#p-50-54 {  
width:31em; 
height:22.1875em;
background-color:transparent;  background-image:url(bernina_img/50_interlaken_lakes.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 355x  */
}
#p-50-55 {  
width:31em; 
height:23.1875em;
background-color:transparent;  background-image:url(bernina_img/50_interlaken_schwinget.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 371x  */
}
#p-50-56 {  
width:31em; 
height:22.1875em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_vom_niederhorn.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 355x  */
}
#p-50-57 {  
width:31em; 
height:20.6875em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_oberland.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 331x  */
}
#p-50-58 {  
width:31em; 
height:23.3125em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_schaufelraddampfe.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 373x  */
}
#p-50-59 {  
width:31em; 
height:22.1875em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_schloss_huenegg.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 355x  */
}
#p-50-60 {  
width:31em; 
height:22.1875em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_schloss_oberhofen.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 355x  */
}
#p-50-61 {  
width:31em; 
height:20.375em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_schloss_schadau.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 326x  */
}
#p-50-62 {  
width:31em; 
height:23.25em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_schloss_spiez.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 372x  */
}
#p-50-63 {  
width:31em; 
height:26.6875em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_schloss_thun_fotocommunity_schaeng.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 427x  */
}
#p-50-64 {  
width:31em; 
height:20.875em;
background-color:transparent;  background-image:url(bernina_img/50_thunersee_schloss_wimmis_panoramio_KurtSwissfoto.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 496 x 334x  */
}

/* 60 - change-log------------------------------------------------------------------------------------------------------------------------ border:1px solid red; */

.head-60-1 {
font-size: 1.8em;
font-weight: bold;
padding-left:1em;  
}

.head-60-1a {
font-size: 1.8em;
font-weight: bold;
padding-left:5em;  
}

.head-60-2 {
font-size:1.3em; 
font-weight: bold;    
}

.head-60-3 {
font-size: 1em; 
font-weight: bold;  
padding-left:9em;    
}

.head-60-4 {
padding-left:4.2em;
font-size: 1em;
font-weight: bold; 
}

.head-60-5 {
padding-left:7.5em;
font-size: 1em; 
font-weight: bold;                
}

#log {
float:left; 
width:100%; 
font-size: 1em; 
font-weight:normal;
}

#left-log { 
float:left; 
width:7em; 
margin-left:14em;          
}

#middle-log {
float:left;  
width:10em; 
} 

#right-log {  
float:left;  
width:32em; 
}

/* sitemap ----------------------------------------------------------------------------------------------------------------------------------- border:1px solid red; */
.head-70-1 {
font-size: 1.8em;
font-weight: bold;
}
#sitemap {    
float:left;    
width:100%; 
padding: 1em 0em 2em 0em;
font-size: 1em;
font-weight:normal;
color: #818181;
text-align:left;
line-height: 1.4em;
} 

#sitemap a {
color:#818181;
} 

#sitemap a:hover{
color:#ed1c24;
} 
/*
div#sitemap li {
padding: 0 0 0 0.8em;
margin: 0;
}

div#sitemap ul {
padding: 0 0 0 0.8em; 
margin: 0 0 0 -0.8em;
}
*/
.level-1 {   
padding-left:5em; 
}

#sitemap ul .level-2 {  
padding-left:1.75em; 
}

#sitemap ul .level-3 {   
padding-left:1.75em; 
}

#sitemap li .level-2top {   
padding-top:0.5em;
margin: 0;
}