.karte {
	-moz-box-shadow:inset 0 1px 0 0 #fce2c1;
	-webkit-box-shadow:inset 0 1px 0 0 #fce2c1;
	box-shadow:inset 0 1px 0 0 #fce2c1;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffc477),color-stop(1,#fb9e25));
	background:-moz-linear-gradient(center top,#ffc477 5%,#fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 24px;
	width:250px;
	margin:10px;
	height:180px;
	text-decoration:none;
	text-shadow:1px 1px 0 #cc9f52;
}

.buttonorange {
	-moz-box-shadow:inset 0 1px 0 0 #fce2c1;
	-webkit-box-shadow:inset 0 1px 0 0 #fce2c1;
	box-shadow:inset 0 1px 0 0 #fce2c1;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffc477),color-stop(1,#fb9e25));
	background:-moz-linear-gradient(center top,#ffc477 5%,#fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0 #cc9f52;
}

.buttonorange:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fb9e25),color-stop(1,#ffc477));
	background:-moz-linear-gradient(center top,#fb9e25 5%,#ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',endColorstr='#ffc477');
	background-color:#fb9e25;
}

.buttonorange:active {
	position:relative;
	top:1px;
}

.buttonblau {
	-moz-box-shadow:inset 0 1px 0 0 #bbdaf7;
	-webkit-box-shadow:inset 0 1px 0 0 #bbdaf7;
	box-shadow:inset 0 1px 0 0 #bbdaf7;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#79bbff),color-stop(1,#378de5));
	background:-moz-linear-gradient(center top,#79bbff 5%,#378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff',endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0 #528ecc;
}

.buttonblau:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#378de5),color-stop(1,#79bbff));
	background:-moz-linear-gradient(center top,#378de5 5%,#79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5',endColorstr='#79bbff');
	background-color:#378de5;
}

.buttonblau:active {
	position:relative;
	top:1px;
}

.buttonred {
	-moz-box-shadow:inset 0 1px 0 0 #f29c93;
	-webkit-box-shadow:inset 0 1px 0 0 #f29c93;
	box-shadow:inset 0 1px 0 0 #f29c93;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fe1a00),color-stop(1,#ce0100));
	background:-moz-linear-gradient(center top,#fe1a00 5%,#ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00',endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0 #b23e35;
}

.buttonred:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ce0100),color-stop(1,#fe1a00));
	background:-moz-linear-gradient(center top,#ce0100 5%,#fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100',endColorstr='#fe1a00');
	background-color:#ce0100;
}

.buttonred:active {
	position:relative;
	top:1px;
}

.buttonrot {
	-moz-box-shadow:inset 0 1px 0 0 #f29c93;
	-webkit-box-shadow:inset 0 1px 0 0 #f29c93;
	box-shadow:inset 0 1px 0 0 #f29c93;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fe1a00),color-stop(1,#ce0100));
	background:-moz-linear-gradient(center top,#fe1a00 5%,#ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00',endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0 #b23e35;
}

.buttonrot:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ce0100),color-stop(1,#fe1a00));
	background:-moz-linear-gradient(center top,#ce0100 5%,#fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100',endColorstr='#fe1a00');
	background-color:#ce0100;
}

.buttonrot:active {
	position:relative;
	top:1px;
}

.button {
	-moz-box-shadow:inset 0 1px 0 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 0 #fff;
	box-shadow:inset 0 1px 0 0 #fff;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf));
	background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777;
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff;
}

.button:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#dfdfdf),color-stop(1,#ededed));
	background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf',endColorstr='#ededed');
	background-color:#dfdfdf;
}

.button:active {
	position:relative;
	top:1px;
}

.buttongruen {
	-moz-box-shadow:inset 0 1px 0 0 #caefab;
	-webkit-box-shadow:inset 0 1px 0 0 #caefab;
	box-shadow:inset 0 1px 0 0 #caefab;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#77d42a),color-stop(1,#5cb811));
	background:-moz-linear-gradient(center top,#77d42a 5%,#5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a',endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0 #aade7c;
}

.buttongruen:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#5cb811),color-stop(1,#77d42a));
	background:-moz-linear-gradient(center top,#5cb811 5%,#77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811',endColorstr='#77d42a');
	background-color:#5cb811;
}

.buttongruen:active {
	position:relative;
	top:1px;
}
.button_small2 {
		-moz-box-shadow:inset 0 1px 0 0 #f29c93;
	-webkit-box-shadow:inset 0 1px 0 0 #f29c93;
	box-shadow:inset 0 1px 0 0 #f29c93;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fe1a00),color-stop(1,#ce0100));
	background:-moz-linear-gradient(center top,#fe1a00 5%,#ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00',endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:10px;
	margin-top: 5px;
	padding:8px  7px;
	text-decoration:none;

}

.button_small {
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#79bbff),color-stop(1,#378de5));
	background:-moz-linear-gradient(center top,#79bbff 5%,#378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff',endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:10px;
	margin-top: 5px;
	padding:8px  7px;
	text-decoration:none;

}
.button_small2:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fb9e25),color-stop(1,#ffc477));
	background:-moz-linear-gradient(center top,#fb9e25 5%,#ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',endColorstr='#ffc477');
	background-color:#fb9e25;

}

.button_small:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#fb9e25),color-stop(1,#ffc477));
	background:-moz-linear-gradient(center top,#fb9e25 5%,#ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25',endColorstr='#ffc477');
	background-color:#fb9e25;

}

.button_small:active {
	position:relative;
	top:1px;
}



body {
	color:#555;
	background:#3f4c6b;
	font-family:Tahoma,Helvetica,arial,sans-serif;
}

#big {
	font-family:arial,sans-serif;
	font-size:28px;
	font-weight:700;
}

h1 {
	color:#fff;
}

#form {
	margin:0 auto;
	text-align:center;
	border:1px solid #ddd;
	padding:30px 40px 20px;
	width:715px;
	background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:-webkit-gradient(linear,0% 0%,0% 40%,from(#EEE),to(#FFF));
	background:-moz-linear-gradient(0% 40% 90deg,#FFF,#EEE);
	-webkit-box-shadow:0 0 10px #444;
	-moz-box-shadow:0 0 10px #444;
	box-shadow:0 0 10px #444;
	margin:0 auto;
}

#form2 {
	margin:0 auto;
	text-align:center;
	border:1px solid #ddd;
	padding:30px 40px 20px;
	width:1000px;
	background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color:#f1f1f1;
	-webkit-box-shadow:0 0 10px #444;
	-moz-box-shadow:0 0 10px #444;
	box-shadow:0 0 10px #444;
	margin:0 auto;
}

#status {
	font-size:20px;
	color:#000;
	text-align:center;
}

#user-details {
	float:left;
	width:230px;
}

#user-message {
	float:right;
	width:405px;
}

#preis {
	font-size:18px;
	font-weight:700;
	background-color:#ffc9c2;
	width:60px;
}

#rabatt {
	color:#890700;
	font-size:18px;
	width:60px;
}

#anzahl {
	width:50px;
}

#animation {
	background:#red;
	font-size:28px;
}

#senden {
	padding:8px;
	margin:4px 0 20px;
	background:#fff;
	width:80px;
	font-size:18px;
	color:#555;
	border:1px #ddd solid;
	-webkit-box-shadow:0 0 4px #aaa;
	-moz-box-shadow:0 0 4px #aaa;
	box-shadow:0 0 4px #aaa;
	-webkit-transition:background .3s linear;
	width:250px;
	color:#eee;
	text-transform:uppercase;
	margin-top:10px;
	background-color:#18a5cc;
	border:none;
	-webkit-transition:-webkit-box-shadow .3s linear;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(#18a5cc),to(#0a85a8));
	background:-moz-linear-gradient(25% 75% 90deg,#0a85a8,#18a5cc);
}

#ja {
	padding:8px;
	margin:4px 0 20px;
	background:#fff;
	width:220px;
	font-size:18px;
	color:#555;
	border:1px #ddd solid;
	-webkit-box-shadow:0 0 4px #aaa;
	-moz-box-shadow:0 0 4px #aaa;
	box-shadow:0 0 4px #aaa;
	display:inline-block;
	color:#eee;
	text-transform:uppercase;
	margin-top:10px;
	background-color:#2d7b00;
	border:none;
	-webkit-transition:-webkit-box-shadow .3s linear;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#nein {
	padding:8px;
	margin:4px 0 20px;
	background:#fff;
	width:50px;
	font-size:18px;
	color:#555;
	border:1px #ddd solid;
	-webkit-box-shadow:0 0 4px #aaa;
	-moz-box-shadow:0 0 4px #aaa;
	box-shadow:0 0 4px #aaa;
	display:inline-block;
	color:#eee;
	text-transform:uppercase;
	margin-top:10px;
	background-color:#b80505;
	border:none;
	-webkit-transition:-webkit-box-shadow .3s linear;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#red {
	color:red;
}

#ja:hover {
	-webkit-box-shadow:0 0 20px #555;
	-moz-box-shadow:0 0 20px #aaa;
	box-shadow:0 0 20px #555;
	cursor:pointer;
}

#nein:hover {
	-webkit-box-shadow:0 0 20px #555;
	-moz-box-shadow:0 0 20px #aaa;
	box-shadow:0 0 20px #555;
	cursor:pointer;
}

#senden:hover {
	-webkit-box-shadow:0 0 20px #555;
	-moz-box-shadow:0 0 20px #aaa;
	box-shadow:0 0 20px #555;
	cursor:pointer;
}

#details {
	margin-top:0;
	height:auto;
	width:715px;
	display:block;
	float:left;
	font-family:'Yanone Kaffeesatz',arial,sans-serif;
	font-size:20px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

a {
	text-decoration:none;
}