/* Version: 04.01.2018 */


@import url('http://fonts.googleapis.com/css?family=Ubuntu');

body {
    background-color: #c4caca;
    font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: 15px;
    line-height: 1.5em;
    padding: 0px;
}

a {
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}

a:link { color: #1a3f66; background-color: #ccddf0; }
a:visited { color: #1a3f66; background-color: #ccddf0; }
a:hover { color: #1a3f66; background-color: #fdda38; }
a:active { color: #1a3f66; background-color: #fdda38; }

a img {
	vertical-align: -0.5em;		    /* wegen line-height 1.5em */
	border: 3px solid #ccddf0;	    /* Brillantblau-20 (Link-Farbe) */
	margin-left: -3px;			    /* Ausgleich des Link-Padding */
	margin-right: -3px;			    /* Ausgleich des Link-Padding */
}

a img:hover {
	border: 3px solid #fdda38;      /* Zinkgelb */
}

a.datenschutz {
	background-color:inherit;
	display: inline;
}

li {
    margin-top: 3px;
    margin-bottom: 3px;
}



div {
	font-size: 1em;
}

div.leiste {
	background-image: url('verlauf.png');
}


/* Problem: SVG wird nicht unterstützt!
div.voegel {
	float: left;
	background-image: url('voegel.svg');
	width: 7.2em;
	height: 5.4em;
}
*/

div.seite {
    width: 964px;
    padding: 0px;
}

div.menue {
	float: left;
	width: 14em;
}

div.anzeige {
	margin-left: 14.4em;
}

div.gelb {
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	background-color: #fdf4ca;   /* Zinkgelb-20 */
	border: 1px solid #fdda38;   /* Zinkgelb */
}

div.blau {
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	background-color: #ccddf0;   /* Brillantblau-20 */
	border: 1px solid #38618c;   /* Brillantblau */
}

div.lrahmen {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	background-color: #f1f2f2;   /* Lichtgrau-40 */
}

div.rrahmen {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	background-color: #f1f2f2;   /* Lichtgrau-40 */
}

div.lrahmen-rand {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	background-color: #f1f2f2;   /* Lichtgrau-40 */
	border: 1px solid #c4caca;   /* Lichtgrau */
}

div.rrahmen-rand {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	background-color: #f1f2f2;   /* Lichtgrau-40 */
	border: 1px solid #c4caca;   /* Lichtgrau */
}


/*Aktualisierungsvermerk*/
div.letzte {
	border-top: 1px solid #1a3f66;  /* Brillantblau-200 */
	text-align: right;
}


   
span.begriff {
	background-color: #c4caca;   /* Lichtgrau */
	color: #1a3f66;              /* Brillantblau-200 */
	padding-left: 2px;
	padding-right: 2px;
}




/*Alle Tabellen*/
table {  
    border-width: 0px;
    border-collapse: collapse;
    text-align: left;
    font-size: 1em;
}

td {
	border-width: 1px;
	border-style: solid;
	border-color: #c4caca;       /* Lichtgrau */
	background-color: #fafafa;   /* Lichtgrau-20 */
	padding: 5px;
}

th {
	border-width: 1px;
	border-style: solid;
	border-color: #c4caca;       /* Lichtgrau */
	background-color: #1a3f66;   /* Brillantblau-200 */
	color: #fdda38;              /* Zinkgelb */
	font-weight: normal;
	padding: 5px;
}

table img {
	vertical-align: -0.5em;		/*wegen line-height 1.5em*/
}

td.gelb {
	background-color: #fdf4ca;   /* Zinkgelb-20 */
}


td.link {
}

td.link a:link { display: block; padding : 5px; color: #1a3f66; background-color: #ccddf0; border: 2px solid #1a3f66; border-radius: 10px;}
td.link a:visited { display: block; padding : 5px; color: #1a3f66; background-color: #ccddf0; border: 2px solid #1a3f66; border-radius: 10px;}
td.link a:hover { display: block; padding : 5px; color: #1a3f66; background-color: #ccddf0; border: 2px solid #fdda38; border-radius: 10px;}
td.link a:active { display: block; padding : 5px; color: #1a3f66; background-color: #ccddf0; border: 2px solid #fdda38; border-radius: 10px;} 



/* Menü-Leiste */
table.leiste {
    background-image: url('verlauf.png');
    border-collapse: separate;
    margin-bottom: 5px;
}

table.leiste tr {
	height: 2em;
}

table.leiste td {
	background-color: #c4caca;   /* Lichtgrau */
	border-style: solid;
	border-color: #c4caca;       /* Lichtgrau */
}

table.leiste td a:link { color: #1a3f66; background-color: #ccddf0; }
table.leiste td a:visited { color: #1a3f66; background-color: #ccddf0; }
table.leiste td a:hover { color: #1a3f66; background-color: #fdda38; }
table.leiste td a:active { color: #1a3f66; background-color: #fdda38; }


table.leiste th {
	background-color: transparent;
	border-style: solid;
	border-color: #c4caca;       /* Lichtgrau */
}

table.leiste th a:link { color: #1a3f66; background-color: transparent; }
table.leiste th a:visited { color: #1a3f66; background-color: transparent; }
table.leiste th a:hover { color: #1a3f66; background-color: #fdda38; }
table.leiste th a:active { color: #1a3f66; background-color: #fdda38; }


table.leiste th.aktiv {
	background-color: #1a3f66;   /* Brillantblau-200 */
	color: #fdda38;              /* Zinkgelb */
	font-weight: normal;
	border-style: solid;
	border-color: #c4caca;       /* Lichtgrau */
}

table.leiste th.aktiv a:link { color: #fdda38; background-color: transparent; }
table.leiste th.aktiv a:visited { color: #fdda38; background-color: transparent; }
table.leiste th.aktiv a:hover { color: #1a3f66; background-color: #fdda38; }
table.leiste th.aktiv a:active { color: #1a3f66; background-color: #fdda38; }


table.leiste th.schulprogramm {
    background-color: #fdda38;   /* Zinkgelb */
	font-weight: normal;
	border-style: solid;
	border-color: #c4caca;       /* Lichtgrau */
	text-align: center;
}


table.leiste th.klp {
}

table.leiste th.klp a:link { display: block; padding : 5px; color: #ffffff; background-color: #a1150d; border: 3px solid #ccddf0; border-radius: 10px;}
table.leiste th.klp a:visited { display: block; padding : 5px; color: #ffffff; background-color: #a1150d; border: 3px solid #ccddf0; border-radius: 10px;}
table.leiste th.klp a:hover { display: block; padding : 5px; color: #ffffff; background-color: #a1150d; border: 3px solid #fdda38; border-radius: 10px;}
table.leiste th.klp a:active { display: block; padding : 5px; color: #ffffff; background-color: #a1150d; border: 3px solid #fdda38; border-radius: 10px;}



/* Inhaltstabelle für den Auftritt */

table.inhalt {
	width: 100%;
}



/* Blinde Inhaltstabelle für den Auftritt */

table.blind td {
	border-width: 0px;
	background-color: transparent;
}



/* Untertabelle von Inhaltstabellen */

table.sub td {
    background-color: #f1f2f2;  /* Lichtgrau-40 */
}

table.sub td.gelb {
	background-color: #fdf4ca;   /* Zinkgelb-20 */
}



/* Tabelle für Konferenzbeschlüsse */
table.beschluss {
	width: 100%;
}

table.beschluss td {
	background-color: #f1f2f2;  /* Lichtgrau-40 */
}

table.beschluss th {
	background-color: #fdeb98;  /* Zinkgelb-40 */
	color:#000000;              /* Schwarz */
}

table.beschluss th a:link { color: #1a3f66; background-color: #fdf4ca; }
table.beschluss th a:visited { color: #1a3f66; background-color: #fdf4ca; }
table.beschluss th a:hover { color: #fdda38; background-color: #1a3f66; }
table.beschluss th a:active { color: #fdda38; background-color: #fdda38; }

/* 2021-11-21 added: Slide-Show 

https://www.w3schools.com/howto/howto_js_slideshow.asp 

*/

.mySlides {display: none;}
img.sl {
	vertical-align: middle;
	width: 100%;
}

/* Slideshow container */
.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  text-align: center;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #292929;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}