@charset "UTF-8";



body {
    font: normal 100.01% Georgia, Tahoma, Verdana, Helvetica, Arial, sans-serif;
    color: black; background-color: white;
    min-width: 60em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }
  p {
    margin: 3em 0 0 3em;  /* Positionierung des 'zurueck'-Links */
  }
  p  a {
    color:black;  /* Farbe des 'zurueck'-Links */
  }
  

  html {
    padding: 0;
  }
  body {
    margin: 0; padding: 0; font-size: 62.5%;
  }

  
 #kopfzeile {
    position: absolute;
    top: 1em; left: 0em; width:80%;
    padding: 0 0 0 18em;
    display:block;
    border: 0px; border-bottom: 1px solid silver;
    height:12em; 
    z-index:3; 
   }  
   
 #verlauf {
    position: absolute;
    background:url('verlauf.jpg'); background-repeat:repeat-y;
    overflow: hidden;
    top: 0em; left: 0em; width:2000px;
    display:block;
    border: 0px;
    height:13em; 
    z-index:1; 
   }
   

   
   
#inhalt {
    position: absolute;
    top: 13em; left: 18em;
    width: 70%;
	padding: 0 0 0 0;     
	margin: 0 2.2em 0 0;
    border-right: 0px solid white; border-top: 0px solid white;
    z-index:2;
   }

.artikel {
	margin: 0 0 2em 0;
	padding: 0 0 0 0; 

	}  
	
#inhalt p {
    font-size: 1.4em;
	line-height: 1.6em;
    margin: 1em 2em 0 3.1em;
  }
  
#inhalt img {
    margin: 0.2em 1.2em 1em 0;
    float:left;
  }
  
#inhalt p.teaser {
    font-weight: bold;
    color:#666666;
  }
  
#inhalt p.fliesstext {
    font-weight: normal;
    color:#000000; clear:left;
  }

  
#inhalt #Fusszeile {
    margin: 2em 0 0 3.1em; 
    padding: 0.1em 0.1em 0.1em 0.5em; 
    background-color:#cccccc; 
    display:block;
  }
  
  .copyright { font-family: tahoma, verdana, arial, helvetica;
  	font-weight:normal;
  	line-height:0.9em;
  	color:#444555;
  	font-style:normal;
    font-size: 1em;
  }
  

h1 { font-family: georgia, verdana;
  	font-weight:normal;
  	color:#222222;
  	font-style:normal;
    font-size: 3em;
    margin: 0 0 0 0;
    filter:Alpha(opacity=50); 
    -moz-opacity:0.5; 
    opacity:0.5; 
  }
	  
h2 { font-family: georgia, verdana;
  	font-weight:normal;
  	color:#996633;
    font-size: 3em;
    margin: 0 0 0 0; padding: 0 0 0 0;
    text-align: left;
    border: 0px;
  }
  
h3 { font-family: verdana, 'lucida grande', helvetica, arial;
    font-size: 2.2em;
    font-weight: normal;
    margin: 0 0 0 0; padding: 0.5em 1em 0.5em 0.9em;
    color: maroon;
	display:block; background-color: white;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
  }
  
h4 { font-family: verdana, 'lucida grande', helvetica, arial;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 0 2em; padding: 0.5em 1em 0.5em 1em;
    color: black;
    display:block; background-color: white;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
  }
	
	
	

/* Textlinks */

p a  {
    font-weight: normal;
  }
p a:link  {
    color: #3366cc; 
    text-decoration:none;
  }
p a:visited  {
    color: #3366cc; 
    text-decoration:none;
  }
p a:hover   {
    color: black;
    text-decoration:none;
  }
p a:active  {
    color:#666;
    text-decoration:none;
  }
 
  
 /* rex-navi1  */
 
 #nav {
    position: absolute;
    top: 13em; left:2em;
    width: 14em;
    border: 0px;
    height:100%; 
    z-index:2; background:url('navifonds.jpg'); 
    background-repeat: repeat-y;
    overflow: hidden;
    background-color: none;
	  }
 
.rex-navi1 { font-family: tahoma, verdana, arial, helvetica;
    font-size: 1.6em;
    font-weight: normal;
    margin: 0; padding: 0;
    list-style: none;
    text-decoration:none; border-left: 2px solid white;
    }
.rex-navi1 a:link {     
	display: block;
    padding: 1.6em 0.2em 0.5em 1.3em; 
    color: #333333; background-color: none;
	border-bottom: 2px solid white;
    border-left: 0px solid silver;
    text-decoration:none;
    }
.rex-navi1 a:visited { 
	display: block;
    padding: 1.6em 0.2em 0.5em 1.3em; 
	color: #333333; background-color: none;
	border-bottom: 2px solid white;
    border-left: 0px solid silver;
    text-decoration:none;
    } 
.rex-navi1 a:hover {  
	display: block;
    padding: 1.6em 0.2em 0.5em 1.3em; 
	color: white; background-color: #cccccc;
	border-bottom: 2px solid silver;
    border-left: 0px solid black;
    text-decoration:none;
    }    
.rex-navi1 a:active { 
	display: block;
    padding: 1.6em 0.2em 0.5em 1.3em; 
    color: white; background-color: gray;
	border-bottom: 2px solid silver;
    border-left: 0px solid silver;
    text-decoration:none;
    }   

    
/* ....... nicht aktiv da keine zweite Navi-Ebene in Gebrauch .......... */ 
/* ....... zur Zeit identische Stile. Bitte anpassen .......... */ 
	  
.rex-navi2 { font-family: tahoma, verdana, arial, helvetica;
    font-size: 0.8em;
    font-weight: normal;
    margin: 0 0 0 1.5em; padding: 0;
    list-style: none;
    }
.rex-navi2 a:link {     
	display: block;
    padding: 0.7em 0.2em 0.4em 1em;
    color: #666666; background-color: none; 
    background:url('button.jpg'); overflow: hidden;
	border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    text-decoration:none;
    }
.rex-navi2 a:visited { 
	display: block;
    padding: 0.7em 0.2em 0.4em 1em; 
	color: #666666; background-color: none;
	background:url('button.jpg'); overflow: hidden;
	border-bottom: 1px solid black;
    border-left: 1px solid black;
    text-decoration:none;
    } 
.rex-navi2 a:hover {  
	display: block;
    padding: 0.7em 0.2em 0.4em 1em; 
	color: black; background-color: none;
	background:url('button.jpg'); overflow: hidden;
	border-bottom: 1px solid black;
    border-left: 1px solid black;
    text-decoration:none;
    }    
.rex-navi2 a:active { 
	display: block;
    padding: 0.7em 0.2em 0.4em 1em; 
    color: white; background-color: gray;
	border-bottom: 1px solid black;
    border-left: 1px solid black;
    text-decoration:none;
    }   
 
 /* ........................................... */ 



 /* ........ TABELLEN-Modul............. */ 

/* 
  Beispiel:
  Überschrift linksbündung, gross
  Fusszeile rechtsbünding, kleiner
  alternierende Zeilen, 
  erste Spalte Fett,
  zweite Spalte gerader Zeilen grösser und grün (das ist wirklich nur ein Beispiel.)
*/
table.csv { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#996633;
    font-size: 1.2em;
    margin: 0 0 0 0.6em; padding: 0 0 0 2.6em;
    text-align: left;
    border: 0px;
    }
table.csv caption { font-family: Georgia, Tahoma, Verdana;
  	font-weight:normal; font-size: 1.4em;
  	color:silver;
	margin: 1em 0 0 2em; font-weight:bold;
    text-align:left;
    }
table.csv th { font-weight:bold;
    text-align:left;
    }
table.csv tfoot {
    text-align:left; color:black;
    font-size:smaller;
    }
table.csv tr.odd {
    background-color:#ffffff;
    }
table.csv tr.even {
    background-color:#ffffff;
    }
table.csv td { border: 0.1em solid silver; 
	padding: 0.6em 0.6em 0.6em 0.6em;
	vertical-align:top; overflow:visible;
    }
table.csv .col1 {
    font-size:1em;
    }
table.csv tr.even td.col2 {
    font-size:1em;
    }
    
 /* ........ doppelt wegen Bug............. */    
 /* .. Klasse wird abwechsend umbenannt.. */ 
table.rex-table { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#996633;
    font-size: 1.2em;
    margin: 0 0 0 0.6em; padding: 0 0 0 2.6em;
    text-align: left;
    border: 0px;
    }
table.rex-table caption { font-family: Georgia, Tahoma, Verdana;
  	font-weight:normal; font-size: 1.4em;
  	color:silver;
	margin: 1em 0 0 2em; font-weight:bold;
    text-align:left;
    }
table.rex-table th { font-weight:bold;
    text-align:left;
    }
table.rex-table tfoot {
    text-align:left; color:black;
    font-size:smaller;
    }
table.rex-table tr.odd {
    background-color:#ffffff;
    }
table.rex-table tr.even {
    background-color:#ffffff;
    }
table.rex-table td { border: 0.1em solid silver; 
	padding: 0.6em 0.6em 0.6em 0.6em;
	vertical-align:top; overflow:visible;
    }
table.rex-table .col1 {
    font-size:1em;
    }
table.rex-table tr.even td.col2 {
    font-size:1em;
    }


 /* ........ Kontaktformular............. */

.formular { 
    margin: 0 0 0 0; padding: 0 0 0 0;
    text-align: left;
    border: 0px;
  }

.formular td { border: 0 solid silver; 
	padding: 0.6em 0.6em 0.6em 0.6em;
	vertical-align:top; overflow:visible; }
	
form { font-family: tahoma, verdana;
  	font-weight:normal;
  	color:#996633;
    font-size: 1.2em;
    border: 0em solid silver; 
	padding: 0.6em 0.6em 0.6em 0.6em;
	vertical-align:top; overflow:visible; }
	
form,input,textarea { border: 0.1em solid silver; 
	padding: 0.8em 0.6em 0.6em 0.6em;
	vertical-align:top; overflow:visible; }