/* Geändert: main-container raus, einige Kommentare raus,
   e-datum, grosse-ueberschrift, clear-left rein
   position absolut bei anzeigen, spalte-mitte, spalte-rechts raus
   Print-Sheet gelassen  - fuer heute kein Nerv mehr...
*/

@charset "utf-8";
/* CSS Document */
body {
	margin: 0; 
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; */
	/* this centers the container in IE 5* browsers. 
	The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #e0e0e0;
	z-index: 1;
}
#container {
	width: 968px;  /* this will create a container 80% of the browser width - Nicht mehr!!! Nun fixe Breite... Bäh...  */
	/* min-height: 780px; */
	background: #FFFFFF;
	margin: 0 auto;
    /* the auto margins (in conjunction with a width) center the page */
	/* border: 1px solid #000000; */
	/* text-align: left;  this overrides the text-align: center on the body element. */
	height: auto;
	/*
	padding-top: 105px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	*/
	z-index: 2;
	
}
#innercontainer {
   /* nur damit der Grau-Verlauf schön ist... Bäh... */
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
  
   background-image:  url("../bilder/verlaufoben_968x245.jpg");
   background-repeat: no-repeat;
  
   background-position: 0 0;
   z-index: 3;
 }	
/* remember that padding is the space inside the div box and margin is the space outside the div box */ 
 /******************************************************************************************************
 * Nur damit die Externen Links oben am Rand optisch was her machen!!!
 ******************************************************************************************************/
.quermenue ul, .quermenueunten ul {
    padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	
	margin-right: 0;
	
	
}
.quermenue ul {
    margin-top: 12px;
	margin-bottom: 0;
	margin-left: 36px;
	}
.quermenueunten ul {
    margin-top: 0px;
	margin-left: 36px;
	padding-bottom: 30px;
	background-color: #ffffff; 
	}	
.quermenue ul li, .quermenueunten ul li {
    display: inline-block;
	}
.quermenue ul li, .quermenueunten ul li {
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	display: inline;
	/* Falls ich Externe Links: reinmache!!! 
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CCCCCC; */
	/*
	width: auto;
	*/
	
}
.quermenue ul li a, .quermenueunten ul li a {
	padding-top: .5em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: .5em;
	margin: 0;
	line-height: 2.5em;
	text-decoration: none;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}     
.quermenue ul li a {
  background-color: #e0e0e0;
  }
.quermenue ul li a:link, .quermenue ul li a:visited  {
	color: #FF6600;
}
.quermenueunten ul li a:link, .quermenueunten ul li a:visited {
	color: #777777;
}
.quermenue ul li a:hover, .quermenueunten ul li a:hover {
	color: #000000;
	text-decoration: underline;
}
.quermenue ul li a#current, .quermenueunten ul li a#current {
    border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	color: #000000;
}   

/*************************************************************************************************************
* Jetzt wird´s wichtig: Die rechten - dezent verteilten - graphisch toll gestalteten Buttons!!!
****************************************************************************************************************/
#button-tabelle {
  /*
    position: absolute;
	
    margin-top: -145px;
	*/
	margin-top: 30px;
	margin-left: 38px;
	padding-top: 0;
	padding-right: 25px;
	border-collapse: collapse;
	empty-cells:show;
	/*
  	float: right; */
	z-index: 98;
	/* clear: both; */
   }
#button-tabelle td {
   padding-left: 4px;
   padding-right: 4px;
   
    /*
   padding-bottom: 13px;
   */
   padding-top: 0;
   padding-bottom: 7px;
   /* vorher 15px!!! 21.3.10!!! (hach!!! damit werden auch die full-Borders nach unten gezogen!!! Warum??? */
   margin: 0;
  /*
   width: 105px;
    height: 105px; */
	 /* wenn unteres dann alles nach rechts!!! Wieso!!!
	border-width: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #FFFFFF;	*/
	vertical-align: top;
   }   
 #button-tabelle td ul {
    padding: 0;
 
    margin: 0;
	
	border-width: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	width: 98px;
	height: 101px;
	
	
	}
	/*
#button-tabelle td img#meinwappen {
  
	border: 0;
	width: 117px;
	height: 141px;
}	*/
#button-tabelle td img {
  
	border: 0;
	width: 102px;
	height: 104px;
}	

/******************************************************************************************************************
* Innerhalb der leeren Buttons die Menüs!!!!
*******************************************************************************************************************/
ul.navigation {
    padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	
	margin: 0;
	list-style-type: none;
	list-style-position: outside; 
	
	border-style: dashed;
	border-width: thin;
	border-color: #000000;
	
	line-height: 0.7em; 
	width: 105px;
    height: 105px;
}
ul.navigaton li {
	padding: 0;
	margin: 0;
	/*
	line-height: 0.5em; */
}
ul.navigation li a {
    padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 4px;
	/* padding: 0;
	margin: 0; */
	font-size: .7em;    
	color: #000000;
	text-decoration: none;
}      
ul.navigation li a:link {
/* padding: 0;
	margin: 0; */
	color: #666666;
}
ul.navigation li a:visited {
/* padding: 0;
	margin: 0; */
	color: #666666;
}
ul.navigation li a:hover {
/* padding: 0;
	margin: 0; */
	color: #000000;
}
ul.navigation li a#current {
/*
padding: 0;
	margin: 0; */
    border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	/*
	border-bottom-width: 3px;
	*/
	color: #000000;
}   
/***************************************************************************************************************/
.nobr {
    white-space: nowrap;
	}
/***************************************************************************************************************
* Hier kommt's: Der nun zwei-spaltige Inhalt
***************************************************************************************************************/
#inhalt-und-anzeigen { 
   margin-top: 10px;
   color: #888888;
   z-index: 97;
   margin-left: 0px;
   width: 100%;
   min-height: 550px;
   margin-bottom: 25px;
   background: #ffffff url(../bilder/neuerbdybackgr.jpg) repeat-y 50% 0;
 } 
#anzeigen-links {
   /* position: absolute;
   margin-top: 0px; 
   margin-left: 38px; */
   margin-left: 38px;
   width: 210px;
   float: left;
 
   background-color: #eaeaea;
   }
#anzeigen-links a img.ersteanzeige, #anzeigen-links a img.weitereanzeige {
   margin-top: 5px;
   margin-left: -10px;
   padding-top: 10px;
   padding-bottom: 10px;
   width: 210px;
   height: 113px;
   border-width: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #ffffff;
   }
#anzeigen-links a img.ersteanzeige {   
   margin-top: 5px;
   }
   /*
#inhalt, #spalte-mitte, #spalte-rechts {
   padding-top: 70px;
   } 
 #inhalt {
    margin-left:215px;
	
	} */

 #spalte-mitte {
 /*
    position: absolute;
   margin-left: 290px; */
   margin-left: 36px;
   width: 307px;
   /* margin-right: 370px; */
   float: left; 
   /* clear: both; */
   /*    width: 295px; */
   } 
 #spalte-rechts {
 margin-left: 23px;
 width: 307px;
 float: left;
/*  margin-right: 120px;
   width: 260px;
   float: right; */
 /*
   position: absolute;
   margin-left: 590px; */
   /* margin-right: 0px; */
   /* padding: 0; */
   /* width: 295px; */
   /* float: right; */
   /* color: #000000; */
   /* z-index: 99; */
   }      
h1.ueberschrift {
	 font-size: medium;
	 color: #777777;
	 /* height: 30px; */
	 } 
h1.grosse-ueberschrift {
	 font-size: 1.5em;
	 color: #777777;
	 /* height: 30px; */
	 } 
h1.extragross {
	 font-size: x-large;
	 color: #777777;
	 /* dieser "Befehl" wird nur auf der schrift.php-Seite benötigt!!!  */
	 } 
p.datum {
    font-size: xx-small;
	color: #777777;
	/* height: 15px; */
	}
p.e-datum {
    font-size: .8em;
	color: #777777;
	/* height: 15px; */
	}
p.ersterabsatz {
    /* position: absolute; */
    /* margin-top: 75px; */
	/* clear: left; */
	}		
p.weitererabsatz {
    
    /* display: none;  */
	}	     
    /* trotz aller margin: 0 und padding: 0 in #button-tabelle und #button-tabelle tr kriege ich nicht den 
      kleineren Abstand vom Original zwischen erster und zweiter Reihe zam... mäh... ärger */
.clear-left {
 clear: both;
 height: .1px;
 font-size: 0;
 line-height: 0;
 padding-bottom: 10px;
 margin-bottom: 25px;
 }	  
 /*	  
.blaue_schrift {
   color: #0000FF;
   } */