body, html {font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; background: #000; text-align:center;}


a {color:#666;font-weight: normal;}
a:link {text-decoration : none; }
a:visited { text-decoration: none; }
a:active { text-decoration : underline; }
a:hover {color:#F90; text-decoration : none; }

p {color: #666;}

img {border:none; margin:0; padding:0;}

.strong{font-weight: bolder;}

.red {color: #FFB8B8;}
.orange {color: #FFD280;}
.yellow {color: #feffbc;}
.green {color: #AFFFB4;}
.blue {color: #A6D0FF;}
.darkgreen {color: #669900;}
.darkred {color: #cc0000;}
.darkredBG {background-color: #cc0000;}
.darkblue {color: #326EF8;}
.blueBG {background-color: #A6D0FF;}
.darkorange {color: #FFBE00;}

div#backlink, div#mobile {display: none; visibility: hidden;}

/* Badge */
.badge {
   position:relative;
}
.badge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-3px;
   right:-24px; 
   font-size:11px;
   background:#FA5858;
   color:white;
   width:20px;height:20px;
   text-align:center;
   line-height:20px;
   border-radius:50%;
	font-weight:normal;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 8px 0;
  border: 1px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
	border-radius:10px;
	width: 320px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.badge2 {
   width:15px; height: 15px; background: #FA5858; border-radius: 15px;
}

/* Backoffice */ 
div#header_admin { background:url(../images/logo_breit.png) top center no-repeat; background-size:300px 52px; width:1100px; margin:0 auto; padding-top:80px; margin-top:50px; text-align:center; color:#333; }

table#officeTable1020 {width:100%; margin:0 auto; border:0; background-color: #000;display: block; max-width: 500px;}
table#officeTable1020 td {padding: 5px;}
table#officeTable1020 td span {font-size: 14px;color:#FFF;}
table#officeTable400 {width:400px; margin:15px auto 15px auto; border:0; padding:0 0 20px 0; }
div#header400 { margin:0 auto; width:400px; position:relative;}
div#header400  p {font-size: 18px; margin:10px 0 10px 22px; font-weight: bold; color:#E0E0E0;}
div#header400  div.title {margin: 10px 0 5px 23px; color:#E0E0E0;}
td#footer1020, td#footer400 {height: 15px;}

div#header1020 { margin:10px auto 10px auto; width:1400px; position:relative; padding:1px 0 0 3px; margin-bottom: -15px; }
div#header1020 p {font-size: 17px; display:inline; line-height:30px; color:#E0E0E0;}
div#filter {position:absolute; right:0; height:135px; width:300px; bottom:0; padding:0; font-size:12px; background:#EBEBEB; border:1px dashed #666; margin-bottom:10px;}

table#kontostand {font-size: 12px; width: 200px; display: block; float: right; text-align: right; background: none; vertical-align: bottom; height: 70px; border:none; margin-right: 275px;}
table#kontostand td {height: 70px;}
table#kontostand span {font-size:24px;color: #008CFF;}


select[disabled] {background:#F8F8F8;color:#333;-webkit-text-fill-color:#880000;}
option[disabled] {color:#009900;}
span#date {font-weight:bolder; color:#009900;}
td {overflow:hidden;text-overflow: ellipsis;  -o-text-overflow: ellipsis;  white-space: nowrap;}
tr.mobileForwardButton td {font-size: 12px;color:#FFF;}
div#formfield { padding:0; margin:0 auto; margin-top:15px; text-align:center;}
div#formfield_left { padding:0 0 15px 0; margin:0 0 0 25px; text-align: left; }
div#formfield_left input  {text-align: left; padding: 5px;}
div#formfield_left select  {text-align: left; margin-top: 5px; height: 23px;}
a.edit {background: url(../images/edit.png); background-size: 15px 15px; background-position: center;width:15px; height:15px; display: inline-block;}
a.edit:hover {background: url(../images/edit_a.png); background-size: 15px 15px; background-position: center;width:15px; height:15px; display:  inline-block;}
td.temp span {}

div#msg400 {width:100%; margin:10px auto; display:block; height:16px;}
div#msg1020 {width:1020px; margin:0 auto; display:block; height:28px; margin-top: 10px;}
div#msg_true {background-color:#B7FFC1; font-size:12px;  padding:5px; line-height:16px; margin: 0 auto; width: 100%;}
div#msg_false {background-color:#FFB3B3; font-size:12px; padding:5px; line-height:16px;margin: 0 auto; width: 100%;}
div#msg_warn {background-color:#FEA; font-size:12px; padding:6px 15px; line-height:16px; margin:0 0 10px 20px; width: 380px; display: inline;border-radius: 3px; }
div#msg_info {background-color:#FA5858; font-size:12px; padding:6px 15px; line-height:16px;margin:0 0 10px 10px; width: 380px; display: inline;border-radius: 3px; color: #FFF;} 

a.active {background-color:#FEA;}
span#header {position:absolute; right:0; bottom:0; padding:0 10px 10px 10px; font-size:14px; background:#EBEBEB; border:1px dotted #666; margin-bottom:10px;}
span#stand { font-size:14px; line-height:30px; color:#333;}
form#filterform {margin:0; padding:0; }
a.btn_clear  {background-color:#EEE ;color:#000; font-size:12px; border:1px solid #666; padding:5px 10px; margin:0 5px 0 0;border-radius: 3px; text-align: center;}
a#btn_clear  {background-color:#EEE ;color:#000; font-size:12px; border:1px solid #666; padding:5px 10px; margin:0 5px 0 0;border-radius: 3px; text-align: center;}
a.btn_clear:hover { background-color:#FEA; color:#000;}
a#btn_red  {color:#FFF; font-size:12px; background-color:#FF0000; border:1px solid #666; padding:5px 10px; margin:0 5px 0 0;border-radius: 3px;text-align: center;}
a#btn_red:hover { background-color:#FEA; color:#000;}
a#btn_orange  { font-size:12px; background-color:#FFA600; border:1px solid #666; padding:5px 10px; margin:0 5px 0 0;border-radius: 3px;text-align: center;}
a.btn_orange  { font-size:12px; background-color:#FFA600; border:1px solid #666; padding:5px 10px; margin:0 5px 0 0;border-radius: 3px;text-align: center;}
a#btn_orange:hover { background-color:#FEA; color:#000000;}
a#btn_blue  {color:#000; font-size:12px; background-color:#A6D0FF; border:1px solid #999; padding:5px 10px; margin:0 5px 0 0;border-radius: 3px;text-align: center;}
a#btn_blue:hover { background-color:#FEA;}
a#btn_green  {color:#000; font-size:16px; background-color:#7ec9ad; padding:5px 10px; margin:0 auto; border-radius: 3px;text-align: center;}
div#btn_green2  {background-color:#7ec9ad; padding:8px 20px 13px 20px; border-radius: 32px;text-align: center; font-size: 36px; color: #EEE; position:fixed;bottom:50px;left:50%;transform: translate(-50%,-50%); box-shadow: 0px 0px 5px #333 ; }

a#btn_grey  {color:#000; font-size:16px; background-color:#ccc;padding:5px 10px; margin:0 auto; border-radius: 3px;text-align: center;} 
a#btn_grey:hover { background-color:#FEA; color:#000;}
a#btn_active  {color:#000; font-size:12px; background-color:#FEA; border:1px solid #666; padding:5px 10px 5px 10px; margin:0 5px 0 0 ;border-radius: 3px;text-align: center;}
a#btn_active:hover { background-color:#FEA; color:#000;}
a#filterdelete  {color:#000; font-size:11px; background-color:#F90; border:1px solid #666; padding:1px 5px; margin:0 5px 0 0;border-radius: 3px;text-align: center;}
a#filterdelete:hover { background-color:#FEA; color:#000;}
a#filterdelete2  {color:#000; font-size:12px; background-color:#F90; border:1px solid #666; padding:5px 10px; margin:0 5px 0 0;border-radius: 3px;text-align: center;}
a#filterdelete2:hover { background-color:#FEA; color:#000;}

a.btn_red_mobile  {color:#FFF; font-size:16px; background-color:#F00; border:1px solid #666; padding:3px 8px;border-radius: 3px 3px 3px 3px; ;}
a#btn_blue_mobile  {color:#000; font-size:16px; background-color:#A6D0FF; border:1px solid #666; padding:3px 8px; margin:0 3px 0 0;border-radius: 3px;}
a#btn_green_mobile  {color:#000; font-size:16px; background-color:#0C6; border:1px solid #666; padding:3px 8px; margin:0 3px 0 0; border-radius: 3px;}

div.headMenu {margin:10px 0 15px 0;}
a.plus {background: url(../images/plus_13.png) no-repeat; background-position: 5px 5px;}


a.phonelink {color:#008CFF;}

a.border {border-right: 1px solid #000000;}
input[type='checkbox'] {border: 1px solid #ccc; height: 15px; width: 15px; -webkit-appearance: checkbox; }
.symbolHome {background:url(../images/home_18.png) no-repeat; padding-left:25px; background-position: 0px 1px;}

/* Admin-Buttons /////////////////////////*/
a.adminLinks {width:300px; height:50px; background-color:#ccc; font-size:14px; border:1px solid #666; display:block; margin:0 auto; line-height:50px; color:#000; margin-bottom:15px;}
a.adminLinks:hover { color:#000; background:#FEA;}
a.adminButton {height:25px; background-color:#ccc; font-size:14px; border:1px solid #666; margin:0 auto; line-height:25px; color:#000; margin-bottom:15px; padding:5px 20px;}
a.adminButton:hover { color:#000; background:#FEA;}
a.resetButton {width:100px; height:20px; background-color:#ccc; font-size:10px; border:1px solid #666; display:block; margin:0 auto; line-height:20px; color:#000;}
a.resetButton:hover { color:#000; background:#FEA;}

div.menuButton a {width:300px; display:block; font-size:14px; border:1px solid #666; border-bottom:1px solid #666; margin:0 auto; color:#000; padding:15px 0 15px 60px; text-align:left;}
div.menuButton a:hover {color:#000; background-color: #FEA;}
div.menuButtonProjects a {background: url(../images/project_30.png) no-repeat #ccc; background-size: 30px 30px; background-position: 15px 8px;}
div.menuButtonOrders a {background: url(../images/order_30.png) no-repeat #ccc; background-size: 30px 30px; background-position: 15px 8px;border-top:1px solid #fff;}
div.menuButtonTimes a {background: url(../images/time_30.png) no-repeat #ccc; background-size: 30px 30px; background-position: 15px 8px;border-top:1px solid #fff;}
div.menuButtonAccounting a {background: url(../images/accounting_30.png) no-repeat #ccc; background-size: 30px 30px; background-position: 15px 8px;border-top:1px solid #fff;}
div.item {border-radius: 5px;}
	div.item2 {border-radius: 5px 0 0 5px;}
	div.item3 {border-radius: 0 5px 5px 0;}
div.title {line-height: 25px; font-size: 30px; color: #333; width: 100%; text-align: center; margin: 0;}

div#achtung {background-color:#FFB3B3; border:1px solid #666; width:500px; margin:0 auto; padding:20px;}

label {font-size:12px; padding: 0; margin: 0;  }
div.label {font-size:12px;margin:0 0 5px 1px;color:#999;}


select {margin:0; padding:0;}



table.data2 {padding:0; background-color:#F5F5F9; border:1px solid #999; border-bottom:1px solid #000;  width:360px; text-align:left; border-collapse:collapse;margin:0; }
table.data2 td {border-bottom: 1px solid #ccc; height: 20px; vertical-align: middle; padding:2px; font-size: 11px;}


table.controlling td {border-left:1px solid #333; border-right:1px solid #B8B8B8;}
tr.standard {background:#F5F5F9;}
tr.standard td {text-align:left;}
tr.phone td {height:48px;}
tr.task td {height:24px;}
tr.done td {color: #999; }
.done {color: #999; }
table#form input {text-align:left;} 
th {font-size:12px; padding:5px; background-color:#CCC;}
tr p.inner {font-size: 17px; margin:10px 0 10px 20px;}
tr p.noEntries {margin:10px 0 10px 20px;}
td {vertical-align:middle;} 
/*tr.head th {border-bottom:1px solid #bbb;} */
tr.head td {border-top:1px solid #999;}
tr.last td {border-bottom:1px solid #999;}
table.data tr:last-child td {border-bottom:1px solid #999;}
tr.mobile td {font-size: 16px;}
tr.tablerow {background-color:#F5F5F9; }
tr.selected {background:#FEA;}
tr.selected_red {background:#FA5858;}
.selected_red {background:#FA5858;}
td.tablerow a { color:#000; }

@media (min-width: 1281px) {
	tr.standard:hover {background:#FEA;}
	tr.tablerow:hover {background-color:#FEA; cursor:pointer;}
	tr.selected:hover { cursor:pointer;}
	tr.selected_red:hover { cursor:pointer;}
	td.tablerow a:hover { color:#F90; cursor:pointer; }
}
td.borderLeft {border-left: 1px solid #999;}

td.files_date_new {color:#009900; font-weight:bolder;}

table#konvent {text-align:left; background:#FFF; width:500px;}
table#konvent td {font-size:14px;}

.br3 {line-height:3px; height:3px;}
.br5 {line-height:5px; height:5px;}
.br10 {line-height:10px; height:10px;}
.br15 {line-height:15px; height:15px;}
.br20 {line-height:20px; height:20px;}
.br30 {line-height:30px; height:30px;}
.br45 {line-height:45px; height:45px;}
.br60 {line-height:60px; height:60px;}
.br80 {line-height:80px; height:80px;}