<style>

        #v1 {
        border-left: 1px solid #99004d;
        height: 25px;
        }
        #task {
            border: 1px solid black;
            margin: 0; 
            padding: 0; 
            width: 100%;
            height: 125px;
			background-image: url("design/task.jpg");
			background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-color: black;
        }

        #menu_infill {
            width: 100%;
            height: 29px;
            margin: 0; 
            padding: 0; 
            background-color:#99004d54;
        }

        #menu {
            font-size:12px;
            position:absolute;
            font-family:arial, "lucida console", sans-serif;
            
        }
    
        #menu ul {
            list-style-type:none;
            list-style-image:none;
            margin:0;
            padding:0;
        }
    
        #menu li.topmenu {
            float:left;
        }
    
        .topmenu a {
            float:left;
            width:120px;
            margin:0;
            padding:0;
            text-align:center;
            font-family:arial, "lucida console", sans-serif;
            border: 1px solid rgb(139, 139, 139);
        }
    
        .topmenu ul{
            display:none;
        }
    
        .topmenu a, .submenu a{
            padding:3px;
            color:white;
            font-weight:bold;
            text-decoration:none;
            background-color:#99004d;
            margin:0;
        }

        
    
        .submenu a{
            font-size:10px;
            width:120px;
            position:relative;
            clear:both; /* special IE6 */
        }
    
        #menu a:hover, .topmenu.on a {
            color:white;
            background-color:#6d6d6d67 !important;
        }
    
        .topmenu:hover ul {
            display:block;
            z-index:500;
        }

        #task_mobile {
            border: 1px solid black;
            margin: 0; 
            padding: 0; 
            width: 100%;
            height: 275px;
			background-image: url("design/task.jpg");
			background-position: left;
            background-size: auto;
            background-repeat: no-repeat;
            background-color: black;
		}
		#task_in {
            list-style-type: none; 
            margin: 0; 
            padding: 5px 5px; 
			width: auto;
			height: auto;
			background-color: transparent;
		}
		#task_grey {
            border: 1px solid rgb(80, 80, 80);
            list-style-type: none; 
            margin: 0; 
			padding-top: 15px;
			padding-bottom: 15px; 
			width: 100%;
			background-color: rgb(80, 80, 80);
		}
		#inhalt_task {
            border: 1px solid white;
            list-style-type: none; 
            margin: 0; 
			padding-top: 5px;
			padding-left:15px;
			padding-bottom: 5px; 
			width: 100%;
			background-color: white;
		}
		#menue {
            border: 1px solid white;
            list-style-type: none; 
            margin: 0; 
			padding-top: 5px;
			padding-left:15px;
			padding-bottom: 5px; 
			width: 100%;
			height: auto;
			background-color: white;
		}
		#login_overview {
            list-style-type: none; 
            margin: 0; 
			padding-top: 5px;
			padding-left:15px;
			padding-right:15px;
			padding-bottom: 5px; 
			width: auto;
			height: auto;
			background-color: #000000cb;
		}

		#weiss {
            list-style-type: none; 
            margin: 0; 
			padding-top: 5px;
			padding-left:15px;
			padding-right:15px;
			padding-bottom: 5px; 
			width: auto;
			height: auto;
			background-color: #ffffff11;
		}

		#login_overview_task {
            list-style-type: none; 
            margin: 0; 
			padding-top: 5px;
			padding-left:15px;
			padding-bottom: 5px; 
			width: auto;
			height: auto;
			background-color: #99004d;
		}
		#login_overview_task2 {
            list-style-type: none; 
            margin: 0; 
			padding-top: 5px;
			padding-left:15px;
			padding-bottom: 5px; 
			width: auto;
			height: auto;
			background-color: #99004d7e;
		}
		#chatback1 {
			border-radius: 10px;
            list-style-type: none; 
			margin: 2px; 
			padding-top:3px;
			padding-left: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			width: auto;
			height: auto;
			background-color: #c9a2b47e;
		}
		#chatback2 {
			border-radius: 10px;
            list-style-type: none; 
            margin: 2px; 
			padding-top:3px;
			padding-left: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			width: auto;
			height: auto;
			background-color: #b1f1af94;
		}
		#benachrichtigung {
            list-style-type: none; 
            margin: 0px; 
			padding-top:2px;
			padding-left: 2px; 
			padding-right: 2px; 
			padding-bottom: 2px; 
			width: auto;
			height: auto;
			background-color: #99004d;
		}
		#add_aufgabe {
            list-style-type: none; 
            margin: 0px; 
			padding-top:2px;
			padding-left: 2px; 
			padding-right: 2px; 
			padding-bottom: 2px; 
			width: auto;
			height: auto;
			background-color: #505050;
		}
		#chatback_leer {
			text-align: center;
			border-radius: 10px;
            list-style-type: none; 
            margin: 2px; 
			padding-top:3px;
			padding-left: 5px; 
			padding-right: 5px; 
			padding-bottom: 5px; 
			width: auto;
			height: auto;
			background-color: #ffffff46;
		}
		
		div#liste2 {
			overflow: hidden;
		 }

		 #liste2 a {
			display: block;
			width: auto;
			height: auto;
		 }

		 a.list2:link, a.list2:visited {
			background-color: rgba(169, 245, 169, 0.288);
			color: white;
			border: 1px solid #7a7a7a;
			padding-top: 5px ;
			padding-left: 15px ;
			padding-bottom: 5px ;
			text-align: left;
			text-decoration: none;
			display: inline-block;
		  }

		  a.list2:hover, a.list2:active {
			background-color: rgba(169, 245, 169, 0.486);
		  }

		  div#liste3 {
			overflow: hidden;
		 }

		 #liste3 a {
			display: block;
			width: auto;
			height: auto;
		 }

		 a.list3:link, a.list3:visited {
			background-color: rgba(247, 129, 129, 0.26);
			color: white;
			border: 1px solid #7a7a7a;
			padding-top: 5px ;
			padding-left: 15px ;
			padding-bottom: 5px ;
			text-align: left;
			text-decoration: none;
			display: inline-block;
		  }

		  a.list3:hover, a.list3:active {
			background-color: rgba(247, 129, 129, 0.568);
		  }

        #sortMe div {
            margin: 5px;
            padding: 10px;
            background: #E5E5E5;
            
        }
		body {
 			margin: 0px;
 			padding: 0px;
		}
		h1 {
			color:rgb(0, 0, 0);   /* Farbe Weiss */
			font-size:10pt;  /* Größe 28pt   */
			font-family:arial, "lucida console", sans-serif; /* Schriftart */
		}
		
		h2 {
			color:#990033;   /* Farbe Rot */
			font-size:16pt;  /* Größe 28pt   */
			font-family:Georgia, "lucida console", sans-serif; /* Schriftart */
		}

		div#startseite {
			overflow: hidden;
		 }

		 div#chatname {
			overflow: hidden;
		 }

		 #chatname a {
			display: block;
			width: auto;
			height: auto;
		 }

		 a.chat:link, a.chat:visited {
			background-color: rgba(255, 255, 255, 0.192);
			color: white;
			border: 1px solid #ffffff63;
			padding: 5px 5px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
		  }

		  a.chat:hover, a.chat:active {
			background-color: #99004d4b;
		  }

		  div#liste {
			overflow: hidden;
		 }

		 #liste a {
			display: block;
			width: auto;
			height: auto;
		 }

		 a.list:link, a.list:visited {
			background-color: #5050507a;
			color: white;
			border: 1px solid #7a7a7a;
			padding-top: 5px ;
			padding-left: 15px ;
			padding-bottom: 5px ;
			text-align: left;
			text-decoration: none;
			display: inline-block;
		  }

		  a.list:hover, a.list:active {
			background-color: #ffffff79;
		  }

		  .chatverlauf {
			background: rgba(255, 255, 255, 0.205);
			height: 300px;
			overflow: auto;
			width: 550px;
			border: 1px solid rgba(255, 255, 255, 0.5);
			padding: 10px;
			} 
		  
		 #startseite a {
			display: block;
			width: auto;
			height: auto;
		 }
		 div#login {
			overflow: hidden;
		 } 
		 #login a {
			display: block;
			width: 75px;
			height: auto;
		 }
		 a.eins:link, a.eins:visited {
			background-color: rgba(0, 0, 0, 0.301);
			color: white;
			padding: 5px 5px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
		  }
		  a.eins:hover, a.eins:active {
			background-color: #99004d;
		  }
		  div#aufgabe {
			overflow: hidden;
		 } 

		 div#session {
			margin: 10px 5px 0px 5px;
			padding: 0px 15px 0px 15px;
			background-color: #99004d42;
			border: 1px solid rgba(255, 255, 255, 0.514);
		 }
		 div#session_aktiv {
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 11px;
			padding: 0 14px;
			margin: 0;
			line-height: 28px;
			text-align: left;
			text-decoration: none;
			color: #f3f3f3;
			text-shadow: 1px 1px 1px rgba(0,0,0,.6);
			margin: 10px 5px 0px 5px;
			padding: 0px 15px 0px 15px;
			background-color: #99004d94;
			border: 1px solid rgba(255, 255, 255, 0.514);
		 }
		 div#session_fill {
			margin: 0px 5px 0px 5px;
			padding: 0px 15px 0px 15px;
			background-color: #ffffff42;
			border-left: 1px solid;
			border-right: 1px solid;
			border-bottom: 1px solid;
			border-color: rgba(255, 255, 255, 0.514);
		 }

		 #session_fill {
			margin: 0px 5px 0px 5px;
			padding: 0px 15px 0px 15px;
			background-color: #ffffff42;
			border-left: 1px solid;
			border-right: 1px solid;
			border-bottom: 1px solid;
			border-color: rgba(255, 255, 255, 0.514);
		 }
		 
		 #aufgabe a {
			display: block;
			width: 75px;
			height: auto;
		 }
		 a.eins:link, a.eins:visited {
			background-color: rgba(0, 0, 0, 0.301);
			color: white;
			padding: 5px 5px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
		  }
		  a.eins:hover, a.eins:active {
			background-color: #99004d;
		  }
		  a.zwei:link, a.zwei:visited {
			background-color: #99004d;
			color: white;
			padding: 5px 5px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
		  }

		  
		  a.zwei:hover, a.zwei:active {
			background-color: #99004d;
			
		  }
		  a.link:link, a.link:visited {
			text-decoration: none;
			text-decoration-color: #000000;
			display: inline-block;
		  }

		  
		  a.link:hover, a.link:active {
			text-decoration-color: #720000;
		  }

		  a.link:hover {
			background-color: #99004d86;
		  }

		  .border {  
			border: 2px solid rgb(255, 255, 255); 
		  } 

		  .booth {
			  width:400px;
			  background:#ccc;
			  border:2px solid #252525;
			  margin: 0 auto;
		  }
		
		  #v1 {
			border-left: 2px solid #99004d;
			height: 25px;
	      }

		  #vm_1 {
			border-right: 2px solid #99004d;
			height: 45px;
		  }
		  #vm_3 {
			border-right: 2px solid #99004d;
			height: 115px;
		  }
		  #vm_2 {
			border-right: 2px solid #99004d70;
			height: 75px;
		  }

	</style>