/* WEB-fonts einbinden */
@font-face {
  font-family: 'Conei';
               src: url("http://www.fluhr.ch/FONTS/Conei.eot");
               src: local("Conei"), 
                    url("http://www.fluhr.ch/FONTS/Conei.woff") format("woff"), 
                    url("http://www.fluhr.ch/FONTS/Conei.ttf") format("truetype");
}/*font-face*/

/*____________________________________________________________________________*/
/* Formatierungen der Grundstruktur */

* {
  box-sizing: border-box;
}/***/

body {
  font-size: medium;
  background-color: #e0ceb8; /*color of the sand*/
  font-family: Verdana, Geneva, Arial, sans-serif;
}/*body*/

#index-header {
  text-align: center;
}/*#index-header*/

#index-login {
  display: inline-block;
  float: right;
  overflow: hidden;
}/*#index-login*/

#index-h1 {
  font-family: Conei;
  font-size: 150%;
  color: #908267;
  letter-spacing: 0.1em;
  margin-bottom: 2em;
}/*#index-h1*/

#index-main {
  margin: 0 auto;
  display: table;
}/*#index-main*/

.index-nav {
  display: table-row;
}/*index-nav*/

.index-div-space {
  display: table-cell;
  width: 1em;
}/*.index-div-space*/

.index-nav-space {
  display: table-row;
  height: 1em;
}/*.index-nav-space*/

/*_________________
___________________________________________________________*/
/* Formatting of the nav's */
.index-div-logs {
  display: table-cell;
  width: 10em;
  padding: 1em;
  border-width: 2px;
  border-color: #908267;
  border-style: solid;
  border-radius: 1em;
  background-color: rgba(0, 255, 0, 0.1);;
  font-size: 90%;
  font-weight: bold;
  color: black;
  letter-spacing: 0.1em;
  text-align: center;
  vertical-align: middle;
}/*.index-div-logs*/

.index-div-logs:link, .index-div-logs:visited {
  text-decoration: none;
}/*.index-div-logs a:link*/

.index-div-logs:hover {
  color: green;
  border-color: green;
}/*.index-div-logs a:link*/

.index-div-contents {
  display: table-cell;
  width: 15em;
  padding: 1em;
  border-width: 2px;
  border-color: #908267;
  border-style: solid;
  background-color: white;
  font-size: 90%;
  font-weight: bold;
  color: black;
  letter-spacing: 0.1em;
  text-align: center;
  vertical-align: middle;
}/*.index-div*/

.index-div-contents:link, .index-div-contents:visited {
  text-decoration: none;
}/*.div-index a:link*/

.index-div-contents:hover {
  color: green;
  border-color: green;
}/*.div-index a:link*/

/*____________________________________________________________________________*/
/* Formatting of the logout*/

#index-a-id {
  display: table-cell;
  width: 10em;
  padding: 1em;
  border-width: 2px;
  border-color: #908267;
  border-style: solid;
  border-radius: 1em;
  background-color: rgba(255, 0, 0, 0.1);
  font-size: 90%;
  font-weight: bold;
  color: black;
  letter-spacing: 0.1em;
  text-align: center;
  vertical-align: middle;
}/*#index-a-id*/


#index-a-id:link, #index-a-id:visited {
  text-decoration: none;
}/*#index-a-id a:link*/

#index-a-id:hover {
  color: red;
  border-color: red;
}/*#index-id a:link*/

/*____________________________________________________________________________*/
/* Formatting of the footer*/

#index-footer {
  position: fixed;
  bottom: 0;
  left: 0px;
  right: 0px;
  width: 100%;
  background: #908267;
  font-family: Verdana, Geneva, Arial, sans-serif;
}/*#index-footer*/

.index-p {
  display: inline-block;
  font-size: 70%;
  padding-left: 15px;
}/*.index-p*/

#index-p-link {
  float: right;
  display: inline-block;
  font-size: 70%;
  font-weight: bold;
  padding-right: 15px;
}/*#index-p-link*/

#index-p-link a:link, #index-p-link a:visited {
  text-decoration: none;
  color: black;
}/*#index-id a:link*/

#index-p-link a:hover {
  color: green;
}/*#index-id a:link*/


.usa-popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-width: 2px;
  border-color: red;
  border-style: solid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}