/*
---------- Index ------------------------------
1. Infos zu Standards
2. Grundeinstellungen
3. Listen
4. Überschriften
5. Texte
6. Linien
7. Tabellen
8. Bilder
9. Popups
10. Hauptnavigation
11. Startseite
12. Buchverkauf
13. Erste Hilfe
14. Google Map
15. Infobox
16. Fotogallerie
17. Wein
18. Tourangebote Marketing Coop
19. Angaben für Print
*/


/**************************************************************/
/*                                                            */
/*  1. Infos                                                  */
/*                                                            */
/**************************************************************/

/*
wichtige Farben
grün = #009999
*/


/**************************************************************/
/*                                                            */
/*  2. Grundeinstellungen                                     */
/*                                                            */
/**************************************************************/
body {
margin-top: 0px;
padding-top: 0px;
}

td {
font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #000000;
}

img {
border: 0px;
}

a:hover {
text-decoration: none;
}

div.box {
border: 1px solid #009999;
padding:1em;
}

div.box h2 {
padding:0px;
margin:0px;
}

p.counter a,
p.counter a:hover {
text-decoration: none;
color: #fff;
}

/* GET TOTAL HIKES */
span#total_hikes {
	padding-left:6px;
}


/**************************************************************/
/*                                                            */
/*  3. Listen                                                 */
/*                                                            */
/**************************************************************/
ul {
	list-style-type: disc;
	list-position: outside;
	margin-left: 0.7em;
	padding-left: 0.7em; }

ul.ohne {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}

ul.ohne li {
	border-bottom: 1px solid #009999; }

li {
	padding-bottom: 4px; }

ol.literatur {
	padding-left:22px;
	margin-left:0px;
}


/**************************************************************/
/*                                                            */
/*  4. Überschriften                                          */
/*                                                            */
/**************************************************************/
h1 {
	font: 1.85em Verdana, Arial, Helvetica, sans-serif;
	color: #009999;
	font-weight: bold;
}

h2 {
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

h3 {
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #099;
	font-weight: normal;
}

h4 {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #099;
	display: inline;
}

/**************************************************************/
/*                                                            */
/*  5. Texte                                                  */
/*                                                            */
/**************************************************************/
.textfarbe {
	color: #009999; }
	

/**************************************************************/
/*                                                            */
/*  6. Linien                                                 */
/*                                                            */
/**************************************************************/
/* Content */
hr.liniecontent {
	height: 1px;
	border-top: 0px;
	border-bottom: 1px solid #009999;
	border-left: 0px;
	border-right: 0px;
	margin-top: 13px;
	margin-bottom: 13px; }


/**************************************************************/
/*                                                            */
/*  7. Tabellen                                               */
/*                                                            */
/**************************************************************/
table.gps {
	border: 0px;
}

table.gps td {
	padding-right: 10px;
	vertical-align: top;
}

table.gps td.position {
	white-space: nowrap;
}


/**************************************************************/
/*                                                            */
/*  8. Bilder                                                 */
/*                                                            */
/**************************************************************/
img.tour, img.rahmen {
	border: 4px #fff solid;
}

img.karte {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}

td.bilder {
	vertical-align: top;
}

td.bilder p {
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	text-align:center;
}


/**************************************************************/
/*                                                            */
/*  9. Popups                                                 */
/*                                                            */
/**************************************************************/
.fensterzu {
text-align: right;
font-size: 10px;
color: #009999;
padding-bottom: 4px;
}

.fensterzu a,
.fensterzu a:hover {
color: #009999;
text-decoration: none;
}

body#popup {
background: #FDEBD3;
}

body#popup table {
margin: 16px 0px 16px 0px;
}

h3#popuptitel {
margin-bottom: 16px;
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #009999;
border-top: 1px solid #009999;
}


/**************************************************************/
/*                                                            */
/*  10. Hauptnavigation                                       */
/*                                                            */
/**************************************************************/
td.subnav01, td.subnav02 {
background: #2C295A;
font: 11px/10px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding: 0px 10px 0px 10px;
margin: 0px;
}

td.subnav02 {
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
background: #504E77;
padding: 0px 10px 0px 10px;
}

td.subnav01 a, td.subnav02 a {
text-decoration: none;
color: #fff;
}

td.subnav01 a:hover, td.subnav02 a:hover {
color: #DE7C22;
font-weight: bold;
}

td.subnav01 img, td.subnav02 img {
margin: 0px 8px 0px 8px;
}

.subnav01-on, .subnav02-on {
color: #DE7C22;
font-weight: bold;
}

td.subnav01 p {
padding: 4px 0px 5px 0px;
margin: 0px;
}

td.subnav02 p {
padding: 5px 0px 5px 0px;
margin: 0px;
}

/* Ebene Impressum-Kontakt */
div#impressum, div#contacto, div#contact {
text-align: right;
position: relative;
z-index: 1;
top: 20px;
right: 158px;
}

div#contacto {
right: 155px;
}

div#contact {
right: 158px;
}

/**************************************************************/
/*                                                            */
/*  11. Startseite                                            */
/*                                                            */
/**************************************************************/
div#start {
float: left;
width: 850px;
background: url(../Images/tramahome02.jpg);
}

div#start div#startleft {
width: 500px;
margin: 20px 20px 0px 15px;
float: left;
}

div#start div#startleft div.navpoints {
float: left;
margin-bottom: 16px;
}

div#start div#startleft div.navpoints img {
float: left;
margin-right: 10px;
border: 4px solid #fff;
}

div#start div#startleft div.navpoints h2 {
font: 1.3em Verdana, Arial, Helvetica, sans-serif;
display: block;
margin: 0px;
padding: 0px;
color: #099;
}

div#start div#startleft div#werbung-bottom {
float: left;
width: 500px;
margin-top: 16px;
border-top: 1px solid #009999;
}


div#start div#startright {
width: 300px;
float: left;
margin-top: 40px;
}

/* --- Seitliche Boxen Startseite --- */
div#start div.startbox,
div#start div.startbox-aktuell,
div#start div.startbox-wetter {
width: 205px;
border: 1px solid #009999;
margin: 0px 0px 32px 47px;
}

div#start div.startbox-bildwoche {
width: 217px;
border: none;
margin: 0px 0px 32px 43px;
text-align: center;
}

div#start div.startbox-bildwoche p {
width: 217px;
display: block;
float: left;
margin: 0px;
padding: 0px;
background: url(../Images/bild-woche-hg.jpg);
}

div#start div.startbox h3,
div#start div.startbox-aktuell h3,
div#start div.startbox-wetter h3 {
margin: 1px;
display: block;
text-align: left;
padding: 3px 5px 3px 5px;
background:  #009999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

div#start div.startbox ul {
padding: 0px;
margin: 0px 5px 0px 5px;
list-style: none;
}

div#start div.startbox ul li {
padding: 5px 0px 5px 0px;
margin: 0px;
border-bottom: 1px dashed #009999;
}

div#start div.startbox ul li.letzte,
div#start div.startbox-aktuell h4.letzte {
border-bottom: none;
}

div#start div.startbox-aktuell p {
margin: 5px 5px 0px 5px;
color: #009999;
font-size: 0.8em;
}

div#start div.startbox-aktuell h4 {
margin: 0px 5px 0px 5px;
padding: 0px 0px 5px 0px;
display: block;
font-size: 1em;
border-bottom: 1px dashed #009999;
}

div#start div.startbox-wetter {
text-align: center;
background: #fff;
}

div#start div.startbox-wetter iframe {
margin: 5px 0px 5px 0px;
}

/**************************************************************/
/*                                                            */
/*  12. Buchverkauf                                           */
/*                                                            */
/**************************************************************/
table.buchliste {
margin-left: 10px;
}

td.buchlisteproduktbild,
td.buchlisteprodukt {
padding: 16px 0px 0px 0px;
border-bottom: 1px solid #009999;
}

td.buchlisteprodukt h2 {
margin: 0px;
padding: 0px;
font: 1.3em Verdana, Arial, Helvetica, sans-serif;
color: #099;
}

td.buchlisteprodukt p,
td.buchlisteprodukt ul {
padding-bottom:0px;
margin-bottom:0px;
}

td.buchlisteprodukt div {
padding-top: 16px;
}

td.buchlisteproduktbild, td#buchdetailproduktbild {
text-align: center;
}

td.buchlisteproduktbild img, td#buchdetailproduktbild img {
border: 4px solid #fff;
margin-bottom: 2px;
}

td.buchlisteproduktbild,
td.buchlisteproduktbild a {
font-size: 10px;
color: #009999;
}

td.buchlisteproduktbild a {
text-decoration: underline;
}

td.buchlisteproduktbild a:hover {
text-decoration: none;
}

body#buchdetail {
background: #FDEBD3;
}

body#buchdetail table {
margin: 16px 0px 16px 0px;
border-bottom: 1px solid #009999;
}

td#buchdetailproduktbild div {
padding-top: 16px;
}

h3#buchdetailtitel {
margin-bottom: 16px;
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #009999;
border-top: 1px solid #009999;
}

td#buchdetailproduktbild hr {
height: 1px;
border-top: 0px;
border-bottom: 1px dashed #009999;
border-left: 0px;
border-right: 0px;
margin-top: 16px;
margin-bottom: 16px;
}

p.buchpreis {
float: left;
font-weight: bold;
margin: 0px;
padding: 0px;
}

p.buchbestellen {
float: right;
color: #fff;
background: #099;
margin: 0px;
padding: 0px;
}

p.buchbestellen a {
text-decoration: none;
color: #fff;
text-align: center;
display: block;
width: 70px;
}

p.buchbestellen a:hover {
text-decoration: none;
background: #057C7C;
}

table#buchbestellenartikel {
margin-left: 10px;
}

table#buchbestellenartikel h2 {
margin: 32px 0px 16px 0px;
}

table#buchbestellenartikel th {
height: 20px;
background: #009999;
color: #fff;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
}

table#buchbestellenartikel td.menge,
table#buchbestellenartikel td.titel,
table#buchbestellenartikel td.preis,
table#buchbestellenartikel td.kategorie {
height: 30px;
border-bottom: 1px solid #009999;
}

table#buchbestellenartikel td.menge,
table#buchbestellenartikel td.menge input {
text-align: center;
}

table#buchbestellenartikel td.preis {
text-align: right;
padding-right: 5px;
}

table#buchbestellenartikel td.kategorie {
text-align: center;
font-weight: bold;
}

table#buchbestellenartikel td.summe {
border-bottom: 2px solid #009999;
border-top: 1px solid #009999;
height: 30px;
text-align: right;
padding-right: 5px;
font-weight: bold;
}

table#buchbestellenkontakt {
margin-left: 10px;
padding: 5px;
border: 1px solid #009999;
}

table#buchbestellenkontakt td.textfarbe {
width: 150px;
}

table#buchbestellenkontakt select,
table#buchbestellenkontakt input,
table#buchbestellenkontakt textarea {
width: 250px;
margin: 5px 0px 5px 0px;
padding: 0px;
}

table#buchbestellenkontakt input.kurz {
width: 50px;
padding: 0px;
}

table#buchbestellenkontakt input.lang {
width: 200px;
padding: 0px;
}

table#buchbestellenkontakt input.info {
width: auto;
margin: 0px;
padding: 0px;
}

table#buchbestellenbutton {
margin: 32px 0px 0px 10px;
text-align: center;
}

table#buchbestellenbutton input.submit {
background: #009999;
color: #fff;
height: 20px;
vertical-align: middle;
border: none;
font-weight: bold;
}

table#buchbestellenbutton input.submit:hover {
background: #057C7C;
}

table#buchbestellenbutton input.reset {
margin: 16px 0px 32px 0px;
background: #fff;
color: #009999;
height: 20px;
vertical-align: middle;
border: 1px solid #009999;
}

table#buchbestellenbutton input.reset:hover {
color: #057C7C;
border: 2px solid #057C7C;
}

/**************************************************************/
/*                                                            */
/*  13. Erste Hilfe                                           */
/*                                                            */
/**************************************************************/

/* Hauptnavigation */
table#eh-hauptnav {
width: 850px;
height: 26px;
border-top: 2px solid #cc0000;
border-right: 2px solid #cc0000;
border-bottom: none;
border-left: 2px solid #cc0000;
background: #fff;
}

table#eh-hauptnav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

table#eh-hauptnav ul li {
display: inline;
margin: 0px;
padding: 0px;
color: #cc0000;
}

table#eh-hauptnav ul a,
table#eh-hauptnav ul a:hover {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #cc0000;
margin: 0px;
padding: 0px 5px 0px 0px;
}

table#eh-hauptnav ul a:hover,
.eh-hauptnav-on {
color: #a8a8a8;
}

/* Seitentitel, entspricht dem Titel des Navigationspunktes */
table#eh-titel {
width: 850px;
height: 18px;
border-top: none;
border-right: 2px solid #cc0000;
border-bottom: none;
border-left: 2px solid #cc0000;
background: #cc0000;
}

table#eh-titel h1 {
display: inline;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
}

/* Tabelle außen um Subnavigation und Content */
table#eh-subnav-content {
width: 850px;
border-top: none;
border-right: 2px solid #cc0000;
border-bottom: 2px solid #cc0000;
border-left: 2px solid #cc0000;
background:  #fff url(../Images/erste-hilfe/hg-kreuze.gif) no-repeat 33px 20px;
}

/* Subnavigation */
table#eh-subnav-content td {
vertical-align: top;
}

table#eh-subnav-content td.subnav {
width: 163px;
padding: 0px 20px 0px 25px;
background: url(../Images/erste-hilfe/pixel-02-rot.gif) repeat-y 27px;
}

table#eh-subnav-content td.subnav ul {
list-style-type: none;
margin: 30px 20px 32px 0px;
padding: 0px;
vertical-align: top;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table#eh-subnav-content td.subnav ul li {
padding-bottom: 8px;
}

table#eh-subnav-content td.subnav ul a,
table#eh-subnav-content td.subnav ul a:hover {
text-decoration: none;
color: #585656;
background: url(../Images/erste-hilfe/kreuz-klein.gif) no-repeat left center;
padding-left: 10px;
display: block;
}

table#eh-subnav-content td.subnav ul a:hover,
.eh-subnav-on {
color: #a8a8a8;
}

/* Artikelüberschrift */
table#eh-subnav-content h2 {
margin: 30px 0px 16px 0px;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #cc0000;
}

table#eh-subnav-content h2 a {
color: #cc0000;
}

table#eh-subnav-content h2 a:hover {
text-decoration: none;
}

/* Content Text */
table#eh-content {
width: 638px;
margin: 0px;
padding: 0px;
height: auto;
}

table#eh-content h3 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #585656;
margin-top: 0px;
padding-top: 0px;
}

table#eh-content h4 {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #cc0000;
}

table#eh-content td {
width: 402px;
vertical-align: top;
color: #585656;
}

table#eh-content a {
color: #585656;
}

table#eh-content a:hover {
text-decoration: none;
}

table#eh-content ul {
margin: 0px 0px 0px 35px;
padding: 0px;
}

table#eh-content ul.alphabet {
list-style-type: lower-latin;
}

table#eh-content ul.nummern {
list-style-type: decimal;
}

table#eh-content div.infobox {
border: 1px dashed #cc0000;
background: #F9E3E3;
padding: 10px;
margin: 0px;
width: 380px;
}

table#eh-content div.infobox ul,
table#eh-content div.infobox ul.nummern {
margin: 0px 0px 0px 35px;
padding: 0px;
}

table#eh-content table.apotheke-set {
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

table#eh-content table.apotheke-set td {
padding: 4px 2px 4px 2px;
border-bottom: 1px solid #a8a8a8;
}

table#eh-content table.apotheke-set td.titel {
font-weight: bold;
}

table#eh-content table.apotheke-set td.abschluss {
border-bottom: none;
}

/* Grauer Hintgrund für Bildleiste auf Höhe des unteren Kreuzabschnittes */
table#eh-subnav-content td.subnav-hg-bilder {
background: url(../Images/erste-hilfe/hg-bilder.gif) repeat-y right;
width: 196px;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
}

/* Content Bilder */
/* grauer Hintergrund von Bildleiste */
td#eh-content-bilder {
background: url(../Images/erste-hilfe/hg-bilder.gif) repeat-y 422px;
}

/* Dimensionierung Bildleiste */
table#eh-content td.bilder {
width: 196px;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
}

table#eh-content td.bilder p {
width: 100%;
border-top: 1px solid #cc0000;
border-bottom: 1px solid #cc0000;
margin-bottom: 32px;
text-align: center;
}

table#eh-content td.bilder p.versicherung {
border-bottom: none;
margin-bottom: 0px;
padding: 0px;
text-align: center;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

table#eh-content td.bilder p a {
text-decoration: underline;
}

table#eh-content td.bilder p a:hover {
text-decoration: none;
}

/* Seitenanfang */
.abstand-seitenanfang {
height: 32px;
}

table#eh-subnav-content td.seitenanfang {
text-align: right;
border-top: 1px dotted #000;
padding: 2px 0px 16px 0px;
width: 402px;
}

table#eh-subnav-content td.seitenanfang a {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #cc0000;
text-decoration: none;
}

table#eh-subnav-content td.seitenanfang a:hover {
text-decoration: underline;
}

/**************************************************************/
/*                                                            */
/*  14. Google Map                                            */
/*                                                            */
/**************************************************************/
div#googlemap {
width: 202px;
height: 202px;
border: 4px solid #fff;
margin: auto;
}

div#gmap_div {
width: 412px;
height: 412px;
border: 4px solid #fff;
margin: auto;
}

.fensterzugoogle {
text-align: right;
font-size: 10px;
color: #009999;
padding-bottom: 4px;
}

.fensterzugoogle a,
.fensterzugoogle a:hover {
color: #009999;
text-decoration: none;
}

h3#popuptitelgoogle {
margin: 0px 0px 16px 0px;
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #009999;
border-top: 1px solid #009999;
}

/**************************************************************/
/*                                                            */
/*  15. Infobox                                               */
/*                                                            */
/**************************************************************/
.infobox {
width: 205px;
border: 1px solid #009999;
margin-bottom: 32px;
}

.infobox h4 {
margin: 1px;
display: block;
padding: 3px 5px 3px 5px;
background:  #009999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

.infobox div {
padding: 8px 5px 5px 5px;
}

.infobox p {
padding: 0px;
margin: 0px 0px 16px 0px;
}

ul.infobox,
ul.infobox li {
padding: 0px;
margin: 0px;
list-style: none;
text-align: center;
}

ul.infobox li {
padding: 5px 0px 5px 0px;
border-bottom: 1px dashed #009999;
}

ul.infobox li.boxtitel,
ul.infobox li.letzte-en,
ul.infobox li.letzte-de {
border-bottom: none;
}


ul.infobox li.boxtitel {
background: #009999;
color: #fff;
margin: 1px 1px 0px 1px;
padding: 3px 0px 3px 0px;
}

ul.infobox li.letzte-en {
text-align: center;
height: 204px;
padding-left: 36px;
}

ul.infobox li.letzte-de {
text-align: center;
height: 152px;
}


/**************************************************************/
/*                                                            */
/*  16. Fotogallerie                                          */
/*                                                            */
/**************************************************************/

table.fotogallerie,
table.fotogallerie td {
text-align: center;
font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000000;
}

table.fotogallerie td img {
margin-bottom: 6px;
border: 4px solid #fff;
}


/**************************************************************/
/*                                                            */
/*  17. Wein                                                  */
/*                                                            */
/**************************************************************/
div#bottom-wine {
font-size: 0.65em;
margin: 32px 0px 16px 0px;
}

#valles a {
padding:0 0 4px 6px;
font-size:14px;
color:#009999;
text-decoration:none;
}

/**************************************************************/
/*                                                            */
/*  18. Tourangebote Marketing Coop                           */
/*                                                            */
/**************************************************************/
div#pagetitle {
display: none;
}

div#pagetop,
div#pagetop-right {
display: none;
}

div#pagetop-right {
display: none;
}

ul#servicenav {
list-style-type: none;
float: right;
margin: 5px 0px 0px 0px;
padding: 0px;
}

ul#servicenav li {
display: block;
float: left;
margin: 0px 10px 0px 5px;
}

/**************************************************************/
/*                                                            */
/*  19. Angaben für Print                                     */
/*                                                            */
/**************************************************************/
.print-bg {
background: none;
}

.print-none {
display: none;
}