/* --- Main-CSS für 212.45.192.112 - Redesign Herbst 2006 --- */
/* --- made by SUTANET Webpublishing - www.sutanet.ch --- */
/* --- Version Juni 2007 --- */

/* --- Gestell --- */
@media screen {  /* versteckt den Stil vor MAC IE */
html {
background-color: #006600;
}
html, body {
padding: 0;
margin:0;
}
body {
text-align: center;
}
#all {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
position: relative;
text-align: left;
width: 100%;
margin: 0 auto 0 auto;
background-color: #006600; /* --- color for the left column --- */
}
#head {
background-color: #006600;
}
#content {
margin-left:13em; /* --- this is the space for the left column --- */
background-color:#fff; /* --- background colour of right column --- */
z-index: 1;
position: relative;
}
* html #content {/* combat ie's 3 pixel jog */
height:1%;
margin-left:13em;
background-color: #fff;
}
#content #left {
margin-left:-13em; 
float:left;
width:13em;  /* --- this width is the same as the margin on #content --- */ 
position: relative;
left:-1px;  /* --- line it up exactly without losing pressure on footer --- */
color: #CCCCCC;
z-index: 2;
background-color: #006600; /* --- color for the left column --- */
}
#content #left p {
padding:10px;
}
#content #left h1,
#content #left h2 {
color: #CCCCCC;
padding-left: 10px;
}
#left a img {
border: none;
}
.titel-left {
margin-top: 50px;
}
#content #right {
padding: 20px 0 2em 20px;
background-color: #FFFFFF;
min-height: 45em; /* --- für die Flexibilität em statt px --- */
height: auto;
width: auto;
overflow: visible;
}
#contact #right,
#site #right {
min-height:50em;
}
#abo #right,
#linkformular #right {
min-height: 80em;
} 
/* --- inhalt rechts rechter rand für seiten ohne spezielles layout --- */
#ort #right,
#stat #right,
#kam #right,
#part #right,
#sat #right,
#lex #right,
#news #right,
#abo #right,
#li-wetter #right,
#li-cam #right,
#li-foren #right,
#li-shop #right,
#li-stat #right,
#li-arosa #right,
#linkformular #right {
margin-right: 50px;
}
/* --- ende --- */
/* --- Spalten für Inhalt rechts --- */
#spalten {
min-height: 24em;
height: 1%; /* --- für Internet Explorer! --- */
}
#home #spalten {
position: absolute;
top: 30px;
left: 30px;
}
#home #prognose {
margin-top: 30em;
}
#ri-le {
float: left;
width: 350px;
}
#ri-ri {
float: left;
width: 350px;
}
.clear {
clear: both;
}
.bildergalerie {
float: left;
margin-right: 40px;
}
#newcams {
position: absolute;
top: 330px;
left: 30px;
}
#newcams img {
border: 1px solid #fff;
}
#newcams #cam11 {
float: left;
clear: right;
}
#newcams #cam12 {
float: left;
margin-right: 5px;
}
#newcams #cam13 {
float: left;
margin-right: 5px;
}
#cam1big,
#cam2big,
#cam11big,
#cam12big,
#cam13big,
#morning-big,
#siesta-big,
#sunset-big {
border: 2px solid #999999;
background-color: #999999;
visibility: hidden;
position: absolute;
top: 10px;
left: 10px;
}
/* --- Ende Gestell --- */

/* --- Navigation --- */
a#skiplink {
position: absolute;
left: 0px; 
top: -500px;
width: 1px; 
height: 1px;
overflow: hidden; 
}
#navbar {
width: 100%;
height: 1.5em;
background-color:#CC9900;
border-bottom: 1px solid #333333;
z-index: 1000;
position: relative;
}
ul#navigation {
position: absolute;
margin-top: 0;
list-style: none;
}
ul#navigation li {
list-style: none;
margin: 0;
padding: 0;
width: 10em;
display: block;
float: left;
}
ul#navigation a, ul#navigation h2 {
font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
}
ul#navigation h2 {
background-color: #CC9900;
border-right: 1px solid  #333;
}
ul#navigation h2:hover {
border-bottom: 1px solid  #333;
}
ul#navigation h2 a {
border: none;
}
ul#navigation a {
color: #333333; 
text-decoration: none;
padding: 2px 3px;
border-bottom: 1px solid  #666666;
}
ul#navigation a:hover,
ul#navigation a:focus {
color: #333333;
background-color: #CCCCCC;
}
ul#navigation li ul {
position: relative;
padding-left: 0;
}
ul#navigation ul {
position: relative;
}

ul#navigation li ul li a { /* --- Farbe + Rahmen für Subnav 1. Ebene --- */
background-color: #fff;
border-left: 1px solid #666;
border-right: 1px solid #666;
margin-left: -1px;
}
ul#navigation li ul li ul li { /* --- 2. Subnav versteckt --- */
display: none;
}
ul#navigation li ul li:hover ul li { /* --- 2. Subnav wird sichtbar --- */
display: block;
}

ul#navigation li ul ul.element2 {
top: 1.5em;
}
/* --- Subnav 2. Ebene Rahmen oben nach Bedarf --- */
ul#navigation li ul {
display: none;
}
ul#navigation li:hover ul {
display: block;
}

ul#navigation a.hornli,
ul#navigation a.ho-ar,
ul#navigation a.ho-li,
ul#navigation a.ho-ta,
ul#navigation a.schiess,
ul#navigation a.schiess-ar,
ul#navigation a.schiess-li,
ul#navigation a.schiess-ta,
ul#navigation a.schwarzhorn,
ul#navigation a.schwarzhorn-ar,
ul#navigation a.schwarzhorn-li,
ul#navigation a.schwarzhorn-ta,
ul#navigation a.arosa,
ul#navigation a.arosa-ar,
ul#navigation a.arosa-li,
ul#navigation a.arosa-ta,
ul#navigation a.parp,
ul#navigation a.parp-ar,
ul#navigation a.parp-li,
ul#navigation a.parp-ta {
padding-left: 15px;
font-weight: normal;
}
/* --- Sitemap --- */
ul#sitemap a {
color: #006600;
}
ul#sitemap h2 {
margin-bottom: 0;
margin-top: 1em;
}
ul#sitemap h2 a {
color: #A2B7B5;
text-decoration: none;
}
ul#sitemap li ul ul li{
margin-left: 2em;
}
ul#sitemap a.site,
ul#sitemap a.about {
text-decoration: underline;
}
/* --- Ende Sitemap --- */
/* --- macht Standort im Navigationsblock sichtbar! --- */
body#about ul#navigation h2 a.about,
body#home ul#navigation h2 a.about,
body#ort ul#navigation h2 a.about,
body#stat ul#navigation h2 a.about,
body#kam ul#navigation h2 a.about,
body#soft ul#navigation h2 a.about,
body#part ul#navigation h2 a.about, /* ^^^ Navigation 1. Block ^^^ */
body#hornli ul#navigation h2 a.web,
body#ho-li ul#navigation h2 a.web,
body#ho-ta ul#navigation h2 a.web,
body#ho-ar ul#navigation h2 a.web,
body#schiess ul#navigation h2 a.web,
body#schiess-li ul#navigation h2 a.web,
body#schiess-ar ul#navigation h2 a.web,
body#schiess-ta ul#navigation h2 a.web,
body#parp ul#navigation h2 a.web,
body#parp-li ul#navigation h2 a.web,
body#parp-ar ul#navigation h2 a.web,
body#parp-ta ul#navigation h2 a.web,
body#arosa ul#navigation h2 a.web,
body#arosa-li ul#navigation h2 a.web,
body#arosa-ar ul#navigation h2 a.web,
body#arosa-ta ul#navigation h2 a.web,
body#schwarzhorn ul#navigation h2 a.web,
body#schwarzhorn-li ul#navigation h2 a.web,
body#schwarzhorn-ar ul#navigation h2 a.web,
body#schwarzhorn-ta ul#navigation h2 a.web,  /* ^^^ Navigation 2. Block ^^^ */
body#heute ul#navigation h2 a.wetter,
body#prog ul#navigation h2 a.wetter,
body#sat ul#navigation h2 a.wetter,
body#archiv ul#navigation h2 a.wetter,
body#lex ul#navigation h2 a.wetter,/* ^^^ Navigation 3. Block ^^^ */
body#weisshorn ul#navigation h2 a.arosa-aktuell,
body#klima ul#navigation h2 a.arosa-aktuell,
body#news ul#navigation h2 a.newsflash,
body#abo ul#navigation h2 a.newsflash,/* ^^^ Navigation 4. Block ^^^ */
body#li-stat ul#navigation h2 a.links, /* ^^^ Navigation 5. Block ^^^ */
body#li-cam ul#navigation h2 a.links,
body#li-arosa ul#navigation h2 a.links,
body#li-foren ul#navigation h2 a.links,
body#li-shop ul#navigation h2 a.links,
body#li-wetter ul#navigation h2 a.links,
body#linkformular ul#navigation h2 a.links,
body#contact ul#navigation h2 a.con,
body#guestbook ul#navigation h2 a.con, /* ^^^ Navigation 6. Block ^^^ */
body#site ul#navigation h2 a.site

{
color: #333333;
text-transform: uppercase;
}
body#home a.home,               /* --- zeigt die aktuelle Seite in der Subnav an --- */
body#ort a.ort, 
body#stat a.stat,
body#kam a.kam,
body#soft a.soft,
body#part a.part,
body#sat a.sat,
body#heute a.heute,
body#hornli a.hornli,
body#ho-li a.ho-li,
body#ho-ar a.ho-ar,
body#ho-ta a.ho-ta,
body#schiess a.schiess,
body#schiess-ar a.schiess-ar,
body#schiess-li a.schiess-li,
body#schiess-ta a.schiess-ta,
body#arosa a.arosa,
body#arosa-ar a.arosa-ar,
body#arosa-li a.arosa-li,
body#arosa-ta a.arosa-ta,
body#schwarzhorn a.schwarzhorn,
body#schwarzhorn-ar a.schwarzhorn-ar,
body#schwarzhorn-li a.schwarzhorn-li,
body#schwarzhorn-ta a.schwarzhorn-ta,
body#parp a.parp,
body#parp-ar a.parp-ar,
body#parp-li a.parp-li,
body#parp-ta a.parp-ta,
body#prog a.prog,
body#archiv a.archiv,
body#lex a.lex,
body#contact a.contact,
body#guestbook a.guestbook,
body#weisshorn a.weisshorn,
body#klima a.klima,
body#news a.news,
body#abo a.abo,
body#li-arosa a.li-arosa,
body#li-wetter a.li-wetter,
body#li-shop a.li-shop,
body#li-foren a.li-foren,
body#li-cam a.li-cam,
body#li-stat a.li-stat,
body#linkformular a.li-form,

body#ho-li a.hornli-titel,       /* ... Anzeige Subnavigation ... */
body#ho-ar a.hornli-titel,
body#ho-ta a.hornli-titel,
body#hornli a.hornli-titel,
body#schiess a.schiess-titel,
body#schiess-li a.schiess-titel,
body#schiess-ar a.schiess-titel,
body#schiess-ta a.schiess-titel, 
body#arosa a.arosa-titel,
body#arosa-li a.arosa-titel,
body#arosa-ar a.arosa-titel,
body#arosa-ta a.arosa-titel, 
body#schwarzhorn a.schwarzhorn-titel,
body#schwarzhorn-li a.schwarzhorn-titel,
body#schwarzhorn-ar a.schwarzhorn-titel,
body#schwarzhorn-ta a.schwarzhorn-titel,
body#parp a.parp-titel,
body#parp-li a.parp-titel,
body#parp-ar a.parp-titel,
body#parp-ta a.parp-titel /* ^^^ Subnavigation ^^^ */
{
color: #CC6600;
}
/* --- Ende Standort --- */

/* --- Ende Navigation --- */
#headbar {
height: 54px;
}
#flash {
height: 50px;
width: 450px; 
float: left;
margin-right: 30px;
}
/* --- Logo --- */
/* Achtung: #logo ist schon durch das script "header.js" für Flash besetzt! */
#signet {
float: left;
}
#signet a img{
border: none;
}
/* --- Ende Logo --- */

/* --- Google Custom Search --- */
#searchbox {
padding-top: 15px;
padding-left: 5px;
width: auto;
max-width: 192px;
height: auto;
float: left;
}
#searchbox input#such {
width: 62px;
height: 1.8em;
background-color: #FFFF33;
margin-left: 3px;
font-size: 12px;
color: #29412C;
font-weight: bold;
}
#searchbox input#text {
width: 120px;
}
/* --- Ende Google Custom Search --- */

#titelbild {
height: 130px;
background-color: #FFFF33;
background-repeat:repeat-x;
background-position:center;
}
body#home #titelbild, /* --- 1. Block - About --- */
body#ort #titelbild,   /* --- + 5. Block - Links --- */
body#stat #titelbild,
body#kam #titelbild,
body#soft #titelbild,
body#part #titelbild,
body#missing #titelbild,
body#li-arosa #titelbild,
body#li-stat #titelbild,
body#li-cam #titelbild,
body#li-foren #titelbild,
body#li-shop #titelbild,
body#li-wetter #titelbild,
body#linkformular #titelbild {
background-image:url(../bilder/background2.jpg);
}
body#hornli #titelbild, /* --- 2. Block - Webcam --- */
body#ho-li #titelbild,
body#ho-ta #titelbild,
body#ho-ar #titelbild,
body#schiess #titelbild,
body#schiess-li #titelbild,
body#schiess-ar #titelbild,
body#schiess-ta #titelbild,
body#parp #titelbild,
body#parp-li #titelbild,
body#parp-ar #titelbild,
body#parp-ta #titelbild,
body#arosa #titelbild,
body#arosa-li #titelbild,
body#arosa-ar #titelbild,
body#arosa-ta #titelbild,
body#schwarzhorn #titelbild,
body#schwarzhorn-li #titelbild,
body#schwarzhorn-ar #titelbild,
body#schwarzhorn-ta #titelbild {
background-image:url(../bilder/background1.jpg);
}
body#heute #titelbild,  /* --- 3. Block - Wetter --- */
body#prog #titelbild,
body#sat #titelbild,
body#archiv #titelbild,
body#lex #titelbild,
body#searchresult #titelbild {
background-image:url(../bilder/background3.jpg);
}
body#contact #titelbild,  /* --- 4. Block - News-Flash --- */
body#danke #titelbild,  /* --- + 6. Block - Kontakt/Hilfe --- */
body#news #titelbild,
body#weisshorn #titelbild,
body#klima #titelbild,
body#guestbook #titelbild,
body#abo #titelbild,
body#site #titelbild {
background-image: url(../bilder/background4.jpg);
}
/* --- allgemeine Textformatierung --- */
h1 {
color: #29412C;
font-size: medium;
font-weight: bold;
}
#missing h1 {
font-size: x-large;
}
h2 {
color: #29412C;
font-size: small;
font-weight: bold;
}
h3 {
font-size: small;
font-weight: bold;
color: #999999;
}

#lex h2 {
margin-bottom: 0px;
}
.textlink {
color: #006600;
}
#left .textlink {
color: #CCC;
}
#right ul {
list-style-type: none;
margin-left: -40px;
}
.imglinks {
float: left;
width: auto;
}
.imgrechts {
float: right;
width: auto;
margin-right: 10px;
}
#kam .txtrechts {
padding: 10px 0 0 150px;
margin-bottom: 5em;
}
.txtrechts {
width: auto;
padding-left: 220px;
}
.txtlinks {
width: auto;
padding-right: 220px;
}
#txtganz {
position: absolute;
margin-top: 80px;
}
.spacebot20 {
padding-bottom: 20px;
}
.spacebot50 {
padding-bottom: 50px;
}
.spacebot100 {
padding-bottom: 100px;
}
.spacebot120 {
padding-bottom: 120px;
}
.spacebot200 {
padding-bottom: 200px;
}
.spacetop20 {
padding-top: 20px;
}
.spacetop50 {
padding-top: 50px;
}
/* --- Ende --- */
/* --- Text-Scroller-Formatierung --- */
#scroller{
width: 130px;
height: 150px;
border: 1px solid #999999;
padding: 5px;
margin: 0 10px;
background-color: #CCCCCC;
color: #006600;
}
#scroller a {
color: #333333;
}
#scroller a:hover {
color: #339900;
}
#scrolltitel {
color: #CC9900;
font-weight: bold;
}
/* --- für Extra-Formatierung (Name der Klasse muss im Aufruf im Javascript immer gleich wie hier sein! --- */
.reserveklasse{ 
}
/* --- Ende Scroller-Formatierung --- */
/* --- Fusszeile --- */
#footer {
clear: both;
height: 3em;
background-color: #FFFF33;
color: #333333;
font-size: x-small;
padding: 5px 10px 0px 20px;
}
#footer a {
color: #336600;
}
#footer a.noline {
text-decoration: none;
}
#footer #leftside {
float: left;
}
#footer #rightside {
float: right;
position: relative;
}
/* --- XML-Darstellung --- */

.dynlist { /* zu lokal.xslt */
float: left;
position: absolute;
}

#wetterheute { /* zu lokal.xslt */
background-color:#FFFF33;
height: 17em; 
width: 11em; 
float: left;
padding-left: 0.3em;
margin-right: 10px;
text-align: center;
padding-bottom: 0.5em;
}
#wetterheute ul {
margin-top: 0;
}
#wetterheute h2 {
margin: 0;
padding: 2px 0;
color: #666666;
}
.xmltxt { /* zu prognosentxt.xslt */
padding-right: 15px;
}
.iconsmall img { /* zu iconheute.xslt */
width: 50px;
height: 50px;
margin-bottom: 10px;
}
#prognose {
font-size: x-small;
padding: 0 0 1em 10px;
min-height: 20em;
height: 1%;
width: auto;
max-width:95%;
}
#prognosetitel {
margin-top: 50px;
}
#icon {
float: left;
width: 24em;
}
#wettertxt {
float: left;
width: 38em;
height: auto;
}
#vorschau {
min-height: 18em;
width: 50em;
height:1%;
padding-left: 10px;
}
#vorschau .tag h2 {
color: #666666;
}
#home #vorschau {
/*margin-top: -150px; für breites Format neue Webcams*/
margin-top: -60px;
width: 60em;
 }
.tag {
float: left;
/*height: 12em; --- Korrektur am 14.5.2008 --- */
height: 13em;
width: 9em;
padding-left: 0.3em;
margin-right: 10px;
background-color: #99CC66;
text-align: center;
padding-bottom: 0.5em;
}
.tag h2 {
margin: 0;
padding: 2px 0;
}
#aussichten {
font-size: x-small;
padding: 0 0 1em 10px;
width: 50em;
max-width:95%;
}
/*--- Ende XML-Darstellung --- */

/* --- Wetter/Aktuell - Flash --- */
#heute #content {
margin-left:0px;
background-repeat:no-repeat;
z-index: 1;
position: relative;
height: 600px;
width: 100%;
border: none;
}
/* --- Bilder im Inhalt --- */
#content img {
border: 1px solid #999999;
}
#content img.noborder {
border: none;
}
/* --- Bilder-Scroller --- */
#content a.bildscroll img {
border: none;
}
.bildscroll {
display: block;
border: 1px solid black;
padding: 0;
}
.bildscroll:hover {
position: relative;
}
.bildscroll img {
border: none;
}
.bildscroll:hover img {
display: none;
}
/* --- Ende Bilder-Scroller --- */

/* --- Bildergalerie --- */

#ho-ar #ri-le,
#schiess-ar #ri-le,
#archiv #ri-le,
#schwarzhorn-ar #ri-le,
#parp-ar #ri-le,
#arosa-ar #ri-le {
width: 500px;
}
#ho-ar #ri-ri,
#schiess-ar #ri-ri,
#archiv #ri-ri,
#schwarzhorn-ar #ri-ri,
#parp-ar #ri-ri,
#arosa-ar #ri-ri {
width: 200px;
}
#manual {
position: absolute;
left: 10px;
width: 474px;
height: 352px;
border: 1px solid #999;
padding: 2px;
margin: 10px 0 0 10px;
font-weight: bold;
}
#ho-ar #manual {
background-image:url(../bilder/hoernli-07.06.2006.jpg);
}
#schiess-ar #manual {
background-image:url(../bilder/schiesshorn-01.07.2006.jpg);
}
#archiv #manual {
background-image: url(../bilder/best_07_June_06.jpg);
color: #333333;
}
#schwarzhorn-ar #manual {
background-image:url(../bilder/blick_auf_schwarzhorn.jpg);
}
#arosa-ar #manual {
background-image:url(../bilder/blick_auf_arosa.jpg);
}
#parp-ar #manual {
background-image:url(../bilder/blick_auf_parpaner-weisshorn.jpg);
}
#manual-text { /* positioniert den Erklärungstext unten im HG-Bild! */
padding-top: 250px;
color: #CCCCCC;
}
#bildauswahl label {
font-weight: bold;
font-size: small;
padding-top: 0.8em;
color: #29412C;
}
#bildauswahl select {
background-color: #99CCFF;
}
ul#gallery-right {
width: 290px;
height: 38em;
padding: 0 0 10px 0;
margin-top: 1em;
margin-left: 0;
font-weight: bold;
}
#gallery-right li {
font-size: 0.8em; /* --- muss genau!!! so bleiben! --- */
font-weight: normal;
text-align: left;
font-family: Arial, Helvetica, sans-serif; /* --- muss genau!!! so bleiben! --- */
width: 60px;
height: 5.8em;
background-position:top center;
background-repeat:no-repeat;
}
/* thumbnail */
.pic { 
}
#gallery-right li a {
vertical-align: top;
}
#gallery-right a {
display:block;
height: 45px;
z-index: 1;
}
/* grosses Bild */
#gallery-right a img { 
position:absolute;
top: 60px;
left:20px;
width:0px;
border: 0;
z-index: 1;
}
* html ul#gallery-right a:hover {
display:block;
height: 45px;
border: 0;
}
* html ul#gallery-right a:active {
display:block;
height: 45px;
border: 0;
}
/* grosses Bild */
#gallery-right a:hover img {
margin-top: 40px;
width: 480px;
height: 360px;	
border: 1px solid #999;
z-index: 1;
}
/* grosses Bild */
#gallery-right a:active img {
margin-top: 40px;
width: 480px;
height: 360px;	
border: 1px solid #999;
z-index: 100;
}
/* grosses Bild */
#gallery-right a:focus img { 
margin-top: 40px;
width: 480px;
height: 360px;
border: 1px solid #999;
z-index: 1;
}
/* --- Ende Bildergalerie --- */

/* ---  Kontaktformular --- */
fieldset#kontaktformular {
position: absolute;
width: 34em;
min-height: 35em;
height: 1%;
clear: both;
margin-top:20px;
border: 1px solid #999;
padding: 5px;
}
label, input, select, textarea {
display: block;
float: left;
width: 16em;
}
input#newsletter {
width: 1em;
margin-left: 0;
}
legend {
color: #999;
font-weight: bold;
margin-bottom: 0.5em;
}
label {
padding-bottom: 0.8em;
}
select {
width: 16.4em;
height: 1.4em;
}
textarea {
width: 16.4em;
height: 10em;
}
form br {
clear: left;
}
input#submit {
float: left;
width: auto;
margin-left: 16em;
margin-top: 1em;
}
input#reset {
width: auto;
margin-left: 5px;
margin-top: 1em;
}
.must {
font-size: x-small;
margin-top: 2em;
}
/* --- Ende Kontaktformular --- */
/* ---  Wetterbild Formular --- */

#abo form {
position: absolute;
}
fieldset.abo {
position: relative;
width: 45em;
clear: both;
margin-top:20px;
border: 1px solid #999;
padding: 5px;
}
#abo input.berg,
#abo input.zeit {
width: 1em;
margin-left: 0;
}

/* --- Ende Wetterbild Formular --- */

/* ---  Linkformular --- */

fieldset#linkform {
position: absolute;
width: 34em;
min-height: 44em;
height: 1%;
clear: both;
margin-top:20px;
border: 1px solid #999;
padding: 5px;
}
#linkform .radio {
width: 1em;
margin-left: 0;
}
/* --- Ende Linkformular --- */


/* --- Wetterlexikon --- */
#lex ol {
list-style-type: upper-alpha;
font-weight: bold;
color: #29412C;
}
#lex ol ul {
font-weight: normal;
}
.verweis,
.verweis a {
color: #006600;
}
#lex ol img {
margin: 0.5em 0;
}
#lex caption {
font-size: small;
font-style: italic;
text-align: left;
margin-top: 1em;
margin-bottom: 0.2em;
}
#lex th {
background-color: #CCCCCC;
padding-left: 0.3em;
vertical-align: middle;
border: 1px solid #000;
border-collapse: collapse;
}
#lex td {
vertical-align:top;
}
#windskala th.col1 {
width: 3em;
}
#windskala th.col2 {
width: 7em;
}
#windskala th.col3 {
width: 10em;
}
/**/#lex #right tr td{
border-top: 1px solid #999999;
}
#lex #right table {
font-size: x-small;
border: 1px solid #999999;
border-collapse: collapse;
margin-bottom: 1em;
margin-top: 1em;
}
table#windskala {
width: 60em;
}
table#hitzeindex {
width: 40em;
}
table#luftdruck {
width: 30em;
}
table#regenbez,
table#regenint,
table#regendauer,
table#windstaerke,
table#windchill {
width: 43em;
}
table#regen,
table#regenver,
table#temp,
table#uv,
table#winde {
width: 60em;
}
#regen th {
width: 10em;
}
#regenbez th,
#regen th,
#regenver th,
#regenint th,
#regendauer th,
#temp th,
#winde th {
background-color: transparent;
border: 1px solid #999999;
}
#uv td,
#windstaerke td,
#windchill td  {
border: 1px solid #999999;
padding-left: 0.2em;
border-collapse: collapse;
}
#lex .sup {
vertical-align: super;
font-size: 0.7em;
}
/* --- Ende Wetterlexikon --- */

/* ---  Link-Listen --- */
ul.linkliste {
position: relative;
}
ul.linkliste li {
margin-bottom: 0.5em;
height: 2em;
}
ul.linkliste li.extra {
margin-bottom: 0.5em;
height: 3em;
}
.description-br {
padding-left: 19.6em;
}

ul.linkliste li a:hover {
background-color: #99CC66;
background: url(../bilder/pfeil.gif) no-repeat right;
}
ul.linkliste li:hover {
background-color: #99CC66;
}
ul.linkliste a {
width: 14em;
display: block;
float: left;
margin-right: 0.5em;
}
#li-cam ul.linkliste a {
width: 22em;
}
#li-arosa ul.linkliste li a {
width: 20em;
}
.list-titel {
font-weight: bold;
color: #29412C;
margin-bottom: 1em;
}
.list-titel a {
text-decoration: none;
color:#29412C;
}
ul.linkliste li.list-titel:hover {
background-color: #fff;
}
.rating {
width: 5em;
float: left;
}
/* --- Ende Link-Listen --- */
/* --- Weisshorngipfel --- */
.bilderblock { /* platziert zwei Bilder mit 50px Abstand */
margin-top: 50px;
padding-top: 50px; /* platziert beide Bilder 50px tiefer */
}
.bildallein {
margin-top: 50px;
}
.rechts {
margin-left: 380px;
}
.bigrechts {
margin-left: 300px;
}
.imgup {
float: left;
margin-top: -50px; /* hebt die Platzierung für das 1. Bild wieder auf */
margin-right: 20px;
}
/* --- Ende Weisshorngipfel --- */
#print {
float: right;
margin-right: 2em;
}
#print a {
text-decoration: none;
font-weight: bold;
font-size: x-small;
}
#print a img {
border: none;
margin-right: 0.5em;
margin-top: 2px;
}
/* --- Gaestebuch --- */
#guestbook #right h1{
padding-left: 20px;
}
#gaestebuch {
margin-left: -20px;
border: none;
}
/* --- Ende Gaestebuch --- */


}
img {
color: #666666;
}