@media all {
   /* ######################################################################################################
   ** ### Vorbereitende Ma�nahmen ##########################################################################
   ** ######################################################################################################
   **
   ** Die Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
   ** [http: //www.websemantics.co.uk/tutorials/useful_css_snippets/]
   */
   html {
      height: 100%
   } 
   
   body { 
   /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
   ** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H�he des Browserfensters. */
   	min-height: 101%;	
   /* Beseitigung des Rundungsfehlers bei Schriftgr��en im Opera sowie Standardformatierungen */
       font-size: 100.01%; 
   /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr��e des Browser Fensters ge�ndert wird. */
       position: relative; 
   
   /* Vorgabe der Standardfarben und Textausrichtung*/     
       color: #444444;        
       background: #fff;
       text-align: left; 
       font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
       font-size: 11px;  
   } 
   
   /* Hiermit werden die Randabst�nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
   ** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
   **
   ** Achtung: Gleichzeitig wird damit jedoch das extreme Zoom-Verhalten im Internet Explorer heraufbeschworen
   **          Der daf�r erforderliche Hack sollte daher nicht vergessen werden, um diese Problem wieder zu
   **          beseitigen. Er ist in der Datei "iehacks.css" zu finden.
   */
   
   * {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 1em;
   }
   
   /*******************************************************************************
   // Haupt-Divisions Frontend
   /******************************************************************************/
   #head {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 110px;
      width: 100%;
   }
   
   #logo {
      position: absolute;
      top: 0px;
      left: 0px;
	   background-repeat:no-repeat;
   }
   
   #navigation {
      position: absolute;
      top: 75px;
      left: 160px;
      width: 640px;
   }
   
   #subnavigation {
      position: absolute;
      top: 130px;
      left: 0px;
      width: 160px;
   }

   #container{
      position: absolute;
      top: 111px;
      left: 160px;
      width: 650px;
   }
   
   #images {
      position: relative;
      float: left;
   }
   
   #content {
      position: relative;
      float: left;
      width: 320px;
      min-height: 500px;
      padding-bottom: 20px;
   }
   
   #vspace{
      float: left;
      width: 1px;
      height: 410px;
      position: relative;
   }
   
   #extranavi {
   	width: 640px;
   	position : relative;
   }
   #freigabe{
   	width: 640px;
   	position : relative;
      margin-bottom:20px;
   }
   
   #subnaviul{
     margin-left: -5px;
   }
   
   #debug{
     position:absolute;
     left:840px;
     background-color:#A0A0A0;
     border:1px #122D71 solid;
     padding:5px;
     color:#000;
     font-family:Courier;
     font-size:10px;
     width:400px;
   }
   
   .debugfont {
      color:#000;
   }
   #debug strong {
      color:#000:
   }
   /*******************************************************************************
   // Listen
   /******************************************************************************/
   ul, ol {
      list-style-position: inside;
   }
   
   ul {
      list-style-image: url(../../images/listbullet.gif);
      margin-top: -3px;
   }

   li {
      list-style-type: none;
      margin-bottom: 2px;
      margin-left: 16px;
      text-indent:-16px;
      line-height:14px;
   }
   
   
   #subnaviul {
      list-style-image: none;
       margin-top: 0px;
   }
   
   li.subnavi{
      margin-left: 25px;
      text-indent:-13px;
      margin-bottom: 4px;
   }
   li.subnavi2{
      margin-left: 25px;
      text-indent:0px;
      margin-bottom: 4px;
   }
   
   
   /*******************************************************************************
   // Links
   /******************************************************************************/
   a { 
      text-decoration: none;
      font-size: 11px; 
   }
   a.extranavi { 
      font-size: 12px; 
   }
   a.subnavi_on, a.subnavi_off {
      font-family: Arial;
      font-size: 12px;
   }
   p.navi_on a, p.navi_off a {
      font-weight: bold;
   }
   /*******************************************************************************
   // Ueberschriften
   /******************************************************************************/
   h1 {
   	font-weight: bold;
   	margin-top: 16px;
   	margin-bottom: 10px;
   	text-weight: bold;
   }
   
   h1.startheader {
      margin-top:20px;
      margin-bottom:0px;
   }
   
   h2  {
      margin-top: 24px;
   }
   
   
   h3 {
      font-size: 11px;
      font-weight: normal;
   }
   
   h3.produktedetl {
      font-size: 11px;
      font-weight: bold;
   }
   
   
   /*******************************************************************************
   // Tabellen
   /******************************************************************************/
   table {
      border-spacing: 0px 0px;
      empty-cells: show;
   }
   #timages {
      width:320px;
      margin-top:22px;
   }
   th {
      text-align: left;
      vertical-align: top;
      font-size: 12px; 
      padding: 5px;
      font-weight:bold;
   }
   td {
      vertical-align: top;
   }
   td.veranstaltungen {
      padding: 4px;
   }   
   td.tbl_td {
      padding: 5px;
   }   
   
   /*******************************************************************************
   /* Fliesstext
   /******************************************************************************/
   p, li {
      margin-top: 2px;
      margin-bottom: 2px;
      font-size: 11px;
      line-height: 1.4;
   }
   ul {
      margin:0px;
   }
   .jahr_on{
      font-weight: bold;
      font-size: 11px;
   }
   .jahr_off{
      font-size: 11px;
      font-weight: normal;
   }
   p.navipunkt{
      width: 160px;
      float: left;
      font-family: arial;
      font-size: 12px;
   }
   p.slogan{
      font-size: 12px;
      font-weight: bold;
      margin-top: 10px;
   }
   .naviproduktrow{
      margin-left: 30px; 
   }
   .naviproduktrow2{
      margin-left: 40px; 
   }
   
   p.persondetl{
      font-size:11px;
      width:320px;
   }
   p.pressespiegel{
      margin-top:0px;
   }
   p.pressemitteilung{
      margin-top:0px;
   }
   p.neuheiten_mehrinfo{
      margin-top:0px;
      margin-bottom:30px;
      font-weight:bold;
   }
   
   
   /*******************************************************************************
   // Produkte
   /******************************************************************************/
   .produktliste{
      margin-top: 6px;
      margin-bottom: 6px;
   }

   /*******************************************************************************
   // Formulare
   /******************************************************************************/
   form {
      overflow:hidden;
   }
   input, textarea {
      width: auto;
   	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
   	padding: 3px;
   }
   option {
      padding-left:3px;
      margin-bottom:2px;
   }
   select {
      padding:1px;
   }
   
   /*******************************************************************************
   // Bilder
   /******************************************************************************/
   .detailbild {
      margin-right: 24px;
      margin-bottom: 24px;
   }
   image.karte, img.karte {
      margin-top:20px;
      margin-right:10px;
   }
   
   .photoitem{
      width:150px;
      height:150px;
      text-algin:center;
      vertical-align:center;
      padding:0px;
      margin:0px;
      margin-right:10px;
      margin-bottom:10px;
      float:left;
   }
   
}