/* ======================================================================  
// hgg - an open source xhtml/css website layout by Hans-Gerd Gerhards
//  - http://www.haurand.com
// - Free to use for any purpose as long as the proper credits are given to 
//   the original author.
// Version: 1.1
// Date: 2009-03-31
/* ====================================================================== */

/* sorgt dafür, dass kurze Seiten beim Firefox nicht springen */ 
html {height: 101%;}


/* =============================================== 
1. Kalibirierung
================================================*/
    /* Kalibrierung der Abstände */
    * {padding: 0; margin: 0;}
    
    h2, h3, p, ul, ol {margin-bottom: 1em;}
    
/*    li {margin-left: 2em;} 
    
    ol ul {margin-bottom: 0;} */
    /* Kalibrierung der Abstände */ 


    body {
    	background-color: white;
    	color: #424542; /* grau als Schrift */
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10pt;
    	padding: 0;
    	margin: 0;
  }
    /* war bis 21.01.09: #808080 */
    h1 {
      font-weight: bold;
		  color: #424542;
	}
    h2 { 
      font-weight: bold;
      color: #424542;
    }
    h3 { 
      font-weight: bold;
      color: #424542;
    }
    h4 { 
      font-weight: bold;
      color: #424542;
    }
    
    ul {
      margin:15px;
    }

    div {
       padding: 10px; 
       margin: 10px;     
    }
    

/* =============================================== 
2. Menü
================================================*/
    /* breiter für ITP: (war 190 bzw. 165), d. h. immer um 30 erweitert */
    
    ul.menu {
      display:block;
      list-style-type:none;
      text-decoration:none;
      margin:0px;
      border:0px;
      padding:0px;
      width: 190px;
      font-size: 11pt;
      /* font-size: 1.05em; */
    }
    
    ul.menu li a {
      display:block;
      background-color:white;
		/* Anpassung für ITP: orange statt grau #F0EEE4 */	
      border-left:4px solid #5A71A5;
      padding:5px 1px 5px 5px;
      color:#656565;
      text-decoration:none;
      font-size: 11pt;
    }

    ul.menu li a:visited {
      background-color:#FFFFFF;
      /* war: #F7F3FF; */
      /* Farbe für Balken links: blau kommentiert, rot aktiv */
      /* border-left:4px solid #286ea0; */
		/* Anpassung für ITP: gelb statt rot #FFCF00 */
      border-left:4px solid #5A71A5;
      color:black;
      text-decoration:none;
      font-size: 11pt;
    }


    /* bei hover wird der Menüpunkt andersfarbig gezeigt
       bei current wird der aktive Menüpunkt andersfarbig gezeigt
       siehe dazu auch show_menu() in index.php */
    ul.menu li a:hover {
      background-color:#D9E1EE;
      filter:alpha(opacity=60);
      -moz-opacity:0.6;
      opacity:.60;
      /* war: #F7F3FF; */
      /* Farbe für Balken links: blau kommentiert, rot aktiv */
      /* border-left:4px solid #286ea0; */
		/* Anpassung für ITP: gelb statt rot #FFCF00 */
      border-left:4px solid #FFCF00;
      color:black;
      text-decoration:none;
      font-size: 11pt;
    }

    /* bei hover wird der Menüpunkt andersfarbig gezeigt
       bei current wird der aktive Menüpunkt andersfarbig gezeigt
       siehe dazu auch show_menu() in index.php */
    ul.menu li a:active {
      background-color:#D9E1EE;
      filter:alpha(opacity=60);
      -moz-opacity:0.6;
      opacity:.60;
      /* war: #F7F3FF; */
      /* Farbe für Balken links: blau kommentiert, rot aktiv */
      /* border-left:4px solid #286ea0; */
		/* Anpassung für ITP: gelb statt rot #FFCF00 */
      border-left:4px solid #FFCF00;
      color:black;
      text-decoration:none;
      font-size: 11pt;
    }


    /* bei hover wird der Menüpunkt andersfarbig gezeigt
       bei current wird der aktive Menüpunkt andersfarbig gezeigt
       siehe dazu auch show_menu() in index.php */
    ul.menu li a.current {
      background-color:#eaeaea;
      /* Farbe für Balken links: blau kommentiert, rot aktiv */
      /* border-left:4px solid #286ea0; */
		/* Anpassung für ITP: gelb statt rot #FFCF00 */
      border-left:4px solid #FFCF00;
      color:black;
      text-decoration:none;
      font-size: 11pt;
    }
  
  
    ul.menu ul {
      padding:3px 1px 3px 10px;
      width:165px;
      font-size: 12pt;
    }
  

    ul.menu ul a {
      padding:3px 1px 3px 10px;
      width:165px;
      font-size: 12pt;
    }
  
    ul.menu ul ul {
      padding:3px 1px 3px 10px;
      width:155px;
      font-size: 12pt;
    }
  
    ul.menu ul ul a {
      padding:3px 1px 3px 10px;
      width:155px;
      font-size: 12pt;
    }


/* =============================================== 
3. Bereiche
================================================*/
    
    

    #wrapper {
     /* position: absolute; */
       padding: 0; 
       border: 0;
       /* Webseite in der Mitte: */   
       margin: 0px auto auto auto;
	     width: 988px;
  	   /* margin: 0px; */
    }

    #kopfbereich {
       padding: 0px;
       /* Grafik in der Mitte: */  
       margin: 10px auto 10px auto; 
	     width: 988px;
       /* margin: 10px; */
       border: 0px;
    }

    #navibereich {
      /* Hintergrund für den Navibereich ist die Farbe von body */ 
      /* background-color:#ACA8A9; */
      /* position: absolute; */
		  /* Strich rechts neben Menü 
       border-right: 4px solid #808080; */ 
       float: left;
       padding:0px; 
       margin:0px;  
       border:0px;   
       /* top: 0px; 
       left: 0; */
       width: 193px;
       color: black; 
    }   

    #logos {
       position: relative;
       padding:20px 0px 0px 0px; 
       margin:0px;  
       border:0px;   
    }

    #suche { 
       position: relative;
       padding:20px 0px 0px 0px; 
       margin:0px;  
       border:0px;   
    }   

    #textbereich {
    	position: relative;
    	float: left; 
    	padding: 0px 0px 0px 40px;
    	/*
    	margin: 10px 10px 10px 271px;
    	border: 0px;
    	top: 0px;*/
    	/* gleiche Farbe wie Menübereich:
    	background-color: #353535;
      /* background-image: url(img/background.jpg);
    	background-repeat: no-repeat; */
		 /* Strich rechts neben Menü */ 
    	background-color: white;
      /* border-left: 4px solid #D0D0D0; */
    	color: #656565;
    	width: 697px; /* damit übergroße Inhalte korrekt angezeigt werden: */
    	overflow: auto;
    }

    /* Alle Links im Text*/ 
    #textbereich a:link, #textbereich a:visited { 
      text-decoration: none; 
      border-bottom: 1px dotted #D0D0D0;
      font-size: 1.0em;
      font-weight: bold;
		/* Anpassung für ITP: gelb statt rot #FFCF00 */
      color: #5B72A1;
      /* war: #D0D0D0; */ 
    }
    
    #textbereich a:hover {
      text-decoration: none;
      font-size: 1.0em;
      font-weight: bold;
  		/* Anpassung für ITP: orange statt grau #F0EEE4 */	
      color: #FFCF00;
    }
    
    #textbereich a:active { 
      text-decoration: none;
      font-size: 1.0em;
      font-weight: bold;
  		/* Anpassung für ITP: orange statt grau #F0EEE4 */	
      color: #FFCF00; 
    }
    
    /* Bilder im Textbereich mit Rahmen */
    #textbereich img {
       padding: 2px;
       margin: 2px;
     /*  border: 2px solid #F0EEE4;
		 /* kein Rahmen */
       /* border: 2px solid #F0EEE4; */
    }


    #fussbereich { 
       position: relative; 
       margin: 10px 0px 0px 221px;
       /* margin-top: 10px;
       margin-left: 241px;
       Linie unten funktioniert nicht ohne Probleme über die gesamte Breite */
       clear: both;
       border-top: 4px solid #D0D0D0;
       text-align: center;
       font-size: 0.8em;
    }

    /* Links für Fussbereich */ 
    #fussbereich a:link, #fussbereich a:visited { 
      text-decoration: none; 
      font-size: 0.8em;
      font-weight: bold;
      color: #D0D0D0; 
    }
    
    #fussbereich a:hover {
      text-decoration: none;
      font-size: 0.8em;
      font-weight: bold;
      color: #eaeaea;
    }
    
    #fussbereich a:active { 
      text-decoration: none;
      font-size: 0.8em;
      font-weight: bold;
      color: #008000; 
    }
    

/* =============================================== 
4. Sonstige Links
================================================*/


    /* Alle sonstigen Links */
    /* orange */ 
    a:link, a:visited { 
      text-decoration: none; 
      font-size: 1.0em;
      font-weight: bold;
      color: #D0D0D0; 
    }

    /* gelb */ 
    a:hover {
     	text-decoration: none;
      font-size: 1.0em;
      font-weight: bold;
     	color: #eaeaea;
    }
    
    a:active { 
      text-decoration: none;
      font-size: 1.0em;
      font-weight: bold;
      color: #008000; 
    }


/* =============================================== 
5. Tabellen und sonstige styles
================================================*/
    
    table {
      margin:0 0 16px 0;
      padding:0;
      line-height:1.3em;
      border-collapse:collapse;
      /* kein Rahmen: 
      border:1px solid #d8d8d8; */
    }
    
    caption {
      text-align:left;
      font-size:1.5em;
      font-weight:normal;
      margin:0;
      padding:6px 0 8px 0;
    }
    
    th {
      padding:7px;
      text-align:left;
      background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
      color:#505050;
    }
    
    td {
      padding:7px;
      font-size:0.9em;
      text-align:left;
      background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
      color:#303030;
    }

    /* für News: */    
    tr.spezial {
      padding:7px;
      font-size:0.9em;
      text-align:left;
      background-color:#888888;
      color:#FFFFFF;    
    }

    td.spezial {
      padding:7px;
      font-size:0.9em;
      text-align:left;
      background:#888888;
      color:#303030;
    }
EAEAEA