html {margin:0;padding:0}
body {margin:0;padding:5px 0;font-family:Arial,Sans-serif; background-color:#242A30; color:#fff; line-height:1.3em}
/* ------------------------------------------ */
/* ---------------------------------- a & img */
/* ------------------------------------------ */
a:link, a:visited {background:inherit; color:#9EC8D7;text-decoration:none}
a:hover, a:focus {background:#fff; color:#2f4f4f}
a img {border:1px solid #383e25}
a:hover img, a:focus img {border:1px dashed #c8dfe7}
a.nix {border:none}
a.nix:hover, a.nix:focus {background:transparent}
img {border:none; text-decoration:none; padding:0}
/* ------------------------------------------ */
/* ------------------------- layout-container */
/* ------------------------------------------ */
#maincontainer {margin:0 auto 0 auto; padding:0 10px 0 3px; max-width:750px}
/* ------------------------------------------ */
/* ----------------------------------- header */
/* ------------------------------------------ */
header#top {display:block; height:111px;margin:6px 0;width:750px;min-height:160px;}
header#top h1 {float:right: background:url(../images/logo_walk.png) top left no-repeat}
img#logo {float:right;padding-top:10px}
/* ------------------------------------------ */
/* --------------------------------- main-nav */
/* ------------------------------------------ */
nav#mainmenu {float:left;margin:8em 0 0 0 ;padding:0;}
#mainmenu ul.bignavlinks {list-style:none; margin:0;padding:0;min-height:3em}
#mainmenu ul.bignavlinks li {display:inline;padding-right:3px }
#mainmenu a, #mainmenu a:visited { padding:1.5em 0.6em 1em 0.6em;text-align:center;color:#fff;background:url(../images/kurve_urechts.png) bottom right no-repeat; background-color:#6E6C6A}
#mainmenu a:hover, #mainmenu a:focus {color:#2f4f4f;background-color:#fff; }
#mainmenu a.fixit {color:#2f4f4f;background:url(../images/kurve_urechts.png) bottom right no-repeat ;background-color:#fff; }
#mainmenu span {font-size:1.3em ;}
/* ------------------------------------------ */
/* ----------------------------- main-content */
/* ------------------------------------------ */
#mainbox {clear:both;margin-top:60px;margin-bottom:2em;max-width:750px}
#mainbox h2 {margin-top:40px;font-weight:normal;font-size:1.6em }
#mainbox h3{margin-top:20px;font-weight:normal; font-size:1em}
#mainbox h4 {font-size:106%; margin-top:2em}
/* ------------------------------------------ */
/* ----------------------------------- footer */
/* ------------------------------------------ */
footer {clear:both;display:block;margin:65px 0; border-top:1px solid #a0a0a0}
footer ul.bignavlinks { list-style:none; margin:12px 0 0 0;padding:0;min-height:3em}
footer ul.bignavlinks li {display:inline;padding-right:3px }
footer a:link, footer a:visited { padding:0.3em;text-align:center;color:#fff}
footer a:hover, footer a:focus {color:#2f4f4f;background-color:#fff; }
footer span {font-size:1.4em ;}
footer span#privacy {float:left;margin-top:12px; font-size:95%}
footer span#version {float:right;margin-top:12px; font-size:95%}
footer span#version a img {border:none}
/* ------------------------------------------ */
/* ------------------------------ aside notes */
/* ------------------------------------------ */
#tracks {display:block; float:left; margin-top: 12px}
/* ------------------------------------------ */
/* ------------------------------ pond-videos */
/* ------------------------------------------ */
#video {display:block }
#video img {border:none;float:left;margin-bottom:1.5em}
article.video {display:block; width:370px}
.video p {font-size:90%; font-family:Verdana;text-align:left}
.video .vd, footer.vd { padding-top:1.2em; font-size:80%}
/* ------------------------------------------ */
/* --------------------------------- dv-clips */
/* ------------------------------------------ */
#clips {display:block }
#clips img {border:none;float:left;margin-bottom:1.5em}
article.piccinin {float:left;display:block; width:370px}
.piccinin p, .piccinin h4 {font-size:90%; font-family:Verdana;text-align:left}
article.moscerin {float:left;display:block; width:370px}
.moscerin p, .moscerin h4 {font-size:90%; font-family:Verdana;text-align:left}
/* ------------------------------------------ */
/* ----------------- pagina archivio raccolte */
/* ------------------------------------------ */
section.archive {display:block; margin-top:50px; padding-left: 335px; min-height:510px}
section.archive div.text {margin:3em 0 0 2.7em; font-size:80%}
section#trekking {background:url(../images/sf_trekking.jpg) top left no-repeat}
section#haderburg {background:url(../images/sf_haderburg.jpg) top left no-repeat}
section#pictures {background:url(../images/sf_pictures.jpg) top left no-repeat}
#mainbox h3.inner {margin:0 0 1.8em 1.6em; font-size:135%}
#mainbox h3.notinner {border-top:1px solid #a0a0a0;margin:2em 0 0 0;padding-top:2em; font-size:135%}
/* ------------------------------------------ */
/* ---------------------------- pagine indice */
/* ------------------------------------------ */
div#sectionpage {display:block; margin-top:35px; padding-left: 335px; min-height:510px}
#sectionpage.trekking {background:url(../images/sf_trekking.jpg) top left no-repeat}
#sectionpage.haderburg {background:url(../images/sf_haderburg.jpg) top left no-repeat}
#sectionpage.pictures {background:url(../images/sf_pictures.jpg) top left no-repeat}
#sectionpage.notes, #sectionpage.tracks {padding-left:100px}
#sectionpage #vortext, #sectionpage #nachtext {display:block;padding-bottom:1em}
#sectionpage a {border-bottom:1px solid}
#newslist ul {list-style:none outside; padding-left:1.4em; line-height:1.4em}
#newslist li {border-left:2px solid #2f4f4f}
#newslist a:link{ margin-left:8px; padding:1px 2px; border:none}
#newslist a:visited {font-style:italic;margin-left:9px; padding-left:16px; background:url(../images/smile.png) top left no-repeat; color:#fff; border:none}
#newslist a:hover, #newslist a:focus {background:#fff; color:#2f4f4f}
/* nav id - untermenue */
#subsection {display:block; clear:both}
#subsection h1 {font-size:1em;letter-spacing:1px}
#subsection ul { list-style:none inside; padding:0; margin-left:0}
#subsection li {display:inline;line-height:1.4em;border-left:1px solid #c8dfe7; padding:0 6px 0 8px}
#subsection li.first {border:none; padding-left:0}
#subsection a { padding:1px 2px}
#subsection a:visited {font-style:italic;padding-left:16px;background:url(../images/smile.png) top left no-repeat;}
#subsection a:hover, #subsection a:focus {background:#fff; color:#2f4f4f}
/* ------------------------------------------ */
/* --------------------------------- newspage */
/* ------------------------------------------ */
article {display:block; margin-top:2.5em; padding-bottom:1em; font-size:105%}
article a {border-bottom:1px solid}
article a:visited{font-style:italic}
article a:hover, article a:focus {border-bottom:1px solid}
article#home {width:389px; margin:0 auto}
article#home img {border:2px solid #333}
article#home h1 {font-size:95%}
article.slim {background:url(../images/sf_haderfein.jpg) top left no-repeat; padding-left:160px}
article.slim h4 {font-size:100%; margin-top:1.2em; margin-bottom:0.5em}
article.vertical section#bilder {float:left; width:314px; text-align:center; margin:-3px 0 1em -1px}
article.vertical section#newstext {display:block;padding-left:322px}
div#maptorba {width: 100%; height: 450px;border:1px solid #fff}
article.horizontal section#bilder {display:block; text-align:center}
article.horizontal section#bilder img {margin:7px 3px 0 0}
section#bilder img {vertical-align:middle; margin-top:5px}
section#bilder a {border:none}
section#bilder a:hover, section#bilder a:focus {background:transparent}
section#mapbilder #righttext {margin-left:470px;text-align:left;}
/* ------------------------------------------ */
/* ---------------------------------- gpxpage */
/* ------------------------------------------ */
section#gpx {background:url(../images/sf_gpx.png) top left no-repeat;height:860px}
section#gpx nav#newslist a {display:block;padding:0.5em }
section#gpx a strong {letter-spacing:0.4px;color:#9EC8D7;background:inherit}
section#gpx a:hover strong {letter-spacing:0.4px;color:#111;background:inherit}
section#gpx div.text {margin-left:3em}
article#gpx a {border:1px solid}
article#gpx section#gpxmainpic {margin-bottom:1.5em }
article#gpx section#newstext1 {display:block;width:60%;float:left;padding-top:1em; border-right:0.5px solid }
article#gpx section#newstext1 p#gpxlink {margin-top: 2em;text-align:center}
article#gpx section#newstext1 a {display:block;margin:auto;width:60%;line-height:1.5em;padding:0.5em }
article#gpx section#bilder {display:block;width:38%; float:right; text-align:center }
article#gpx section#bilder a {border:none }
article#gpx section#newstext {clear:both;padding-top:1em;}
article#gpx strong, article#gpx h4 {letter-spacing:1px;color:#9EC8D7;background:inherit}
/* ------------------------------------------ */
/* -------------------------- pagina immagine */
/* ------------------------------------------ */
#bigpicture {position:relative; display:block; margin-top:2em; text-align:center; }
#showpicture {position:relative }
#showpicture img {margin-left:1px;margin-top:1.4em}
#textteil {text-align:left; height:50px}
h3.pictitle {text-align:left;font-size:1.6em}
/* navigation unter dem Bild */
#picnavi {display:block;position:relative; width:214px; height:50px; margin:10px auto; color:#fff; background:#242A30; text-align:center}
#picnavi a#backs {display:block;float:left; width:70px; height:50px; background:url(../images/pfeil_fix_left.png) top left no-repeat #242A30 ; color:#fff }
#picnavi a#indexs {display:block;position:absolute; left:72px; width:70px; height:50px; background:url(../images/pfeil_fix_center.png) top left no-repeat #242A30 ; color:#fff }
#picnavi a#fors {display:block;float:right; width:70px; height:50px; background:url(../images/pfeil_fix_right.png) top left no-repeat #242A30 ; color:#fff }
#picnavi a#backs:hover { background:url(../images/pfeil_hover_left.png) top left no-repeat #242A30 ; color:#fff }
#picnavi a#indexs:hover {background:url(../images/pfeil_hover_center.png) top left no-repeat #242A30 ; color:#fff }
#picnavi a#fors:hover {background:url(../images/pfeil_hover_right.png) top left no-repeat #242A30 ; color:#fff }
/* navigation auf dem Bild */
#imglinks {position:absolute;display:block;top:7%}
a#inpict1, a#inpict1:visited {float:left; width:100px}
a#inpict3, a#inpict3:visited {float:left; width:100px; border:none}
a#inpict2, a#inpict2:visited {float:right;width:100px}
a#inpict1:hover {background:url(../images/bild_hover_left.png) center left no-repeat; cursor:pointer }
a#inpict2:hover {background:url(../images/bild_hover_right.png) center right no-repeat; cursor:pointer }
a#inpict3:hover {background:url(../images/bild_hover_center.png) center center no-repeat ; cursor:pointer}
/* Seitennavigation bei mehr Seiten */
#paginaz {padding-bottom:1em;clear:both; font-size:105%}
#paginaz span {color:#fff;background:inherit;border-bottom:1px solid }
#paginaz a.nummer {padding:0 2px}
#paginaz a.nummer:hover, #paginaz a.nummer:focus {padding-bottom:1px}
/* ------------------------------------------ */
/* ----------------------------------- classi */
/* ------------------------------------------ */
.padl {padding-left:1.1em}
.paddl {padding-left:2em}
.paddr {padding-right:2em}
.padop {padding-top:1em}
.pat {padding-top:2em}
.patt {padding-top:3em}
.pabot {padding-bottom:2em}
.matop {margin-top:1em}
.klein {font-size:80%}
.gross {font-size:110%;letter-spacing:2px}
.flt {float:left}
.fltr {float:right}
.mid {vertical-align:middle}
.bot {vertical-align:bottom}
.hand {cursor:pointer}
.bld {font-weight:bold}
.clr {clear:both}
.inline {display:inline}
.blk {display:block}
.mauto {margin:auto; text-align:center}
.rgt {text-align:right}
sup {vertical-align: text-top}
sub {vertical-align: baseline}
/* ------------------------------------------ */
/* --------------------------------- left-off */
/* ------------------------------------------ */
.off, #top h1, #top p {position:absolute; left:-3000px;top: -2000px;width:0;height:0;overflow:hidden;display:inline}