/* CSS-Styhlsheet für web.template */ 


/* Formatierung Basis */
html {
	font-weight : normal;
	margin      : 0;
	padding     : 0;

}
body {
	overflow    : hidden;
	margin      : 0;
	padding     : 0;
	background  : none;
	width       : 100%;
}


/* Überschriften */

h2 {
	font-family    : Meta-Normal, Arial;
	font-weight    : bold;
	font-style     : italic;
	font-variant   : normal;

	font-size      : 1.3em;
	padding-top    : 2%;
	padding-left   : 2%;
	padding-right  : 2%;
	color          : #01683F; 
}

/* Auszeichnungen */
h3 {
	font-family    : Frutiger, Arial;
	font-weight    : bold;
	font-style     : normal;
	font-variant   : normal;

	font-size      : 1.1em;
	letter-spacing : -0.06em; 
	color          : #747378;
	clear          : both;
	float          : none;
	padding-left   : 2%;
	padding-right  : 2%; 
	line-height    : 1.4em;
}

h1 {
	font-family    : Meta-Normal, Arial;
	font-weight    : normal;
	font-style     : italic;
	font-variant   : normal;

	color          : #000;
	font-size      : 1.05em;
}

/* Betohnungen */
em {
	font-weight    : normal;
	font-style     : italic;
	font-variant   : normal;

	color          : #747378;
	font-size      : 1em;
}

b {
	font-weight : bold;
}	
strong {
	font-weight : bold;
}

/* CD-Element */

.cd-element {
	overflow    : hidden;
	position    : absolute;
	z-index     : 3;
	top         : 0;
	left        : 0;
	width       : 100%;
	height      : 18%;
	margin      : 0;
	padding     : 0;
	background  : none;
}

.imagebild {
	overflow    : hidden;
	position    : absolute;
	z-index     : 1;
	top         : 0;
	left        : 0;
	margin      : 0;
	padding     : 0;
}

/* Formatierung Logo */
.logo { 
	position   : absolute;
	z-index    : 5;
	right      : 0;
	top        : 0;
	width      : 25%;
	height     : 20%;
} 
.logo a img { 
	border     : 0;
	width      : 100%;
	padding-top: 10px;
} 



/* Formatierung Reiter Navigation */
.reiter-navigation {
	position          : absolute;
	z-index           : 10;	
	overflow          : hidden;
	width             : 83%; 
	height            : 6%;
	top               : 17.5%;
	left              : 20%;
	text-align        : center;

}
.reiter-buerger  a {
	position           : relative;
	font-family        : Frutiger, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	text-decoration    : underline;
	float              : left;
	color              : #ffffff;
	width              : 30%;
	height             : 100%;
	padding-top        : 3px;
	padding-bottom     : 3%;
	margin-right       : 1%;
	background-image   : url(nav-buerger.gif);
	background-repeat  : no-repeat;
	background-position: top left;
}
.reiter-buerger a:hover {
	position           : relative;
	font-family        : Frutiger, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	text-decoration    : underline;
	float              : left;
	color              : #ffffff;
	width              : 30%;
	height             : 100%;
	padding-top        : 3px;
	padding-bottom     : 3%;
	margin-right       : 1%;
	vertical-align     : top;
	background-image   : url(nav-diverses.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	text-decoration    : none;
}


.reiter-touristik a {
	position           : relative;
	font-family        : Frutiger, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	text-decoration    : underline;
	float              : left;
	color              : #ffffff;
	width              : 30%;
	height             : 100%;
	padding-top        : 3px;
	padding-bottom     : 3%;
	margin-right       : 1%;
	vertical-align     : top;
	background-image   : url(nav-touristik.gif);
	background-repeat  : no-repeat;
	background-position: top left;
}

.reiter-touristik a:hover {
	position           : relative;
	font-family        : Frutiger, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	text-decoration    : underline;
	float              : left;
	color              : #ffffff;
	width              : 30%;
	height             : 100%;
	padding-top        : 3px;
	padding-bottom     : 3%;
	margin-right       : 1%;
	vertical-align     : top;
	background-image   : url(nav-diverses.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	text-decoration    : none;
}


.reiter-wirtschaft a {
	position           : relative;
	font-family        : Frutiger, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	text-decoration    : underline;
	float              : left;
	color              : #ffffff;
	width              : 30%;
	height             : 100%;
	padding-top        : 3px;
	padding-bottom     : 3%;
	margin-right       : 1%;
	background-image   : url(nav-wirtschaft.gif);
	background-repeat  : no-repeat;
	background-position: top left;
}
.reiter-wirtschaft a:hover {
	position           : relative;
	font-family        : Frutiger, Arial;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	text-decoration    : underline;
	float              : left;
	color              : #ffffff;
	width              : 30%;
	height             : 100%;
	padding-top        : 3px;
	margin-right       : 1%;
	background-image   : url(nav-diverses.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	text-decoration    : none;
}

/* Formatierung Pfadnavigation */
.pfad-navigation {
	position           : absolute;
	z-index            : 11;	
	overflow           : visible;
	color              : #fff;
	width              : 80%;
	height             : 3.2%;
	top                : 21%;
	left               : 20%;
	padding-top        : 5px;
	padding-bottom     : 0.1em;
	padding-left       : 12px;
	font-family        : Frutiger, Arial;
	font-size          : 0.75em;
	font-style         : normal;
	font-weight        : normal;
	background-color   : #01683F;
	background-image   : url(pfad-touristik.jpg);
	background-repeat  : no-repeat;
	background-position: bottom left;
}

.pfad-navigation a:link,
.pfad-navigation a:visited {
	color          : #ffffff;
	font-size      : 1em; 
	font-weight    : normal; 
	text-decoration: none; 
}
.pfad-navigation a:hover {
	color          : #ffffff; 
	font-weight    : bold; 
	text-decoration: none;
	font-size      : 1em; 
}
.pfad-navigation em {
	color          : #ffffff;
	font-weight    : bold;
	font-style     : normal;
	font-size      : 1em;
	text-decoration: none;
}



/* Formatierung Contentbereich */	
.content {
	background-image   : url(fond.gif);
	background-repeat  : repeat-y;
	background-position: top left;
	background-color   : #ffffff;
	position           : absolute;
	z-index            : 10;	
	overflow           : auto;
	height             : 76%;
	width              : 80%;
	left               : 20%;
	top                : 24%;
	font-family        : Frutiger, Arial;
	line-height        : 1.4em;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	margin             : auto;
}


.content a:link,
.content a:active,
.content a:visited {
	color          : #01683F;
	font-weight    : normal;
	text-decoration: underline;
}
.content a:hover {
	color          : #747378;
	font-weight    : normal;
	text-decoration: none;
}


/* Formatierung Listen im Contentbereich*/
.Content p{
	padding-left      : 2%;
	padding-right     : 2%;
}
.Content em{
	font-family    : Frutiger, Arial;
	font-weight    : bold;
	font-style     : normal;
	font-variant   : normal;

	color          : #000;
	font-size      : 1em;
}

.Content ul {
	clear        : both;
	margin       : 0;
	padding-left : 2%;
	font-size    : 1em;
	font-family  : Frutiger, Arial;
	line-height  : 1.4em;
	font-weight  : normal;
	font-style   : normal;
	font-variant : normal;
	font-stretch : normal;
}

.Content li {
	clear           : both;
	margin          : 0;
	list-style-type: bullet;
}

/* Liste mit Punkt */

.Content ul li {
	list-style-type: bullet;
	padding         : 0;
	margin-left     : 2%;
	color           : #000;
}

/* Aufzählung */
.Content ol {
	margin-left : 5%;
	padding     : 0;
}

/* Unsichtaber Liste */

.Content ul.simple li {
	list-style-type: none;
	padding-top    : 0;
	margin         : 0;
	float          : left;
}
.Content ul.simple li img {
	border         : none;
	padding        : 0;
	margin         : 0;
}

.content ul.simple {
	margin-top     : 0px;
}


/* Normales Bild im Contentbereich */

.content p img {	
	text-align    : left;
	clear         : both;
	border        : 1px solid #909090;
	margin-right  : 1%;
	margin-bottom : 0; 
}



/* Vorschau-Bild im Contentbereich */
.content ul li img  {
	border        : none;
	z-index       : 12;
	margin-left   : -30px;
	margin-right  : 1%;
	margin-bottom : 1%; 
	float         : left;
	clear         : both;	
}



/* Ausgezeichnetes-Bild im Contentbereich */

.content h3 img {
	float         : right;
	border        : none;
	margin-top    : 0;
	margin-left   : 10px;
	margin-right  : 10px;
	margin-bottom : 10px;
	padding       : 0;
}


/* Formatierung der Tabellen im Contentbereich */
/* Formatierung der Tabellen im Contentbereich */
.content table {
	background-image   : url(table-touristik.gif);
	background-repeat  : no-repeat;
	background-position: top left;
	clear              : both;
	border-bottom      : 1px solid #DCDDDF;
	border-collapse    : collapse;
	text-align         : left;	
	font-family        : Frutiger, Arial;
	line-height        : 1.4em;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	font-size          : 0.9em;
	vertical-align     : top;
	margin-right       : 1%;	
}

.content table th {
	padding-top      : 0.5%;
	padding-bottom   : 0.5%;
	padding-left     : 8px;
	color            : #ffffff;
	font-family      : Frutiger, Arial, sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size        : 1.1em;
	text-align       : left;
	vertical-align   : top;
}

.content table td, th {
	text-align       : left;
	font-size        : 1em;
	vertical-align   : top;
	padding          : 2%;
	margin-top       : 1%;
	padding-top      : 5px;

}

.content table tr.even td {
	background-color : #E6E6E6;
	border-bottom    : 1px solid #ffffff;
	font-size        : 1em;
	vertical-align   : top;
	text-align       : left;
}

.content table tr.odd td {
	background-color: #E6E6E6;
	border-bottom   : 1px solid #ffffff;
	font-size       : 1em;
	vertical-align  : top;
	text-align      : left;
}


.content table img {
	border       : 1px solid #000;;
	float        : none;
	clear        : both;
	margin       : 2%;
}

/* Formatierung Haupt-Navigation */

.navigation {
	overflow           : auto;
	z-index            : 5;
	position           : absolute;
	display            : relative;
	background-image   : url(nav-fond.jpg);
	background-repeat  : repeat;
	background-position: top right;
	color              : #000;
	top                : 24.4%;
	height             : 77.6%;
	left               : 0; 
	width              : 20%; 
	font-size          : 0.9em;
}

.navigation ul {
	padding-top     : 0;
	padding-left    : 0;
	margin-bottom   : 0;
	margin-left     : 0;
	margin-top      : 0; 
	list-style      : none;
}

.navigation ul li,
.navigation p {
	margin          : 0;
	margin-left     : 0;
	padding-top     : 0;
	margin-bottom   : 0;
}


.navigation li a {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 1em;
	font-style      : normal;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	border-bottom   : 1px solid #C8C8C8;
	background-color: none;
	width           : 100%;
	margin          : 0;
	padding-left    : 10px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
	list-style      : none;
}

.navigation li a:hover {
	display            : block;
	font-family        : Frutiger, sans-serif;
	font-size          : 1em;
	font-style         : normal;
	font-weight        : normal;
	color              : #ffffff;
	text-decoration    : none;
	width              : 100%;
	margin             : 0;
	padding-left       : 10px;
	padding-right      : 0;
	padding-top        : 0.15em;
	padding-bottom     : 0.15em;
	background-image   : url(nav-hover-touristik.gif);
	background-repeat  : no-repeat;
	background-position: top left;
}


.navigation  li em {
	display            : block;
	font-family        : Frutiger, sans-serif;
	font-size          : 1em;
	font-style         : normal;
	font-weight        : normal;
	color              : #ffffff;
	text-decoration    : none;
	width              : 100%;
	margin             : 0;
	padding-left       : 10px;
	padding-right      : 0;
	padding-top        : 0.15em;
	padding-bottom     : 0.15em;
	border-bottom      : 1px solid #C8C8C8;
	background-image   : url(nav-hover-touristik.gif);
	background-repeat  : no-repeat;
	background-position: top left;
}

.navigation li img {
	border          : none;
	margin          : 0;
	padding-left    : -10px;
	float           : left;
	clear           : none;
}
/* Formatierung 2.Level */	
ul li.Navilevel2 a {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 20px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}

ul li.Navilevel2 a:hover {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 20px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}

ul li.Navilevel2 em {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 20px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}

ul li.Navilevel3 a {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 40px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
	background-image   : url(subnav-hover.gif);
	background-repeat  : repeat;
	background-position: top left;
}
ul li.Navilevel3 a:hover {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 40px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}

ul li.Navilevel3 em {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 40px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}
ul li.Navilevel4 a {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 50px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}
ul li.Navilevel4 a:hover {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 50px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}

ul li.Navilevel4 em {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 50px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}


ul li.Navilevel5 a {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #000;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 60px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}

ul li.Navilevel5 a:hover {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 60px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}

ul li.Navilevel5 em {
	display         : block;
	font-family     : Frutiger, sans-serif;
	font-size       : 0.8em;
	font-style      : normal;
	font-weight     : normal;
	color           : #ffffff;
	text-decoration : none;
	width           : 100%;
	margin          : 0;
	padding-left    : 60px;
	padding-right   : 0;
	padding-top     : 0.15em;
	padding-bottom  : 0.15em;
}


ul li.Navilevel6 a {
	display         : none;
}

.Schrift { 
	position   : absolute;
	z-index    : 6;
	top        : 70%;
	left       : 0;
	width      : 100%;
	height     : 10%;
} 


/* Formatierung Editor Button */
	
.editor form.default input{
	position           : absolute;
	z-index            : 10;
	left               : 50px;
	bottom             : 10px;
	width              : 30px;
	height             : 30px;
	border             : none;
	color              : #E4E4E4;
	font-size          : 0;
}

.editor form.default input.submit{
	background         : none;
	width              : 30px;
	height             : 30px;
	border             : none;
}


/* Benutzer-manager Button */

.editor form.usermanager input{
	position           : absolute;
	z-index            : 10;
	left               : 10px;
	bottom             : 10px;
	width              : 30px;
	height             : 30px;
	border             : none;
	color              : #E4E4E4;
	font-size          : 0;

}

.editor form.usermanager input.submit{
	background         : none;
	width              : 30px;
	height             : 30px;
	border             : none;
}



/* Formatierung Suche */

.search {
	font-family     : Frutiger, sans-serif;
	font-style      : normal;
	font-weight     : normal;
	z-index         : 6;
	color           : #000;
	text-decoration : none;
	width           : 100%;
	padding-top     : 3px;
	padding-left    : 5px;
	float           : left;	
	clear           : both;
	text-align      : left;
	background      : none;
	font-size       : 1em;
	height          : 90px;

}

.search input {
	font-family       : Frutiger, Arial, sans-serif;
	font-weight       : normal;
	font-style        : normal;
	font-variant      : normal;
	font-size         : 11px;
	float             : left;
	margin            : 3px;
	width             : 80%;
	color             : #000;

}
.search input.submit {
	background-image   : url(suche.gif);
	background-repeat  : no-repeat;
	background-position: left;
	background-color   : #E3E3E3;
	font-size          : 0.9em;
	font-family        : Frutiger, Arial, sans-serif;
	font-weight        : normal;
	font-style         : normal;
	font-variant       : normal;

	border             : none;
	color              : #000;
	float              : left;	
	clear              : both;
	text-align         : left;
	padding-left       : 23px;
	width              : 5.5em;	
}