body {
	background-color: #FFFFFF;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #AF0619;*/
	color: #649426;
	margin: 0px auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#closed-days-div
{
    float: left;
    top: 1px;
    left: 0px;
    width: 1024px;
    height: auto;
    min-height: 501px;
    background: #DAE0D2;
    color: #32629a;
}

.calcHead
{
    font-size: 11px;
    font-weight: 900;
    color: white;
    background: #3276b1;
}

.calcDaysTable
{
    margin-top: 10px;
    min-width: 450px;
}

#toggleTable tr:not(:first-child){
    display: none;
}

.pointer {cursor: pointer;}

.mitarbeiteransicht
{
    margin-left: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background: #f8f8f8;
    color: #32629a;
}


.error {
  color: #ff0000;
  background-color: rgb(255, 255, 204);
}
.error-format,div.error-format{
    width:100%;
    margin-left:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;
    border-radius: 5px;
}
.hinweis{
    position: absolute;
    z-index: 1000;
    width:40%;
    top:30%;
    left:20%;
    padding:20px;
    background-color: #d5ffda;
    color: #2941b0;
border:solid;
}
.warnung{
    position: absolute;
    z-index: 1000;
    width:25%;
    top:30%;
    left:30%;
    padding:20px;
    background-color: #fffcb4;
    color: #2941b0;
    border:solid;
}
.unactive{
    color:#DD8888;
    background-color:#FF0000;
    border:0;
}
.hide{
     display:none;
 }
.redbg{
     background-color:#ff7f7f;
 }
.lightredbg{
    background-color:#ffcccc;
}
.redfont{
    color: #ff7f7f;
}
.gelbbg{
     background-color:#fdffb7;
 }
.lightgraybg{
    background-color:lightgray;
}
.greenbg{
     background-color:green;
 }
.hlgreybg{
    background-color:#BABABA;
}
.whitebg{
    background-color:white;
}
.bluebg{
    background-color:#e5ecff;
}

div.error {
    margin:             0.3em 0 0 10px;
    border:             2px solid;
    width:              90%;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            0.1em 0.1em 0.1em 36px;
    border-top-color: #ff0000;
    border-right-color: #ff0000;
    border-bottom-color: #ff0000;
    border-left-color: #ff0000;
}
p.error {
    margin:             0.3em 0 0 0;
    border:             2px solid;
    width:              1024px;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            0.1em 0.1em 0.1em 36px;
    border-top-color: #ff0000;
    border-right-color: #ff0000;
    border-bottom-color: #ff0000;
    border-left-color: #ff0000;
}
.okinfo {
  color: #000000;
  background-color: rgb(220, 220, 220);
}
div.okinfo {
    margin:             0.3em 0 0 0;
    border:             2px solid;
    width:              100%;
    background-repeat:  no-repeat;
    background-position: 10px 50%;
    padding:            0.1em 0.1em 0.1em 36px;
    border-top-color: #00ff00;
    border-right-color: #00ff00;
    border-bottom-color: #00ff00;
    border-left-color: #00ff00;
}
#header {
  float:left;
  width:100%;
  background:#DAE0D2 url("images/tab/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("images/tab/norm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#header a {
  float:left;
  display:block;
  background:url("images/tab/norm_right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;
    border-radius: 5px;

  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#header #current {
  background-image:url("images/tab/norm_left_on.gif");
  }
#header #current a {
  background-image:url("images/tab/norm_right_on.gif");
  color:#333;
  padding-bottom:5px;
  }




div {
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	position: relative;
}
div#content {
	width: 96%;
	position: absolute;
	left: 2%;
	padding-top: 1%;
}

div#main {
	width: 100%;
	position: relative;
	border: #999999 solid 1px;
}
div#detail {
	width: 250;
	position: relative;
	border: #999999 solid 1px;
}


div#copy {
	width: 100%;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: right;
	padding-bottom: 10px;
}

div#image {
	position: relative;
	height: 100px;
	background-image: url(feedback_images/himmel_bg.jpg);
	padding-left: 10px;
	overflow: hidden;
}

div#text {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-bottom: 5px;
	padding-top: 5px;
}

div#text_bottom {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 2px;
}
div#periode{
    position: absolute;
    z-index: 100;
    width:300px;
    top:35%;
    left:25%;
    background: #fcfcfc;
    border:1px solid #979797;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding:10px 20px;
}
div#periodekz{
     width:630px;
     margin:50px 0px 5px 0px;
    padding:15px;
    background-color:  #e6e6e6;
    color: #AF0619;
    border:solid;
}
.inaktiv{
    color: #999999;
}
.readonly{
    background-color:  #e6e6e6;
    color: #AF0619;
}
.klein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 85%;
}
a:hover {
	color: A8A8A8
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000
}
.tdwidth{
    width:100px;
}
.tdwidth2{
     width:200px;
 }
.tdwidth4{
    width:400px;
}
.brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*color: #AF0619;*/
	color: #32629a;
	background-color: #e6e6e6;
	text-decoration: none
}
.dbrown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #32629a;
	text-decoration: none
}
.tbegrif {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     color: #FFFFFF;
     background-color: #b7b7b7;
     text-decoration: none
 }
.fnt10 {

    font-size: 10px;

}
.red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4A3B33;
	background-color: #FF6C57;
	text-decoration: none
}
.weiss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none
}
.grey {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #7C7577;
     text-decoration: none
 }
.greybg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #7C7577;
    text-decoration: none
}
.lgreybg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: rgba(226, 226, 226, 0.68);
    text-decoration: none
}
.kopf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	/*background-color: #AF0619;*/
	background-color: #649426;
	font-size: 60%;
	font-weight: bold;
	padding-left: 2px;
	horizontal-align: center
}
.warnkopf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #FF0000;
	font-size: 60%;
	font-weight: bold;
	padding-left: 2px;
	horizontal-align: center
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	/*background-color: #AF0619;*/
	background-color: #649426;
	font-size: 100%;
	font-weight: bold;
	padding-left: 2px;
/*	horizontal-align: left;
	text-decoration: none*/
}
.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #797A7C;
	background-color: #f3f3f3;
	font-size: 100%;
	padding-left: 2px;
	horizontal-align: left;
	text-decoration: none
}



div#frage_image	{
	width: 100px;
	left: -120px;
}

div#frage	{
	vertical-align: bottom;
	padding-left: 110px;
	padding-right: 10px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	font-weight: normal;
	text-decoration: none;
}
h3,.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-top: 10px;
	font-size: 130%;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #006699;
	border: 1px solid #999999;
	width: 80%;
}
.nondec:link IMG { border: 0px transparent }
.nondec:visited IMG { border: 0px transparent }
.nondec:active IMG { border: 0px transparent }

.iframe:link IMG { border: 0px transparent }
.iframe:visited IMG { border: 0px transparent }
.iframe:active IMG { border: 0px transparent }

.link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: blue;
    background-color: #f8f8f8;
    font-weight: bold;
    padding-left: 2px;
    horizontal-align: left;

}

.rowdeep{
    background-color: #dfdfdf;
}
.rowlight{
    background-color: #eeeeee;
}
.selection:hover{
    background-color: #BEBEFF;
}
.btn,.btnm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #303030;
    color:#006699;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #ffffff;
    background-color: #F0F0F0;
    Margin: 2px;
    padding:0px;
    font-weight:normal;
    font-size:10pt;
    cursor:pointer;
}
.btn_std {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #303030;
    color:#006699;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #ffffff;
    background-color: #F0F0F0;
    Margin: 2px;
    padding: 5px;
    cursor:pointer;
}
.point{cursor:pointer;}


.gelb{background-color: #ffff00;}
.fixed{ position:fixed;top:0px;}
.fixedtbl{ position:fixed;z-index: 9999;}
#wkorb_contact{
    float:left;
    color:#006699;
    padding:20px 20px 20px 10px;
    margin:20px;
    background-color: #f8f8f8;
    border:solid 2px  #BEBEFF;
    border-radius:25px;
}
#wkorb_contact  td:first-child{
    font-weight: bold;
}

#wkorb_contact .btn{
    background-color: #ffffff;
    padding:5px;

}
#wkorb_contact textarea{


    width:auto;

}

div#wkorb_contact td a {
    display:inline-block;
    margin:10px;
    padding:10px 20px ;
    vertical-align: middle;
    border-radius:10px;
    font-weight: bold;
    border:solid 2px  #BEBEFF;
    text-decoration: none;
    color:#006699;
}
#suchen{
    margin:0px 0px 0px 50px;
    font-weight: bold;
    padding:0px 0px 2px 0px;;

}
#suche{
    margin:-5px 0px 5px 0px;
    border:solid 2px #ECEAE0;
    border-radius:5px;
    height: 25px;
}
#suchen img{
    margin:-10px 0px 0px -5px;
    padding:0px;
}
#artlst{
    border-collapse: collapse;

}
#artlst td{
    padding:2px 5px;
}
.kathead{
    background-color: #a1cad3;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
    height:20px;

    border:solid 1px #e6e6e6;;
}
.plusminus {
      width:10px;
      height:25px;
       Margin: 0px -1px 0px 0px;
    padding:0px 5px 0px 3px;
      cursor:pointer;
    float:left;
  }
.plusminus span{
    display:block;
    width:10px;
    height:10px;
    margin:3px 0px 0px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#006699;
    font-weight: bold;
    font-size: 8px;
    text-decoration: none;
    border: 1px solid #ffffff;
    background-color: #F0F0F0;
    padding:0px;
    cursor:pointer;
    text-align: center;
    vertical-align: middle;

}
.plusminus span:hover,.btn:hover,.btn_std:hover{background-color: #BEBEFF;}
.white{  color:white; }
.black{  color:black; }
.schablon{
    position:fixed;
    top:8%;
    width:400px;
    max-width:640px;
    background: #efefef;
    border:0px solid #979797;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding:10px 10px;
    z-index:1000;
}
.schablon_old{
    position:fixed;
    top:8%;
    width:1040px;
    max-width:85%;
    margin:0px 10%;
    background: #efefef;
    border:1px solid #979797;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding:10px 10px;
    z-index:1000;
}

.sondertermin{
    width:1040px;
    max-width:85%;
}
.woche1,.woche2{
    width:440px;
    max-width:440px;
    border:1px solid #649426;
    padding:15px;
    margin:25px 10px 10px 10px;
    width:auto;
    float:left;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);

}
.woche2{
    float:right;
}
.float_l{
    float:left;
}
.float_r{
    float:right;
}
.copywoche{
    padding:0px;
    float: left;
    margin: 18% 0px 0px 30px ;
    cursor: pointer;
}
.copywoche img{
    padding:0px;
    margin:0px ;
}
.copywoche img:hover{
    padding:2px;
    border:1px solid #649426;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.schablon td{
    padding:5px 3px;
}
.serientab{
    width:100%;
    margin:20px auto;
    padding:10px;
}

.schablon_zeiten {
    min-width:114px;
}
.setup_right {
    display:inline-block;
    position:absolute;
    right:0px;
}
.setup {
    padding:5px;
}
.divinline {
    display:inline-block;
}
.setup_setzen {
    font-size:12px;

}
.newshablon {
    margin-right:100px;
}
.neuschablon {
    position:absolute;
    top:35%;
    left:calc(50% - 175px);

    width:350px;

    margin:0px auto;
    background: #fcfcfc;
    border:1px solid #979797;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding:10px 20px;
    z-index:1001;
}
.neuschablon__right, .neuschablon__left {
    margin: 0px;

}
#selmatrg,.SumoSelect {
    max-width:450px;
}
.tdbegrif {
    color:white;
    background-color:#538DD5;
    height:20px;
    border: 1px solid black;
    vertical-align:middle;
    text-align: right;
    padding:0px 5px;
    font-size:8pt;
}
.tdinfo {
    color:black;
    background-color:#C5D9F1;
    height:20px;
    border: 1px solid black;
    vertical-align:middle;
    text-align: right;
    padding:0px 5px;
    font-size:8pt;
}
.tdinfoleft {
    color:black;
    background-color:#C5D9F1;
    height:20px;
    border: 1px solid black;
    vertical-align:middle;
    text-align: left;
    padding:0px 5px;
    font-size:8pt;
}
.inputinfo {
    background-color:#C5D9F1;
    text-align: center;
    font-size:8pt;
    border:0px;
    width:35px;
    margin:0px;
    padding:0px;
}
.inputinfokorr{
    margin-right:6px;
    text-align: right;
}
.pad0{
    padding:0px;
}
.badge{
    box-shadow: 0 0 2px rgba(0,0,0,0.5);

    height:30px;
    background:white;
    border: 1px solid red;
    border-radius:50%;
    position:relative;
}
.badgetxt{
    position:relative;
    top:25%;
    left:15%;
    font-weight:bold;
    color:#32629A;
    margin:0 auto;

}
.txtblue{
    color:#32629A;
}

.pad5{
    padding:5px;
}
.center {
    text-align:center;
}
.kommentare {
    position:absolute;
    color:#64943A;
display:none;
    background: #EEEEEE ;
    padding: 10px 10px 10px 10px;
    margin-top:-80px;
    margin-left:-100px;
    height: 125px;
    width:210px;

    border:1px solid #979797;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index:1100;
}
.kommentare textarea{

    width:200px;
    height:80px;
    background: white;
    color:#6B6B6B;
    border-color:#black;
}
.aktive_komm{
    border: solid 2px orange;

}
.spalte{

}
.krkinput,.urlinput,.terminmove {
    position:absolute;
    color:#64943A;
    display:none;
    background: #EEEEEE ;
    padding: 0px 10px 10px 10px;
    margin-top:0px;
    margin-left:-100px;
    height: 150px;
    width:200px;

    border:1px solid #979797;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index:100;
}
.urlinput {
    position:absolute;
    text-align:left;
    color:#64943A;
    display:none;
    background: #EEEEEE ;
    padding: 15px;
    margin-top:0px;
    margin-left:-150px;
    height:auto;
    width:auto;

    border:1px solid #979797;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index:100;
}
.urlinput table,.urlinput td{
    color:#64943A;
    font-size:90%;
    font-weight:bold;
}
.terminmove{
    height:auto;
    color:#64943A;
    text-align:center;
}
.terminmove td{
    color:#64943A;
    text-align:center;
}
.dpwarn,.ddpwarn {
    position:absolute;
    top:35%;
    left:100px;
    text-align:center;
    width:960px;
    color:#FF7145;
    margin:0px auto;
    background: #fcfcfc;
    border:1px solid #fcfcfc;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding:10px;
    z-index:1001;

}
.dpwarn h2,.ddpwarn h2{
    padding:50px;
}
.ddpwarn{
    top:30%;
}
.smalltit{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.clearfix:before {
    content: "";
    display: table;
    clear: both;
}

/*
CSS fuer Subgruppe in adm_usrgrp.php
 */

#allsubgroups {
    max-width: 500px;
    border: 1px solid black; !important;
    background: #e6e6e6;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px;
}

.fhs {
    font-size: 10px;
    color: #32629a;
    padding-left: 15px;
}

#eachsubgroup {
    margin: 15px;
}

.h_subgruppe {
    color: #32629a;
    font-size: 10px;
    padding-top: 1px;
}

.radsub{
    display: inline-block;
    width: 295px;
    border: 1px solid black;
    padding: 1px;
    margin: 1px;
    color: #32629a;
}
.m-10{ margin:10px; }
.p-10{ padding:10px; }
.p-5{ padding:5px; }
.mr-10{ margin-right:10px; }
.ml-10{ margin-left:10px; }
.mt-10{ margin-top:10px; }
.mb-10{ margin-bottom:10px; }
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert {
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.btstrp_table{
    border-spacing: 0;
    border-collapse: collapse;
}
.btstrp_table td{
    padding:8px;
    vertical-align:middle;
}
.trlight{
    background:#FFF;
}
.trdark{
    background:#f4f5f5;;
}
.table-p2,.table-p2 tr,.table-p2 td,.table-p2 th {
    padding:2px !important;
    vertical-align:middle !important;
}

#fixheader {
    width: 100%;
    top:0px;
    display: block;
    position: fixed;
    background: #fff;
    overflow: hidden;
    z-index: 1;
    margin-left:20px;
}
#fixheader div {
    display: table-cell;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #32629a;
    text-decoration: none;
    border:1px solid white;
    text-align:center;
    font-weight:bold;
    padding:2px;


}
fixtable {
    width: 150%;
}
fixthead {
    visibility: hidden;
}

.defaultComment {
    color: dimgrey;
    font-style: italic;
}
.meldung{
    position: absolute;
    top:15%;

    width:80%;
    min-height: 50px;
    margin-right:auto;
    margin-left:auto;
    z-index: 1060;

    padding: 15px 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    color:#337ab7;
    font-weight:bold;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: #337ab7 4px solid;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    cursor:pointer;
}

.warnung_pers {
    background: red;
    border: 1px solid black;
    color: white;
    padding: 5px;
    font-weight: bold;
}

.table_pers {
    width:1190px;

}

#pers_legende {
    border: collapse;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
}

#pers_legende tr {
    text-decoration: none;
    padding-left: 2px;
    background: #CDCDCD;

}

#pers_legende td {
    padding-left: 2px ;
}

#pers_legende tr:first-child{
    background-color: #649426;
    color: white;
    font-weight: bold;
}

#pers_legende td:first-child{
    width: 50px;
}

.pers_green {
    background-color: #10FF10;
}

.pers_orange {
    background-color: #FFA500;
}

.pers_red {
    background-color: #FF7F7F;
}