body{
 margin: 0;
 padding:0;
 background: #483D8B;
 color: #ffffff;
 }
	 
.head{
 background: #A89CF1;
 height:100px;
 color:#ffffff;
 border:solid #ffffff;
 border-width:3px;
 margin:15px 20px 0 20px;
 overflow:auto;
 vertical-align: middle;
 }
 
 .head-trauer{
 background: #9C9C9C;
 height:100px;
 color:#000000;
 border:solid #000000;
 border-width:3px;
 margin:15px 20px 0 20px;
 overflow:auto;
 vertical-align: middle;	
 }
 
 .head img {
 	vertical-align: middle;
 }
 
.left{
 background: #A89CF1;
 position: absolute;
 top: 131px;
 left: 20px;
 width: 180px;
 border: 2px solid #ffffff;
 color: #ffffff;
 margin: 0px;
 padding-left: 10px;
 font-family:sans-serif;
 min-height:400px;
 }

 .left a:link    { color:#483D8B; text-decoration:none;}
 .left a:visited { color:#483D8B; text-decoration:none;}
 .left a:hover   { color:#483D8B; text-decoration:underline;}
 .left a:active  { color:#483D8B; text-decoration:underline;}
 

 

.right{
 background: #7C6AEA;
 margin: 10px 20px 20px 220px;
 border: 2px solid #ffffff;
 color: #ffffff;
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 30px;
 position :relative;
 min-height:400px;
 }

 .right-trauer{
 background: #9C9C9C;
 margin: 10px 20px 20px ;
 border: 2px solid #000000;
 color: #000000;
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 30px;
 position :relative;
 min-height:400px;	
 }
 
 .right a:link    { color:white; text-decoration:underline;}
 .right a:visited { color:white; text-decoration:underline;}
 .right a:hover   { color:white; text-decoration:underline;}
 .right a:active  { color:white; text-decoration:underline;}
 
 .right-trauer a:link    { color:black; text-decoration:underline;}
 .right-trauer a:visited { color:black; text-decoration:underline;}
 .right-trauer a:hover   { color:black; text-decoration:underline;}
 .right-trauer a:active  { color:black; text-decoration:underline;}