/*
  Neue Main CSS von Resy-Web
    Created on : 30.03.2017, 11:54:14
    Author     : eefe
*/
/* toolss*/
.clear{
  clear: both;
}

.shadow {
  -moz-box-shadow: 0px 4px 8px #999;
  -webkit-box-shadow: 3px 3px 4px #999;
   box-shadow: 0px 4px 8px #999;
  /* fuer IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
  /* fuer IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

/* Einheiten von allen Html Elementen standart erstellt */
/* Global Formatierungen */
/*------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
 /* vertical-align: baseline;       */
}

body {
  margin:0;
  padding:0;
  float:left;
  width: 100%;
}

body,button,input,select,textarea {
  color: #333;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
 /* line-height: 1.5em;
  font-size: 13px; */
}

/* List elemente */
ol,ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 1.5em;
  list-style:disc;
}

/* Standart Link */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Formatierung von HTML5 Elementen */
/* Kopfzeilen der Anwendung */
header {}

/* Fusszeieln der Anwendung */
footer {}

/* Navigationsbereich der Anwendug */
nav {}

/*Formatierung von From Elementen */
/* Button */
button {
  padding: 8px 20px;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-top: solid 1px #d2d2d2;
  border-bottom: solid 1px #9f9f9f;
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 13px;
  color: #646464;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  width: auto;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}

button:hover {
    color: #333;
}

/* Select, Textarea und Input Elementen */
select,input,
textarea {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  border: 1px solid #999;
  border-radius: 3px;
  padding: 4px 6px;
  margin-bottom: 5px;
 /* -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);*/
}

input[type="checkbox"],
input[type="radio"] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height:18px;
  width: 18px;
  line-height:18px;
  vertical-align: middle;
  padding: 0;

  /* in IE8/9 */
}

textarea {
  /* in IE6/7/8/9 */
  overflow: auto;
  vertical-align: top;
}

/* Formatierung von Tabelle Elementen */
table {
  border-collapse: separate;
  border-spacing: 1px;
 /* margin: auto auto;*/
  font-size: 13px;
  /*width: 100%;*/
  margin-right:5px;
}
.logintable {
  margin: 10px auto;
}



table th {
  border:none;
  padding:5px 5px;
  vertical-align: bottom;
}

table td {
 /* padding:0px 5px 0px 0px;*/
}

caption,td {
  font-weight: normal;
}

th{
  font-weight: bold;
}

/* Statistikzeile in Tabellen */
.tablestatfooter {
  border-top-width: thick;
}

/**************************************************************************/

#contain {
  margin : 15px 0;
  background-color: #fff;
}

#contain small{
  font-size:10px;
}

#maininhalt{
 /* float:left;*/
  margin : 0 15px;
  /*width: 100%;*/
}

#headerall {
  background: url("../graph/main_bg.png") repeat-x fixed 0 0 ;
  background-position:top left;
  float:left;
  width: 100%;
  border-bottom:1px solid #000;
  z-index: 999;
}
#inhaltlogin{
  float:left;
  width: 100%;
  margin:10px 0 0 0;
}

#pageheader {
  float:left;
  width:100%;

}

#pageheader .extbanner {
  float:left;
  width: 100%;
}

#pageheader .extlogo {
  float:left;
  min-width: 400px;
}
#pageheader .extlogo .img {
  margin:5px;
}

#pageheader .resylogo {
  background: url("../graph/Resy_Logo_mitBildmarke.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size:207px 82px;
  min-width: 207px;
  width: 100%;
  min-height: 112px;
}


#pageheaderunten {
  float:left;
  width :100%;
  margin-bottom: 15px;
}

#pageheaderunten .unteninfo{
  width :auto;
  height: 15px;
  font-size: 1.1em;
  font-weight: bold;
}

#pageheaderunten .versioninfo{
  float:right;
}
#pageheaderunten .untenbenutzername {
  float:left;;
}

#pageheaderunten .versioninfo  small {
  font-size:10px !important;
  font-family:Arial;
}

#inforeihe {
  float:left;
  width: 100%;
}

.pagetitle  {
    float:left;
    font-size:16px;
    font-weight:bold;
    color:black;
    margin:5px 0;
  }

.pagetitle span{
    font-weight: normal;
}

.subpagetitle  /* Untertitel in einer Seite fuer Views, Bloecke die in der Seite angegeben werden */
{
  font-size:14;               /* Schriftgroesse des Untertitels          */
  font-weight:bold;           /* Dicke der Schrift des Untertitels       */
  text-align:left;            /* Ausrichtung des Textes des Untertitels  */
  margin:5px 0;
}

.softwareerror /* Fehler, Meldung */
{
  font-size:12;
  color:red;
  text-align:left;
  background-color:#FFCCFF;
  padding:10px;
  border-width:thin;
  border-color:red;
  border-style:solid;
  text-align: center;

}

  .softwareerrordata  /* fuer Daten die in der Fehlermeldung angezeigt werden sollen */
  {
    font-size:12;                    /* Schriftgroesse der angezeigten Daten in den Fehlermeldungen   */
    color:black;
    text-align:left;                 /* Textausrichtung der angezeigten Daten in den Fehlermeldungen  */
  }

  .softwareerrortitle /* fuer den Titel einer Fehlermeldung */
  {
    font-size:14;             /* Schriftgroesse des Titels der Fehlermeldung */
    font-weight:bold;         /* Schriftgewicht des Titels der Fehlermeldung */
    color:red;                /* Schriftfarbe des Titels der Fehlermeldung   */
  }

  .title               /* Titelzeilen Formatierung,  */
  {
    font-size:18px !important;              /* Schriftgroesse in der Tittelzeile der Seite */
    font-family:Arial;         /* Schrift-Art in der Titelzeile der Seite     */
    background-color:#FFFFC8;  /* Hintergrundfarbe der Titelzeile der Seite   */
  }
  .title small               /* Titelzeilen Formatierung,  */
  {
    font-size:10px !important;              /* Schriftgroesse in der Tittelzeile der Seite */
    font-family:Arial;         /* Schrift-Art in der Titelzeile der Seite     */
    /* background-color:#FFFFC8;  /* Hintergrundfarbe der Titelzeile der Seite   */
  }

  .title .username{
    font-size:14px !important;              /* Schriftgroesse in der Tittelzeile der Seite */
  }
  #inhalt-unten small{
    float:left;
    font-size:11px;
  }
  #footer  /* Formatierung des Seitenfusses */
  {
    font-size:12;              /* Schriftgroesse des Seitenfusses  */
    font-family:Arial;         /* Schrift-Art des SeitenFusses     */
    text-align:center;          /* Textausrichtung des Seitenfusses */
    float:left;
    width: 100%;
    margin:15px 0;
    float:left;
    border-top: 1px solid #000;
  }

  .info  /* Anzeigebereich fuer Benutzer Infos */
  {
    background-color:beige;
  }

  .debug  /* Ausgabe einer Debug-Meldung */
  {
    font-size:12;
    color:green;
    text-align:center;
  }

  .infomsg   /* Ausgabe einer Information ueber DB-Aktivitaeten */
  {
    font-size:12;
    color:green;
    text-align:left;
    background-color:#CCFFCC;
    padding-left:10px;
    border-width:thin;
    border-color:green;
    border-style:solid;
    /*float:left;*/
    width: 100%;
  }

  .infomsgdata  /* fuer Daten die in der Fehlermeldung angezeigt werden sollen */
  {
    font-size:12;                    /* Schriftgroesse der angezeigten Daten in den Fehlermeldungen   */
    color:black;
    text-align:left;                 /* Textausrichtung der angezeigten Daten in den Fehlermeldungen  */
  }

  .infomsgtitle /* fuer den Titel einer Fehlermeldung */
  {
    font-size:14;             /* Schriftgroesse des Titels der Fehlermeldung */
    font-weight:bold;         /* Schriftgewicht des Titels der Fehlermeldung */
    color:green;              /* Schriftfarbe des Titels der Fehlermeldung   */
  }

#menu {
  float :left;
  width: 100%;
  font-family: Arial;
  color:#ffff;
  background-color: #000;
}

.fix{
    position:fixed;
    float:left;
    top:0;
    left:0;
    right:0;
    margin: 25px 0 0 10px;
}


#menu, #menu ul, #menu li, #menu li ul, #menuauswahl ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu ul {
    float: left;
    margin:0px 25px ;
    font-weight: bold;
    color:#ffffcc;
    overflow: hidden;
    text-decoration: none;
}

#menu ul li{
    float: left;
    font-size: 14px;
}

#menu ul li.dropdown {
  display: inline-block;
}

#menu ul li a {
  display: inline-block;
  padding: 14px 16px;
  color:#ffffcc;
}


#menu ul li a:hover {
  color:#ffffcc;
}

#menu ul li a:hover, #menu ul li.dropdown:hover {
    background-color: #cc6600;
    color:#000;
    text-decoration: none;
}


#menu ul li ul {
  display: none;
  position: absolute;
  color:#000;
  max-width: 300px;
  background-color: #f9f9f9;
  font-weight: normal;
  /*border:1px solid #cc6600;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  */
}

#menu ul li ul li {
  width: 100%;
}

#menu ul li ul a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  min-width: 300px;
  text-align: left;
}

#menu ul li ul a:hover {
  background-color: #ccc;
}

#menu ul li:hover > ul  {
  display: block;
}

#menu ul li.dropdown:hover ul li ul {
  display: block;
}

#menu .hautselected {
  background-color: #f9f9f9;
}

#menu .hautselected a{
  color:#000;
}

#menumittelbar {
  float:left;
  width:100%;
  height:12px;
  background-color:#cc6600;
}


#menuauswahl {
  float:left;
  color:#000;
  width: 100%;
  background-color: #f9f9f9;
  border-bottom:1px solid #cc6600;
  /*box-shadow: -3px 0 0px 0px rgba(0,0,0,0.2);  */
  margin-bottom: 20px;
}

#menuauswahl ul {
  float:left;
  font-size: 14px;
  width: 100%;
  display: inline;
  /*margin:0px 15px  0 25px ;  */
}

#menuauswahl ul li {
  float:left;
  width: auto;
}

#menuauswahl ul li a {
  color: black;
  padding: 11px 16px;
  text-decoration: none;
  display: block;
  /*min-width: 180px;  */
  text-align: left;
}

#menuauswahl ul li:hover {
  background-color: #ccc;
  border-bottom:4px solid #2222;
}

#menuauswahl ul li a:hover {
  background-color: #ccc;
}

#menuauswahl .subselected{
    border-bottom:4px solid #cc6600;

}

#menuauswahl .subnotselected{
  border-bottom:4px solid #f9f9f9;
}
  .menu  /* Menue */
  {
    font-size: 13px;
    font-family:Arial;
    color:blue;
    background-color:silver;
  }

.menu table  td{
  padding: 3px 0px 3px 0px !important;
}
  .menu a:link /* Menue (Link)                                      */
  {
    font-weight:bold;
    color:blue;

    text-decoration:none;
  }


.menu a:visited  /* Menue (Link, besucht)                             */
  {
    font-weight:bold;
    color:blue;
    text-decoration:none;
  }

  .menu a:active /* Menue (Link)                                      */
  {
    font-weight:bold;
    font-family:Arial;
  }

  .menu a:hover  /* Nenue (Link, bei darueber gehaltenem Mauszeiger ) */
  {
    font-weight:bold;
    color:blue;
        padding:2px 0px;
   /* background-color:#FFE400;*/
    text-decoration:underline;
    background-color:#FFE400;
  }

  .menu table td:hover  /* Nenue (Link, bei darueber gehaltenem Mauszeiger ) */
  {
  /*  background-color:#FFE400;*/
  }

  .menucurrent:hover  /* Nenue (Link, bei darueber gehaltenem Mauszeiger ) */
  {
    background-color:#808080 !important;
  }

  .menucurrent /* zur markierung der Aktuell verwendeten Menueeinträge */
  {
    font-weight:bold;
    color:blue;
    background-color:#808080;
    text-decoration:none;
  }

  .history  /* Verlaufsanzeige */
  {
    font-size:11;
    color:blue;
    background-color:silver;
    font-family:Arial;
  }

  .fuss  /* Darstellung des Copyrights Blocks */
  {
    font-size:11;
    text-align:center;
  }


/* Tabellen Darstellung */
  .datatable
  {
    padding:1;
    margin:1px;
    border:0;
  }

  .datatableliste {
    widht:100%;
  }

  #rollregalliste .datatableliste {
    float: left;
    margin-right: 50px;
  }


  .datatableliste td {
    vertical-align: top;
  }

  datatable.header /* Tabellen Kopf */
  {
    background-color:floralwhite;
  }

  .datatablesmall /* Datentabellen grosse Tabellen (kleine Schrift) */
  {
    font-size:9;
  }
  datatablesmall.header /* Kopfzeile fuer grosse Tabellen */
  {
    font-size:11;
    background-color:gray;
  }

/* Select, Textarea und Input Elementen */
.datalinetr{
  padding:15px 5px;
  color: #000;
  font-size:12;
}
.datalinetr td{
  padding:5px 5px;
}
.datalinetr  a{
    color: #000;
    text-decoration:none;
  }
  .datalinetr input[type="checkbox"]{
    height:16px;
    width: 16px;
    padding: 0 0 15px 0;
  }
  .dataline1 /* Datenzeile 1 */
  {
    /*font-family:monospace;*/
    background-color:gainsboro;
  }

  .dataline1 a:link  /* Formatierung der Links in der Datenzeile1 */
  {
     /*color:#000;
     text-decoration:none;*/
  }

  .dataline1 a:visited
  {
    text-decoration:none;
  }

  .dataline1 a:hover
  {
    color:blue;
    text-decoration:underline;
  }

  .dataline2 /* Datenzeile 2 (1 und 2 werden abwechsend dargestellt, um einen "Endlospapiereffekt" zu erhalten)  */
  {
   /* font-family:monospace; */
    background-color:silver;
  }

  .dataline2 a:link /* Formatierung der Links in der Datenzeile2 */
  {
    /*color:#000;
    text-decoration:none;*/
  }

  .dataline2 a:visited
  {
    text-decoration:none;
  }

  .dataline2 a:hover
  {
    color:blue;
    text-decoration:underline;
  }

  .dataline1gelb /* Datenzeile 3 (Format fuer FaelligkeitsAnzeige )  */
  {
    /*font-family:monospace;*/
    background-color:#FFFF80;
  }

  .dataline1gelb a:link /* Formatierung der Links in der Datenzeile1gelb */
  {
    /*color:blue;
    text-decoration:none;*/
  }

  .dataline1gelb a:visited
  {
    text-decoration:none;
  }

  .dataline1gelb a:hover
  {
    color:blue;
    text-decoration:underline;
  }

  .dataline2gelb /* Datenzeile 4 (Format fuer ueberfaelligkeitsAnzeige )  */
  {
    background-color:#FFFF00;
    /*font-family:monospace;*/
  }

  .dataline2gelb a:link /* Formatierung der Links in der Datenzeile1gelb */
  {
   /* color:blue;
    text-decoration:none;*/
  }

  .dataline2gelb a:visited
  {
    text-decoration:none;
  }

  .dataline2gelb a:hover
  {
    color:blue;
    text-decoration:underline;
  }

  .dataline1rot /* Datenzeile 5 (Format fuer ueberfaelligkeitsAnzeige 5 und 6 werden abwechsend dargestellt, um einen "Endlospapiereffekt" zu erhalten )  */
  {
    /*font-size:12;
    font-family:monospace;*/
    background-color:#FF8000;
  }

  .dataline1rot a:link  /* Formatierung der Links in der Datenzeile1gelb */
  {
   /* color:blue;
    text-decoration:none;*/
  }

  .dataline1rot a:visited
  {
    text-decoration:none;
  }

  .dataline1rot a:hover
  {
    color:blue;
    text-decoration:underline;
  }

  .dataline2rot /* Datenzeile 6 (Format fuer ueberfaelligkeitsAnzeige 5 und 6 werden abwechsend dargestellt, um einen "Endlospapiereffekt" zu erhalten )  */
  {
    /*font-size:12;
    font-family:monospace;*/
    background-color:#FFA400;
  }

  .dataline2rot a:link /* Formatierung der Links in der Datenzeile1gelb */
  {
    /*color:blue;
    text-decoration:none;*/
  }

  .dataline2rot a:visited
  {
    text-decoration:none;
  }

  .dataline2rot a:hover
  {
    color:blue;
    text-decoration:underline;
  }
  /* Ueberschriften Zeile */
  .dataheaderline   {
    font-size:13;
    /*font-family:monospace;*/
    background-color:#000;
    /*background-color:#F2F2F2;   */
  }



  /*.dataheaderline th {
    border: 1px solid #000;
  }*/
  .dataheaderline th {
    color:#ffffcc;
    padding:10px 5px;
  }

  .dataheaderline  a {
    color : #fff;
  }

  .dataerror /* Fehlerhafte Datenzeile */
  {
    font-family:monospace;
    background-color:red;
  }

  .datacelldamage /* Ausgagbe von beschaedigten Reifen, Felge und Radkappen */
  {
    font-size:12;
    color:black;
    background-color:red;
  }

  .datacell /* Ausgabe von normalen Daten */
  {
    font-size:12;
    color:black;
    background-color:white;

  }

  .navigator /* Navigationsbereich einer Tabelle */
  {
    font-size:11;
  }



  .selector /* Standard-Breite fuer die Selectoren, Breite wie Standard-Breite der Inputs ueber Make Inputfield() */
  {
    width: 320px;
  }

  .required /* Standardisierte Klasse fuer Required-DataFields */
  {
    background-color:#FFFFC8;
  }

  .reqselector /* Classe fuer Selectoren, die Required sind */
  {
    width: 266px;
    background-color:#FFFFC8;
  }

  .selectorsaison /* Classe fuer SaisonSelectoren */
  {
    width: 320px;
  }

  .reqselectorsaison /* Classe fuer SaisonSelectoren, die Required sind */
  {
    width: 320px;
    background-color:#FFFFC8;
  }

  .selectorfzg /* Classe fuer Fahrzeugselector */
  {
    width: 640px;
  }


/* Kalendereinstellungen */
  /* einstellungen fuer die kalendertabelle */
  .caltable
  {
    color:black;
    background-color:white;
    font-size:14;
    font-family:monospace;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
    padding:1;
    margin:1;
    border:0;
    letter-spacing:1;
  }

  .caltable.header /* fuer die ueberschrift des Kalenders */
  {
    color:black;
    background-color:white;
    font-size:14;
    font-family:monospace;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .calwend /* fuer die Wochenenden im Kolender */
  {
    color:red;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:none;
    text-align:right;
  }

  .calhday /* fuer Feiertage im Kalender */
  {
    color:red;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .calwday/* fuer die Arbeitstage im Kalender */
  {
    color:black;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:none;
    text-align:right;
  }
  .calwday a:link  /* Darstellung der Wochentage im Kalender, als Link */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:underline;
    text-align:right;
  }
  .calwday a:visited   /* Darstellung der Wochentage im Kalender, wenn er schon angeklickt wurde */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:none;
    text-align:right;
  }

  .calwday a:active  /* Darstellung der Wochentage im Kalender, wenn er aktiv ist */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:none;
    text-align:right;
  }

  .calwday a:hover /* Darstellung der Wochentage im Kalender, wenn der Mauszeiger drüber steht */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:underline;
    text-align:right;
  }

  .caltday /* fuer das heutige Datum im Kalender */
  {
    color:cyan;
    background-color:red;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:none;
    text-align:right;
  }

  .caldayname  /* fuer die Tagesnamen im Kalender */
  {
    color:black;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .calmonname /* fuer den Monatsnamen im Kalender */
  {
    color:black;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .caloday /* fuer die Tage im kalender, an denen Bestellt werden darf */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .caloday a:link  /* Darstellung des Kalendertages an dem bestellt werden kann, als Link */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .caloday a:visited /* Darstellung des Kalendertages an dem bestellt werden kann, wenn er schon angeklickt wurde */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }
  .caloday a:active /* Darstellung des Kalendertages an dem bestellt werden kann, wenn er aktiv ist */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .caloday a:hover  /* Darstellung des Kalendertages an dem bestellt werden kann, wenn der Mauszeiger darüber steht */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:underline;
    text-align:right;
  }

  .calnavy  /* für die Darstellung des KalenderNavigator */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .calnavy a:link /* für den KalenderNavigator, bei der Darstellung des Element als Link */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .calnavy a:visited  /* für den KalenderNavigator, wenn das Element schon angeklickt wurde */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .calnavy a:active /* für den KalenderNavigator, wenn das Element aktiv ist */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
  }

  .calnavy a:hover /* für den KalenderNavigator, wenn der Mauszeiger drüber steht */
  {
    color:blue;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:underline;
    text-align:right;
  }

  .orderdayyes  /* für die Darstellung von Tagen im Kalender an denen bestellt werden kann */
  {
    color:black;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
  }

  .orderdayno /* für die Darstellung von Tagen im Kalender an denen nicht bestellt werden kann */
  {
    color:black;
    background-color:white;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:line-through;
  }

  .dataarea  /* Seitenbereich in dem Daten angezeigt, bzw. Daten eingegeben werden */
  {
    background-color:grey;
  }

  .searcharea  /* Seitenbereich in dem Daten für die Suchfunktionen eingegeben werden */
  {
    background-color:lime;
  }

  .label /* Beschriftungen für DatenFelder etc */
  {
    color:black;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
  }

  .datafieldout  /* für Daten die Nur ausgegeben werden, jedoch nicht editierbar sind */
  {
    color:black;
    font-size:14;
    font-family:Arial;
    font-weight:normal;
    text-decoration:none;
  }

  .datafieldin  /* für einzugebende daten */
  {
    color:black;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
  }

  .datafieldinreq /* für einzugebende Pflicht-Daten */
  {
    color:black;
    background-color:#FFFFC8;
    font-size:14;
    font-family:Arial;
    font-weight:bold;
    text-decoration:none;
  }

  .schalter   {

  }

 .selecttable /* Auswahlliste mit Radiobuttons */
 {

 }

 .selecttablehint /* Hinweis unterhalb eines Radiobuttons */
{
  font-size:10;
  margin-bottom:5px;
}

#fotoliste table {
    float: left;
}
#fotoliste table table{
    float: left;
    /*background-color: #cccccc;*/
}
#fotoliste table th {
   /*background-color: #cccccc;*/
}

#fotoliste table tr td .thtype {
    font-weight: bold;
}

#fotoliste table img {
    cursor:pointer;
    border:2px solid brown;
}


/* von Kundenweb*/

#infoboxenconteiner{
  float:left;
}

#infoboxen{
  float:left;
  width: 49%;
  margin:10px 0px 10px 0px;
  border:1px solid #999;
  min-width: 500px;
  min-height: 530px;
}

#infoboxen form {
  /*float:left*/
}
.infoboxenlinks {
  width: 48% !important;
  margin:10px 15px 10px 0px !important;
  height: auto;
}

.infoboxenalein {
  margin-left: 15px !important;
}
.lgdetail {
  margin-top:60px !important;
}

.downloadPruefbericht {
  float:left;
  margin-top: 115px;
}

.downloadPruefbericht a {
  padding:15px 0 15px 50px ;
  background: url('../graph/pdf-download-klein.png') no-repeat;
}

.downloadPruefberichtklein a {
  float:left;
  padding:9px 0 9px 30px ;
  background: url('../graph/pdf-download-klein-liste.png') no-repeat left center;
}

.teiltitle{
  background-color: #F2F2F2;
  font-size:16;
  font-weight:bold;
  color:black;
  border-bottom: 1px solid #999;
  padding:5px 15px;
}

.teilinentitle{
  background-color: #F2F2F2;
  font-size:14;
  font-weight:bold;
  color:black;
  /*border-bottom: 1px solid #999;*/
  padding:5px 0px;
}
.infoinhalt  {
  padding:5px 1px 10px 5px;
}

.infoinhaltspalte {
  float:left;
  padding:5px 1px 5px 5px;
}
#infoboxen .inforeihen{
  margin: 5px 0px;
  width:100%;
  float: left;
  /* border:1px solid #ccc;      */
}
#infoboxen .infolabel{
  float:left;
  font-size:13px;
  margin: 0 5px 0 0;
  min-width: 154px;
}
.infoinhalt p {
  margin:10px 0;
}
#infoboxen .infowert{
  float:left;
  font-size:13;
  font-weight:bold;
}


#infoboxen .infowert2{
  float:left;
  font-size:13;
}

#infoboxen .warnung{
  background-color: #FFA0A0;
}

#infoboxen .info{
  float: left;
  margin:15px;
  padding:3px;
}

#infoboxen .info p{
  margin:2px 0;
}

#infoboxenlang{
  float:left;
  margin:10px 0px 20px 15px;
  border:1px solid #999;
  width: auto;
}

#formarea{
  width:665px;
  padding :5px;
  margin:0 auto;
}

#formarea.rueckbestell{
  margin:0;
}

#formarea.rueckbestell table {
  font-size:12px;
}


#formarea label{
  width: 190px;
  margin:0 0 7px 0;
  float:left;
}


#formarea  b.blang{
  float:left;
  width:670px;
  margin:0 0 7px 0;
}

#formarea  b.kurz{
  float:left;
  width:393px;
  margin:0 0 7px 0;
}

#formarea label.kleinlabel {
  width: 120px;
}

.checkboxlabelSonder {
  float: left;
  min-width: 230px;
  border-bottom:1px solid #ccc;
}

/* Kalender */
.date {
  background: url("../graph/calendar-blat.gif") no-repeat scroll 0 0 transparent;
  color: #666666;
  font: 18px/100% Arial,Helvetica,sans-serif;
  height: 40px;
  padding: 0 2px 0 0;
  text-align: center;
  width: 35px;
  float:left;
}
.dateInput {
  float:left;
}
.date span {
  color: #000;
  display: block;
  font: 11px Arial,Helvetica,sans-serif;
  height: 13px;
  padding: 2px 0 2px 0;
  text-align: center;
}
.date a {
  color:#696969;
  font-weight:normal;
  text-decoration:none;
}
.date a:hover{
  color:#000;
  text-decoration:underline;
}


.kleinsmall {
  font-size: 10px;
  float:left;
  width:100%;
  margin-top:20px;
}

#raduebersichtblock{
  float:left;
  width:100%;
}

#fotolink{
  float:left;
  width: 100%;
  margin:30px 0;
}
#fotolink a {
  padding:38px 0 38px 76px;
}

#fotolink a.linkalle{
  background: url('../graph/alleFoto.png') no-repeat;
  background-position: center left;
  background-size: 76px 76px;
}

#fotolink a.linkprimaer{
  background: url('../graph/primaerFoto.png') no-repeat;
  background-position: center left;
  background-size: 76px 76px;
}

#datenschutz{
  padding: 0px 124px 40px 124px;
}

#datenschutz h2, h3, h4{
  margin : 7px 0;
  font-weight: bold;
}

#datenschutz p {
  margin : 5px 0;
}

#datenschutz h1{
  font-size: 1.9em;
  margin: 12px 0;
  font-weight: bold;
}

#datenschutz h2{
  font-size: 1.5em;
}

#datenschutz h3{
  font-size: 1.3em;
}

.datenschutzlink a {
  color:blue !important;
}

.datenschutzlink a:hover {
  text-decoration: underline;
}

/* Ausgabe des SQL Logs am Seitenende */
.SqlLog
{
  text-align: left;
}

.SqlLog h1
{
  font-size: 150%;
}

.SqlLog table
{
  border-style: solid;
  border-width: 1px;
}

.SqlLog th
{
  border-style: solid;
  border-width: 1px;
}

.SqlLog td
{
  border-style: solid;
  border-width: 1px;
}

.debug table
{
  border-style: solid;
  border-width: 1px;
}

.debug th
{
  border-style: solid;
  border-width: 1px;
}

.debug td
{
  border-style: solid;
  border-width: 1px;
}