@charset "utf-8";
/* 
  -----------------------------------
  QUELLGEBIET AG
  -----------------------------------
  PAGE LAYOUT STYLES
  -----------------------------------*/
  
  /* Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }
  
  /* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; }
  
  /* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
  * html body * { overflow: visible; }
  * html iframe, * html frame { overflow: auto; }
  * html frameset { overflow: hidden; }

  /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
  /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
  font-size: 100.01%;

  /* Vorgabe der Standardfarben und Textausrichtung */
  color: #3B3B3B;
  background: #fff;
  text-align: left; }
  
  /* Erzwingen vertikaler Scrollbalken in IE8, Firefox, Opera */
  body { overflow-y: scroll; }
  
  /* Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 1.5em; }
  ul li ul li {	margin-left: 1.5em;	line-height: 1.5em;	list-style-type: circle; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }
  blockquote { margin: 0 0 1em 1.5em; }
  
  /* Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }
  
  /*-------------------------------------*/
  
  /* Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Diese Angabe benötigt der Safari-Browser zwingend */
  .clearfix { display: block; }

  /* Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }
  
  
  /*-------------------------------------*/
  
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75.00%; /* 9px */
	line-height: 1.5em;
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; line-height: 1.2em; margin: 0 0 0.7em 0; }
  h1 { font-size: 200%; } /* 24px */
  h2 { font-size: 140%; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }  /* 16.8px */
  h3 { font-size: 100%; line-height: 1.5em; margin: 0; } /* 12px */
  h4 { font-size: 100%; margin: 0; } /* 12px */
  h5 { font-size: 116.67%; margin: 0; } /* 14px */
  h6 { font-size: 116.67%; font-style:italic; margin: 0; } /* 14px */

  p { line-height: 1.5em; margin: 0 0 1.5em 0; }
  
  #newsdirect h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; font-weight: normal; font-style: italic; letter-spacing: 0.1em; line-height: 1.4em; }
  #image03b h2, #image0203b h2 { font-size: 140%; color: #fff; }
  .klein { font-size: 90.9%; }

  /* Listen */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0; }
  li { margin-left: 1.5em; line-height: 1.5em; }
  ol li { margin-left: 3em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }


  /* Textauszeichnung */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }


  /* Standardklassen zur Positionierung und Hervorhebung */

  .note { background: #f4f5f6; padding: 1em; border-top: 1px #aab4be dotted; border-bottom: 1px #aab4be dotted; margin-bottom: 1em; }
  .info { background: #f4f5f6; padding: 1em; border-top: 1px #aab4be dotted; border-bottom: 1px #aab4be dotted; margin-bottom: 1em; }
  .important { background: #fff5eb; padding: 1em; border-top: 1px #ffb4a0 dotted; border-bottom: 1px #ffb4a0 dotted; margin-bottom: 1em; }
  .download { background: #f5faeb; padding: 1em; border-top: 1px #78be5a dotted; border-bottom: 1px #78be5a dotted; margin-bottom: 1em; }
  .tip { background: #fffdeb; padding: 1em; border-top: 1px #ffc864 dotted; border-bottom: 1px #ffc864 dotted; margin-bottom: 1em; }

  .float_left, InhaltBildLinks { float: left; display: inline; margin: 0.4em 0.7em 0.25em 0em; }
  .float_right, InhaltBildRechts { float: right; display: inline; margin: 0.4em 0em 0.25em 0.7em; }
  .center, InhaltBildMax { text-align: center; margin: 0.5em auto; }
  #block120 { width: 120px; height: 1px; }
  
  
 
  /* Gestaltung von Hyperlinks */

  a { color: #DD2D8A; text-decoration:none; }
  a:focus,
  a:hover,
  a:active { text-decoration:underline; }
  
  #main a { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #DD2D8A; text-decoration:none; letter-spacing: 0.1em; }
  #main a:focus,
  #main a:hover,
  #main a:active { text-decoration:underline; }
  
  #topnavdirect a { color: #3B3B3B; font-style: normal; text-decoration:none; }
  #topnavdirect a:focus,
  #topnavdirect a:hover,
  #topnavdirect a:active { color: #DD2D8A; text-decoration:none; background-color: transparent; }
  
  #topnavservice a { color: #3B3B3B; font-style: normal; text-decoration:none; }
  #topnavservice a:focus,
  #topnavservice a:hover,
  #topnavservice a:active { text-decoration:underline; background-color: transparent; }
  
  #mainnav a { color: #3B3B3B; font-style: normal; text-decoration:none;  }
  #mainnav a:focus,
  #mainnav a:hover,
  #mainnav a:active { color: #DD2D8A; text-decoration:none; background-color: transparent; }
  
  #mainnav ul li#current strong,
  #mainnav ul li#current a,
  #mainnav ul li#current a:focus,
  #mainnav ul li#current a:hover,
  #mainnav ul li#current a:active { background: transparent; color: #DD2D8A; text-decoration: none; }
  
  #mainnav02 a { color: #3B3B3B; font-style: normal; text-decoration:none; }
  #mainnav02 a:focus,
  #mainnav02 a:hover,
  #mainnav02 a:active { color: #DD2D8A; text-decoration:none; background-color: transparent;}
  
  #mainnav02 ul li#current02 strong,
  #mainnav02 ul li#current02 a,
  #mainnav02 ul li#current02 a:focus,
  #mainnav02 ul li#current02 a:hover,
  #mainnav02 ul li#current02 a:active { background: transparent; color: #DD2D8A; text-decoration: none; }
  
  .inactive { }
  
  #newsdirect a { display: block; width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; font-style: italic; color: #3B3B3B; text-decoration:none; letter-spacing: 0.1em; line-height: 1.4em; }
  #newsdirect a:focus,
  #newsdirect a:hover,
  #newsdirect a:active { text-decoration:underline; }
  
  #pagenav a { font-family: Arial, Helvetica, sans-serif; font-size: 90.9%; color: #3B3B3B; font-style: normal; letter-spacing: 0; text-decoration:none; }
  #pagenav a:focus,
  #pagenav a:hover,
  #pagenav a:active { text-decoration: underline; }
  
  #footer a { color: #3B3B3B; font-style: normal; text-decoration:none; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active { text-decoration:underline; background-color: transparent; }
  
  


  /* Hervorhebung externer Hyperlinks mit CSS */
  /*	
  a[href^="http://www.quellgebiet.ch"],
  a[href^="https://www.quellgebiet.ch"]
  {
    padding-left: 12px;
    background-image: url('/bilder/ext-link.jpg');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }

  .extern { 
    padding-left: 12px;
    background-image: url('/bilder/ext-link.jpg');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /* Tabellen
   * Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { vertical-align: top;}
  thead th { background: #444; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }


  /* Sonstiges */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border: 0;
    border-bottom: 1px #ded7ae solid;
  }
  
 /*  hr {
	border-top-style: dotted;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #989EA1;
	background-color: transparent;
	border-top-width: 2px;
	border-bottom-style: none;
	height: 2px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	}
  */
  
  
  /* Versteckte Elemente
   * Skip-Links und versteckte Inhalte */
   
  /* Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
  .hide { display: none; }
  .show { }
  .hidetopnavdirect #topnavdirect { display: none; }
  .hidefooter #footer { display: none; }

  /* Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
  
  /*-------------------------------------*/
  
  /* Gestaltung des Basis-Layouts */

  /* Randbereiche & Seitenhintergrund
  body {  } */

  /* Layout: Breite, Hintergrund, Rahmen */
  #wrapper {
	width: 1165px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

  /* Gestaltung der Hauptelemente des Layouts */
  #header { width: 1165px; height: 99px; float: left; clear: both; } /*height: 99px; */
  #topnav { width: 1165px; height: 20px; float: left; clear: both; padding: 21px 0 4px 0; } /*height: 20px; */
  #topnavdirect { float: right; }
  #topnavservice { float: right; padding: 1px 114px 0px 30px; }
  
  #logo { width: 1165px; float: left; clear: both; }
  #nav { width: 1165px; height: 39px; float: left; clear: both; }
  #mainnav { width: 1165px; height: 16px; float: left; clear: both; }
  #mainnav02 { width: 1165px; height: 23px; float: left; clear: both; }
  #main { width: 1165px; min-height: 450px; float: left; clear: both; }
  * html #main { height: 450px; }
  #image { width: 1165px; float: left; clear: both; }
  #image01 { width: 325px; height: 325px; float: left; }
  #image02 { width: 325px; height: 325px; float: left; }
  #image03 { width: 325px; height: 325px; float: left; }
  
  #image0102 { width: 650px; height: 325px; float: left; }
  #image010203 { width: 975px; height: 325px; float: left; }
  
  #image01b { width: 234px; height: 325px; float: left; }
  #image0203b { width: 741px; height: 185px; padding: 140px 0 0 0; float: left; background-color: #5B7082; text-align: center; }
  #image03b { width: 325px; height: 185px; padding: 140px 0 0 0; float: left; background-color: #5B7082; text-align: center; }
  
  .hgqgblau { background-color: #42A5D1; }
  .hgbeige { background-color: #DED6AC; }
  .hggraublau { background-color: #5B7082; }

  #content { width: 1165px; margin: 0; padding: 47px 0 0 0; float: left; clear: both; }
  #footer { width: 1165px; margin: 0; padding: 0 0 36px 0; clear: both; }

  /*-------------------------------------*/
  
  /* Formatierung der Inhaltsbereichs */

  #col01a { width: 309px; margin: 0px; padding: 13px 16px 24px 0px; float: left; }
  #col01acontent { margin: 0px; padding: 0px; }

  #col02a { width: 309px; margin: 0px; padding: 13px 16px 24px 0px; float: left; }
  #col02acontent { margin: 0px; padding: 0px; }

  #col03a { width: 309px; margin: 0px; padding: 13px 16px 24px 0px; float: left; }
  #col03acontent { margin: 0px; padding: 0px; }
  
  #col04a { width: 178px; margin: 0px; padding: 13px 0px 24px 12px; float: left; }
  #col04aimage { width: 178px; margin: 0; padding: 0px 0px 0px 12px; float: left; }
  #col04acontent { margin: 0px; padding: 0px; }
  
  #col010203 { width: 975px; float: left;}
  
  #col01b { width: 218px; margin: 0px; padding: 13px 16px 24px 0px; float: left; }
  #col01bcontent { margin: 0px; padding: 0px; }

  #col02b { width: 400px; margin: 0px; padding: 13px 16px 24px 0px; float: left; }
  #col02bcontent { margin: 0px; padding: 0px; }
  
  #col0203b { width: 741px; margin: 0px; padding: 13px 0px 24px 0px; float: left; }
  #col0203bcontainer { width: 741px; margin: 0px; padding: 0px; float: left; }

  #col03b { width: 268px; margin: 0px; padding: 13px 16px 24px 41px; float: left; }
  #col03bcontent { margin: 0px; padding: 0px; }
  
  #col04b { width: 178px; margin: 0px; padding: 13px 0px 24px 12px; float: left; }
  #col04bimage { width: 178px; margin: 0px; padding: 0px 0px 0px 12px; float: left; }
  #col04bcontent { margin: 0px; padding: 0px; }
  
  #col01b02 { width: 218px; margin: 0px; padding: 100px 16px 24px 0px; float: left; }
  
 /* #col01b02 { width: 218px; min-height: 250px; margin: 0px; padding: 13px 16px 0px 0px; float: left; background-image: url(../bilder/schiffli-00-0908.jpg);
	background-repeat: no-repeat; }
  * html #col01b02 { height: 250px; } */
  
  .subcol {	width: 100%; margin: 0px; padding: 0px; overflow: hidden;  }
  .sc001 { width: 400px; margin: 0px; padding: 0px 16px 0px 0px; float: left; }
  .sc001a { width: 400px; margin: 0px; padding: 6px 16px 0px 0px; float: left; }
  .sc002 { width: 268px; margin: 0px; padding: 0px 16px 0px 41px; float: left; }
  .sc001002 { width: 400px; margin: 0px; padding: 0px 341px 0px 0px; float: left; }

  
  
 /*-------------------------------------*/
 /* Top-Navigation */
 
 #topnav ul {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
  }
  
  #topnav ul li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
  }
   #topnavdirect ul li {
	text-transform: uppercase;
	font-size: 110%;
	letter-spacing: 0.1em; 
  }
  
  /*-------------------------------------*/
  /* Hauptnavigation */
   
  #mainnav ul, #mainnav02 ul {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
  }
  
  #mainnav ul li, #mainnav02 ul li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	font-size: 110%;
	text-transform: uppercase;
	letter-spacing: 0.1em; 
  } 
  

  /*-------------------------------------*/
  /* Subnavigation */
    
 #subnav {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
  }
  #subnav ul {
	margin: 0;
	padding: 0;
  }
  #subnav ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
  }
  #subnav a {
	display:block;
	width: 100%;
	padding: 0;
	text-decoration: none;
	color: #3B3B3B;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0;
  }
/*  #subnavhp a {
	color: #6C7658;
	font-style: normal;
  }
*/
  #subnav strong {
	color: #000000;
	font-style: normal;
	font-weight: bold;
  }
  #subnav li#title {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #3B3B3B;
  }
  #subnav li span {
    display:block;
    width: 100%;
    margin: 0px;
	padding: 0px;
    font-weight: bold;
  }

  /* Level 1 */
  /* #subnav li strong,
  #subnavhp li strong, */
  #subnav li#active,
  #subnav li .uberlink
	 {
    width: 100%;
    margin: 0px;
	padding: 0px;
    /* font-weight: bold; */
	color: #DD2D8A !important;
  }
  #subnav li#title .uberlink
	 {
    width: 100%;
    margin: 0px;
	padding: 0px;
    font-weight: bold;
	color: #DD2D8A !important;
  }
  #subnav li#title {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #3B3B3B;
} 
  #subnav li a {
	font-style: normal;
	text-decoration: none;
}
  #subnav li#title a {
	font-weight: bold;

} 
  #subnav li a:focus,
  #subnav li a:hover,
  #subnav li a:active {
	/* font-weight: bold; */
	color: #DD2D8A;
	text-decoration: none;
}
  #subnavhp li a:focus,
  #subnavhp li a:hover,
  #subnavhp li a:active {
	/* font-weight: bold; */
	color: #DD2D8A;
	text-decoration: none;
}
/*
  #subnav ul li .uberlink {
/* color: #333 !important;
font-weight: bold;
}
*/

  /*-------------------------------------*/
  /* Direkteinstiegs-Links */
  
  #newsdirect {
	overflow: hidden; 
  	margin: 0px; 
	padding: 2px 0px 0px 32px; 
  }
  #newsdirect ul {
	margin: 0;
	padding: 0;
  }
  #newsdirect ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
  }
  
  
  
  /*-------------------------------------*/
  /* Formulare*/
  
  form {}
  
  input, textarea, select {
	margin-top: 1px;
	margin-bottom: 1px;
  }
	
  input { margin: 1px 5px 1px 0px; }

  .zforminput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
  }
/*
  .zforminput2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #42638C;
	background-color: #FFFFFF;
	border: 1px solid #42638C;
  }
*/  
  .zforminputarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #CCCCCC;
  }
  
  .zforminputselect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #000000;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
  }
  
/*
  .zformbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #DD2D8A;
	border: 1px solid #DD2D8A;
  } 
*/

/* .zformbutton2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #AEB4B6;
  } 
*/