/* latin */
@font-face {
	font-family: 'Corsiva';
	src: url('../fonts/corsiva.eot');
	src: local('Corsiva'), url('../fornts/corsiva.woff') format('woff'), url('../fonts/corsiva.ttf') format('truetype');
}
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v10) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Allgemeine Formatierungen */
* { -webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	border: none;
  } 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

body, section, div, header, footer, nav, p, li, h1 , h2 , h3 , span { 
	font: 15px Calibri, "Trebuchet MS", sans-serif;
	font-size-adjust: 0.46;
	font-weight: normal;
	background-color:white;
	margin: 0em;
	padding: 0em;
}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var {
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;
}

blockquote, q {quotes:none}
table, table td {
	padding:0;
	border:none;
	border-collapse:collapse
}
iframe { border: opx:solid black;}
img {
	vertical-align:bottom;
}
embed, td {vertical-align:top}
a { color: #000;}
a { text-decoration: none;}
a:hover { text-decoration: underline; }
button { padding: 0em; }
code{
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size:0.9em;
	border:1px solid lightblue;
	padding:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#518BAB;
}
dd {margin-left:2em;padding-bottom: 0.5em }
dt {margin-left:1em; font-weight:bold;}

h1 { font-size: 1.0em; font-weight: bold;}

hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:0.5em 0;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}

p
{ 
	padding: 0em 0em 1em 0em;
}

pre{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	margin: 0 0 0 0;
	padding:5px 5px 3px 5px;
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
	box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
	padding:10px;
	margin:0 0;
	border:1px solid #ddd;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	font-size:0.9em;
}
select { width: 100%; height:1.8em; font-size:1em; border-radius: 5px 5px 5px 5px; border: 1px solid silver;overflow:auto;}
table tr td { padding: 0.2em; }
tr th { background-color: darkblue !important; color: white; font-weight: bold; padding-left: 0.2em;  }

textarea { width:100%;height:8em; font-size:0.8em;}


/* common helper classes */
.pointer {cursor: pointer;}

a.info {
	position:relative;
	z-index:1;
	background-color:#ff0;
	text-decoration:none;
}
.active { 
	background-color: silver !important; 
	text-decorstion: underline !important;;
	font-weight: bold;
}
body {
	background-color: transparent !important;
}
#box-page {padding: 0em 1em 1em 0em;}

.box-page
{
	float: right;
	width: 90%;
}

.bg-admins, .admins { background-color: gold ;border-bottom: 1px solid white;  }
.bg-authors, .authors   { background-color: #aaa;border-bottom: 1px solid white; }
.bg-black { background-color: black; color:white;} 
.bg-dark { background-color: #555; color:white;} 
.bg-darkblue , .bg-2, .bg-darkblue h2{ background-color: darkblue; color:white;}
.bg-darkgreen , bg-3 {	background-color: darkgreen; color:white;}
.bg-devels, .devels   { background-color: darkgreen;border-bottom: 1px solid white; color:white;}
.bg-editors, .editors   { background-color: orange;border-bottom: 1px solid white; }
.bg-gold , .bg-8 {	background-color: gold; color:black;}
.bg-darkred , .bg-4 {	background-color: darkred; color:white;}
.bg-red , .bg-5 {	background-color: red; color:black;}
.bg-green {	background-color: limegreen; color:black; }
.bg-light { background-color: #eee; color:black; }
.bg.managers, .managers   { background-color: darkblue;border-bottom: 1px solid white; color: white; }
.bg-silver { background-color: silver; color:black;} 
.bg-skyblue { background-color: skyblue; color:black; }
.bg-white {	background-color: white; color:black; }
.bg-users, .users    { background-color: #eee;border-bottom: 1px solid white; }
.bg-lime { background-color: #00FF00 !important; }
.bg-limegreen, .bg-1 { background-color: #32cd32 !important; }

.belegt, .frei, .belegt-frei, .frei-belegt, .wechsel { 
	border: 1px solid #eee; 
	background-repeat: no-repeat; background-size: 100% 100%;
	text-shadow: 1px 1px white;
}
.belegt { background-image: url(/images/system/belegt.png); }
.frei { background-image: url(/images/system/frei.png); }
.belegt-frei { background-image: url(/images/system/belegt-frei.png); }
.frei-belegt { background-image: url(/images/system/frei-belegt.png); }
.wechsel { background-image: url(/images/system/wechsel.png);}

.bg-gruen { background-color: #c4f902; } /*#8db600*/

.bg-darkblue h2:hover { color: darkblue; color:white; }
.bg-devels a, .devels a { color:white; }
.bg-managers a, .managers a { color:white; }

.bold { font-weight: 700 !important; }

.b-e, .border-error{ border: 1px solid red; color: red; }
.b-s, .border-success{ border: 1px solid darkgreen; color: darkgreen; }
.b-b, .border { border: 1px solid black; }
.b-w, .border { border: 1px solid white; }
.b-r, .border-red , .b-4{ border: 1px solid red; }
.b-2, .border-blue, .heute { border: 1px solid blue; }
.b-8, .border-gold { border: 1px solid gold; }
.b-3, .border-green { border: 1px solid #32cd32; }
.b-13, .border-silver { border: 1px solid silver; }
.border-bottom { border-bottom: 1px solid #ccc; }
.border-0 { border: 0px solid #fff;}
.tag-today { border: 2px solid red !important; }

.heute { font-weight: 800; color: blue !important;}

.box-modul 
{
	background-color: white;
	padding: 1em;
	-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
	box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
	margin-bottom: 1em;
}
.box-modul-headline{
	background-color: #456873;
	padding: 1em;
	color: white;
	font-weight: 600;
	font-size: 1em;
}

.box-page-content ul { margin-left: 1em !important;}
.box-page-content ul li ,
.box-page-content p ul li ,
.box-page-content div ul li 
{ 
	/*list-style-position: outside;
	list-style-type: none;
	margin-bottom: 0.5em;
	padding-left: 1.2em;
	margin-left: -0.9em;*/
	/*background-image: url(http://gestaltakademie-koeln.de/bilder/quadrat-petrol.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;*/
}
.box-page-subtitle ,
.box-page-subtitle p
{
	font-weight: 600 !important; 
}
.box-rounded, .rounded { border-radius: 5px 5px 5px 5px ;  }
.box-rounded-em { border-radius: 1em 1em 1em 1em ;  }
.box-rounded-bottom { border-radius: 0px 0px 5px 5px ;  }
.box-rounded-left { border-radius: 5px 0px 0px 5px ;  }
.box-rounded-right { border-radius: 0px 5px 5px 0px ;  }
.box-rounded-top { border-radius: 5px 5px 0px 0px ;  }
.shadow{
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.2);
}

.box-shadow{
	-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
	box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.7);
}

.box-1-1 { width: 100%; margin-right: 0%; margin-bottom: 2%;}
.box-1-2 , .box-2-4 { width: 49%; margin-right: 1%; margin-bottom: 2%; float: left;}
.box-1-3 { width: 32.333%; margin-right: 1%; margin-bottom: 2%; float: left;}
.box-2-3 { width: 65.666%; margin-right: 1%; margin-bottom: 2%; float: left;}
.box-1-4 { width: 24%; margin-right: 1%; margin-bottom: 2%; float: left;}
.box-3-4 { width: 74%; margin-right: 1%; margin-bottom: 2%; float: left;}
.box-last, .last { margin-right: 0px !important; }
.box-50 {width: 50%;}
.box-40 {width: 40%;}
.box-30 {width: 30%;}
.box-20 {width: 20%;}
.box-10 {width: 10%;}
.box-inp-60 {width: 60%;}
.box-inp-50 {width: 50%;}
.box-inp-40 {width: 40%;}
.box-inp-30 {width: 30%;}
.box-inp-20 {width: 20%;}
.box-inp-20 {width: 15%;}
.box-inp-10 {width: 10%;}

.btn-attention { background-color: red; color:white; font-weight: bold; }

.button { padding: 0.2em 1em !important; margin: 0em 0.5em 0em 0em !important; -ie-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc !important; }
.button-submit { background:none; border: 0px; cursor:pointer;}
.button-icon { color:black; font-weight: bold; border-radius:5px; font-size:1.5em; padding:0.2em; margin: 0.2em; }

.center{text-align:center;}
.clear-both, .clear { clear: both; }

.color-black, .black { color: black !important;}
.color-darkgrey, .darkgrey { color: #333 !important;}
.color-blue, .c-b, .blue , c-2 { color: blue;}
.color-gold, .c-8, .gold { color: gold;}
.color-green, .green, .success, .msg-success { color: limegreen;}
.color-darkgreen, .darkgreen { color: darkgreen; }
.color-darkred, .darkred, .c-4 { color: darkred; }
.color-darkblue, .darkblue , .c-3 { color: darkblue; }
.color-debugger,#debugger { font-size: 0.8em; color: darkred; }
.color-headline , .color-headline-1 , .color-headline-2 , .headline , .headline-1 , .headline-2 { 	color: #456873; padding-bottom: 1em;}
.color-red, .c-r, .red, .error, .msg-error, .heute { color:red;}
.color-white, .c-w, .white { color: white !important;}
.color-silver, .c-s, .silver { color: silver !important;}
.color-light, .c-ls, .light { color: #ccc !important;}
.color-lime, .c-l,  .lime { color: #00FF00 !important; }
.color-limegreen, .c-lg, .limegreen, .c-7 { color: #32cd32  !important; }

.corsiva {font-family: Corsiva;}

.wein-und-mut-gruen, .w-u-m-gruen, .gruen { color: #c4f902; } /* #8db600 */

.content-text ul.box-shadow { 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* .content-text > ul ul:nth-of-type(1) li:nth-of-type(1) {font-weight: bold;} */
.current a { font-weight: bold !important; color: black !important; } /* Tabellenregister bei KickStart */


.disabled { background-color: #ddd; border: 1px solid #ddd;}
.disp-hidden, .hidden, .disp-screen-only, .screen-only ,.disp-mobile-only, .mobile-only  { display:none !important; }

.fa 
{ /* Kickstart - Icons */
	padding: 0em 0.3em;
}

.fewo-plan td.tag, .fewo-plan td.tag-name, .fewo-plan td.tag-monat  { text-align: center; font-size: 0.8em; }
.fewo-plan td.tag { font-weight: 600;}

.float-left { float:left;}
.float-right { float:right;}

#form-submit { margin-left: 1em; }

.hidden { display: none; }

.label { width: 25%; background-color: #eee; border-top: 1px solid silver; }
.label-item { width: 25%; font-size: 0.8em; background-color: #eee; height: 4em;}
.left{ text-align: left !important;}
.list-style-none { list-style: none;}

.m-0 { margin: 0em }
.m-1 { margin: 1em;}
.m-bottom {margin-bottom: 1em;}
.m-b-0 { margin-bottom: 0em !important; }
.m-left {margin-left: 1em;}
.m-right {margin-right: 1em;}
.m-top {margin-top: 1em;}

.mirror {
    display: block; 
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.mobile-only { display:none; }

#navi-footer 
{
	float: right;
	text-align: right;
	color: white;
	padding-right: 1em;
}
#navi-footer a 
{
	color: white !important;
}
.navi-level-1 li div a { color: white !important;}
.navi-level-2 li div a { color: #555 !important;}
.navi-level-2 li div { width: 100%; padding: 0.3em !important; border-bottom: 1px dotted #ddd; }
.navi-level-1 li div:hover { background-color: #eee !important; color: #555 !important;}
.navi-level-1 li div:hover a { color: #555 !important;}

.normal { font-weight: normal !important;}

.opa-0 {opacity: 0.0;}
.opa-1 {opacity: 0.1;}
.opa-2 {opacity: 0.2;}
.opa-3, .zuvor, .danach {opacity: 0.3;}
.opa-4 {opacity: 0.4;}
.opa-5 {opacity: 0.5;}
.opa-6 {opacity: 0.6;}
.opa-7 {opacity: 0.7;}
.opa-8 {opacity: 0.8;}
.opa-9 {opacity: 0.9;}
.opa-10 {opacity: 1.0;}

.overflow { height: 5em;}

.pad-0 { padding: 0em;}
.pad-0-02 {padding: 0em 0.2em;}
.pad-0-03 {padding: 0em 0.3em;}
.pad-0-04 {padding: 0em 0.4em;}
.pad-0-05 {padding: 0em 0.5em;}
.pad-0-06 {padding: 0em 0.6em;}
.pad-0-07 {padding: 0em 0.7em;}
.pad-0-08 {padding: 0em 0.8em;}
.pad-0-09 {padding: 0em 0.9em;}
.pad-05   {padding: 0.5em;}
.pad-05-0   {padding: 0.5em 0em ;}
.pad-0-0-05-0   {padding: 0em 0em 0.5em 0em;}
.pad-twisty { padding-top: 0.75em; }
.pad-0-1 { padding: 0em 1em;}
.pad-0-2 { padding: 0em 2em;}
.pad-0-0-0-1, .pad-left {padding: 0em 0em 0em 1em;}
.pad-0-0-1-0, .pad-bottom {padding: 0em 0em 1em 0em;}
.pad-0-1-0-0, .pad-right {padding: 0em 1em 0em 0em;}
.pad-1-0-0-0, .pad-top {padding: 1em 0em 0em 0em;}
.pad-1 { padding:1em;}
.pad-1-0 { padding: 1em 0.5em;}
.pad-1-05 { padding: 1em 0em;}
.pad-2-0-0-0 {padding: 2em 0em 0em 0em;}
.pad-0-2-0-0 {padding: 0em 2em 0em 0em;}
.pad-0-0-2-0 {padding: 0em 0em 2em 0em;}
.pad-0-0-0-2 {padding: 0em 0em 0em 2em;}

.pos-absolute, .absolute { position: absolute; }
.pos-relative, .relative { position: relative; }

.right{text-align:right;}

.row, .row ul,.row ul ul { padding: 0em; margin:0em;}

.size-1 , .h3 { font-size: 1em; }
.size-1-1 , .big { font-size: 1.1em; }
.size-1-2 , .bigger { font-size: 1.2em; }
.size-1-3 , .biggest { font-size: 1.3em; }
.h1 { font-size: 2em; }
.h2 { font-size: 1.5em; }
.h3 { font-size: 1.2em; }
.h4 { font-size: 1em; }
.h5 { font-size: 0.9em; }
.h6 { font-size: 0.8em; }
.small { font-size: 0.9em;}
.smaller { font-size: 0.8em;}
.smallest { font-size: 0.7em;}
.show {display:block;}

div.sticky {
  position: -webkit-sticky !important; /* Safari */
  position: sticky !important;
  width: 100% !important;;
  top: 0;
  /*
  background-image : url(a.images/schiefer-textur.png);
  background-size: 100%;
  background-position: 20% 34%;
  */
}
div.sticky ul li a { color: #333 !important; }
div.sticky ul li a:hover { color: limegreen !important; text-decoration: underline !important; }


#tabs-admin .tab-content
{ /* Kickstart - Inhalt eines Tabellenreiters */
	min-height: 30em;
}
select { height: 2.1em; background: white; }

.table { 
	width: 100%; 
	border-left: 1px solid #aaa; 
	border-bottom: 1px solid #555; 
	border-right: 1px solid white; 
	margin-bottom: 1em; 
}
.table tbody { 
	max-height:8em; 
	overflow:auto; 
}
.table thead {
	background-color: skyblue; 
	text-align:left;
	height: 1.5em;
	font-size: 1em !important;
	border-bottom: 1px solid silver;
}
.tip , .tooltip
{ /* extraClass => tooltip */
	opacity: 0.9 !important;
	filter: alpha(opacity=90); 
	font-size: 0.8em;
	color: white;
}


ul#galerie {
	padding:0;
	margin:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
}
ul#galerie li{
	padding: 3px;
	background-color:#ebebeb;
	border:1px solid #CCC;
	float:left;
	margin:0 10px 10px 0;	
}
ul#galerie li:hover{
	border:1px solid #333;
}
ul#galerie li span{
	display:block;
	text-align:center;
	font-size:10px;
}
ul#galerie li a img{
		border:none;
}


.underline { text-decoration: underline;}
.uppercase { text-transform: uppercase; }
.w1 { width: 1%;}
.w2 { width: 2%;}
.w3 { width: 3%;}
.w4 { width: 4%;}
.w5 { width: 5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w49 { width:49%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width: 100%; }
.white { color: white }
.wAuto { width: auto;}

.dialog-context{ width: 80%; max-width: 40em; }
#dialog { z-index: 100000;}
#dialog-logo { float:right; }
#dialog-logo img { width: 10em;}
#dialog-content { width: 100%; font-size: 0.8em; margin-top: 1em;}

@media only screen and ( max-width: 1024px){ /* iPads quer und kleiner */
	.box-1-3-title{	font-size: 100%;}
	.box-1-3-content{ font-size: 90%;}
}

@media only screen and ( max-width: 768px){ /* iPads hoch und kleiner */
	body { font-size: 0.7em;}
	/*.box-1-3 { width: 100% ; margin-right: 0em; }*/
	.box-1-4 { width: 100% ; margin-right: 0em; }
	.box-1-3-title{	font-size: 80%;}
	.box-1-3-content{ font-size: 60%;}
}

@media only screen and ( max-width: 560px){ /* kleine Smartphones */
	#box-container-left, #box-container-right { width: 100%; }
	#box-container-right { padding: 0em 2em 0em 2em; margin-right: 0em;}
	.box-1-3, .box-1-4 { width: 100% ; margin-right: 0em; }
	.box-1-3-title{	font-size: 80%;}
	.box-1-3-content{ font-size: 60%;}
}