body 
{
    font-family: sans-serif;
    color: #333333;
    margin: 0;
}


html,body,iframe 
{
  height:100%;
  width: 100%;
}
.topdiv {
  height: 30px; /* Full-height: remove this if you want "auto" height */ 
  width: 100%;
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; 
  left: 150px;
  background-color: #ffffff; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding: 10px;  
  font-weight: bold;
  font-size: 150%;
  margin-top: 0;
  margin-left: 0;
  text-align: left;
}

.logodiv
{
  height: 30px; /* Full-height: remove this if you want "auto" height */ 
  width: 150px;
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0; 
  padding: 15px;
}


 /* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 150px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 60px; /* Stay at the top */
  left: 0;     
  background-color: #fffbf0; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 10px; 
  border: 1px solid #e7c157;
}



/* Style page content */
.main 
{
  position: absolute;
  padding: 10px 10px;
  left:150px; 
  top: 50px;
  width: 100%;
  height:100%;
}

#content
{
  float: left;
  width: 80%;
  padding: 10px;
}
.menue-item
{
   cursor:pointer;
   margin-bottom: 5px;
   
}
.menue-item:hover
{
  background-color: #ccc; 
  color: #000000;
}

.buttons
{
  left:150px; 
  padding: 10px; 
  border: 1px solid #e7c157;
  background-color: #fffbf0; 
}

.buttons button
{
  
}



.maintitel
{
  font-weight: bold;
  font-size: 150%;
}

fieldset 
{
    background: #eee;
    margin: 10px;
    padding: 15px;
    width: auto;
}

input 
{
    margin: 0 0 1em .2em;
    padding: .2em .5em;
    background-color: #fffbf0;
    border: 1px solid #e7c157;
    display: inline;   
}

input[type="radio"] 
{
    background-color: #fffbf0; /* Hier kannst du die gewünschte Hintergrundfarbe setzen */
}

/* Ändere die Randfarbe des Radio-Buttons */
input[type="radio"]
{
    border-color: #e7c157; /* Hier kannst du die gewünschte Randfarbe für ausgewählte Radio-Buttons setzen */
}

.selectInput 
{
    margin: 0 0 1em .2em;
    padding: .2em .5em;
    background-color: #fffbf0;
    border: 1px solid #e7c157;
    display: inline;   
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}