@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------
Stylesheets fuer pedaloradtours.de
Datei:    bildschirm.css 
Ersteller: KS webdesign    http://webdesign-passau.com
----------------------------------------------------------------*/

/*###########################################

 INHALTSVERZEICHNIS:
1.Allgemeine Selektoren
2.Allgemeine Hyperlinks
3.Layout allgemein + #startseite
      3.1 #umhang
      3.2 #kopf
      3.3 #topnavi
      3.4 #tourennavi
      3.5 #inhalt
      3.6 #fuss
4. Layout Unterseiten  
      4.1 #anmeldung
      4.2 #reisebedingungen
      4.3 #impressum
      4.4 #einzeltouren
5.Sonstige Styles
      5.1 Sonstige Klassen

###########################################*/


/*========================================
   1. Allgemeine Selektoren
   ========================================*/
 *  {
	padding:0;
	margin:0;
}
html  {
	height:100%;
}
body  {
         color:#505050;
         background-color:#ecc7bc;
         font:100%/1.4 arial, verdana, sans-serif;
}
p, li, dt, dd, label  {
        font-size:0.9em;
}
p  {
         margin-bottom:0.5em;
}
li  {
         list-style-type:none;
}
img  {
	border:none;
}
a img  {
        border:none;
} 
h1  {
        position:relative;
        width:56.25em;
        height:10em;
	font-size:1em;
}
h1 span  {
        position:absolute;
        width:100%;
        height:100%;
        background:url(../grafiken/header.jpg) no-repeat left top;
}
h2  {
	font-size:1em;
}
h3  {
	font-size:1.3em;
        margin-top:1.25em;
        margin-bottom:0.2em;
}
h4  {
	font-size:1.1em;
        margin-top:1.5em;
        margin-bottom:0.2em;
}
h5  {
	font-size:1em;
        margin-top:1.6em;
        margin-bottom:0.3em;
}
h6  {
        font-size:1em;
        margin-top:1.6em;
        margin-bottom:0.3em;
}


 /*========================================
   2. Allgemeine Hyperlinks
   ========================================*/
 
a  {
	color:#2b6c49;
	background-color:#f5f5f5;
}
a:visited  {
	color:#245b3d;
	background-color:#f5f5f5;
}
a:focus, a:hover  {
	color:#274d61;
	background-color:#f5f5f5;
        text-decoration:none;
}
a:active  {
	color:#2b6c49;
	background-color:#f5f5f5;
}  
 

/*========================================
   3. Layout allgemein # #startseite
   ========================================*/

/*::::::::::::::::::: 3.1 #umhang ::::::::::::::::::::::::::::::::*/

#umhang  {
        width:56.25em;
        background-color:#f5f5f5;
        border:2px solid #2B6C49;
        margin:0 auto;
}

/*::::::::::::::::::: 3.2 #kopf ::::::::::::::::::::::::::::::::::*/

#kopf  {
        position:relative;
        width:56.25em;
}

/*::::::::::::::::::: 3.3 #topnavi :::::::::::::::::::::::::::::::*/

#topnavi  {
        width:56.25em;
        background-color:#dbe9f0;
        font-weight:bold;
}
#topnavi li  {
        float:left;
        width:11.25em;
        background-color:#dbe9f0;
        font-size:1em;
}
#topnavi a  {
        display:block;
        color:#2b6c49;
        background-color:#dbe9f0;
        padding:0.5em 0 0.5em 1.5em;
}
#topnavi strong  {
        display:block;
        color:#f5f5f5;
        padding:0.5em 0 0.5em 1.5em;
}

#topnavi #navi01 a,
#topnavi #navi01 strong  {
        padding-left:1.8em;
} /* Linktext horizontal einigermassen zentriert */
#topnavi #navi02 a,
#topnavi #navi02 strong  {
        padding-left:3.2em;
} /* Linktext horizontal einigermassen zentriert */
#topnavi #navi03 a,
#topnavi #navi03 strong  {
        padding-left:3.13em;
}  /* Linktext horizontal einigermassen zentriert */
#topnavi #navi04 a,
#topnavi #navi04 strong  {
        padding-left:0.5em;
}  /* Linktext horizontal einigermassen zentriert */
#topnavi #navi05 a,
#topnavi #navi05 strong  {
        padding-left:3.1em;
}  /* Linktext horizontal einigermassen zentriert */


#topnavi a:hover,
#topnavi a:focus,
#topnavi a:active,
#topnavi #sprache a:hover,
#topnavi #sprache a:focus,
#topnavi #sprache a:active,
#topnavi strong  {
     background-color:#74b190;
     color:#ffffff;
}

/*::::::::::::::::::: 3.4 #tourennavi ::::::::::::::::::::::::::::*/

#tourennavi  {
        clear:left;
        float:left;
        width:16.5em;
        padding-bottom:2em;
}
#tourennavi h2  {
        color:#8a736c;
        margin:2em 0 0.3em 1.81em;
}
#tourennavi li  {
        margin-bottom:0.2em;
}
#tourennavi a  {
        display:block;
        border-left:1.56em solid #f5f5f5;
        padding-left:0.5em;
}
#tourennavi strong  {
        display:block;
        color:#274d61;
        font-weight:normal;
        border-left:1.56em solid #ecc7bc;
        padding-left:0.5em;
}
#tourennavi a:hover,
#tourennavi a:focus,
#tourennavi a:active  {
        border-left:1.56em solid #ecc7bc;
        padding-left:0.5em;
}

/*::::::::::::::::::: 3.5 #inhalt ::::::::::::::::::::::::::::::::*/

#inhalt  {
        float:right;
        width:36.25em;
        padding:1.56em 0.94em 0.94em 0;
}
#inhalt h2  {
        font-size:1.5em;
        margin-bottom:1em;
}
#inhalt .hervorhebung  {
        width:31.25em;
        background:url(../grafiken/hervorhebung.png) no-repeat left top;
        font-size:1em;
        font-weight:bold;
        text-indent:1.19em;
        margin-top:1.13em;
        -moz-border-radius:0.5em;  /* CSS 3 Eigenschaft */
        -webkit-border-radius:0.5em; /* CSS 3 Eigenschaft */
        border-radius:0.5em;     /* CSS 3 Eigenschaft */
}
p.bilderquelle  {
        font-size:0.8em;
        text-align:center;
        margin-bottom:0;
}
p.bilderquelle a {
        padding-left:0;
}

/*::::::::::::::::::: 3.6 #fuss :::::::::::::::::::::::::::::::::*/

#fuss  {
        clear:both;
        position:relative;
        background-color:#62ac84;
        color:#fff;
        font-size:1.1em;
        font-weight:bold;
}
#fuss .fuss-links  {
        float:left;
        width:31em;
        background:url(../grafiken/logo.png) no-repeat 350px 20px;
        font-weight:bold;
}
#fuss .fuss-rechts  {
        float:right;
        width:20em;
        padding-top:0.4em;
}
address  {
        padding:0.94em 0 0.94em 1em;
}
#fuss .fuss-links address span.kleiner  {
        font-size:0.9em;
        font-weight:normal;
}
#fuss li a  {
        background-color:#fff;
}  /*HG-Farbe für Skiplinks in #fuss */
#fuss li a:hover,
#fuss li a:focus,
#fuss li a:active  {
	color:#274d61;
}  /*Textfarbe für Skiplinks in #fuss */

#fuss a  {
        background:transparent;
        color:#ecc7bc;
}
#fuss a:hover,
#fuss a:focus  {
        color:#f0f640;
}

/*========================================
   4. Layout Unterseiten
   ========================================*/

/*:::::::::::::::::: 4.1 #anmeldung :::::::::::::::::::::::::::::*/


/*!!!!!!!!!!!!!!!!!!!! Anmeldungsseite wg. der Tabelle verbreitert !!!!!!!!!!!!!!!!!!!!*/

#anmeldungsseite h1  {
        width:59em;
        height:10.5em;
}
#anmeldungsseite h1 span  {
        background:url(../grafiken/header-anmeldung.jpg) no-repeat left top;
}
#anmeldungsseite #umhang  {
        width:59em;
}
#anmeldungsseite #kopf  {
        width:59em;
}
#anmeldungsseite #topnavi  {
        width:59em;
}
#anmeldungsseite #topnavi li  {
        width:11.79em;
}
#anmeldungsseite #topnavi #navi01 a,
#anmeldungsseite #topnavi #navi01 strong  {
        padding-left:1.8em;
} /* Linktext horizontal einigermassen zentriert */
#anmeldungsseite #topnavi #navi02 a,
#anmeldungsseite #topnavi #navi02 strong  {
        padding-left:4em;
} /* Linktext horizontal einigermassen zentriert */
#anmeldungsseite #topnavi #navi03 a,
#anmeldungsseite #topnavi #navi03 strong  {
        padding-left:3.13em;
}  /* Linktext horizontal einigermassen zentriert */
#anmeldungsseite #topnavi #navi04 a,
#anmeldungsseite #topnavi #navi04 strong  {
        padding-left:1.5em;
}  /* Linktext horizontal einigermassen zentriert */
#anmeldungsseite #topnavi #navi05 a,
#anmeldungsseite #topnavi #navi05 strong  {
        padding-left:3.1em;
}  /* Linktext horizontal einigermassen zentriert */

#anmeldungsseite #tourennavi  {
        width:14.3em;
}
#anmeldungsseite #inhalt  {
        width:43em;
        padding-left:0;
}
#anmeldungsseite #fuss .fuss-links  {
        width:33em;
        background:#62ac84 url(../grafiken/logo.png) no-repeat 350px 20px;
}
#anmeldungsseite #fuss .fuss-rechts  {
        width:20em;
}

/*!!!!!!!!!!!!!!!!! Ende Verbreiterung Anmeldungsseite !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



.abstandunten  {
        margin-bottom:1.5em;
}
table  {
        font-size:0.9em;
        width:99%;
        text-align:center;
        border-collapse:collapse;
        border:1px solid #ecc7bc;
}
th,
td  {
        vertical-align:middle;
        border:1px solid #ecc7bc;
}
th  {
        background-color:#f1f1f1;
        font-weight:normal;
        padding:0 0.2em;
}
td  {
        padding:0.3em 0;
}
#anmeldungsseite #inhalt p label  {
        font-size:1em;
} /* damit label in p wieder 0.9em Schriftgröße hat!! */

label.davor  {
        float:left;
        clear:left;
        width:16em;
        text-align:right;
        margin-right:0.65em;
}
label.davor2  {
        float:left;
        clear:left;
        width:1.25em;
        text-align:right;
        margin-right:0.65em;
}
input  {
        padding:0.2em;
}
input#abschicken  {
        cursor:pointer;
}
.formularblock  {
        margin:2em 0;
        line-height:2; /* vertikalen Abstand zwischen den inputs hergestellt */
}
fieldset  {
        width:37.5em;
        padding:0.65em;
        border:1px solid #ecc7bc;
}
legend  {
        font-weight:bold;
        padding:0 0.65em;
}
p.zeilenhoehe  {
        line-height:2;
} /* vertikalen Abstand zwischen den inputs hergestellt */

p.abstand-agb  {
        margin:1em 0
}   /* Satz vor Absendebutton bekommt etwas Abstand */


/*::::::::::::::::: 4.2 #reisebedingungen :::::::::::::::::::::::*/

#reisebedingungen h3  {
        font-size:1em;
}
#reisebedingungen dl  {
        margin-bottom:0.5em;
}


/*::::::::::::::::: 4.3 #impressum :::::::::::::::::::::::::::::*/

.webworker  {
        margin-top:3em;
}


/*::::::::::::::::: 4.4 #einzeltouren ::::::::::::::::::::::::::*/

#einzeltouren #inhalt  {
        padding-top:3em;
}
#einzeltouren #inhalt  {
        padding-right:2em;
}


.streckenskizze  {
        padding:0.1em;
        border:1px solid #ecc7bc;
}
.streckenskizze-2  {
        float:right;
        padding:0.1em;
        border:1px solid #ecc7bc;
        margin-right:2em;
        margin-bottom:2em;
} /* Anpassung für Hochformat-Tourenskizzen */

.kurzbeschreibung  {
        margin-top:1.5em;
        margin-bottom:1.5em;
}
.kurzbeschreibung-2  {
        margin-top:2em;
        margin-bottom:2em;
}  /* Anpassung für Hochformat-Tourenskizzen */

.abstandoben  {
        margin-top:1em;
}  /* Bei manchen Kurzbeschreibungen sind zwei Absätze da (Jakobspilgerweg) */

.kurzbeschreibung dt  {
        font-weight:bold;
}
.kurzbeschreibung-2 dt  {
        font-weight:bold;
}
.pfeilnachunten  {
        background:url(../grafiken/pfeilnachunten.png) no-repeat left top;
        padding-left:1em;
}
.routenbeschreibung  {
        background:url(../grafiken/hervorhebung2.png) no-repeat left top;
        text-indent:0.5em;
        margin-top:2em;
        margin-bottom:1em;
        margin-left:-0.5em;
        -moz-border-radius:0.5em;  /* CSS 3 Eigenschaft */
        -webkit-border-radius:0.5em; /* CSS 3 Eigenschaft */
        border-radius:0.5em;     /* CSS 3 Eigenschaft */
}
.routenbeschreibung-2  {
        clear:right;
        background:url(../grafiken/hervorhebung2.png) no-repeat left top;
        text-indent:0.5em;
        margin-top:2em;
        margin-bottom:1em;
        margin-left:-0.5em;
        -moz-border-radius:0.5em;  /* CSS 3 Eigenschaft */
        -webkit-border-radius:0.5em; /* CSS 3 Eigenschaft */
        border-radius:0.5em;     /* CSS 3 Eigenschaft */
}   /* Anpassung für Hochformat-Tourenskizzen */

.pfeilnachoben  {
        background:url(../grafiken/pfeilnachoben.png) no-repeat left top;
        padding-left:1em;
}
.beschreibungskasten  {
        clear:left;
        float:left;
        width:33em;
        background-color:#f1eff1;
        padding:1em;
        border:1px solid #c0bebe;
        margin:0.5em 0;
        -moz-border-radius:0.5em;  /* CSS 3 Eigenschaft */
        -webkit-border-radius:0.5em; /* CSS 3 Eigenschaft */
        border-radius:0.5em;     /* CSS 3 Eigenschaft */
}
.beschreibungskasten dt  {
        font-weight:bold;
        margin-bottom:0.3em;
}
.beschreibungskasten dt span  {
        font-size:1.1em;
        margin-right:1em;
}

.tourenthumbs  {
        float:left;
        padding:2px;
        border:1px solid #62ac84;
        margin-right:1em;
}
#einzeltouren p.nachoben  {
        margin-bottom:0; /* margin für p von Allgemeine Selektoren auf null gesetzt */
}
#detailcontainer dl  {
        margin:1em 0;
}
#detailcontainer dt  {
        font-weight:bold;
        margin-bottom:0.2em;
}


#tourendetails  {
        background:url(../grafiken/hervorhebung2.png) no-repeat left top;
        text-indent:0.5em;
        margin-top:2em;
        margin-left:-0.5em;
        -moz-border-radius:0.5em;  /* CSS 3 Eigenschaft */
        -webkit-border-radius:0.5em; /* CSS 3 Eigenschaft */
        border-radius:0.5em;     /* CSS 3 Eigenschaft */
}

        
/*========================================
   5. Sonstige Klassen
   ========================================*/

p.pixelio  {
        width:50em;
        font-size:0.6em;
        margin:0.5em auto 0 auto;
}
p.pixelio a  {
        background:transparent;
}


.listenzeichen1  {
        background:url(../grafiken/listenzeichen1.png) no-repeat left 0.2em;
	padding-left:1.4em;
	margin-bottom:0.3em;
}
.listenzeichen2  {
        background:url(../grafiken/listenzeichen2.png) no-repeat left 0.2em;
	padding-left:1.4em;
	margin-bottom:0.3em;
}
 .nachoben  {
        clear:left;
        font-size:0.8em;
}
.pfeilnachoben  {
        display:block;
        background:url(../grafiken/pfeilnachoben.png) no-repeat 0 0.2em;
        padding-left:1.2em;
}
.skiplink  {
        position:absolute;
        top:-9999px;
        left:-9999px;
        width:0px;
        height:0px;
        display:inline;
}
.skiplinktab:focus,
.skiplinktab:active  {
        position:absolute;
	top:9999px;
	left:9999px;
	display:inline;
	width:13em;
	height:auto;
	background-color:#fff;
	color:#000;
	padding:0.6em;
	border:2px solid #000;
}
.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
} 
#anmeldung-fehler {
	border: 2px solid #F00;
	background: #E99;
	background: #FFF;
	color:      #F00;
	margin: 1em 0;
	padding: 1em;
	font-weight: bold;
}