/*-------------------------------------------------------Button--------------------------------------------------------*/

.btn_blau1, .btn_blau2, .btn_blau3, .btn_gelb1, .btn_gelb2, .btn_gelb3, .btn_grau1, .btn_grau2, .btn_grau3, .btn_gruen1, .btn_gruen2, .btn_gruen3, .btn_rund1, .btn_rund2 { }

.btn_blau1 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_blau1:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.btn_blau2 {
background: #0a58f5;
  background-image: -webkit-linear-gradient(top, #0a58f5, #020cc2);
  background-image: -moz-linear-gradient(top, #0a58f5, #020cc2);
  background-image: -ms-linear-gradient(top, #0a58f5, #020cc2);
  background-image: -o-linear-gradient(top, #0a58f5, #020cc2);
  background-image: linear-gradient(to bottom, #0a58f5, #020cc2);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_blau2:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn_blau3 {
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #34669a 50%, #879ac3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#34669a), color-stop(100%,#879ac3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#34669a 50%,#879ac3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#34669a 50%,#879ac3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#34669a 50%,#879ac3 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#34669a 50%,#879ac3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#879ac3',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn_blau3:hover {
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #171642 50%, #879ac3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#171642), color-stop(100%,#879ac3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#171642 50%,#879ac3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#171642 50%,#879ac3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#171642 50%,#879ac3 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#171642 50%,#879ac3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#879ac3',GradientType=0 ); /* IE6-9 */
text-decoration: none;
}

.btn_gelb1 {
background: #ffffd4;
  background-image: -webkit-linear-gradient(top, #ffffd4, #ffff7a);
  background-image: -moz-linear-gradient(top, #ffffd4, #ffff7a);
  background-image: -ms-linear-gradient(top, #ffffd4, #ffff7a);
  background-image: -o-linear-gradient(top, #ffffd4, #ffff7a);
  background-image: linear-gradient(to bottom, #ffffd4, #ffff7a);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_gelb1:hover {
  background: #fafa96; color: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #fafa96, #fafa28);
  background-image: -moz-linear-gradient(top, #fafa96, #fafa28);
  background-image: -ms-linear-gradient(top, #fafa96, #fafa28);
  background-image: -o-linear-gradient(top, #fafa96, #fafa28);
  background-image: linear-gradient(to bottom, #fafa96, #fafa28);
  text-decoration: none;
}

.btn_gelb2 {
background: #fcfc19;
  background-image: -webkit-linear-gradient(top, #fcfc19, #ffd500);
  background-image: -moz-linear-gradient(top, #fcfc19, #ffd500);
  background-image: -ms-linear-gradient(top, #fcfc19, #ffd500);
  background-image: -o-linear-gradient(top, #fcfc19, #ffd500);
  background-image: linear-gradient(to bottom, #fcfc19, #ffd500);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_gelb2:hover {
  background: #fafa96; color: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #fafa96, #fafa28);
  background-image: -moz-linear-gradient(top, #fafa96, #fafa28);
  background-image: -ms-linear-gradient(top, #fafa96, #fafa28);
  background-image: -o-linear-gradient(top, #fafa96, #fafa28);
  background-image: linear-gradient(to bottom, #fafa96, #fafa28);
  text-decoration: none;
}

.btn_gelb3 {
background: #ffff19;
  background-image: -webkit-linear-gradient(top, #ffff19, #f7f700);
  background-image: -moz-linear-gradient(top, #ffff19, #f7f700);
  background-image: -ms-linear-gradient(top, #ffff19, #f7f700);
  background-image: -o-linear-gradient(top, #ffff19, #f7f700);
  background-image: linear-gradient(to bottom, #ffff19, #f7f700);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_gelb3:hover {
  background: #fafa96; color: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #fafa96, #fafa28);
  background-image: -moz-linear-gradient(top, #fafa96, #fafa28);
  background-image: -ms-linear-gradient(top, #fafa96, #fafa28);
  background-image: -o-linear-gradient(top, #fafa96, #fafa28);
  background-image: linear-gradient(to bottom, #fafa96, #fafa28);
  text-decoration: none;
}

.btn_grau1 {
  background: #f0f0f0;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #969693);
  background-image: -moz-linear-gradient(top, #f0f0f0, #969693);
  background-image: -ms-linear-gradient(top, #f0f0f0, #969693);
  background-image: -o-linear-gradient(top, #f0f0f0, #969693);
  background-image: linear-gradient(to bottom, #f0f0f0, #969693);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_grau1:hover {
  background: #ebebe8; color: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -moz-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -ms-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -o-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: linear-gradient(to bottom, #ebebe8, #a1a19e);
  text-decoration: none;
}

.btn_grau2 {
  background: #b0b0b0;
  background-image: -webkit-linear-gradient(top, #b0b0b0, #575757);
  background-image: -moz-linear-gradient(top, #b0b0b0, #575757);
  background-image: -ms-linear-gradient(top, #b0b0b0, #575757);
  background-image: -o-linear-gradient(top, #b0b0b0, #575757);
  background-image: linear-gradient(to bottom, #b0b0b0, #575757);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #fafafa;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_grau2:hover {
  background: #ebebe8;
  background-image: -webkit-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -moz-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -ms-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -o-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: linear-gradient(to bottom, #ebebe8, #a1a19e);
  text-decoration: none;
}

.btn_grau3 {
  background: #7a7a7a;
  background-image: -webkit-linear-gradient(top, #7a7a7a, #141414);
  background-image: -moz-linear-gradient(top, #7a7a7a, #141414);
  background-image: -ms-linear-gradient(top, #7a7a7a, #141414);
  background-image: -o-linear-gradient(top, #7a7a7a, #141414);
  background-image: linear-gradient(to bottom, #7a7a7a, #141414);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #fafafa;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_grau3:hover {
  background: #ebebe8;
  background-image: -webkit-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -moz-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -ms-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: -o-linear-gradient(top, #ebebe8, #a1a19e);
  background-image: linear-gradient(to bottom, #ebebe8, #a1a19e);
  text-decoration: none;
}

.btn_gruen1 {
  background: #9ef79e;
  background-image: -webkit-linear-gradient(top, #9ef79e, #65fa4b);
  background-image: -moz-linear-gradient(top, #9ef79e, #65fa4b);
  background-image: -ms-linear-gradient(top, #9ef79e, #65fa4b);
  background-image: -o-linear-gradient(top, #9ef79e, #65fa4b);
  background-image: linear-gradient(to bottom, #9ef79e, #65fa4b);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_gruen1:hover {
  background: #b9faaf; color: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -moz-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -ms-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -o-linear-gradient(top, #b9faaf, #89ed57);
  background-image: linear-gradient(to bottom, #b9faaf, #89ed57);
  text-decoration: none;
}

.btn_gruen2 {
  background: #3bff3b; 
  background-image: -webkit-linear-gradient(top, #3bff3b, #24d904);
  background-image: -moz-linear-gradient(top, #3bff3b, #24d904);
  background-image: -ms-linear-gradient(top, #3bff3b, #24d904);
  background-image: -o-linear-gradient(top, #3bff3b, #24d904);
  background-image: linear-gradient(to bottom, #3bff3b, #24d904);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_gruen2:hover {
  background: #b9faaf;
  background-image: -webkit-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -moz-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -ms-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -o-linear-gradient(top, #b9faaf, #89ed57);
  background-image: linear-gradient(to bottom, #b9faaf, #89ed57);
  text-decoration: none;
}

.btn_gruen3 {
  background: #00b800;
  background-image: -webkit-linear-gradient(top, #00b800, #198004);
  background-image: -moz-linear-gradient(top, #00b800, #198004);
  background-image: -ms-linear-gradient(top, #00b800, #198004);
  background-image: -o-linear-gradient(top, #00b800, #198004);
  background-image: linear-gradient(to bottom, #00b800, #198004);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn_gruen3:hover {
  background: #b9faaf;
  background-image: -webkit-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -moz-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -ms-linear-gradient(top, #b9faaf, #89ed57);
  background-image: -o-linear-gradient(top, #b9faaf, #89ed57);
  background-image: linear-gradient(to bottom, #b9faaf, #89ed57);
  text-decoration: none;
}

.btn_rund1 { display:block; position:relative; float:left; width:50px;
  background: #0e72ed;
  background-image: -webkit-linear-gradient(top, #0e72ed, #0a33ad);
  background-image: -moz-linear-gradient(top, #0e72ed, #0a33ad);
  background-image: -ms-linear-gradient(top, #0e72ed, #0a33ad);
  background-image: -o-linear-gradient(top, #0e72ed, #0a33ad);
  background-image: linear-gradient(to bottom, #0e72ed, #0a33ad);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  padding: 20px 50px;
  border: solid #044ac2 2px;
  text-decoration: none;
  color: #ffffff;
}
.btn_rund1:hover {
  background: #afc4fa;
  background-image: -webkit-linear-gradient(top, #afc4fa, #5788eb);
  background-image: -moz-linear-gradient(top, #afc4fa, #5788eb);
  background-image: -ms-linear-gradient(top, #afc4fa, #5788eb);
  background-image: -o-linear-gradient(top, #afc4fa, #5788eb);
  background-image: linear-gradient(to bottom, #afc4fa, #5788eb);
  text-decoration: none;
}

.btn_rund2 {
  background: #fafa2d;
  background-image: -webkit-linear-gradient(top, #fafa2d, #f5f500);
  background-image: -moz-linear-gradient(top, #fafa2d, #f5f500);
  background-image: -ms-linear-gradient(top, #fafa2d, #f5f500);
  background-image: -o-linear-gradient(top, #fafa2d, #f5f500);
  background-image: linear-gradient(to bottom, #fafa2d, #f5f500);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #050405;
  font-size: 20px;
  padding: 40px 10px;
  border: solid #fcf00a 2px;
  text-decoration: none;
}
.btn_rund2:hover {
  background: #f5faaf;
  background-image: -webkit-linear-gradient(top, #f5faaf, #ffff05);
  background-image: -moz-linear-gradient(top, #f5faaf, #ffff05);
  background-image: -ms-linear-gradient(top, #f5faaf, #ffff05);
  background-image: -o-linear-gradient(top, #f5faaf, #ffff05);
  background-image: linear-gradient(to bottom, #f5faaf, #ffff05);
  text-decoration: none;
}

.sotable { margin:0; padding:0; display:block; position:relative; float:left; width:100%; border:solid 1px #FFFFFF; border-collapse:inherit; border-spacing:0px; }
.sotable td{ border:solid 1px #FFFFFF; padding:5px !important; }