@charset "utf-8";
/*                                    CSS für die Homepage                                            */
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.87em; font-style: normal; font-weight: normal; text-align : left;
}
#mainhaupt { width : 100%; background-color : white; border-collapse : collapse;}
#header { width : 100%; }
/*----------------------------------------------------------------------------------------------------*/
/*                                       3- Container Seite                                           */
/*----------------------------------------------------------------------------------------------------*/
#container {
  padding-left: 180px;  
  padding-right: 180px; 
}
#container .column {
  float: left;
}
#center {
  width: 100%;
}
#left {
  width: 180px;          
  right: 180px;          
  margin-left: -100%;
  position: relative; top: -35px;
}
#right {
  width: 180px;          
  margin-right: -180px;  
  position: relative; top: -35px;
}
#footer {
  width: 100%;
  clear: both;
}
/*  Titel */
h1 { font-family: 'Limelight', Georgia, Verdana, Tahoma, sans-serif; font-size: 3.0em; line-height : 1.1em; text-align : center;
	top: 100px;  color: white; background-color: transparent; z-index:10; position : relative;}
h1 span { font-size : 0.6em; color : white; display: block; 
}
/* 1. Subnavi  - vertikale  */
.navi1 ul {
	z-index:10; 
	position : relative;
	top: -110px;
	cursor: pointer;
	margin : 0 5px 0 5px;
	padding: 3px 0 3px 0 ; 
}
.navi1 li {
	width: 110px; 
	line-height:1.0em;
	font-size: 0.8em;
	list-style-type: none; display:block;
	padding : 3px 3px 3px 3px;
}
.navi1 a {
	color : white;
	text-decoration:none;
}
.navi1 a:hover {
	background-color : red;
	text-decoration: none; 
}
/* HAUPTLINKLEISTE */
.hlink_main { width : 100%; position: relative; top: -40px;}
.hlink { margin: 0; padding: 0; width : 100%; }
.hlink li { width: 11.45%; font-weight: bold; height: 20px; padding: 2px 5px 2px 5px;
			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; }
/* 2. Subnavi - Kantonsauswahl & Websitesuche */
.navi2 {width: 250px; font-size: 0.8em; position: relative; top: -30px; margin-left: 50px; margin-bottom: -160px; }
.navi3 {width: 350px; font-size: 0.8em; position: relative; top: -5px; margin: 110px 0 -160px 450px;}
}
/* Tabelle in Kolonne 2 */
.index {
	text-align: left;
	color: #222;
	background-color: white;
}
.index td {
	vertical-align: top;
	padding-top: 0;
	padding-bottom: 0;
}
.spalte1 {
	text-align : center;
}
.spalte2 {
	text-align : left;
}
.spalte3 {
	text-align : center;
	font-size: 0.85em;
}
.spalte4 {
	text-align : left;
	font-size: 0.85em;
}
/* Überschriften Angebote */
.angebote {
	background-color: #72CF72; 
	color: white; 
	height: 20px; 
	padding: 5px 0 5px 0;
	margin-bottom: 5px;
	text-align :center;
}
/* AW-Logo im Container */
.logounten {
	text-align : center;
}
/* Informationen */
.information {
	width : 350px;
	text-align : center;
	margin : 0 auto;
}
.information ul {
	list-style-type : circle;
}
.information li {
	text-align : left;
	font-size : 0.85em;
	line-height : 1.0;
}
.info_title {
	background-color : #ffffcc;
	color: blue;
	padding : 3px;
	margin-top : 3px;
	border: 1px solid black;
	text-align: center;
}
/* Besucher - Statistik */
.besucher {
	width : 100%;
	padding : 5px 0 5px 20px;
	color : white;
	font-weight : bold;
	background-color : #cccccc;
	font-size : 0.9em;
	text-align : left;
}
.besucher a {
	padding-left: 20px;
	text-decoration:none;
}
/* Slideshow im Header */
.slideshow {height:350px; width: 1200px; position: absolute; top: 0; z-index: 0;}
.slideshow img { display: none }
.slideshow img.first { display: block }
/* Website durchsuchen */
.search1 {                              /* 1 Sucheingabe : global                             */                        						
	width: 270px; float : right; margin : 2px -10px 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: left; margin-top : 1px; margin-left: 5px; margin-right: 5px; }
.search23 { border : 2px inset black; background-color : white;
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity : 0.5; }
.search24 { border : 1px solid 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; }
/* 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;}
}