/* ----------------------------------------------------------------- */
/*                      mary.css                                     */
/* ----------------------------------------------------------------- */

/*            Hermann Liggesmeyer  Juli 2011                         */
/*                                                                   */
/*  05.02.2015   Überarbeitung der Homepage incl. StyleSheet         */
/*  01.04.2015   h1: Höhe 180%, violett                                                           */
/*                                                                   */
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/*                      Links                                        */
/* ----------------------------------------------------------------- */
a.link:link    { color:#333333; text-decoration:none;}     /* grau:  #333333  */
a.link:visited { color:#333333; text-decoration:none;}     /* grau:  #333333  */
a.link:hover   { color:#660066; text-decoration:none;}     /* bordeaux: #660066  */	
a.link:active  { color:#660066; text-decoration:none;}     /* bordeaux: #660066  */
a.link:focus   { color:#660066; text-decoration:none;}     /* bordeaux: #660066  */


body{
	font-family: Verdana,sans-serif;	/* Arial calibri */
	color: #333333;
	background-color: #F2DC93;  /*creme: FFCC66,  Sand: F2DC93*/
	line-height: 1.166;
	font-size: 14px;	/* im Original ohne diesae Zeile  */
	margin: 0px;
	padding: 0px;
	}

h1 { font-size:24px;	/*22px */
	 text-align:center;
	/* line-height:180%; */
	 padding: 10px;
     color: #660066;    /* 660066 violett */ 
	}

h2	{  font-size:17px;	/* 18px */
	 text-align:center;	
	}	 	

h3	{ font-size: 14px;
	  font-weight: bold;
	}	 	

/*    */
/*** Tabelle **/
.aussen {							/* dies ist der äussere Rahmen der Website  */
    width: 980px;			/*   980px  */
	background-color:#FFFFFF;	/* #FFFFFF TEST: #CC0099  */
	margin-top: 50px;			/*  Rand oberhalb Haupt-Tabelle */
	border-style:solid;
	border-width: 1px;
    border-collapse:collapse;
	border-color: #999999;
	}

.Bild-top {						/** Bilder Kopf **/
	 width: 194px;
	 height:130px; 
	 vertical-align: bottom;
	 padding: 0px;
	 text-align: center;
	 color:#000000;
	 background-color: #FFFFFF;		/*  Hintergrundfarbe der Bilder */
	border-style:solid;
	border-width: 1px;
	border-color:#FFFFFF;
    border-collapse:collapse;
	}	 

/* -------------------------------------------------- */
/*                 styles für Kopf                    */	
/* -------------------------------------------------- */
.kopf	{
	border-collapse:collapse;
	width: 100%;	
	}
.linie {
	border-style:none;			/*  Haarlinie 1px */
	background-color:#8A8A8A;
	height:1px;
	width: 961px;		/* 974px */
	margin-left: 0px;
	}	
	

.Info-top {						/** Info Kopf: Maria Friedmann etc.  **/
/*	 width: 776px;				/*  776px */
	 height:130px; 
	 vertical-align: top;
	 padding-top:0px;
	 padding-right: 10px;
	 padding-left:5px;			/*  10px */
	 text-align: right;
	 color:#000000;				/* #000000 */
	 background-color:#FFFFFF;		/*  Hintergrundfarbe des Textes:  #66FF66 */
	border-style:none;
	border-width: 1px;
	border-color:#000000;
    border-collapse:collapse;
	}	 

.Text-top {
	color:#660066;	/* bordeaux */
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 30px;		/*  30px */
	}
.Text-top-reihe2 {
	font-weight:bold;
	margin-top: 0px;
	}	
/* -------------------------------------------------- */
/*                 styles für Fries                   */	
/* -------------------------------------------------- */
.fries {						
	 height:15px;
	 width: 968px;		/* 974px  968 */
	 text-indent: 5px;
	 background-color:#EBEBEB;
	 margin-left:5px;
	}		 

/* -------------------------------------------------- */
/*                 styles für Inhalt                  */	
/* -------------------------------------------------- */
.content {  
	padding: 5px;
	text-align: left;
	vertical-align: top;
	width: 558px;				/* dies ist die Breite des Fenster für den Inhalt  */
	}

/* ---------------  zur Person ----------------------- */
.person {
	width: 100%;			/* 540px */
	}
.person-t {
	width: 45%;		/* 300px */
	vertical-align: top;
	}	
.person-b {
	width: 40%;
	padding-top: 16px;		/* Text und Bildoberkante in einer Zeile ! */
	}	
.passfoto {
	height: 269px;
	width: 200px;
	border-color: #8A8A8A;
	border-style: solid;
	border-width: 1px;
	}	
/* --------------- für Startseite  ----------------------- */
.motto-head {			/* Motto */
	text-align: center;
	color:#660066;	/* bordeaux */
	font-weight:bold;
	font-size: 18px;
	}	
	
.motto-text {			/* Text */
	text-align: center;
	font-weight: normal;
	font-style: normal;
	}	

.hervorgehoben	{
	color: #660066;     violett
	}	
	
/* -------------------------------------------------- */
/*                       styles für Menü              */	
/* -------------------------------------------------- */
.menue {								/*** Menü linke Seite **/
	color:#434343;
	width: 200px;			/* neu: 200px alt: 190px, Achtung: Tabelle .person hängt davon ab! */
	vertical-align: top;
	}
.menueEbene1_br {       /*  "button released C1C1C1 D6D6D6  */
    height:12px;
	width: 180px;			/* 180px */
	vertical-align: center;
	font-size: 13px;				/* 12px */
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	background-color:#FFFFFF;		/*  hintergrund ist weiss */
	text-align: left;
	}

.menueEbene1_mo {      /*  "mouse over"  */ 
    height:12px;
	width: 180px;
	vertical-align: center;
	font-size: 13px;
	font-weight:normal;	
	color: #BBBBBB;	     /* 660066 */
	padding: 5px;
	background-color:#FFFFFF;		/*  hintergrund ist weiss */
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	text-align: left;
	}
.menueEbene1_bd {        /*  "button down D6D6D6 EBEBEB  */
    height:12px;
	width: 180px;
	vertical-align: center;
	font-size: 13px;	
	font-weight: bold;  
	padding: 5px;
	background-color:#FFFFFF;   /*  hintergrund ist weiss */
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	text-align: left;
	}
	
.menueEbene1_ZeileEins_br {       /*  kleinerer Abstand padding-top  */
    height:12px;
	width: 180px;
	vertical-align: center;
	font-size: 13px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-top: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	background-color:#FFFFFF;		/*  hintergrund ist weiss */
	text-align: left;
	}

.menueEbene1_ZeileEins_mo {      /*  "mouse over"  */ 
    height:12px;
	width: 180px;
	vertical-align: center;
	font-size: 13px;	
	font-weight:normal;	
	color: #660066;	
	padding-bottom: 5px;
	padding-left: 4px;
	padding-top: 1px;
	background-color:#FFFFFF;		
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	text-align: left;
	}
.menueEbene1_ZeileEins_bd {       
    height:12px;
	width: 180px;
	vertical-align: center;
	font-size: 13px;	
	font-weight: bold;  
	padding-bottom: 5px;
	padding-left: 4px;
	padding-top: 1px;
	background-color:#FFFFFF;   
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	text-align: left;
	}
	
.menueEbene1Collapse {
	border-collapse:collapse;
	}

.menueEbene2_br {       /*  "button released"  D6D6D6 EBEBEB*/
    height:12px;
	width: 180px;
	vertical-align: center;
	font-size: 13px;	
	text-indent: 15px;
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	background-color:#FFFFFF;		/*  hintergrund ist weiss */
	text-align: left;
	}
.menueEbene2_mo {       /*  "mouse over"  */
    height:12px;
	width: 180px;
	vertical-align: center;
	font-size: 13px;	
	color: #660066;		/* C70000 */	
	text-indent: 15px;
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	background-color:#FFFFFF;		/*  hintergrund ist weiss */
	text-align: left;
	}
.menueEbene2_bd {        /*  "button down  EBEBEB   FDFDFD */
    height:12px;
	width: 180px;
	vertical-align: center;
	text-indent: 15px;
	font-size: 13px;	
	color: #660066;	
	padding: 5px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;		
	background-color:#FFFFFF;		/*  hintergrund ist weiss */
	text-align: left;
	}
.menueEbene2Collapse {
	border-collapse:collapse;
	}

/* -------------------------------------------------- */
/*                 styles für Spalte 3                */	
/* -------------------------------------------------- */
.spalte_3 {
	width: 190px;
	background-color:#FFFFFF;	/*   FFFFFF  */
	vertical-align: top;
	}
.collaps {
	border-style: none;		/*  solid überschreibt äusseren Rahmen */
	border-width: 1px;
	border-color:#FFFFFF;
	border-collapse:collapse;
	margin: -1px;
}	
.aktuell_T {		/*  "Tabelle"  */
	border-style: none;
	border-width: 0px;
	border-color:#999999;			/*  8A8A8A */
	border-collapse:collapse;
	}
.aktuell_K {			/*  "Kopf"  */
	border-collapse:collapse;
	vertical-align: top;
	border-color:#8A8A8A;
	background-color:#D6D6D6;
	border-style: solid;
	border-width: 1px;
	border-color:#999999;
	padding: 5px;
	text-align: left;
	}
.aktuell_B {			/*  "Body"  */
	border-collapse:collapse;
	vertical-align: top;
	background-color:#FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color:#999999;
	padding: 5px;
	text-align: left;
	}
.bild-spalte3 {
	width: 194px;
	height: 130px;
	}

/* -------------------------------------------------- */
/*                       styles für Fußzeile             */	
/* -------------------------------------------------- */
a.footlink:link    { color:#8A8A8A; text-decoration:none;}     /* grau:  #333333  */
a.footlink:visited { color:#8A8A8A; text-decoration:none;}     /* grau:  #333333  */
a.footlink:hover   { color:#660066; text-decoration:none;}     /* bordeaux: #660066  */	
a.footlink:active  { color:#660066; text-decoration:none;}     /* bordeaux: #660066  */
a.footlink:focus   { color:#660066; text-decoration:none;}     /* bordeaux: #660066  */


table.footer-t {
	width:974px;
	height: 15px;
	background-color:#FFFFFF;
	border-collapse: collapse;	
	padding: 0px;
	margin-left: 1px;
	}			

.footer-r {					/* rechter Teil des footers */
	color: #8A8A8A;
    font-size: 11px;
	padding-right: 5px;
	padding-top: 3px;		
	padding-bottom: 1px;
	border-top-style: dotted;
	border-top-color: #8A8A8A;		/* 8A8A8A  */
	border-top-width: 1px;
	text-align: right;		
	}
	
.footer-l {					/* linker Teil des footers */
	color: #8A8A8A;
    font-size: 11px;
	padding-left: 5px;
	padding-top: 3px;	/*  3px */
	padding-bottom: 1px;
	border-top-style: dotted;
	border-top-color: #8A8A8A;		/* 8A8A8A */
	border-top-width: 1px;
	text-align: left;		
	}