@charset "utf-8";
/*-----------------------------------------------------------------------------------------*/
/*                                                                                         */
/*                                   BASIS-CSS                                             */
/*                            für sämtliche Webseiten                                      */
/*                                                                                         */
/*-----------------------------------------------------------------------------------------*/
/*                       Generelle Eigenschaften des BODY-Bereiches                        */
/*-----------------------------------------------------------------------------------------*/
body {
	margin : 0 auto; padding : 0; color: black; background-color: white;
	font-family: Tahoma, arial, helvetica, sans-serif; min-width : 740px; max-width : 1200px;
	font-size : 0.85em; font-style: normal; font-weight: normal; text-align : left;
}
/*------------------------------------------------------------------------------------------*/
/*                         Wrapper für alle Webseiten                                       */
/*------------------------------------------------------------------------------------------*/
#main {
	width : 100%; background-color : white; border-collapse : collapse; 
}
/*------------------------------------------------------------------------------------------*/
/*                       Tabelle bei den Kantonsübersichten                                 */
/*------------------------------------------------------------------------------------------*/
#modul { width: 100%; border: 1px solid gray; border-collapse: collapse;}
#modul .grafik { width: 610px;}
#modul td {border : 1px solid #cccccc;}
#modul td img {display : block;	margin-left: auto; margin-right: auto; border: none;}
#modul .footer { padding: 10px 0 10px 10px; }
#modul .footer a { padding: 0 30px 0 10px; }
/*------------------------------------------------------------------------------------------*/
/*                            Logos pro Seite für alle Seiten 			                    */
/*------------------------------------------------------------------------------------------*/
.logo0 {width: 100%; height: 95px; border:0;}               /* Rahmen für den Header */
.logo { text-align: center; margin-bottom: 10px;}
.logo1 { float : left; margin-top: 10px;} 					/* Logo */
.logo2 { margin-top: 10px; }								/* AW-Text */
.logo3 { text-align : left; float: right; margin: 2px 5px 2px 0; 
			border: 3px solid #ccc; height: 67px;}			/* Logo Google-Werbung  234x60 */
/*------------------------------------------------------------------------------------------*/
/*                             Footer                                                       */
/*------------------------------------------------------------------------------------------*/
.footer {width: 100%; height: 30px; border:0;}
/*------------------------------------------------------------------------------------------*/
/*                             Werbeblöcke auf diversen Seiten                              */
/*------------------------------------------------------------------------------------------*/
.werb1 { text-align : left; float: right; 					/* Google-Werbung 436 x 60 */
			border: 3px solid #ccc; height: auto;}			/* Google-Werbung 120x240 */
/*------------------------------------------------------------------------------------------*/
/*                                 NOSCRIPT - Hinweis                                       */
/*                     bei allen Seiten, die Javascript verlangen                           */
/*------------------------------------------------------------------------------------------*/
.nojs { width: 100% ; border: 1px solid gray; border-collapse:collapse; }
.nojs td { width: 25%; text-align: left; border: 1px solid gray; padding-left: 10px; }
/*------------------------------------------------------------------------------------------*/
/*                                 TITEL-Formatierung                                       */
/*------------------------------------------------------------------------------------------*/
/* Formatierung für sämtliche Haupttitel. Sie können 1- oder 2 zeilig sein                  */
/* 'Limelight' ist ein Google Font. Siehe basic.js                                          */
h1 {
	font-family: 'Limelight', Georgia, Verdana, Tahoma, sans-serif; font-size : 1.6em; line-height : 1.1em; height: 60px;
	width : 100%; border : none; background-color: white; text-align : center; padding-top: 5px;
	margin-top : 0; margin-bottom : 0; color: #222;}
h1 span { font-size : 0.8em; color : #222; display : block; }
h1.title2 {                   /* 1-zeilige Haupttitel                                  */
	font-family: 'Limelight', Georgia, Verdana, Tahoma, sans-serif; font-size : 1.6em; height: 40px; line-height : 1.1em;
	width : 100%; border : none; background-color: white; text-align : center;
	margin-top : 0; margin-bottom : 0; color: #222; padding-top : 10px; }
h2 { font-family: Verdana, arial, helvetica, sans-serif; font-size : 1.2em; line-height : 1.1em; 
	width : 100%; border : none; color: black; }
h3 { font-family: Verdana, arial, helvetica, sans-serif; font-size : 1.1em; line-height : 1.1em; 
	width : 100%; border : none; color: black; }
/*-------------------------------------------------------------------------------------------*/
/*                                  TEXT-Formatierung                                        */
/*-------------------------------------------------------------------------------------------*/
/* Standard Text-Formatierung mit einigen Standard-Absatzformatierungen                      */
p {	margin-top : 0px; margin-bottom : 0px; margin-left: 0px; margin-right: 0px; font-weight : normal; }
p.abs { /* mit Absatz */ font-size: 1.0em; font-weight : normal; text-align: left; text-indent : 0;
	margin-top : 5px; 	margin-bottom: 5px; margin-left: 10px; margin-right: 10px; }
p.klein { /*  Einsatz bei fliessenden Text, aber kleiner Schrift    */
	font-size: 0.85em; text-align: left; text-indent : 0px;
	margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; }
p.farbig { /* Einsatz bei fliessenden Text, aber farbig unterlegt    */	
	font-size: 0.85em; color : #008080; text-align: left; text-indent : 0;  
	margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; }
/*-------------------------------------------------------------------------------------------*/
/*                                 STATISTIK im Header                                       */
/*-------------------------------------------------------------------------------------------*/
/* Jede Webseite hat eine Standard-Statistkleiste mit unter anderem dem Änderungsdatum       */ 
#stat { width : 100%; height : 25px; font-size: 0.95em; background-color : #cccccc; }
#stat1 { width: 14%; text-align : left; float: left; font-size: 0.95em; padding-top : 5px; 	padding-left: 5px; }
#stat2 { width : 14%; color: black; float: left; width: 15%; padding-top : 5px; font-size: 0.95em; }
#stat3 { width: 40%; float: left; text-align: center; }
#stat3 img {margin-bottom: 2px; margin-top: 2px; }
#stat4 { width: 29%; text-align : right; padding-top : 5px; float: left; font-size: 0.95em; }
/*--------------------------------------------------------------------------------------------*/
/*                         Übersichtskarte + Photogallery + Kantonsangebote (neu)             */
/*--------------------------------------------------------------------------------------------*/
#statmenu {                         /* Formatierung wenn nur Übersichtskarte                  */
	width: 120px; margin: 0 auto; font-size: 1.0em; border : 1px solid #cccccc; }
#statmenu p { width: 120px; border : 1px solid #cccccc; height: 18px; background-color: white;
	padding-top: 3px; margin : 0 auto; }
#statmenu1 {                         /* Formatierung wenn Übersichtskarte und Photogallerie   */
	width: 255px; margin: 0 auto; font-size: 1.0em; border : 1px solid #cccccc; }
#statmenu1 p { float:left; width: 120px; border : 1px solid #cccccc; height: 18px; background-color: white;
	padding-top: 3px; margin : 0 auto; margin-right: 5px;}
#statmenu2 {                         /* Formatierung wenn Übersichtskarte + Photogallerie + Kantonsangebote   */
	width: 385px; margin: 0 auto; font-size: 1.0em; border : 1px solid #cccccc; }
#statmenu2 p { float:left; width: 120px; border : 1px solid #cccccc; height: 18px; background-color: white;
	padding-top: 3px; margin : 0 auto; margin-right: 5px;}
/*--------------------------------------------------------------------------------------------*/
/*                                  SEITENSUCHE der Webseite                                  */
/*--------------------------------------------------------------------------------------------*/
/* Jede Webseite enthält 1- bis 2 Eingabefelder für die Seiten- oder Websitesuche             */
.search0 {width: 100%; height: 50px; border:0;}
.search1 {                              /* 1 Sucheingabe : global                             */                        						
	width: 270px; float : right; margin : 2px 7px 2px 0;
}
.search2 {                              /* 2 Sucheingaben : global und lokal                  */                        						
	width: 450px; float : right; margin : 2px 5px 2px 0;}
.search2:after { clear: both; }
.search21 {	float: left; }
.search21 input { margin-top : 1px; font-size: 0.85em; }
.search22 { float: right; margin-top : 1px; margin-right: -2px;}
.search23 { border : 2px inset black; background-color : white; margin-left: 10px;
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity : 0.5; }
.search24 { border : 1px solid black; }
/*--------------------------------------------------------------------------------------------*/
/*                                       WEBSITE durchsuchen                                  */
/*--------------------------------------------------------------------------------------------*/
/* Formatieren der Ergebnisseite aus der Websitesuche                                         */
#search_wrapper {width : 775px; margin : 0 auto;}
#search_wrapper td {font-size: 11px; color: #000000; text-align: left;}
#search_wrapper .search_left {background-color: #D7D8C2; width : 120px;}
#search_wrapper .search_right {background-color: #CCCABB; padding: 25px 0 25px 0; height: 111px;}
#search_search {width : 490px; margin : 0 auto; border: none;}
#search_search td {background-color: #F6F6F6; border: none;}
#search_search .sform {font-size: 11px; color: #000000; width: 160px; height: 17px;}
#search_search .sbutton {font-size: 11px; width: 160px; color: #990000; font-weight: bold;
	background-color: #E8E8E8;}
search_result {width: 490px; margin : 0 auto;}
search_result .cat {font-weight: bold; border-top: 1px solid #CCCABB; border-bottom: 1px solid #CCCABB; color: #666;}
search_result .title {vertical-align: top; width: 10px;}
/*--------------------------------------------------------------------------------------------*/
/*                                      Drucken der Webseite                                  */
/*--------------------------------------------------------------------------------------------*/
	
/*--------------------------------------------------------------------------------------------*/
/*                                  Ergebnisseite der SEITENSUCHE der Website                 */
/*--------------------------------------------------------------------------------------------*/
/* Die gefundenen Ergebisse der Suche werden farblich unterlegt. Auch bei externem Suchen     */ 
.formpage img { width : 19px; height: 19px; vertical-align: bottom; }
.formpage input { font-size : 10px; }
.searchword { color: red; background-color: #ff6; font-style : italic; font-weight : bold;}
.searchword0 { color: red; background-color: #ff6; font-style : italic; font-weight : bold; }
.searchword1 { color: white; background-color: #ff42ff; font-style : italic; font-weight : bold; }
.searchword2 { color: red; background-color: #9f9; font-style : italic; font-weight : bold; }
.searchword3 { color: red; background-color: #f99; font-style : italic; font-weight : bold; }
.searchword4 { color: red; background-color: #f6f; font-style : italic; font-weight : bold; }
.searchword5 { color: #fff; background-color: #800; }
.searchword6 { color: #fff; background-color: #0a0; }
.searchword7 { color: #fff; background-color: #886800; }
.searchword8 { color: #fff; background-color: #004699; }
.searchword9 { color: #fff; background-color: #909; }
.searchwordClear { background-color: transparent; font-style : normal; }
.google_search img { border: none; width: 18px; height: 18px; }
/*---------------------------------------------------------------------------------------------*/
/*                                      LINK-Formatierungen                                    */
/*---------------------------------------------------------------------------------------------*/
/* Alle möglichen häufig auftretenden Links                                                    */
a:link { color: blue; text-decoration: none; }
a:visited { color: #993366; text-decoration: none; }
a:hover { color: red; font-style: normal; text-decoration: none; }
a:focus { outline: none; }
a img { border : none; float : none; }
#waplink {                              /* WAPPENLINK - bei Wappenlinkleisten------------------*/
	margin-left: auto; margin-right: auto; text-align: center; }
#waplink img { float: left; padding-left : 2px; }
 /* HAUPTLINKLEISTE bei sämtlichen Seiten---------------*/
.hlink0 { width : 100%; height: 50px; border:0} /* für überarbeitete Sites */

.hlink_main { width : 100%;}
.hlink { margin: 0; padding: 0; width : 100%; }
.hlink li { width: 11.45%; font-weight: bold; height: 20px; padding: 3px 0 0 10px;
			border : 1px solid white; float:left; list-style-type: none; display:block; }
.hlink li a { color: white; text-decoration: none; float:left; display:block; }
.hlink li:hover { background-color: #e4505f; color: white; display : block; list-style-type: none;}
.hfarbe0 { background-color: black; } /* für Home */
.hfarbe5 { background-color: #666666; } /* für Haupt-POI */
.hfarbe6 { background-color: #C0C0C0; } /* für Neben-POI */
.hfarbe4 { background-color: #72CF72; } 
.hfarbe1 { background-color: #72CF72; } /* Farben für einzelen Navi-Blöcke */
.hfarbe2 { background-color: #72CF72; }
.hfarbe3 { background-color: #72CF72; }
#klink {                                 /* KANTONE-LINK-----------------------------------------*/
	text-align : left; float : left; width: 350px; font-size : 1.0em; padding : 5px 0 5px 5px; }
#klink2 { width: 300px; font-size : 1.0em; float : left; text-align : left; padding-top : 5px; padding-bottom : 5px; }
#klink2 a:hover { color: white; background-color : #e86673; }
#klink a:hover { color: white; background-color : #e86673; }
* html .toplink {                       /* TOP-LINKS + Hack für IE<7-----------------------------*/
	display : none;
}
.toplink { position: fixed; float : right; width : 50px; bottom : 70px; right : 10px; padding : 0px;
	border : 3px solid #cccccc; border-top-width : 1px; border-left-width : 1px;
	border-top-color : #e4e4e4; border-left-color : #e4e4e4;
	text-align : center; background-color : #e86673; z-index : 9999; }
.toplink a { color : white; font-weight : bold; }
.toplink a:hover { color : blue; font-weight : bold; }
/* ALPHA-LINKS bei alphabetischer Linkleiste--------------*/
.alpha { margin : 0 auto; text-align: center ; display :table; }
.alpha li { width : 20px;  list-style-type: none; border : 1px solid #cccccc; border-collapse : collapse;
		text-align : center; margin : 10px 0 10px 0; float:left; display:block; padding: 3px 3px 3px 3px; }
.alpha li a:link { color: blue; text-decoration: none; display : block; }
.alpha li a:visited { color: blue; text-decoration: none; display : block; }
.alpha li a:hover { color : white; text-decoration : none; background-color : #e4505f; display : block; }
/*------------------------------------------------------------------------------------------------*/
/*                                        TOOLTIPS                                                */
/*------------------------------------------------------------------------------------------------*/
/* Alle CSS-Tooltips für Links <a> und Text <p>                                                   */
a.tooltip:link { position: relative; text-decoration: none; font-style: normal; color: #0000ff; }
a.tooltip:visited { position: relative; text-decoration: none; font-style: normal; color: #0000ff; }
a.tooltip:active { position: relative; text-decoration: none; font-style: normal; color: #0000ff; }
a.tooltip { position: relative; text-decoration: none; font-style: normal; color: #0000ff; }
a.tooltip:hover { color: #0000ff; background: transparent; }
a.tooltip span { display: none; text-decoration: none; }
a.tooltip:hover span {                     /* Tooltip zeigt nach rechts                      */
	display: block; position: absolute; top: 20px; left: 0; width: 15em; z-index: 100;
	color: black; border: 2px solid #ff9900; background-color: #ffface;
	padding : 3px 5px 5px 5px; font-size: 0.9em; text-align: left; }
a.tooltip:hover .last {                    /* Tooltip zeigt nach links                       */
	left: -60px; }
a.tooltip span b {                         /* Titel für Tooltip                              */
	display: block; margin: 0 -5px 2px -5px ; padding: 0; font-size: 1.2em; font-weight: bold;
	color: white; background-color: #ff9900; border: 0px; border-bottom: 2px solid #ff9900; }
p.tooltip {	position: relative; margin: 0; padding: 0; }
p.tooltip:hover { color: red; }
p.tooltip span { display: none; }
p.tooltip:hover span {                     /* TOOLTIP zeigt nach rechts                      */                
	display : block; position: absolute; left: 0px; width: 15em; padding : 0 5px 5px 5px; z-index: 100;
	color: black; border: 1px solid black; background-color: #dddddd; font-size: 0.8em; text-align: left; }
p.tooltip:hover .last {                    /* TOOLTIP zeigt nach links                       */
	left: -150px; top: 25px;}
p.tooltip:hover span { display: inline-block; text-align: left; }
p.tooltip span span img { float : left; padding-right: 5px; }
p.tooltip span b {                          /* TOOLTIP Titel                                    */   
	display: block; width : 14.1em; margin-left: -5px; margin-bottom : 5px; padding : 5px 0 5px 5px;
	font-size: 1.1em; font-weight: bold; color: white; background-color: black;
	border: 0px; border-bottom: 1px solid black; text-align: center; }
p.tooltip:hover span span.text {            /* TOOLTIP mit Grafiken und Text                     */
	border : 0; position: relative; padding-right: 5px; line-height : 1.5 ; text-align : left;
	margin-bottom: 2px; left : 0px; height : 15px; font-size : 1.0em; float: left;
	display : block; color: black; background-color: #dddddd; width: 14em; }
/*-----------------------------------------------------------------------------------------------*/
/*                                       Sortierung von Tabellen                                 */
/*-----------------------------------------------------------------------------------------------*/
.sort {
	/* Label für Sortierung von Tabellen                    */
	width : 120px; display : block; border : 3px solid #cccccc; position :relative; top: -17px;
	text-align : center; padding : 1px 5px 1px 5px; background-color: #ffffaa; z-index: 99; }
/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/*                                        CSS für alle POPUP                                     */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/* POPUP's bei Wanderungen, Pässewanderungen, Bergseewanderungen, Hüttenwanderungen               */
/*------------------------------------------------------------------------------------------------*/
.pophaupt { border : 2px solid #cccccc; width: 95%;	margin: 0 auto;	margin-bottom: 10px; }
.pophaupt h2 { font-family: Verdana, arial, helvetica, sans-serif; font-size : 1.2em; margin: 0;
	color: black; background-color: white; text-align : center; height: 40px; padding-top: 15px; }
.poptab { width : 100%; font-size : 1.0em; text-align : left; border-collapse : collapse;
	background-color: white; border : 1px #cccccc solid; }
.popheader th { background-color: #FFCC66; font-weight:normal; } /* Popup Header */
.popheader td { background-color: #FFCC66; } /* Hintergrundfarbe des Fensters */
.poptab td { padding: 3px 3px 3px 3px; border : 1px solid #cccccc; }
.poptab .col1 { width: 10%; text-align : left; }
.poptab .col2 { width: 55%; text-align : left; }
.poptab .col3 { width: 15px; text-align : center; }
.poptab .col4 { width: 15px; text-align : center; }
.poptab .col5 { width: 15px; text-align : center; }
.poptab .col6 { width: 30%; text-align : left; }
.poptab .col7 { width: 40px; text-align : center; }
.poptab td:nth-child(2) { font-size : 0.9em; }
.poptab td:nth-child(3) { font-size : 0.80em; }
.poptab td:nth-child(6) { font-size : 0.9em; }
/*-------------------------------------------------------------------------------------------------*/
/* POPUP's für Hüttenbeschreibungen                                                                */
/*-------------------------------------------------------------------------------------------------*/
.popmain { border : 1px solid maroon; width: 95%; margin: 0 auto; margin-bottom: 10px; }
.pophut { width : 100%; font-size : 1.0em; text-align : left; border-collapse : collapse;
	background-color: white; border : 1px brown solid; }
.pophut td{ padding: 3px 3px 3px 3px ; border : 1px solid maroon; }
.pophut h2 { font-family: Verdana, arial, helvetica, sans-serif; font-size : 1.4em; margin: 0;
	color: white; background-color: maroon; text-align : center; height: 40px; padding-top: 15px; }
.pophut td.title2 {	background-color: #eeeeee; text-align: center; padding: 10px 0 10px 0; }
.pophut .spalte1 { width: 17%; background-color: #efefef; text-align : left; }
/*-------------------------------------------------------------------------------------------------*/
/* POPUP's für Hüttenerfahrungen                                                                   */
/*-------------------------------------------------------------------------------------------------*/
.popgeneral { border : 2px solid maroon; width: 95%; margin: 0 auto; margin-bottom: 10px; }
.popgeneral h2 { font-family: Verdana, arial, helvetica, sans-serif; font-size : 1.2em; margin: 0;
	color: #222; background-color: white; text-align : center; height: 40px; padding-top: 15px; }
.poperf { width : 100%;	font-size : 1.0em; text-align : left; border-collapse : collapse;
	background-color: white; }
.poperf td { padding: 3px 3px 3px 3px; vertical-align: top; border : 1px solid maroon; }
.poperf td.link { background-color: #eeeeee; text-align: center; padding : 10px 0 10px 0 ; }
.poperf .spalte30 { width: 15%;	text-align : center; vertical-align : top; margin-top : 5px; }
.poperf .spalte31 { width: 13%;	text-align : center; vertical-align : top; margin-top : 5px; }
.poperf .spalte32 { width: 72%; text-align : center; }
/*--------------------------------------------------------------------------------------------------*/
/* POPUP mit Div's / für Javascript                                                                 */
/*--------------------------------------------------------------------------------------------------*/
.dhtmlwindow{position: absolute; border: 2px solid black;  visibility: hidden; background-color: white; }
.drag-handle{ /*CSS for Drag Handle*/
	padding: 2px; text-indent: 3px; font: normal 14px Arial; background-color: silver; color: black;
	cursor: move; overflow: hidden; width: auto;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute; right: 5px; top: 2px; cursor: pointer; }
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
	width: 100%;}
.drag-contentarea{ /*CSS for Content Display Area div*/
	border-top: 1px solid gray; background-color: #FFFFDF; color: black; height: 150px; padding: 10px;
	overflow: auto; }
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; /*height of resize image*/}
.drag-resizearea{ /*CSS for Resize Area itself*/
	float: right; width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/ cursor: nw-resize; font-size: 0; }

.divpop { display:none;} /*nicht anzeigen der eingeschlossenen POPUP in der Seite */
/*------------------------------------------------------------------------------------------------*/
/*                                        DIVERSES                                                */
/*------------------------------------------------------------------------------------------------*/
ul {                                      /* Listen-Formatierung----------------------------------*/
	margin-top : 5px; list-style-type : circle; }
hr {                                      /* Horizontale Trennlinie auf diversen Seiten-----------*/
	width : 100%; color : #cccccc; }
hr.sdick { width : 100%; color: #cccccc; background-color : #cccccc; height : 5px; }
hr.dick { width : 100%; color: #cccccc; background-color : #cccccc; height : 3px; }
hr.duenn { width : 100%; color: #cccccc; background-color : #cccccc; height : 1px; }
/*-------------------------------------------------------------------------------------------------*/
/*                                       SLIMBOX                                                   */
/*-------------------------------------------------------------------------------------------------*/
#lbOverlay {
	position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;
	background-color: #444; cursor: pointer; }
#lbBottomContainer {
	position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
#lbCenter {
	position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading {
	background: #fff url("../symbols/loading.gif") no-repeat center; }
#lbImage {
	position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbNextLink {
	display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink {
	display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url("../symbols/prevlabel.gif") no-repeat 0 15%;}
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url("../symbols/nextlabel.gif") no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.0em; color: #666; line-height: 1.4em; text-align: left;
	border: 10px solid #fff; border-top-style: none;}
#lbCloseLink { display: block; float: right; width: 66px; height: 22px;
	background: transparent url("../symbols/close3.gif") no-repeat center; margin: 5px 0; outline: none;}
#lbNumber {	margin-right: 71px; }
#lbCaption { margin-right: 71px; }
#lbCaption { font-weight: bold; }
#lbCaption p { font-weight: normal; font-size: 0.9em; }
#lbCaption span { font-weight: normal; font-size: 0.9em; }
/*------------------------------------------------------------------------------------------------------*/
/*                                            Routenplaner                                              */
/*------------------------------------------------------------------------------------------------------*/
.routpla {width : 300px; background-color: white; border: none; margin-left: 10px;}
.routpla h2 {width : 300px; background-color:  maroon; color: white; text-align: center; padding: 5px 0 5px 0; }
.routpla legend {width : 80px; background-color :#FFCC80; font-weight: bold; margin : 10px 10px 10px 4px; }	
.routpla .footer {width : 100%; background-color : #ccc; margin-top:12px;}
.routpla img { text-align: left; }
/*------------------------------------------------------------------------------------------------------*/
/*                                      Schriftgrösse ändern auf jeder Seite                            */
/*------------------------------------------------------------------------------------------------------*/
.controlstyle { padding : 0 0 0 10px; }
.controlstyle a{ outline: none; }
.controlstyle a img{ border-width: 0; float: right; width: 20px; height: 20px; padding: 2px 2px 0 0;}
}