/* Formatierung Body */

body {
height:100%;
width:100%;
padding:0;
font-family: Trebuchet MS, Tahoma, Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:1.5em;
color:#222222;
/*background-color:#e2b53c;  */
/*background-color:#08088a;  */
background-color:#ffffff;

}


h1 { font-size:2.0em; font-weight:bold; padding-top:0px; margin-top:0px;}
h2 { font-size:1.8em; font-weight:bold; padding-top:0px; margin-top:0px;}
h3 { font-size:1.6em; font-weight:bold; padding-top:0px; margin-top:0px;}
h4 { font-size:1.4em; font-weight:bold; padding-top:1.5em; margin-top:0px;}

/* ----------------------------------*/
/*       Bereiche festlegen          */
/* ----------------------------------*/


  
#Bereich-gesamt{
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position: absolute; top:0px; left:50%; width:1000px;  height:100%;
	margin-left: -400px;
	color:white;

  }

#Bereich-oben {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position: absolute; top:10px; left:0px; width:800px;  height:90px;
    border: none;
	color:white;
	background-image:url(../hintergrund/hintergrund-oben.bmp);
    background-repeat:no-repeat;
	background-color:#888888;
	z-index:20;
  }

  #Bereich-oben-rechts {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position: absolute; top:80px; left:560px; width:auto;  height:20px;
    border: 1 silver;
	color:none;
	background-color:none;
	z-index:22;
  }
  
  #Bereich-hintergrund-oben{
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position: absolute; top:10px; left:0px; width:100%;  height:90px;
	padding-right: 1px;
    border: none;
	color:white;
	background-image: none;
    background-repeat:no-repeat;
	/*background-color:#E0E0F8;
	background-color:#0A0F61;
	background-color:#2E1F5E*/
	background-color:#34176B;
  }
  
    #Bereich-hintergrund-mitte{
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position: absolute; top:104px; left:0px; width:100%;  height:500px;
    border: none;
	color:white;
	background-image: none;
    background-repeat:no-repeat;
	background-color: #A7ABEB;
	
  }
  
      #Bereich-hintergrund-unten{
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position: absolute; top:608px; left:0px; width:100%;  height:100%;
	padding-right: 1px;
    border: 1px red;
	color:white;
	background-image: none;
    background-repeat:no-repeat;
	background-color:#E0E0F8;
  }
  
	#Bereich-links {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	position: absolute; top:106px;   left:0px;   width:120px;  height:496px;
	background-color:#5a5a5a;
    border: none;
	color:yellow;	
	background-image:url(../hintergrund/hintergrund-links.jpg);
    background-repeat: no-repeat;
	z-index:20;
  }
  
  #Bereich-links-unten {
    text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
	position: absolute; top:350px;   left:4px;   width:110px;  height:100px;
	background-color: transparent;
    border: 1px ridge blue;
	color:yellow;
	text-align: left;
	z-index:20;
  }

  
    #Bereich-Logo {
    text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
	position: absolute; top:575px;   left:25px;   width:72px;  height:15px;
	background-color: transparent;
    border: 0;
	color:yellow;
	text-align: left;
	background-image:url(../pictures/cm-design-04.bmp);
    background-repeat:no-repeat;
	z-index:20;
  }

  
  /* -------------------------------------*/
  /* Bereiche der Tasten in oberer Leiste */
  /* -------------------------------------*/
    #Bereich-Button1{
    text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
	position: absolute; top:110px;   left:130px;   width:120px;  height:34px;
    border: 3px outset darkblue;
	color:blue;
	text-align: right;
    background-image:url(../hintergrund/button-oben.bmp);
    background-repeat:no-repeat;
	z-index:1;
  }
		#Bereich-Button1:hover {                    /* Maus über Button */
		text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
		position: absolute; top:110px;   left:130px;   width:120px;  height:34px;
		border: 3px outset red;
		border-style: groove;
		color:blue;
		text-align: right;
		background-image:url(../hintergrund/button-oben-aktiv.bmp);
		background-repeat:no-repeat;
		z-index:1;
		}
   
       #Bereich-Button2{
    text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
	position: absolute; top:110px;   left:266px;   width:120px;  height:34px;
    border: 3px outset darkblue;
	color:blue;
	text-align: right;
    background-image:url(../hintergrund/button-oben.bmp);
    background-repeat:no-repeat;
	z-index:1;
  }
		#Bereich-Button2:hover {
		text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
		position: absolute; top:110px;   left:266px;   width:120px;  height:34px;
		border: 3px outset red;
		color:blue;
		text-align: right;
		background-image:url(../hintergrund/button-oben-aktiv.bmp);
		background-repeat:no-repeat;
		z-index:1;
		}
   
   
          #Bereich-Button3{
    text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
	position: absolute; top:110px;   left:403px;   width:120px;  height:34px;
    border: 3px outset darkblue;
	color:blue;
	text-align: right;
    background-image:url(../hintergrund/button-oben.bmp);
    background-repeat:no-repeat;
	z-index:1;
  }
		#Bereich-Button3:hover {
		text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
		position: absolute; top:110px;   left:403px;   width:120px;  height:34px;
		border: 3px outset red;
		color:blue;
		text-align: right;
		background-image:url(../hintergrund/button-oben-aktiv.bmp);
		background-repeat:no-repeat;
		z-index:1;
		}
   
   
          #Bereich-Button4{
    text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
	position: absolute; top:110px;   left:538px;   width:120px;  height:34px;
    border: 3px outset darkblue;
	color:blue;
	text-align: right;
    background-image:url(../hintergrund/button-oben.bmp);
    background-repeat:no-repeat;
	z-index:1;
  }
		#Bereich-Button4:hover {
		text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
		position: absolute; top:110px;   left:538px;   width:120px;  height:34px;
		border: 3px outset red;
		color:blue;
		text-align: right;
		background-image:url(../hintergrund/button-oben-aktiv.bmp);
		background-repeat:no-repeat;
		z-index:1;
		}
   
   
          #Bereich-Button5{
    text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
	position: absolute; top:110px;   left:674px;   width:120px;  height:34px;
    border: 3px outset darkblue;
	color:blue;
	text-align: right;
    background-image:url(../hintergrund/button-oben.bmp);
    background-repeat:no-repeat;
	z-index:1;
  }
		#Bereich-Button5:hover {
		text-align: center;    /* Seiteninhalt wieder mittig ausrichten */
		position: absolute; top:110px;   left:674px;   width:120px;  height:34px;
		border: 3px outset red;
		color:blue;
		text-align: right;
		background-image:url(../hintergrund/button-oben-aktiv.bmp);
		background-repeat:no-repeat;
		z-index:1;
		}
   
   
   
  #Bereich-Rest{
    text-align: left; 	/* Seiteninhalt wieder links ausrichten */
	position: absolute; top:154px;   left:130px;   width:670px;  height:447px;
    border: 1px ridge white;
	color:yellow;
	background-color:none;    
	background-image:url(../hintergrund/hintergrund-rest.jpg);
	z-index:20;
  }
  
/* ----------------------------------*/
/*       Textformatierungen */ 
/* ----------------------------------*/
#text-style-oben  
{
    font-style:arial;
	font-size:20;
	color:#ffffff;
	font-weight:0;
	margin-top: 2px;
	margin-left:auto;
	padding-right:10px;
}

#text-style-buttons  
{
    font-style:arial;
	font-size:12;
	color:#ffffff;
	font-weight:0;
	margin-top:8px;
	margin-right:5px;
}

#text-style-links
{
	color:blue;
    font-size:1.0em;
	font-weight:0;
    margin-top: 10px;
	padding-right:1px;
	padding-left:1px;
}

#text-style-links-unten
{
	color:#e2b53c;
    font-size:1.0em;
	font-weight:0;
    margin-top: 5px;
    margin-left:10px;
}

#cm-text-style  
{
    color:yellow;
	font-weight:bold;
	margin-left:20em;
	margin-top:1em;
	background-color:#888888;
	padding-right:200px;
	padding-top:1em;
}