/* www. loipe-langis.ch */

/* Farben:
#336699 = blau (HG und Schrift)
#EEEEEE = hellgrau
#5F5F5F = dunkel-grau
*/

body {
margin-top:0px;
margin-bottom:0px;
background-image:url(../grafik/hg.jpg);
background-position:0px 100px;
background-color:#336699;
font-family: Verdana,Arial,Helvetica;
font-size:10pt;
  scrollbar-base-color:#EEEEEE;
  scrollbar-arrow-color:#336699;
  scrollbar-darkshadow-color:#5F5F5F;
  scrollbar-face-color:#EEEEEE;
  scrollbar-highlight-color:#5F5F5F;
  scrollbar-shadow-color:#5F5F5F;
  scrollbar-track-color:#EEEEEE;
}

/*   */
p,li,tr, td { font-family: Verdana,Arial,Helvetica; font-size:10pt; line-height:14pt; color:#000000; }
.klein { font-size:8pt; }
.rechts { text-align:right;}
.mitte { text-align:center;}

.wichtig { font-size:10pt; border-width:1px; border-color:#336699;  border-style:solid; padding:10px; }
.blau { color:#336699; }

td, th { vertical-align:top; text-align:left;}
.cb { text-align:center; vertical-align:bottom;}



hr { color:#336699; height:2px;  }

ul { list-style-type:square;}
li {  line-height:14pt;}
ul.ul2 { list-style-type:disc; }
ul.ski { list-style-image:url(../grafik/skipic.gif);  }

/*  Überschriften  */
h1 {font-size:14pt; color:#336699;  margin-left:20px; margin-top:10px}
h2 {font-size:10pt; color:#336699;  background-color:#EEEEEE; padding: 5px; }
h3 {font-size:10pt; color:#000000; }
/*h2:before { content:url(../grafik/ski150.jpg)" "; } geht leider nicht beim IE*/

p,h1,h2,h3,h4,h5,h6,ul,ol,li { margin-right:20px;}

.leg {font-size:10pt; color:#336699; }

/*.trenn { image:url(../grafik/ski150.jpg); }*/


/*background-image:url(../grafik/ski150.jpg); background-repeat:no-repeat;*/


/*Layout Navigation links*/
.navi {left:20px; width:130px; height:20px; background-image:url(../grafik/hg-navi.jpg); background-color:#C4C9D5; padding:5px; }
.navi-w {left:40px; width:130px; height:20px; background-image:url(../grafik/hg-navi-w.jpg); background-color:#336699; padding:5px; text-align:right; color:#FFFFFF; }


/*Layout Textfeld und Text */
.textfeld {
position:absolute;
top:100px;
left:100px;
width:700px;
min-height:500px; /* Für FireFox */
overflow:visible;
background-color:#FFFFFF;}

* html .textfeld /* Für IE */
{
height: 500px;
}
/*--min-height:500px; geht sehr schön bei Firefox, leider nicht beim IE :-(
overflow:visible = Inhalt ragt aus dem Element so weit heraus, dass sein Inhalt auf jeden Fall komplett sichtbar ist.
Firefox vergrössert nicht textfeld dabei
overflow:scroll = Inhalt in Scrollfentsre; bei auto = vom Browser gewählt, hier würde es scrollen*/

.text { margin-left:90px;  background-color:#FFFFFF;z-index:0;}


.fuss {position:absolute;
bottom:0px;
width:700px;
text-align:center; font-size:8pt; color:#336699; background-color:#EEEEEE;
border-top-color:#336699; border-left-color:#FFFFFF; border-right-color:#FFFFFF; border-bottom-color:#FFFFFF;
border-width:1px; border-style:solid; padding-top: 5px; padding-bottom: 5px; }
/* mit bottom:-50px; o. ä. liesse sich der Adressteil optisch vom Textteil trennen */




/* Links und Navigationselemente*/

/* Links */
a:link { color:#0099CC; text-decoration:underline; }
a:visited { color:#006699; text-decoration:underline; }
a:hover { color:#006699; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }



/* Navigation-links (Haupt-Navi) Sektoren */
#navigation a:link { font-size:10pt; color:#336699; font-weight:bold; text-decoration:none;}
#navigation a:visited {font-size:10pt;  color:#5F5F5F; font-weight:bold; text-decoration:none;}
#navigation a:hover {font-size:10pt; letter-spacing:1px; color:#FFFFFF;  font-weight:bold; text-decoration:none;}
#navigation a:active {font-size:10pt; color:#000000; text-decoration:none; }



/* Navigations-oben (Unter-Navi) Sektoren */
#u-navi a:link { font-size:10pt; color:#336699; font-weight:bold; text-decoration:none;
border-top-color:#FFFFFF; border-left-color:#336699; border-right-color:#FFFFFF; border-bottom-color:#336699;
border-width:1px; border-style:solid;
 padding: 5px}
#u-navi a:visited {font-size:10pt;  color:#999999; font-weight:bold; text-decoration:none;
border-top-color:#FFFFFF; border-left-color:#336699; border-right-color:#FFFFFF; border-bottom-color:#336699;
border-width:1px; border-style:solid;
padding: 5px}
#u-navi a:hover {font-size:10pt;  color:#FFFFFF;  font-weight:bold; text-decoration:none; background-color:#336699; padding: 5px}
#u-navi a:active {font-size:10pt; color:#FFFFFF; text-decoration:none; background-color:#336699; padding: 5px}

div.unavi-hg { line-height:24pt;  text-align:right; }










/* Formulare */
legend { font-family: Verdana, Arial,Helvetica; font-size:11pt; line-height:12pt; text-align:left; font-weight:bold; color:#0099CC; padding:10px;}
fieldset { border-color:#0099CC; padding:5px;}

.top {vertical-align:top; padding:5px;}
.bot {vertical-align:bottom; padding:5px;}
.middle {vertical-align:middle; padding:5px;}