/* Einstellungen für alle Frames */

:root { 
  display: block;
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

body {
  background-color:#f0f0f0;
  /* für IE8: */
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif;
}

input, select, textarea, button {
  font-size: 12px;
  font-family: Arial, Helvetica, Sans-serif; 
} 

input[type=file] {
  font-size: 10px;
  font-family: Arial, Helvetica, Sans-serif;    
}

input[type=checkbox] {
  width: 14px;
  height: 14px;
}

/* Test, um Eingabefelder zu stylen, so dass sie wie im Firefox aussehen */
input[type=text], input[type=password], input[type=search], select[multiple], input[type=number], 
input[type=time], input[type=email] {
  background-color: #ffffff;
  color: #000000;
  border-width: 1px;
  /*border-color: #848484; eigentliche Firefox-Einstellung*/
  border-color: #a0a0a0;
  border-style: solid;
  border-radius: 3px 3px 3px 3px;  
  padding: 2px;
  margin: 1px;
  box-shadow: inset 1px 1px 2px #d0d0d0;
} 

/* für Chrome */
input[type=date], input[type=datetime-local] {
  background-color: #ffffff;
  color: #000000;
  border-width: 1px;
  /*border-color: #848484; eigentliche Firefox-Einstellung*/
  border-color: #a0a0a0;
  border-style: solid;
  border-radius: 3px 3px 3px 3px;  
  padding: 0 2px 0 2px;
  margin: 1px 1px 1px 0;
  box-shadow: inset 1px 1px 2px #d0d0d0;    
}

input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, select[multiple]:focus, 
input[type=date]:focus, input[type=time]:focus, input[type=datetime-local]:focus {
  border-color: #808080;
  outline-style: none;  
}

input[type=text]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=number]:disabled, select[multiple]:disabled,
input[type=date]:disabled, input[type=time]:disabled, input[type=datetime-local]:disabled {
  background-color: #e0e0e0;
  color: #606060;
}

/* Handles zum Abschalten des Head- und Explorerframes */
span.handle {
  position: fixed;
  background-color: #606060;
  color: #ffffff;
  padding: 4px;  
  box-shadow: 2px 2px 4px #808080;
  cursor: pointer;
  opacity: 0.1;
  z-index: 101;
}

span.handle:hover {
  opacity: 1;
}


/* Versuche, den SVG-Icons einen DropShadow zuverpassen */
.shadowed {
  /*
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.75));
  -moz-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.75)); 
  filter: url("data:image/svg+xml;utf8,<svg height=\'35\' xmlns=\'http://www.w3.org/2000/svg\'><defs><filter id=\'blurFilter3\' y=\'-8\' height=\'35\' x=\'-8\' width=\'25\'><feOffset in=\'SourceAlpha\' dx=\'2\' dy=\'2\' result=\'offset3\' /><feGaussianBlur in=\'offset3\' stdDeviation=\'3\' result=\'blur3\'/><feBlend in=\'SourceGraphic\' in2=\'blur3\' x=\'-8\' width=\'35\'/></filter></defs></svg>#blurFilter3");
  */
  /*filter: url('/grafik/shadow.svg#blurFilter3'); */
  
  filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.75));
  /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'drop-shadow\'><feGaussianBlur in=\'SourceAlpha\' stdDeviation=\'2.2\'><feOffset dx=\'12\' dy=\'12\' result=\'offsetblur\'><feFlood flood-color=\'rgba(0,0,0,0.5)\'><feComposite in2=\'offsetblur\' operator=\'in\'><feMerge><feMergeNode><feMergeNode in=\'SourceGraphic\'></feMerge></filter></svg>"); */
  /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
  /*
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')"; */
  height: 20px;
  width: 20px;
} 


/* Panels zum Anzeigen von Aktivität */
/* disabled die komplette Seite */
.waitpanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: none;
  border-width: 0;
  opacity: 0.25;
  background-color: #808080;
}

/* zeigt einen Text an, der die Aktivität beschreibt */
div.waitpaneltext {
  position: absolute;
  border-width: 2px;
  border-style: solid;
  border-color: #d0d0d0;
  background-color: #fffff0;
  padding: 10px;
  top: 50%;
  left: 50%;
  box-shadow: 2px 2px 10px #b0b0b0;
  margin-left: -75px;
  margin-top: -10px;
}


.btnIcon {
  width: 20px;
  height: 22px;
  padding: 0 2px 0 0;  
  margin-left: 2px;
}

.btnIcon img {
  margin: 0 0 0 -2px;  
  border-width: 0;
  border-style: none;  
}

#dlgPageSettings {
  position: absolute;
  z-index: 2000;
  right: 30px;
  top: 3px;
  width: 240px;
  display: none;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
  background-color: #e0e0e0;
  box-shadow: 2px 2px 10px #b0b0b0;
}

#dlgPageSettings ul {
  margin: 2px;  
  padding: 2px;
}

#dlgPageSettings li {
  list-style-type: none;  
  margin: 1px;        
  padding: 4px;
}