<style>			/* <link rel="stylesheet" media="screen" type="text/css" href="ppt_feuervogel.css"/> */

.checkboxgrey {
    width: 20px;
    height: 20px;
	background: grey;
}
.checkboxred {
    width: 20px;
    height: 20px;
	background: red;
}
.checkboxgreen {
    width: 20px;
    height: 20px;
    background: green;
}
input[type=text] 
{
    background-color: lightgreen;
}
input[type=date] 
{
    background-color: lightgreen;
}
input:read-only 
{
    background-color: #ffb399;
}
.lisud select 	
{
		font-family:monospace;
} 
select:disabled 
{
     background-color: #ffb399;
}
select 
{
     background-color: lightgreen;
}
textarea  
{
     background-color: lightgreen;
}
.table_ouset
{	
	border-style: outset;
}
.table_inset
{	
	border-style: inset;
}

				#menu 
									{
										height:50px;
									}
				#menu ul 
									{
										margin:0;
										padding:0;
										list-style-type:none;
										text-align:left; 
									}
				#menu li 
									{
										display:block;
										width:110px;
										float:left;
										margin:auto;
										padding:0;
										text-align:center; 
										background-color:SkyBlue;
									}
				#menu li a 
									{
										display:block;
										width:110px;
										color:blue;
										text-decoration:none;
										text-align:left; 
										border: 1px solid #600 ;
										font: 0.7em "Trebuchet MS",Arial,sans-serif ;
									}
				#menu li a:hover 
									{
										color:black;
									}
				#menu ul li ul 
									{
										display:none;
									}
				#menu ul li:hover ul 
									{
										display:block;
									}
				#menu li:hover ul li 
									{
										float:none;
									}

*/

* 
{
  box-sizing: border-box;
}
.left {
  background-color: lightblue;
  float: left;
  width: 15%;
  padding: 10px 15px;
  margin-top: 7px;
}
.leftitem {
  padding: 8px;
  margin-top: 7px;
  border-bottom: 1px solid #f1f1f1;
}
.main {
  float: left;
  width: 60%;
  padding: 0 20px;
  margin-top: 7px;
  overflow: hidden;
}
.main_ppt {
  float: center;
  width: 60%;
  padding: 0 20px;
  margin-top: 7px;
  overflow: hidden;
}
.right {
  background-color: lightblue;
  float: left;
  width: 15%;
  padding: 10px 15px;
  margin-top: 7px;
}
.rightitem {
  padding: 8px;
  margin-top: 7px;
  border-bottom: 1px solid #f1f1f1;
}
@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .left, .main, .right {
    width: 50
	%;
  }
}
</style>