html { height: 100%;}
body 
{
	background-color: #1B171B;
	color: #F7DE35;
	min-height: 100%;
    /*font-size: 0;*/
    margin: 0;
    padding: 30px;
}

/* Button */

.button {
    background-color: #222;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:    -moz-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:     -ms-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:      -o-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:        -linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    border: 1px solid #111;
    color: #c6c6c6;
    /*cursor: pointer;*/
    display: inline-block;
    font: bold 16px/12px sans-serif;
    margin: 10px;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    vertical-align: top;
	/*width: 100px;*/
	text-align: center;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
       -moz-box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
            box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
}
.button_s {
    background-color: #222;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:    -moz-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:     -ms-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:      -o-linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    background-image:        -linear-gradient(hsla(0,0%,100%,.15), hsla(0,0%,0%,0));
    border: 1px solid #111;
    color: #c6c6c6;
    /*cursor: pointer;*/
    display: inline-block;
    font: bold 16px/12px sans-serif;
    margin: 4px;
    padding: 4px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.8);
    vertical-align: top;
	/*width: 100px;*/
	text-align: center;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
       -moz-box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
            box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
}
.button_s:hover,
.button_s:focus,
.button:hover,
.button:focus {
    background-color: #242424;
    color: #f6f6f6;
    -webkit-box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
       -moz-box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
            box-shadow: 0 1px 4px hsla(0,0%,0%,.4),
                        inset 0 1px 0 hsla(0,0%,100%,.2);
}
.button_s:after{
    background-image: -webkit-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:    -moz-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:     -ms-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:      -o-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:        -linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    /*background-position: 50% 0%;
    background-size: 200% 200%;*/
    content: '';
    display: none;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.button:after {
    background-image: -webkit-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:    -moz-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:     -ms-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:      -o-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-image:        -linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,100%,.8), hsla(0,0%,0%,0));
    background-position: 50% 0%;
    background-size: 200% 200%;
    content: '';
    display: none;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.button_s:hover:after,
.button_s:focus:after,
.button:hover:after,
.button:focus:after {
    display: block;
}
.button_s:before,
.button:before {
    background: #363636;
    bottom: -8px;
    content: '';
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: -1;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px hsla(0,0%,100%,.3),
                        inset 0 1px 1px hsla(0,0%,0%,.4),
                        inset 0 0 5px hsla(0,0%,0%,.2);
       -moz-box-shadow: 0 1px 1px hsla(0,0%,100%,.3),
                        inset 0 1px 1px hsla(0,0%,0%,.4),
                        inset 0 0 5px hsla(0,0%,0%,.2);
            box-shadow: 0 1px 1px hsla(0,0%,100%,.3),
                        inset 0 1px 1px hsla(0,0%,0%,.4),
                        inset 0 0 5px hsla(0,0%,0%,.2);
}
.button_s:active {
    background-color: #202020;
    color: #b6b6b6;
    padding: 4px 6px 4px;
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1),
                        inset 0 1px 4px hsla(0,0%,0%,.8);
       -moz-box-shadow: 0 1px 0 hsla(0,0%,100%,.1),
                        inset 0 1px 4px hsla(0,0%,0%,.8);
            box-shadow: 0 1px 0 hsla(0,0%,100%,.1),
                        inset 0 1px 4px hsla(0,0%,0%,.8);
}
.button:active {
    background-color: #202020;
    color: #b6b6b6;
    padding: 11px 15px 9px;
    -webkit-box-shadow: 0 1px 0 hsla(0,0%,100%,.1),
                        inset 0 1px 4px hsla(0,0%,0%,.8);
       -moz-box-shadow: 0 1px 0 hsla(0,0%,100%,.1),
                        inset 0 1px 4px hsla(0,0%,0%,.8);
            box-shadow: 0 1px 0 hsla(0,0%,100%,.1),
                        inset 0 1px 4px hsla(0,0%,0%,.8);
}
.button_s:active:after,
.button:active:after {
    display: block;
    left: 1px;
    opacity: .5;
    right: 1px;
    top: 31px;
}
/* Kalender */

#popCalFrame  { width: 420px; height: 300px; margin: 0 0 0 0;}
#addCalFrame  { width: 300px; height: 300px; }
/* ======== formatting the Calendar ========== */
th.cal { text-align: center; background-color: #FAFAFF; }
td.Mo, td.Di, td.Mi, td.Do, td.Fr, td.Sa, td.So, td.heute, 
td.pMo, td.pDi, td.pMi, td.pDo, td.pFr, td.pSa, td.pSo, td.heute, 
td.MMo, td.MDi, td.MMi, td.MDo, td.MFr, td.MSa, td.MSo,
td.JMo, td.JDi, td.JMi, td.JDo, td.JFr, td.JSa, td.JSo {
         padding-left: 1px; text-align: left; border-top: none; border-bottom: 1px solid #DDCCCF;
         border-left: none;  border-right: 1px solid #DDCCCF; font-size: 1.6em; 
}
td.MMo, td.MDi, td.MMi, td.MDo, td.MFr, td.MSa, td.MSo { height: 40px; background-color: #e2e2ff; }
td.JMo, td.JDi, td.JMi, td.JDo, td.JFr, td.JSa, td.JSo {
        font-size: 1.6em; color: #999999; border-top: none;   border-bottom: 2px solid #DDCCCF;
        border-left: none;  border-right: 2px solid #DDCCCF; background-color: #ffffff; 
}
td.Sa, td.pSa, td.MSa  { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #0066CC; }
td.So, td.pSo, td.MSo  { border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; background-color: #003366; }
td.MSa { background-color: #CCCCFF; }
td.MSo { background-color: #9999FF; }
td.JSa { background-color: #EEEEFF; }
td.JSo { background-color: #DDDDFF; }
.heute  { background-color: #993333; }
td.inhalt { background-color: #CCCCFF; }
th.cal    { background-color: #0099ff; color: white; }
th.monMo  { padding: 2px; text-align: left; font-weight: bold; color: white; background-color: #0099ff; }
a.monMo, a.monMo:visited  { color: white; text-decoration: none; }
a.monMo:hover  { color: red; text-decoration: none; }

#CalPage th, #PopUpCalPage th  { color: white; }
#CalPage a, 
#CalPage a:visited, 
#CalPage a:active { color: white; text-decoration: none;}
#PopUpCalPage a, 
#PopUpCalPage a:visited, 
#PopUpCalPage a:active { color: white; text-decoration: none;}
#popCalDiv    { top: 220px; left: 640px; z-index: 3; padding: 0; border: 1px; position: absolute; }
#PopUpCalPage { width: 350px;}
.calTable {margin-top: 0px; width: 350px;}
/* Tabellen */
.blackTable_1 table a, table, tbody, tfoot, tr, th, td, table caption {
	font-family: Verdana, arial, helvetica, sans-serif;
	background:#1B171B;
	color:#F7DE35;
	text-align:left;
	font-size:13px;
}
.blackTable_1 table, table caption {
	border-left:3px solid #567;
	border-right:3px solid #000;
}
.blackTable_1 table {
	border-top:1px solid #567;
	border-bottom:3px solid #000;
}
.blackTable_1 table a {
	text-decoration:underline;
	font-weight:bold;
}
.blackTable_1 table a:visited {
	background:#262b38;
	color:#abc;
}
.blackTable_1 table a:hover {
	text-decoration:none;
	position:relative;
	top:1px;
	left:1px;
}
.blackTable_1 table caption {
	border-top:3px solid #567;
	border-bottom:1px solid #000;
	font-size:20px;
	font-weight:bold;
}
.blackTable_1 table, td, th {
	margin:0px;
	padding:0px;
}
.blackTable_1 tbody td, tbody th, tbody tr.odd th, tbody tr.odd td {
	border:1px solid;
	border-color:#567 #000 #000 #567;
}
.blackTable_1 td, th, table caption {
	padding:2px;
	vertical-align:middle;
}
.blackTable_1 tfoot td, tfoot th, thead th {
	border:1px solid;
	border-color:#000 #567 #567 #000;
	font-weight:bold;
	white-space:nowrap;
	font-size:13px;
}
.blackTable_1  input{
    background-color:#1B171B;
	font-size: 13px;
	color: #fff;
	border: 0px;
	}
.blackTable_2  table { margin-top: 15px;}
.blackTable_2  tbody th, tbody tr.odd th {
	border:1px solid;
	border-color:#567 #000 #000 #567;
}
.blackTable_2 tbody td, tbody tr.odd td {
	border:0px solid;
	border-color:#000 #567 #567 #000;
}
.blackTable_2 input{
	border:1px solid;
	border-color:#000 #567 #567 #000;
    background-color:#1B171B;}
.search tbody td, tbody th {
	border:1px solid;
	border-color:#000 #000 #000 #000;
}
.frameless  {font-size: 1.6em; border: 0px; text-align: left; }


.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#333;  position:absolute; text-align:center; font-size:12px; height:  100%}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; border: solid 1px #252525;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;background-color:#333;}
.menu li:hover{display: block;    background:#252525; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.menu ul li a:hover {  color: #666; text-decoration:none;}
.menu a{text-decoration:none; color:#666;}
.menu a:hover{text-decoration:none; color:#666;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
header{display:inline-block; font-size:12px;}
span{padding-left:20px;}
a{color:#336699;}