/*  $Id: Basic.css,v 1.5 2013/08/19 14:35:19 tbw Exp $
    Document   : Basic
    Created on : 02.12.2009, 06:32:35
    Author     : Dieter
    Description:
        Basic Design myWinTOP
*/

/*
 * Basic Elements
*/
html, body {
    margin: 0;
    border-bottom-width: 0px;
    font: 14px/16px arial;
}

a {
    color: blue;
    text-decoration: none;
}
a:hover {
    color: orange;
}

a.bluelink {
    color: blue!important;
    text-decoration: none;
}
a.bluelink:hover {
    color: orange!important;
}

img {
    border: 0;
}

.locked {
    background-color: #DDDDDD;
}

.creditcarddisplaytext {
    font: 12px arial;
}

.standard {
    font: 12px/14px arial;
}

/* Kopfzeile wenn eingeloggt */
.header {
    border-bottom: 1px solid teal;
    width: 100%;
    height: 61px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: white;    /* orange;       /* TESTMODE */
}

.headerimg, .headerimg img  {
    border: 0px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.htitle1 {
    padding: 0;
    margin-top: 0px;
    font: 2.0em bold;
    color: black;
	font-family: Arial, Helvetica, sans-serif;
}

.htitle2 {
    padding: 0;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    font: 18px/10px bold;
    color: gray;
	font-family: Arial, Helvetica, sans-serif;
}

.restzeit {
    font: 10px/10px Arial, Helvetica, sans-serif;
    position: relative;
    float: right;
}

.version {
    font: 12px/12px Arial, Helvetica, sans-serif;
    position: relative;
    float: right;    
}

.hausdaten {
    font: 12px/14px arial;
    padding: 4px 4px 4px 2px;
    margin: 0px 0px 0px 0px;
}

.hausdaten tr {
}

.hausdaten td, .hausdaten th {
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    padding: 4px 4px 2px 4px;
}

.hdr, .hdr td {
    border-right: 1px solid #cfcfcf;
}

.hdr th{
    font-weight: bold;
    border-right: 1px solid #cfcfcf;
}

.hdb, .hdb td {
    border-bottom: 1px solid #cfcfcf;
}

/* Fusszeile */
.footersmall {
    width: 100%;
    clear: both;
    border-top: 1px solid #cecece;
    text-align: center;
    padding: 5px 0;
    color: #fff;
    background: #666;
    position: relative;
    font: 10px/12px arial;
	bottom:0;
	margin-bottom: 10px;
}

.footersmall a {
    color: orange;
}

#accordion h3 {
    font: bold 12px arial;
}
#accordion a {
    color: black;
}

/*
 * IDs
 */
#container {
    width: 100%;
    margin: 0 auto;
}

/* Die mittlere Spalte */
.tablecontent {
    padding-left: 2px;
    padding-right: 2px;
    z-index: 1;
}

.erfassungcontent {    
    background-color: #acf;    
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    box-shadow:  10px 10px 5px #888888;
    font: 10px/12px arial;
}

.vorschaucontent {    
    background-color: #fff;    
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    box-shadow:  10px 10px 5px #888888;
    font: 12px/14px arial;
}

.agbcontent {    
    background-color: #fff;    
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    box-shadow:  10px 10px 5px #888888;
    font: 12px/14px arial;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.agbcontentNo {    
    background-color: #f02b11;    
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    box-shadow:  10px 10px 5px #888888;
    font: 14px/16px arial;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;
    text-decoration: none;
}
.agbcontentYes {    
    background-color: #42d934;    
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    box-shadow:  10px 10px 5px #888888;
    font: 14px/16px arial;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;
    text-decoration: none;
}
a.agbcontentlink {    
    color: black;
    text-decoration: none;
}
a.agbcontentlink:hover {
    color: blue;
}

.erfassungcontent_anfpool {    
    background-color: #acf;    
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    box-shadow:  10px 10px 5px #888888;
    font: 12px/14px arial;
}

.exclamationcontent {    
    background-color: #dfeffc;
    border-width:1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    box-shadow:  10px 10px 5px #888888;
}

.htimer {
    margin-left: 4px;
    margin-right: 8px;
    font-size: 0.6em;
    color: aqua;
}


#header h2 {
    margin-left: 100px;
}

.leftmenu {
    margin: 0;
    padding-right: 4px;
    width: 21%;
}

.rightmenu {
    padding-left: 4px;
    width: 23%;
}

/* Display HausMenu Scollbar*/
.hausmenu {
    float: right;
    visibility: inherit;
    height: 500px;
    overflow: auto;
    border: 1px solid #cecece;
    margin: 0em;
    padding-left: 4px;
    background: #fcfcfc;
}

.tabs {
    font: 1em arial;
}

.tabbody {
    font: 1em arial;
}

/* Linkes Menu */
.lm {
    font: bold 0.85em arial;
    border-top: 1px dotted #cecece;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-right: 7px solid #cecece;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 4px;
    padding-bottom: 4px;
    margin: 0;
}

.lm:hover {
    border-right: 7px solid orange;
}
.lm a {
    color: black;
}
.lm a:hover {
    color: orange;
}

.lmtrenner {
    background-color: #cecece;
}

.lmtrenner:hover {
    border-right: 7px solid #cecece;
}
/* Rechtes Menu */
.rm {
    font: bold 0.85em arial;
    border-top: 1px dotted #cecece;
    border-left: 7px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 4px;
    padding-bottom: 4px;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}

.rm:hover {
    border-left: 7px solid orange;
}

.rm a {
    color: black;
}
.rm a:hover {
    color: orange;
}

.rmgreyed {
    font: bold 0.85em arial;
    border-top: 1px dotted #cecece;
    border-left: 7px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 4px;
    padding-bottom: 4px;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}

.rmgreyed a {
    color: grey;
}
.rmgreyed a:hover {
    color: orange;
}

.rmtrenner {
    background-color: #cecece;
}

.rmtrenner:hover {
    border-left: 7px solid #cecece;
}

.lmselected {
    background-color: orange;
}
.lmselected a:hover {
    color: white;
}
.rmselected {
    background-color: orange;
}
.rmselected a:hover {
    color: white;
}

.saisontab, .saisontab ul {
    font: 12px/14px arial;
    padding: 4px 4px 4px 2px;
    margin: 0px 0px 0px 0px;
}

.preistab {
    font: 12px/14px arial;
    padding: 4px 4px 4px 2px;
    margin: 0px 0px 0px 0px;
}

/* Kategorie Text display */
.textbox {
    visibility: inherit;
    overflow: auto;
    text-indent: 4px;
    border: 1px solid gray;
    margin: 2px 2px 2px 2px;
    padding-right: 2px;
    padding-left: 2px;
    font: normal 10px/12px arial;
}
/* Kategorie Text display */
.textboxheader {
    visibility: inherit;
    height: 1em;
    overflow: auto;
    border: none;   /* 1px solid #840; */
    margin: 0em;
    font: bold 12px/14px arial;
    background-color: silver;
    color: yellow;
    text-indent: 2px;
}

.anleitung, .anleitung ol, .anleitung li {
    font: 13px/16px arial;
}

.fehleranzeigetext {
    font-weight: bold;
}
.fehleranzeigetext ul {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #FA7F9A;
}
.fehleranzeigetext li {
    color: #FA7F9A;
}
table.bildanzeige {
    font: normal 10px/12px arial;
    border: 1px solid #CCCCCC;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
td.bildanzeigeeditoben {
    font: bold 10px/12px arial;    
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;    
}
td.bildanzeigeeditunten {
    font: bold 10px/12px arial;    
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;    
}

.selfbtngrey {
  background: #DDDDDD;
  background-image: -webkit-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -moz-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -ms-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -o-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: linear-gradient(to bottom, #bfbfbf, #cfcfcf);
  border-radius: 3px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 12px;
  padding: 4px 6px 4px 6px;
  text-decoration: none;
  text-align: center;
  max-width: 190px;
}

.selfbtn {
  background: #bfbfbf;
  background-image: -webkit-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -moz-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -ms-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -o-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: linear-gradient(to bottom, #bfbfbf, #cfcfcf);
  border-radius: 3px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
  padding: 8px 12px 8px 12px;
  text-decoration: none;
}

.selfbtn:hover {
  background: #afafaf;
  background-image: -webkit-linear-gradient(top, #afafaf, #afafaf);
  background-image: -moz-linear-gradient(top, #afafaf, #afafaf);
  background-image: -ms-linear-gradient(top, #afafaf, #afafaf);
  background-image: -o-linear-gradient(top, #afafaf, #afafaf);
  background-image: linear-gradient(to bottom, #afafaf, #afafaf);
  text-decoration: none;
}

.selfbtn2 {
  background: #bfbfbf;
  background-image: -webkit-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -moz-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -ms-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -o-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: linear-gradient(to bottom, #bfbfbf, #cfcfcf);
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
  padding: 3px 8px 3px 8px;
  text-decoration: none;
  text-align: center;
}

.selfbtn2disabled {
  background: #bfbfbf;
  background-image: -webkit-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -moz-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -ms-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: -o-linear-gradient(top, #bfbfbf, #cfcfcf);
  background-image: linear-gradient(to bottom, #bfbfbf, #cfcfcf);
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 3px 8px 3px 8px;
  text-decoration: none;
  text-align: center;
}

.selfbtn2:hover {
  background: #afafaf;
  background-image: -webkit-linear-gradient(top, #afafaf, #afafaf);
  background-image: -moz-linear-gradient(top, #afafaf, #afafaf);
  background-image: -ms-linear-gradient(top, #afafaf, #afafaf);
  background-image: -o-linear-gradient(top, #afafaf, #afafaf);
  background-image: linear-gradient(to bottom, #afafaf, #afafaf);
  text-decoration: none;
}
.selfbtng {
  background: #42d934;
  background-image: -webkit-linear-gradient(top, #42d934, #42d934);
  background-image: -moz-linear-gradient(top, #42d934, #42d934);
  background-image: -ms-linear-gradient(top, #42d934, #42d934);
  background-image: -o-linear-gradient(top, #42d934, #42d934);
  background-image: linear-gradient(to bottom, #42d934, #42d934);
  border-radius: 3px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
  padding: 8px 12px 8px 12px;
  text-decoration: none;
  text-align: center;
}

.selfbtng:hover {
  background: #26821c;
  background-image: -webkit-linear-gradient(top, #26821c, #26821c);
  background-image: -moz-linear-gradient(top, #26821c, #26821c);
  background-image: -ms-linear-gradient(top, #26821c, #26821c);
  background-image: -o-linear-gradient(top, #26821c, #26821c);
  background-image: linear-gradient(to bottom, #26821c, #26821c);
  text-decoration: none;
}

.selfbtnr {
  background: #f02b11;
  background-image: -webkit-linear-gradient(top, #f02b11, #f02b11);
  background-image: -moz-linear-gradient(top, #f02b11, #f02b11);
  background-image: -ms-linear-gradient(top, #f02b11, #f02b11);
  background-image: -o-linear-gradient(top, #f02b11, #f02b11);
  background-image: linear-gradient(to bottom, #f02b11, #f02b11);
  border-radius: 3px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
  padding: 8px 12px 8px 12px;
  text-decoration: none;
  text-align: center;
}

.selfbtnr:hover {
  background: #d94434;
  background-image: -webkit-linear-gradient(top, #d94434, #d94434);
  background-image: -moz-linear-gradient(top, #d94434, #d94434);
  background-image: -ms-linear-gradient(top, #d94434, #d94434);
  background-image: -o-linear-gradient(top, #d94434, #d94434);
  background-image: linear-gradient(to bottom, #d94434, #d94434);
  text-decoration: none;
}

.selfbtny {
  background: #faf255;
  background-image: -webkit-linear-gradient(top, #faf255, #faf255);
  background-image: -moz-linear-gradient(top, #faf255, #faf255);
  background-image: -ms-linear-gradient(top, #faf255, #faf255);
  background-image: -o-linear-gradient(top, #faf255, #faf255);
  background-image: linear-gradient(to bottom, #faf255, #faf255);
  border-radius: 3px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
  padding: 8px 12px 8px 12px;
  text-decoration: none;
  text-align: center;
}

.selfbtny:hover {
  background: #d9d02b;
  background-image: -webkit-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: -moz-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: -ms-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: -o-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: linear-gradient(to bottom, #d9d02b, #d9d02b);
  text-decoration: none;
}

.selfbtn2g {
  background: #42d934;
  background-image: -webkit-linear-gradient(top, #42d934, #42d934);
  background-image: -moz-linear-gradient(top, #42d934, #42d934);
  background-image: -ms-linear-gradient(top, #42d934, #42d934);
  background-image: -o-linear-gradient(top, #42d934, #42d934);
  background-image: linear-gradient(to bottom, #42d934, #42d934);
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 13px;
  padding: 3px 8px 3px 8px;
  text-decoration: none;
  text-align: center;
}

.selfbtn2g:hover {
  background: #26821c;
  background-image: -webkit-linear-gradient(top, #26821c, #26821c);
  background-image: -moz-linear-gradient(top, #26821c, #26821c);
  background-image: -ms-linear-gradient(top, #26821c, #26821c);
  background-image: -o-linear-gradient(top, #26821c, #26821c);
  background-image: linear-gradient(to bottom, #26821c, #26821c);
  text-decoration: none;
}

.selfbtn2r {
  background: #f02b11;
  background-image: -webkit-linear-gradient(top, #f02b11, #f02b11);
  background-image: -moz-linear-gradient(top, #f02b11, #f02b11);
  background-image: -ms-linear-gradient(top, #f02b11, #f02b11);
  background-image: -o-linear-gradient(top, #f02b11, #f02b11);
  background-image: linear-gradient(to bottom, #f02b11, #f02b11);
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 12px !important;
  padding: 3px 8px 3px 8px;
  text-decoration: none;
  text-align: center;
}

.selfbtn2r:hover {
  background: #d94434;
  background-image: -webkit-linear-gradient(top, #d94434, #d94434);
  background-image: -moz-linear-gradient(top, #d94434, #d94434);
  background-image: -ms-linear-gradient(top, #d94434, #d94434);
  background-image: -o-linear-gradient(top, #d94434, #d94434);
  background-image: linear-gradient(to bottom, #d94434, #d94434);
  text-decoration: none;
}

.selfbtn2y {
  background: #faf255;
  background-image: -webkit-linear-gradient(top, #faf255, #faf255);
  background-image: -moz-linear-gradient(top, #faf255, #faf255);
  background-image: -ms-linear-gradient(top, #faf255, #faf255);
  background-image: -o-linear-gradient(top, #faf255, #faf255);
  background-image: linear-gradient(to bottom, #faf255, #faf255);
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 12px !important;
  padding: 3px 8px 3px 8px;
  text-decoration: none;
  text-align: center;
}

.selfbtn2y:hover {
  background: #d9d02b;
  background-image: -webkit-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: -moz-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: -ms-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: -o-linear-gradient(top, #d9d02b, #d9d02b);
  background-image: linear-gradient(to bottom, #d9d02b, #d9d02b);
  text-decoration: none;
}

.alert {
    padding: 10px;
    background-color: #f44336;
    color: white;
    margin-bottom: 10px;
    width: 700px;
}