body {
  background-color: #cccccc;
  color:#333333;
}

input, select {
 //background-color: #ffdddd;
 border-radius: 2px;
 border: 2px inset #eeeeee;
 padding-left: 2px;
}
input:focus, select:focus {
 background-color: #fff;
}

#hfs_logo {
 position:fixed;
 z-index:13;
 right:1em;
 bottom:2em;
}

#oben_rund {
  border-radius: 3px 3px 0px 0px;
  background-color: #c1c1c9;
  position:sticky;
  top:0px;
}

#adj_menu {
 display:none;
 z-index:5;
 position:absolute;
 right:1em;
 width:250px;
 padding:0px;
 background-color:#eeeeee;
 border-radius: 3px;
 border: 1px solid #777777;
}

.adj_menu_set {
  font-weight:bold;
  text-align:center;
  font-size:1.2em;
  width:50px;
  border:3px outset #777777;
  cursor: pointer;
}

.adj_menu_what {
  font-weight:bold;
  text-align:center;
  font-size:18px;
  width:150px;
  border:3px inset #777777;
  cursor: pointer;
}

.adj_menu_x {
 color: #eee;
 font-weight:bold;
 text-decoration:none;
 float:right;
 border: 1px outset #eee;
 padding-left:5px;
 padding-right:5px;

}


.schlagschatten {
  color: white;
  text-shadow: 0.12em 0.12em 0.2em #333;
}

#knopf_0 { border-radius: 4px 0px 0px 4px; }
#knopf_100 { border-radius: 0px 4px 4px 0px; }

#inhalt {
  border-radius: 0px 0px 3px 3px;
  background-color: #eeeeee;
  min-height:300px;
}

#gerahmt {
  padding-bottom:2em;
}

#hilfstext {
 height:3em;
}

#dd_select {
 background-color: #fffffff;
 color:#555555;
 padding:0.3em;
 border: 1px inset #eeeeee;
 border-radius: 4px;
 font-size: 120%;
 font-weight: bold;
}

#copy {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #eeeeee;
  text-align: center;
  font-size: 80%;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}

#copy a:link, #copy a:visited {
  text-decoration:none;
  font-weight: bold;
}

map { outline:none; }
img[usemap], map area { outline: none; }

.hfs_multiple_choice {
   background-color:#eeeeee;
   border: 2px outset #eeeeee;
   color: #777777;
   text-align: center;
   padding: 2px 5px 3px 5px;
}

.hfs_hovered_choice {
   background-color:#bbbbbb;
   border-color: #bbbbbb;
   color: #ffffff;
}

.hfs_chosen {
   background-color:#777777;
   border-color: #777777;
   color: #ffffff;
}

.satzluecke {
  padding-left: 0.2em; 
  font-style: italic;
  border: 0px;
  border-bottom: 1px dashed #333333;  
  background-color: #f6f6f6; 
  color: #666666;    
}

.vertikal {
 // transform: rotate(-90deg);
 // overflow:auto;
}

#small_select {
 cursor: pointer;
}

.sprachauswahl {
  border: 1px solid white;
  padding:10px 30px 10px 30px;
  font-size: 2em;
  text-align:center;
  color: #ffffff;
  margin-top:6px;
}

.sprachauswahl a {
  color: #ffffff;
  text-decoration: none;
}

.sprachauswahl:hover {
  background-color: white;
  cursor:pointer;
}

.sprachauswahl:hover a {
  color: #777777;
}

.hilfsitem {
 padding:3px;
 padding-left:10px;
 padding-right:10px;
 font-size:120%;
}

.hilfsitem:hover {
 cursor:pointer;
}

/*
.kt_container {
 border: 1px solid white;
 background-color: white;
 height:10px;
}
*/

.kt_ja {
 border: 1px solid lightgreen;
 background-color: #f1f1f1;
}

.kt_ja_chosen {
 border: 1px solid #00ff00;
 background-color: #00ff00; 
}

.kt_nein {
 border: 1px solid #fc8368;
 background-color: #f1f1f1;
}

.kt_nein_chosen {
 border: 1px solid red;
 background-color: red;
}

.kt_nix {
 border: 1px solid #eeeeee;
 background-color: #eeeeee;
}

 .kt_item {
   width:2.5em;
 }

.kt_kriterien { font-size: 1.2em; background-color:#eeeeee; text-align:center;padding:0.5em;
 border-width:2px; border-style:outset; border-color:#666666; color: black;}

.w3-hfs-ctbobi,.w3-hfs-hover-ctbobi:hover,.w3-hfs-ctbobi,.w3-hfs-hover-ctbobi:hover{color:#fff!important;background-color:#777777!important}



@media (max-width:600px){
  .instruktionen_skala {  width:100%; }
  #umschreibung { font-size:80%; }
}
@media (min-width:601px){.instruktionen_skala {  width:85%; }}
@media (min-width:801px){
  .instruktionen_skala {  width:70%; }
  .ddp_auswahl { font-size:120%; }
}