.mycolorred
   {
  color: #C80000;
  }

.mycolorgraylight
   {
  color: #969696;
  }

.mycolorgraydark
   {
  color: #505050;
  }

.mycolorgrayback
   {
  color: #D0D0D0;
  }

.mycolorgraywhite
   {
  color: #FFFFFF;
  }

.clear
   {
  clear: both;
  }  
  
.year
   {
  float: left; 
  width: 4em;
  font-size: 11pt;
  }  
  
.text
   {
  float: left; 
  font-size: 11pt;
  }  
  
.kontaktart
   {
  float: left; 
  width: 6em;
  }  
  
.verweisExtern
   {
  text-decoration: none;
  color: #505050;
  }  
  
.verweisIntern
   {
  text-decoration: none;
  }  
  
.menueItem
   {
  width: 12.5%;
  float: left;
  text-align: center;
  color: #505050;
  background-color: #E0E0E0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  }
  
.menueItemSelected
   {
  width: 12.5%;
  float: left;
  text-align: center;
  color: #C80000;
  background-color: #E0E0E0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  }
  
.menueItemFoot
   {
  width: 12.5%;
  float: left;
  text-align: center;
  color: #505050;
  background-color: #E0E0E0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  }
  
.menueCopyright
   {
  width: 12.5%;
  float: left;
  text-align: center;
  color: #505050;
  background-color: #E0E0E0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  }
  
.cover
   {
  width: 120px;
  height: 160px;
  float: left;
  margin-right: 80px;
  margin-top: 50px;
  }  

.button
   {
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  font-size: 11pt;
  text-decoration: none;
  }  
  
.buch
   {
  float: left;
  margin-left: 20px;
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  font-size: 9pt;
  text-decoration: none;
  }  
  
.imageBuch
   {
  width: 60px;
  height: 80px;
  margin-top: 5px;
  float: left;
  color: #505050;
  text-decoration: none;
  box-shadow: 5px 5px 10px grey;
  }    
  
.imageBild
   {
  width: 120px;
  height: 80px;
  margin-top: 5px;
  float: left;
  color: #505050;
  text-decoration: none;
  box-shadow: 5px 5px 10px grey;
  }    
  
.imageKunst1
   {
  width: 150px;
  height: 105px;
  margin-top: 5px;
  float: left;
  color: #505050;
  text-decoration: none;
  }    
  
.imageKunst2
   {
  width: 90px;
  height: 60px;
  margin-top: 5px;
  float: left;
  color: #505050;
  text-decoration: none;
  }    
  
.imageKunst3
   {
  width: 60px;
  height: 90px;
  margin-top: 5px;
  float: left;
  color: #505050;
  text-decoration: none;
  }    
  
.imageKunst4
   {
  width: 210px;
  height: 90px;
  margin-top: 5px;
  float: left;
  color: #505050;
  text-decoration: none;
  }    
  
body
   {
  text-align: center; 
  }

h1
   {
  color: #C80000;
  margin-top: 70px;
  font-size: 16pt;
  text-align: center;
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  text-decoration: none;
  }

h2 
   {
  color: #505050;
  margin-bottom: 50px;
  font-size: 12pt;
  text-align: center;
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  text-decoration: none;
  }

input 
   {
  color: black;
  font-size: 11pt;
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  }

textarea 
   {
  color: black;
  font-size: 11pt;
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  }

img 
   {
  border:none 
  }

.myhr { 
  width: 100%; 
  height: 2px; 
  margin-top: 0px;
  margin-bottom: 0px;  
  color: #C80000;
  background-color: #C80000;
  border:none;
  }
  
.myhr2 { 
  width: 100%; 
  height: 2px; 
  margin-top: 0px;
  margin-bottom: 0px;  
  color: #C80000;
  background-color: #C80000;
  border:none;
  }
  
a:link, a:visited, a:focus
   {
  outline: none;
  }
 
a:hover, a:active
   {
  color: #C80000;
  outline: none;
  }

input:link, input:visited, input:focus, input:active
  {
  outline: none;
  }
  
input:hover
  {
  color: #C80000;
  outline: none;
  }
  
textarea:link, textarea:visited, textarea:focus, textarea:hover, textarea:active
  {
  outline: none;
  }

mailto
  {
  color: #C80000;
  outline: none;
  }  

audio 
  {
  background-color: #FFFFFF;
  color: #FFFFFF;
  width: 320px;
  height: 40px;
  font-size: 10pt;
  }
  
video
  {
  background-color: #FFFFFF;
  color: #FF0000;
  width: 320px;
  height: 180px;
  font-size: 10pt;
  }
  
#pageSpace
   {
  width: 960px;  
  float: center;
  margin: 0 auto;  
  background-color: #F0F0F0;
  color: #505050;
  font-family: verdana,arial,sans-serif;
  font-weight: normal;
  font-size: 12pt;
  line-height: 18pt;
  }

#headSpace
   {
  background-color: #E0E0E0;
  }

#footSpace 
   {
  background-color: #E0E0E0;
  margin-bottom: 50px;
  font-size: 10pt;
  }

#contentSpace 
   {
  height: 640px;
  background-color: #F0F0F0;
  font-size: 11pt;
  }

#headName
   {
  width: 75%;
  float: left;
  margin-top: -40px;
  }
  
#kompetenzen
   {
  width: 40%;
  float: left;
  margin: 50px 0px 0px 10%;
  text-align: justify;
  }  
  
#leistungen
   {
  width: 40%;
  float: right;
  margin: 50px 10px 0px 0%;
  text-align: justify;
  }  
  
#projekte1
   {
  width: 40%;
  float: left;
  margin: 50px 0px 0px 10%;
  text-align: justify;
  }  
  
#projekte2
   {
  width: 50%;
  float: right;
  margin: 50px 0px 0px 0px;
  text-align: justify;
  }  
  
#publikation1
   {
  width: 45%;
  float: left;
  margin: 50px 0px 0px 5%;
  text-align: justify;
  }  
  
#publikation2
   {
  width: 50%;
  float: right;
  margin: 50px 0px 0px 0px;
  text-align: justify;
  }  
  
#referenzen
   {
  width: 60%;
  float: left;
  margin: 50px 0px 0px 10%;
  text-align: justify;
  }  
  
#mitgliedschaften
   {
  width: 50%;
  float: left;
  margin: 50px 0px 0px 25%;
  text-align: justify;
  }  
  
#vita
   {
  width: 60%;
  float: left;
  margin: 50px 0px 0px 10%;
  text-align: justify;
  }  
  
#buero
   {
  width: 60%;
  float: left;
  margin: 50px 0px 0px 10%;
  text-align: justify;
  }  
  
#kontakt
   {
  width: 40%;
  float: left;
  margin: 50px 0% 0px 30%;
  text-align: left;
  }  
  
#anfrage
   {
  width: 40%;
  float: right;
  margin: 50px 10% 0px 0%;
  text-align: left;
  }  
  
#impressum
   {
  width: 60%;
  float: left;
  margin: 50px 0% 0px 20%;
  text-align: justify;
  }  
  
#copyright
   {
  width: 80%;
  float: left;
  margin: 0px 0% 0px 10%;
  text-align: right;
  font-size: 9pt;
  }  
  
#imageSEM
   {
  width: 35%;
  float: center;
  margin-top: 30px;
  margin-bottom: 30px;
  }  

#imageLogo
   {
  width: 18%;
  float: right;
  margin-right: 10%;
  margin-top: 40px;
  margin-bottom: 20px;
  }  

#imageHome
   {
  width: 100%;
  height: 100%;
  float: center;
  }

#imagePortrait
   {
  width: 160px;
  height: 160px;
  float: right;
  margin-right: 80px;
  margin-top: 70px;
  border-radius: 80px;
  box-shadow: 5px 5px 10px grey;
  }    
  
#imageMeilenstein
   {
  width: 150px;
  height: 200px;
  float: left;
  margin-left: 80px;
  margin-top: 100px;
  box-shadow: 5px 5px 10px grey;
  }

#imageKooperation
   {
  width: 150px;
  float: left;
  margin-left: 80px;
  margin-top: 100px;
  box-shadow: 5px 5px 10px grey;
  }

#imageKontakt
   {
  width: 200px;
  float: left;
  margin-top: 50px;
  }