/* Stand: Mai 2018   orginal von D kinschu.css übernommen
/*   : für Facebook - Logo
/*        15. April kleine: Foto S. 1 etwas größer
/* Regeln:
/* Reihenfolge wichtig: link. visited, focus, hover, active
/*         meiden für IE 6: a:active
/* Namen: Id, Class: beginnen mit Buchstaben, KEINE Unterstreiche, besser -
/* Druckversion: keine Navigation, Innen- und Aussenränder auf 0 setzen (margin:0, padding:0)
/*****MEM: #.....  id= ....   ;   .menu     class=
/* Pruefen: Farbunterschied #balken:
/* * {padding: 0; margin: 0;};    /*NEU: schaltet Hintergrundfarbe ab ????*/
p, h2,h3,h4,h5  {
	padding : 0px;
	margin : 0px;
	padding-left : 10px;
}

UL  {
	list-style : square;
	margin-top : 8px;
         margin-bottom: 3px;
}

li  {
	/* Listen im Text */
	text-indent : 0px;
	margin-top : 0px;
	margin-left : 1px;
	margin-bottom : 3px;
}


/* *** Teil 0: Kopfbereich *****************/
table.text1 td  {
	/* Trennlinie */
	text-align : left;
	width : 10%;
}

table.text2 td  {
	/* padding: 8px 20 px; */
	width : 90%;
	table-layout : inherit;
}

#Kurstext  {
	padding : 0;
}

/* für Hauptfenster grünlich*/
body  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	background-color : #ccffcc;
	background-color : #dafaee;
	margin : 0em;
	padding : 0em;
	margin-left : 1em;
}

div.kopfbereich, div.footer  {
	background-color : #B0E0E6;
	/* 2007 */
	background-color : #90B4D0;
	/* nach Menu5 */
      	background-color : #87EFEF;
}

div.kopfbereich  {
	float : right;
	width : 99%;
	margin : 0em;
	margin-left : -1em;
      	margin-bottom : 1em;
	padding-bottom : 0em;
	padding-left : 20px;
	height: 130px;
}

div.kopfbereich H1  {
	padding-right : 20px;
	text-align: center;
}

div.navi  {
	position : absolute;
	top : 110px;
	left : 1px;
	width : 220px;
	/* 200, */
	margin : 0px;
	padding : 1px;
	border : none;
}
/*     Top rechts 'Menue'  KONTAKT  */
div.subnavi {
	position: absolute; /*top: 110px;  left 72*/
	left: 90%; top: 100px;
	margin: 1px 0 1px 0;
	height: 18px;
	background-color: #87EFEF;
	padding: 1px 1px 1px 1px;
	list-style-position: outside;
	width: auto;
}

div.text  {
	float : right;
	width : 75%;
	/* 70% ganz gut */
	margin-left : 0em;
	margin-top : 10px;
	margin-bottom : 0em;
	margin-right : 5px;   /*  20px*/
	padding : 1px;
	border : none;
}


/* Fehlt: Definition von Div id=menu: Breite etwas mehr*/
ul.sprache  {
	FONT-SIZE : 90%;
	font-weight : bold;
	display : block;
	background : none;
	/* background-color: yellow; */
	padding : 8px 0 0 10px;
	margin : -3px;
	list-style-type : none;
}

li.sprache  {
	float : left;
	padding-left : 0px;
	list-style-type : none;
}


ul.footnavi {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	width:   auto;
        list-style-type: none;
        font-weight : bold;
	overflow: hidden;
}

.footnavi li {
	height: 23px; /*   oberste Zeilej */
	width: auto;
	margin: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;

        list-style-type: none;
        text-align: left; /* background-color:  green; /* #3554A6;  */
}

#xxx li a {

	text-decoration: none;
	color: blue;
	margin: -3px -3px -3px -3px;
	padding: 3px 4px 3px 4px;
	border: thin solid;
	/* background : url(men_test.gif); */
}

.subnavi li a:hover,  li #current, li a:focus   {
	font-size: 100%;
	font-weight: bold;
	background: Aqua;
}

#menu  {
	width : 195px;
	border : 0;
}

#menu ul  {
	border : none;
	width : 180px;
	margin : 1px;
	padding : 1px;
	list-style-type : none;
	list-style : none;
	list-style-image : none;
}

#menu li a {
	height: 28px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
        }

#menu li a:link, #menu li a:visited  {
	color : #FFFFFF;
	FONT-SIZE : 100%;
	/* font-weight: bold; */
	display : block;
	background : url(men_test.gif);
	padding : 8px 0 0 10px;
	margin : -3px;
}

#menu li a:hover, #menu li #current  {
	/* Hintergrund */
	font-weight: bold;
	color: White;
	font-size: 100%;
	background: url(men_test.gif) 0 -44px;
	padding: 8px 0 0 10px;
	margin: -3px;
}

.menue  {
	/* NAVI.html: Menu normal */
	COLOR: White;
	margin-bottom: 0cm;
}

#menue li  a.open  {
	/* der tatsächlich aktive Link - geht hier NICTH !! */
	font-weight : bold;
	font-size : 160%;
	background-color : Fuchsia;
}

/* ****************************************************/
H1  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-left : 5px;
	text-align : center;
	font-size : 150%;
	font-weight : bolder;
}

H2  {
	FONT-SIZE : 130%;
	FONT-STYLE : normal;
	FONT-WEIGHT : bold;
	text-align : center;
	vertical-align : baseline;
	margin-top : 10px;
	Margin-bottom : 5px;
}

H3  {
	FONT-SIZE : 110%;
	FONT-STYLE : normal;
	FONT-WEIGHT : bold;
	TEXT-TRANSFORM : none;
	margin-top : 10px;
	Margin-bottom : 1px;
}
.h3-like {
	FONT-SIZE: 110%;
	FONT-STYLE: normal;
	FONT-WEIGHT: bolder;
	}

H4  {
	FONT-SIZE : 100%;
	margin-top : 0.3cm;
	margin-bottom : 0cm;
	FONT-STYLE : normal;
	FONT-WEIGHT : bold;
	TEXT-TRANSFORM : none;
         text-align : left;
}

H5  {
	FONT-SIZE : 100%;
	margin-top : 0cm;
	margin-bottom : 0cm;
	FONT-STYLE : normal;
	FONT-WEIGHT : normal;
	TEXT-TRANSFORM : none;
}

tr.tcol-trennt  {
	/* Überschrift der Tabelle */
	background-color : #87EFEF;
	/* #B0E0E6; */
	margin-left : 5px;
	text-align : left;
	font-weight : bold;
	font-size : 100%;
	text-indent : 5px;
	border-top : 1px solid black;
	border-bottom : 1px solid black;
}

.tcol-trennxt  {
	/* nicht aktiv: definiert in th
	background-color: green; /*  #3E9BFF; */
	font-size : 100%;
	margin-top : 1px;
	margin-left : -20px;
	margin-bottom : 1px;
}

.tcol-quer  {
	/* Termineintrag=Row etwas hervorgehoben */
	background-color : #ccffee;
	font-size : 100%;
	margin-top : 0px;
	margin-bottom : 1px;
}

.start  {
	/* Kursspalte: Einstiegskurs Kinesiologie / Keine Vorraussetzungen */
	text-indent : 0;
	background-color : #44ff00;
         background-color :  #88FF88;   /* dezenter 3.10 */
               	/* border-left: medium; */
	text-align : center;
}

/* span.start {background-color: #79FF79;
      		font-weight: bold;}*/
.aufbau  {
	/* Kursspalte Aufbau-Kurs */
	text-indent : 0;
	background-color : #FEF76E;
         text-align: center;
	/* #FFFF91	;  border-left: medium; */
}
ul.aufbau {text-align: left; }


/* span.aufbau {background-color: #FFfDDA;  #FFFF91;
      		font-weight: bold;}*/
span.einstieg  {
	/* EINSTIEG in AUSBILDUNG: Termin-Hervorhebung Hervorhebung */
	background-color : lime;
	/* #FFB0D8;  #FF51A8;*#FFB0FF; #44FF00; */
	font-weight : bold;
	text-align : center;
   	margin-top : 100px;
	font-size : 105%;
}

table th, table td, table tr  {
	text-align : left;
	/* margin-left: 50px; */
	margin-top : 30px;
	/* border-top : 1px solid black;
	border-bottom : 1px solid Black;
	border-collapse : collapse; Aug.09 */
	vertical-align : top;
	padding-top : 5px;
}

table tr td td td  {
	color : Fuchsia;
	text-align : center;
}


table.noborder th, table.noborder td  {
	/* padding: 8px 20 px; */
	text-align : left;
	border : none;
}

/* Teil 2  : Listendefinitionen, Zeilenhervorhebungen, Klassen fuer Terminliste / aktuell ****
  *********************************************************************/
span.titel  {
	/* Kurstitel etc, ok */
	font-weight : bold;
}

ul.kurs  {
	/* Kursbeschreibung in Terminliste - 1. Spalte */
	list-style-type : disc;
	font-size : 100%;
	margin-left : 2em;
	padding-left : 0px;
	margin-top : 3px;
	margin-bottom : 0px;
        	text-align : left;
}

ul.kurs li  {
	/* Kursbeschreibung in Terminliste - 1. Spalte */
	text-indent : 0px;
	margin-left : 0em;
	padding-left : 0;
         	text-align : left;
}

ul.menue  {
	/* für Menu, zunächst nur NAVI */
	list-style-type : none;
	margin-left : 1px;
	padding-left : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
}

ul.menue li  {
	/* für Menuitems */
	text-indent : 0px;
	margin-left : 0em;
	margin-bottom : 0.4em;
	padding-left : 0;
}

li.down  {
	/* Listen Downloads */
	list-style-type : square;
	text-indent : 1px;
	margin-top : 15px;
	margin-left : -5px;
	margin-bottom : 3px;
}

/* Verschachtelte Listen ohne Abstand: klappt noch nicht ganz*/
ul ul  {
	margin-bottom: 0px;
         margin-top: 0px;
	text-indent : 0px;
         padding:  0px;
         list-style-type: circle;

}

/* Teil 3  : Sonderklassen    (keine ahnung, ob alles gebraucht wird)
 ***********************************************************************/
.zusatz  {}

/* Vordergrund / Hintergrund zu #balken ??*/
.down-pdf, .mail, .jump  {
	font-weight: bold;
	font-size: 100%;
	TEXT-DECORATION: underline;
	color: blue;
}

/* .jump {font-size: 105%; }*/
.aktuell  {
	border : thick groove Purple;
	padding : 10px;
	color : Red;
	color : black;
	font-size : 100%;
	text-decoration : none;
	background-color : Yellow;
}

.feedback  {
	border : thick groove Purple;
	padding : 10px;
	color : Red;
	color : black;
	font-size : 100%;
	text-decoration : none;
	background-color : #33FF33
}

.rahmen  {
	border: 2px solid  blue;
           /*         border-color: blue black;  */
	/* #87EFEF; #000099; */
	margin-left: 10px;
	margin-bottom: 5px;
         margin-top: 5px;
	padding : 10px;
}
/* ausgeschaltet .... */
table.rahmen tdx {
    border-style: dotted none;
}
/* ************************************************************/
.hinweis  {
	FONT-SIZE : 90%;
	FONT-STYLE : normal;
	TEXT-TRANSFORM : none;
}

.frage  {
	COLOR : #000000;
	FONT-FAMILY : Arial, Helvetica;
	FONT-SIZE : 100%;
	FONT-STYLE : normal;
	FONT-WEIGHT : bold;
	TEXT-TRANSFORM : none;
}

.antwort  {
	COLOR : #000000;
	FONT-FAMILY : Arial, Helvetica;
	FONT-SIZE : 100%;
	FONT-STYLE : normal;
	FONT-WEIGHT : bold;
	TEXT-TRANSFORM : none;
}

.title  {
	COLOR : #000000;
	FONT : bold x-large/48px Arial, Helvetica;
	TEXT-TRANSFORM : none;
}

.tshadow  {
	COLOR : #bbbbbb;
	FONT : bold 48px/48px Arial, Helvetica;
	TEXT-TRANSFORM : none;
}

.ctitle  {
	COLOR : #000000;
	FONT : bold 24px/24px Arial, Helvetica;
	TEXT-TRANSFORM : none;
}

.ctshadow  {
	COLOR : #bbbbbb;
	FONT : bold 24px/24px Arial, Helvetica;
	TEXT-TRANSFORM : none;
}

page  {
	height : 29.69cm;
	width : 21cm;
	margin-top : 5px;
}

.zeile  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-weight : bolder;
}

.Standard  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 110%;
	font-weight : normal;
}

/* Teil 4:   FOOTER - Klassen: Menu mit Datum und Adresse ***********************
   ***********************************************************************/
p.stand  {
	/* Datum Stand im Footer jeder Seite */
	MARGIN-TOP : 7px;
	margin-bottom : 0px;
	margin-right : 10px;
	FONT-SIZE : 100%;
	text-align : right;
	background-color : #B0E0E6;
	background-color : #90B4D0;
}

p.akt_termin  {
	/* aktueller Termin aus Funktionen */
	margin-top : 1px;
	font-size : 101%;
	font-weight : bold;
	background-color : #96FAF8;
         margin-bottom: 4px;
}

p.einzug  {
	/* Text, der etwas eingezogen ist - Übungsabende .. */
	margin-top : 1px;
	margin-left : 30px;
}

.men-top  {
	/* navi.html: Menu hervorgehoben */
	FONT-WEIGHT : bold;
	margin-bottom : 0cm;
	color : #ff0066;
}

A:visited  {}
#menu li a:visited {     /* bleiben dann auch */
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	background:  blue; /* url(men_test.gif); */
	background-color:   #00C6C6;
	padding: 8px 0 0 10px; margin: -3px;
}

/* NEU: Abstand nach unten*/
p.drucken  {
	text-align : right;
}

p.text  {
	padding : 1px 60px 1px 60px;
	border : none;
}

span.zitat{
	font-weight: bold;
}
table  {
	margin-bottom : 10px;
}
 tr {border: 1px solid blue;     }

P  {
	FONT-FAMILY : Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE : 100%;
	FONT-STYLE : normal;
	TEXT-TRANSFORM : none;
	text-indent : 0px;
         margin-top: 5px;
         margin-left : 5px;
	margin-right : 10px;
	margin-bottom : 6px;

}

.foto {
/***   der 1. Wert für oben + unten, der 2. für links + rechts */
	margin: 2px  6px;
	border: 0px solid;
	padding:0px;

}
/************ Mai 18: schrittweise Einführung ID für top - bott
/*****************  class: Kopfbereich > top, footer > bott      */
 #bott {clear: left; clear: right;
    margin :  10px 1px 1px -1em;
    padding: 10px 80px 10px 80px;
    border: green 5px none;   /*dotted; */
}
 #bott {
	background-color : #B0E0E6;
	/* 2007 */
	background-color : #90B4D0;
	/* nach Menu5 */
      	background-color : #87EFEF;
}

#top div  {
	background-color : #B0E0E6;
	/* 2007 */
	background-color : #90B4D0;
	/* nach Menu5 */
      	background-color : #87EFEF;
            float : right;
         width : 99%;
         margin : 0em;
         margin-left : -1em;
         margin-bottom : 1em;
         padding-bottom : 0em;
         padding-left : 20px;
         height: 130px;
}

#top H1  {
	padding-right : 20px;
	text-align: center;
}



/* ************* Experimentell*/
#balken  {
	height: 28px;
	top: 0px;
	margin: 0;
	margin-left: 180px;
	padding: 5px;
	color: white;
	font-weight: bolder;
	background: blue;
}