body { 
     			color: black;
     			margin-left: 2em; 
     			margin-right: 5em;
     			font-family: sans-serif;
     			font-size: 10pt;
     }
     #linkliste{
     			position: absolute;
     			top: 50px;
     			left: 3%;
     			width: 20%;
     			border-width: 0px;
     			border-style: solid;
     			border-radius: 10px;
     			border-color: #D2E5EA;
     			box-shadow: 5px 5px 6px 0px #cccccc;
     }
     #content{
     			position: absolute;
     			top: 50px;
     			left: 3%;
     			width: 94%;
     			border-width: 0px;
     			border-style: solid;
     			border-radius: 10px;
     			border-color: #D2E5EA;
     			box-shadow: 5px 5px 6px 0px #cccccc;
     }
     #rechts{
     			transform: rotate(-90deg);
     			position: fixed;
     			top: 125px;
     			left: 94%;
     			width: 16%;     			
     			border-width: 0px;
     			border-style: solid;
     			border-radius: 10px;
     			border-color: #D2E5EA;
     			box-shadow: 2px 2px 2px 2px #cccccc; //h-offset v-offset blur-radius spread-radius color;
     			transition:all 1.5s ease 0s;			
     }
     
     #rechts:hover{
     			transform: rotate(0deg);
     			position: fixed;
     			top: 100px;
     			left: 81%;
     			width: 18%;
     			border-width: 0px;
     			border-style: solid;
     			border-radius: 10px;
     			border-color: #D2E5EA;
     			box-shadow: 6px 6px 6px 0px #111111; //h-offset v-offset blur-radius spread-radius color			
     }
     

     h3	 {
     			font-size: 10pt;
     			font-family: sans-serif;
     			font-weight: bold;
     }
     h4{
     			font-size: 10 pt;
     			font-family: sans-serif;
     			font-weight: normal;
     }
     p    { 
     			text-align: justify; 
     			text-indent: 0em;
     			margin: 10px;    
     			font-family: sans-serif;
     			font-size: 10pt; 
     			border-radius: 10px;  			
     }
     p.Help {
     			font-size: 8pt;
     			text-align: left;
     			text-indent: 0pt;
     }
     p.Eingerueckt{
     			text-indent: 0pt;
     			margin-left: 3em;
     }
     p.code{
     			color:black;
     			background-color: #E8DDC9;
     			font-family: 'Courier';
     			text-align: left; 
     			font-weight: bold;
     			-moz-transition:all 1.5s ease 0s;
       			transition:all 1.5s ease 0s;
     }
     p.code:hover{
     			box-shadow: 3px 3px 6px 0px #555555;	
     			background-color: yellow;
     }
     			
     ul {
     			list-style-type: square;
     			list-style-position: outside; /*kein Text unter dem Bullet bei Zeilenumbruch (im Ggs. zu inside)*/
     			/*position:absolute;*/ 
     			/*left:-20px;*/
     			margin-left: -18px; /* Verhindern der automatischen Einrückung von ul*/
     }
     li{
     			margin-bottom: 10px;
     }
     .code{
     			color:black;
     			background-color: #E8DDC9;
     			font-family: 'Courier';
     			font-weight: bold;
     }
     a {
			-moz-transition:all 0.5s ease 0s;
	  		-webkit-transition:all 0.5s ease 0s;
	  		-ms-transition:all 0.5s ease 0s;
	  		transition:all 0.5s ease 0s;
     }
     a:link { 	
     			color: #008000;
     			text-decoration: none;
     }
	  a:visited { 
	  			color: #004000;
	  			font-style: italic;
	  } 
	  a:hover { 
	  			color: #008000;
	  			font-size: 14pt;
	  			font-weight: normal;
	  			text-shadow: #cccccc 15px 10px 2px;
	  }
	  a:active {
	  			color: #394139; 
	  }
	  a:focus {
	  			color: #394139;
	  }
	  h1 {
				text-align: center;	  			
	  			font-family: sans-serif;
	  			font-weight: bold;
	  			font-style: normal;#D2E5EA;
	  			background:-moz-linear-gradient(left, rgb(255,255,255), rgb(210,229,234));
	  			background:-webkit-linear-gradient(left, rgb(255,255,255), rgb(210,229,234));
	  			background:-ms-linear-gradient(left, rgb(255,255,255), rgb(210,229,234));
	  			background:linear-gradient(left, rgb(255,255,255), rgb(210,229,234));
	  			/*background-color: #D2E5EA;*/
	  			border: 1px hidden darkblue;
	  			font-size: 15px;
	  			/*border-radius: 5px;*/
	  }
	  
	  div.Rahmen {
	  			border: 1px hidden darkblue;
	  			background-color: #ECF8E5;
	  			padding: 5px; /*Allgemeiner Abstand von oben, unten, rechts und links*/
	  }

	  @-moz-keyframes merryGoRound {
				0%   { -moz-transform: rotateZ(0deg); }
				100% { -moz-transform: rotateZ(360deg); }
	  }
	  @-webkit-keyframes merryGoRound {
				0%   { -webkit-transform: rotateZ(0deg); }
				100% { -webkit-transform: rotateZ(360deg); }
	  }
	  @-ms-keyframes merryGoRound {
				0%   { -ms-transform: rotateZ(0deg); }
				100% { -ms-transform: rotateZ(360deg); }
	  }
	  
	 /* Der drehende Hilfekasten
	   #rechts:hover{
	  			-moz-animation: merryGoRound 2s;
				-webkit-animation: merryGoRound 2s;
				-ms-animation: merryGoRound 2s;	
	  	
	  }*/
/* KEYFRAME ANIMATION AM BEISPIEL DER UEBERSCHRIFTEN
		@-moz-keyframes boing {
				0%   { -moz-transform: scale(1); }
				30%	{ -moz-transform: scale(0.8); }
				70% { -moz-transform: scale(1.2); }
				100%   { -moz-transform: scale(1); }
		}	  
	  
		@-webkit-keyframes boing {
				0%   { -webkit-transform: scale(1); }
				30%	{ -webkit-transform: scale(0.8); }
				70% { -webkit-transform: scale(1.2); }
				100%   { -webkit-transform: scale(1); }
		}	  
		
		@-ms-keyframes boing {
				0%   { -ms-transform: scale(1); }
				30%	{ -ms-transform: scale(0.8); }
				70% { -ms-transform: scale(1.2); }
				100%   { -ms-transform: scale(1); }
		}	  	  
	  
	  h1:hover {
				-moz-animation: boing 0.8s;
				-webkit-animation: boing 0.8s;
				-ms-animation: boing 0.8s;
	  }
*/