@charset "utf-8";
/* CSS Document */
/* Version V3, Issue 28.02.2023 */

html {
        background:         black;
}

* {
    margin:                 0;
    padding:                0;
}
/* Bereiche */
#top {
  	  background-color:       #000000;
      height:                 8px;
	  width:                  860px;
	  border:                 0px solid black;
	  margin:                 0 auto; 
}
#general {
	  background-color:       #656e6d;
      height:                 700px;
	  width:                  860px;
	  border:                 0px solid black;
	  margin:                 0 auto;
}
#left {
	  background-color:       #656e6d;
      height:                 700px;
	  width:                  140px;
	  border:                 0px solid black;
	  margin:                 0 auto;
	  float:                  left;  
}
#center {
	background-color:         #656e6d;
    height:                   700px;
	width:                    515px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
}
#topcenter {
	background-color:         #656e6d;
    height:                   420px;
	width:                    515px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
}
#topcenterA {
	background-color:         #656e6d;
    height:                   50px;
	width:                    515px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
}
#topcenterB {
	background-color:         #656e6d;
    height:                   140px;
	width:                    515px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
}
#topcenterC {
	background-color:         #656e6d;
    height:                   230px;
	width:                    515px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
}
#lowcenter {
	background-color:         #656e6d;
    height:                   280px;
	width:                    515px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
}
#right {
	background-color:         #656e6d;
    height:                   700px;
	width:                    205px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;  
}
#topright {
	background-color:         #656e6d;
    height:                   204px;
	width:                    205px;
	border:                   0px solid black;
	margin:                   0 auto;
}
#lowright {
	background-color:         #656e6d;
    height:                   496px;
	width:                    205px;
	border:                   0px solid black;
	margin:                   0 auto;
}
#rightspaceA {
	background-color:         #656e6d;
    height:                   220px;
	width:                    205px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;  
}
#rightspaceB {
	background-color:         #656e6d;
    height:                   420px;
	width:                    205px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;  
}
#rightspaceC {
	background-color:         #656e6d;
    height:                   55px;
	width:                    205px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;  
}
#eingabe_links {
	background-color:         #656e6d;
    height:                   175px;
	width:                    65px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
} 
#eingabe_mitte {
    background-color:         #e6e7e8;
	width:                    385px;
    height:                   175px;
	margin:                   0 auto;
	float:                    left;
	text-align:               center;
	float:                    center;  
} 
#eingabe_rechts {
	background-color:         #656e6d;
    height:                   175px;
	width:                    65px;
	border:                   0px solid black;
	margin:                   0 auto;
	float:                    left;   
} 
/* Texte */

.maintitel {
     font-size:              120px;
     font-family:            Arial, Verdana, Helvetica, sans-serif;
     color:                  #9dc9ef;
     text-decoration:        none;
     font-weight:            bold;
}
.text3k {
    font-size:              13px;
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    color:                  #444444;
    text-decoration.        none;
    font-weight:            normal;
}
.text3 {
    font-size:              16px;
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    color:                  #444444;
    text-decoration.        none;
    font-weight:            normal;
}
      .taste {
          font-size:              13px;
          font-family:            Arial, Verdana, Helvetica, sans-serif;
          color:                  #2c3147;
          text-decoration:        none;
          font-weight:            bold;
      }
      a.taste:hover {
          font-size:              13px;
          font-family:            Arial, Verdana, Helvetica, sans-serif;
          color:                  #999ba3;
          text-decoration:        none;
          font-weight:            bold;
      }
      .title11 {
          font-size:              66px;
          font-family:            Arial, Verdana, Helvetica, sans-serif;
          color:                  #9dc9ef;
          text-decoration:        none;
          font-weight:            bold;
      }
.title2w {
   font-size:              15px;
   font-family:            Arial, Verdana, Helvetica, sans-serif;
   color:                  #ffffff;
   text-decoration:        none;
   font-weight:            bold;
}
.arial1b {
   font-size:              16px;
   font-family:            Arial, Verdana, Helvetica, sans-serif;
   color:                  #9dc9ef;
   text-decoration:        none;
   font-weight:            bold;
}
.taste {
  font-size:              13px;
  font-family:            Arial, Verdana, Helvetica, sans-serif;
  color:                  #2c3147;
  text-decoration:        none;
  font-weight:            bold;
}
a.taste:hover {
  font-size:              13px;
  font-family:            Arial, Verdana, Helvetica, sans-serif;
  color:                  #999ba3;
  text-decoration:        none;
  font-weight:            bold;
}
/* Buttons */
.button {
  background-color:           #9dc9ef;
  border:                     none;
  color:                      black;
  height:                     40px;
  width:                      175px;
  text-align:                 center;
  text-decoration:            none;
  display:                    inline-block;
  font-size:                  16px;
  font-family:                Arial, Verdana, Helvetica, sans-serif;
  font-weight:                bold;
  margin:                     20px 15px;
  cursor:                     pointer;
}
.button:hover, .button:focus {
    background-color:       #BFEFFF;
}
.button1 {
  background-color:           #9dc9ef;
  border:                     none;
  color:                      black;
  height:                     40px;
  width:                      175px;
  text-align:                 center;
  text-decoration:            none;
  display:                    inline-block;
  font-size:                  16px;
  font-family:                Arial, Verdana, Helvetica, sans-serif;
  font-weight:                bold;
  margin:                     1px 15px;
  cursor:                     pointer;
}
.button1:hover, .button1:focus {
    background-color:       #BFEFFF;
}
.buttonX {
    display: 				inline-block;
    text-align: 			center;
    font-size:              13px;
    font-family:            Helvetica, Arial;
    font-weight:     		bold;
    text-decoration: 		none;
    color: 					#444444;
    background-color: 		#e6e7e8;
	border:                 1px solid;
    border-radius: 			5px;
    cursor: 				pointer;
    width: 					80px;
    height:                 20px;
    outline: 				none;
    transition: 			0.3s;
}
.buttonX:hover {
    background-color: 		#9b979a;
}
.buttonY {
    display: 				inline-block;
    text-align: 			center;
    font-size:              13px;
    font-family:            Helvetica, Arial;
    font-weight:     		bold;
    text-decoration: 		none;
    color: 					#444444;
    background-color: 		#e6e7e8;
	border:                 2px solid;
    border-radius: 			5px;
    cursor: 				pointer;
    width: 					80px;
    height:                 20px;
    outline: 				none;
    transition: 			0.3s;
}
.buttonY:hover {
    background-color: 		#9b979a;
}
.buttonZ {
    display: 				inline-block;
    text-align: 			center;
    font-size:              13px;
    font-family:            Helvetica, Arial;
    font-weight:     		none;
    text-decoration: 		none;
    color: 					#444444;
    background-color: 		#e6e7e8;
	border:                 1px solid;
    border-radius: 			5px;
    cursor: 				pointer;
    width: 					80px;
    height:                 20px;
    outline: 				none;
    transition: 			0.3s;
}
.buttonZ:hover {
    background-color: 		#9b979a;
}
.Back {
    font-size:              14px;
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    color:                  #2c3147;
    cursor:                 pointer;
    font-weight:            bold;
    text-decoration:        none;
    background-color:       #ececec;
	border:                 1px solid #2c3147;
	border-radius: 			4px;
    height:                 20px;
    width:                  75px;
	margin:                 0px 0px 0px 0px;
	padding:                0px 0px 0px 0px;
	float:                  right;
	position:               relative;
	right: 					20px
}
.Back:hover, .Back:focus {
    background-color:       #9b979a;
}
.Delete {
    font-size:              14px;
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    color:                  #000000;
    cursor:                 pointer;
    font-weight:            bold;
    text-decoration:        none;
    background-color:       #ff90a6;
	border:                 1px solid #2c3147;
	border-radius: 			4px;
    height:                 20px;
    width:                  175px;
	margin:                 0px 0px 0px 0px;
	padding:                0px 0px 0px 0px;
	float:                  right;
	position:               relative;
	right: 					800px
}
.Delete:hover, .Delete:focus {
    background-color:       #ff335b;
}
.Down {
    font-size:              14px;
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    color:                  #2c3147;
    cursor:                 pointer;
    font-weight:            bold;
    text-decoration:        none;
    background-color:       #ececec;
	border:                 1px solid #2c3147;
	border-radius: 			4px;
    height:                 20px;
    width:                  75px;
	margin:                 0px 0px 0px 0px;
	padding:                0px 0px 0px 0px;
	float:                  right;
	position:               relative;
	right: 					70px
}
.Down:hover, .Down:focus {
    background-color:       #9b979a;
}
.Up {
    font-size:              14px;
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    color:                  #2c3147;
    cursor:                 pointer;
    font-weight:            bold;
    text-decoration:        none;
    background-color:       #ececec;
	border:                 1px solid #2c3147;
	border-radius: 			4px;
    height:                 20px;
    width:                  75px;
	margin:                 0px 0px 0px 0px;
	padding:                0px 0px 0px 0px;
	float:                  right;
	position:               relative;
	right: 					20px
}
.Up:hover, .Up:focus {
    background-color:       #9b979a;
}
/* Tabellen */
.TX td, 
.TX th {
	border:                0px solid black;
}