@font-face{
	src: url(font/Akashi.ttf);
	font-family:akashi;
	}
/*Hier wird, wie man sieht eine Schrift von einer Tif-Datei geholt und vom Webserver installiert, sodass der User die Schrift auch sehen kann*/
body{
  background: url('background.png');
  font-family:akashi;
}

/*Der Border ist abgerundet und man hat ihm eine bestimmte Farbe gegeben. Nicht erwünscht sind bei Links der Unterstrich und die Violette Farbe
--> Deshalb text-decoration: none;   Natürlich soll auch hier die von extern eingebundene Schrift eingebungen werdenl. Auch der Hintergrund wurde
bestimmt. In den folgenden Klassen ist es jeweils das gleiche nur leichte Anpassungen der Höhe oder der Farbe sind anders*/
.knopf{
  position: relative;
  overflow: visible;
  display: inline-block;
	border:1px solid #fff;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:1em 2em 1em;
	line-height:0;
  background:#fff;
  text-decoration:none;
  font-family: akashi;
  font-weight:100;
  color:#000;
  font-size:20px;
}

/*Hier wird wenn man über den Knopf fährt der Hintergrund durchsichtig (transparent) und die Textfarbe ändert sich ebenfalls
Dies geschieht aber nicht sofort sondern linear und mit einer gewissen Verzögerung
Auch dies ist bei folgenden hovers gleich deshalb werde ich verzichten dort auch einen Kommentar hinzuschreiben*/
.knopf:hover{
  background:transparent;
  color:#fff;
   transition-property:background .1s linear 0s;
	-moz-transition:background .1s linear 0s;
	-webkit-transition:background .1s linear 0s;
	-o-transition:background .1s linear 0s;
}

.warenkorb{
  position: relative;
  overflow: visible;
  display: inline-block;
	border:1px solid #FF5C40;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:1em 2em 1em;
	line-height:0;
  background:#FF5C40;
  text-decoration:none;
  font-family: akashi;
  font-weight:100;
  color:#000;
  font-size:20px;
}
.warenkorb:hover{
  background:transparent;
  color:#fff;
   transition-property:background .1s linear 0s;
	-moz-transition:background .1s linear 0s;
	-webkit-transition:background .1s linear 0s;
	-o-transition:background .1s linear 0s;
}

.knopf_untermenu{
	/*text-align:center;*/
	/*vertical-align:top;*/
	width: 75px;
	position: relative;
  overflow: visible;
  display: inline-block;
	border:1px solid #56F864;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:1em 2em 1em;
	line-height:0;
  background:#56F864;
  text-decoration:none;
  font-family: akashi;
  font-weight:100;
  color:#000;
  font-size:20px;	
}

.knopf_untermenu:hover{
background:transparent;
  color:#56F864;
   transition-property:background .1s linear 0s;
	-moz-transition:background .1s linear 0s;
	-webkit-transition:background .1s linear 0s;
	-o-transition:background .1s linear 0s;
}

.knopf_untermenu_forum{
	/*text-align:center;*/
	/*vertical-align:top;*/
	/*width: 75px;*/
	position: relative;
  overflow: visible;
  display: inline-block;
	border:1px solid #56F864;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:1em 2em 1em;
	line-height:0;
  background:#56F864;
  text-decoration:none;
  font-family: akashi;
  font-weight:100;
  color:#000;
  font-size:20px;	
}

.knopf_untermenu_forum:hover{
background:transparent;
  color:#56F864;
   transition-property:background .1s linear 0s;
	-moz-transition:background .1s linear 0s;
	-webkit-transition:background .1s linear 0s;
	-o-transition:background .1s linear 0s;
}

.eingabe
	{
		height: 15px;
		position: relative;
  overflow: visible;
  display: inline-block;
	border:1px solid #fff;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:1em 2em 1em;
	line-height:0s;
  background:#FFF;
  text-decoration:none;
  font-family: akashi;
  font-weight:100;
  color:#000;
  font-size:20px;
	}
.eingabe_userdata
	{
		height: 100px;
		position: relative;
  overflow: visible;
  display: inline-block;
	border:1px solid #fff;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:1em 2em 1em;
	line-height:0s;
  background:#FFF;
  text-decoration:none;
  font-family: akashi;
  font-weight:100;
  color:#000;
  font-size:20px;
	}
.senden
	{
		text-align:center;
		/*height: 15px;*/
		position: relative;
  overflow: visible;
  display: inline-block;
	border:1px solid #56F864;
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:1em 2em 1em;
	line-height:0s;
  background:#56F864;
  text-decoration:none;
  font-family: akashi;
  font-weight:100;
  color:#000;
  font-size:20px;
	}
	
.senden:hover
	{
		background:transparent;
  color:#56F864;
   transition-property:background .1s linear 0s;
	-moz-transition:background .1s linear 0s;
	-webkit-transition:background .1s linear 0s;
	-o-transition:background .1s linear 0s;
	}

/* Bis hier hin muss alles noch kommentiert werden möglichst bals erledigen!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!¨¨*/

.radio_button
	{
		background-color:#FFFF00;
	}