/* ######################################
General
###################################### */

body {
	font-family: Arial, Helvetica, sans-serif;
    background-image: url(../img/backgroundadmin.jpg);
	line-height: 1.1;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

form {
	display: inline-block;
}

form .form-icons {
  text-align: center;
}

form .form-icons h4 {
  margin-bottom: 1rem;
}

form .form-icons .input-group-label {
  background-color: #cacaca;
  border-color: #767676;
}

form .form-icons .input-group-field {
  border-color: #767676;
}

form .form-icons .fa {
  color: white;
  width: 3rem;
}

[type='file'], [type='checkbox'], [type='radio'] {
    margin: 0;
}

.table-scroll table {
    width: 100%;
}

.button.tiny.alert {
    margin: 0;
}

.bgcolor {
    background-color: #e30006;
}

.bgcolor_g {
    background-color: #ffffff;
	margin-bottom: 2px;
}

.bgcolor-ok {
    background-color: #009900;
	margin-bottom: 2px;
}

.hoehe {
    height: 29px;
}

.hoehe1 {
    height: 39px;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.title-bar {
    background: #1779ba;
}

hr {
    margin: 0.5rem auto;
}

ul, ol, dl {
    line-height: 1.0;
    float: right;
    padding: 0 0.2rem 0 0;
}

.menu > li > a {
    padding: 0.2rem 0.3rem;
}

.top-bar {
    padding: 0rem;
}

.top-bar, .top-bar ul {
    /*background-image: url(../img/menu-bg.png);*/
	background-color: #eeeeee;
}

.column, .columns {
    float: left;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
}

.switch.large .switch-paddle {
    font-size: 0.8rem;
}

.switch {
    margin-bottom: 0;
}

.underline {
	border-bottom: solid 1px #555555;
}

.double_underline {
	border-bottom: double 4px #e30006;
}

.double_underline_sw {
	border-bottom: double 4px #000000;
	font-weight: bold;
}

.double_underline_gr {
	border-bottom: double 4px #009900;
	font-weight: bold;
}

.color {
	color:#ffffff;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.color_sw {
	color:#000000;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}

.color_w_g {
	color:#ffffff;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
}

.color_rot_left {
	color:#e30006;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

.color_rot {
	color:#e30006;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.preisfarbe_offen {
	color:#e30006;
	font-weight: bold;
    font-size: 17px;
    text-align: right;
}

.preisfarbe_bezahlt {
	color:#009900;
	font-weight: bold;
    font-size: 17px;
    text-align: right;
}


.font_klein {
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}

.font_klein1 {
	font-size: 11px;
	text-align: center;
}

.font_klein2 {
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

.font_klein3 {
	font-size: 11px;
	text-align: left;
}

.button.hollow.secondary {
    margin: 0 0 0 0;
    padding: 0.5em 0.5em;
}

.button.hollow {
    margin: 0 0 0 0;
    padding: 0.5em 0.5em;
}

.middle {
    margin: 0.5em 0 0 0;
}

.fixehoehe {
  width:20px;	
  height:20px;	
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    margin: 0 0 0;
}

.remhoch {
    margin: 0 0 1rem;
}

.callout.small {
    padding-top: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.2rem;
    margin: 0;
}

select {
    margin: 0 0 0;
}

label.middle {
    margin: 0;
}

/* Button Anfang */

.btn {
  width:100%;	
  padding: 10px 15px;
  margin-bottom: 0;
  color:#555555;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
}
.btn:hover,
.btn:focus,
.btn.focus { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn:active,
.btn.active { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button Ende */

/* Button1 Anfang */

.btn1 {
  width:100%;	
  height:45px;	
  padding: 4px 0px;
  margin-bottom: 0;
  color:white;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#922121;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn1:focus,
.btn1:active:focus,
.btn1.active:focus,
.btn1.focus,
.btn1:active.focus,
.btn1.active.focus {
}
.btn1:hover,
.btn1:focus,
.btn1.focus { 
  color:white;
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn1:active,
.btn1.active { 
  color:white;
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button1 Ende */

/* Button2 Anfang */

.btn2 {
  width:100%;
  height:70px;	
  padding: 14px 0px;
  margin-bottom: 0;
  color:white;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn2:focus,
.btn2:active:focus,
.btn2.active:focus,
.btn2.focus,
.btn2:active.focus,
.btn2.active.focus {
}
.btn2:hover,
.btn2:focus,
.btn2.focus { 
  background:#218823;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn2:active,
.btn2.active { 
  background:#218823;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button2 Ende */

/* Button3 Anfang */

.btn3 {
  width:100%;
  height:70px;		
  padding: 4px 0px;
  margin-bottom: 0;
  color:white;
  background:#eeeeee;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn3:focus,
.btn3:active:focus,
.btn3.active:focus,
.btn3.focus,
.btn3:active.focus,
.btn3.active.focus {
}
.btn3:hover,
.btn3:focus,
.btn3.focus { 
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn3:active,
.btn3.active { 
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button3 Ende */

/* Button4 Anfang */

.btn4 {
  width:100%;
  height:70px;	
  padding: 14px 0px;
  margin-bottom: 0;
  color:white;
  font-size: 0.70em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background:#6cb16e;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn4:focus,
.btn4:active:focus,
.btn4.active:focus,
.btn4.focus,
.btn4:active.focus,
.btn4.active.focus {
}
.btn4:hover,
.btn4:focus,
.btn4.focus { 
  background:#218823;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn4:active,
.btn4.active { 
  background:#218823;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button4 Ende */

/* Button5 Anfang */

.btn5 {
  width:100%;	
  height:40px;		
  padding: 10px 15px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: 0.70em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  background:#972525;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn5:focus,
.btn5:active:focus,
.btn5.active:focus,
.btn5.focus,
.btn5:active.focus,
.btn5.active.focus {
}
.btn5:hover,
.btn5:focus,
.btn5.focus { 
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn5:active,
.btn5.active { 
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button5 Ende */

/* Button55 Anfang */

.btn55 {
  width:100%;	
  height:40px;		
  padding: 10px 15px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: 0.70em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  background:#259725;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn55:focus,
.btn55:active:focus,
.btn55.active:focus,
.btn55.focus,
.btn55:active.focus,
.btn55.active.focus {
}
.btn55:hover,
.btn55:focus,
.btn55.focus { 
  color:white;
  background:#34aa34;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn55:active,
.btn55.active { 
  color:white;
  background:#34aa34;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button55 Ende */

/* Button6 Anfang */

.btn6 {
  width:100%;
  height:70px;	
  padding: 14px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: 0.70em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background:#6c83b1;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn6:focus,
.btn6:active:focus,
.btn6.active:focus,
.btn6.focus,
.btn6:active.focus,
.btn6.active.focus {
}
.btn6:hover,
.btn6:focus,
.btn6.focus { 
  background:#2c56ac;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn6:active,
.btn6.active { 
  background:#2c56ac;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button6 Ende */

/* Button7 Anfang */

.btn7 {
  width:100%;
  height:70px;	
  padding: 14px 0px;
  margin-bottom: 0;
  color:white;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  background:#972525;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn7:focus,
.btn7:active:focus,
.btn7.active:focus,
.btn7.focus,
.btn7:active.focus,
.btn7.active.focus {
}
.btn7:hover,
.btn7:focus,
.btn7.focus { 
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn7:active,
.btn7.active { 
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button7 Ende */


/* Button7Areit Anfang */

.btn7Areit {
  width:100%;
  height:70px;	
  padding: 14px 0px;
  margin-bottom: 0;
  color:white;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  background:#fe8b03;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn7Areit:focus,
.btn7Areit:active:focus,
.btn7Areit.active:focus,
.btn7Areit.focus,
.btn7Areit:active.focus,
.btn7Areit.active.focus {
}
.btn7Areit:hover,
.btn7Areit:focus,
.btn7Areit.focus { 
  background:#ffb400;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn7Areit:active,
.btn7Areit.active { 
  background:#ffb400;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button7Areit Ende */


/* Button8 Anfang */

.btn8 {
  width:100%;	
  padding: 10px 15px;
  margin-bottom: 0;
  color:white;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  background:#215392;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn8:focus,
.btn8:active:focus,
.btn8.active:focus,
.btn8.focus,
.btn8:active.focus,
.btn8.active.focus {
}
.btn8:hover,
.btn8:focus,
.btn8.focus { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn8:active,
.btn8.active { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button8 Ende */

/* Button9 Anfang */

.btn9 {
  width:100%;
  height:70px;	
  padding: 14px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background:#9900ff;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
}
.btn9:focus,
.btn9:active:focus,
.btn9.active:focus,
.btn9.focus,
.btn9:active.focus,
.btn9.active.focus {
}
.btn9:hover,
.btn9:focus,
.btn9.focus { 
  color:white;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background:#dd00ff;
}
.btn9:active,
.btn9.active { 
  color:white;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background:#dd00ff;
}

/* Button9 Ende */


/* Button10 Anfang */

.btn10 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#218823;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn10:focus,
.btn10:active:focus,
.btn10.active:focus,
.btn10.focus,
.btn10:active.focus,
.btn10.active.focus {
}
.btn10:hover,
.btn10:focus,
.btn10.focus { 
  color:white;
  background:#218823;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn10:active,
.btn10.active { 
  color:white;
  background:#218823;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button10 Ende */


/* Button11 Anfang */

.btn11 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:black;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#972525;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn11:focus,
.btn11:active:focus,
.btn11.active:focus,
.btn11.focus,
.btn11:active.focus,
.btn11.active.focus {
}
.btn11:hover,
.btn11:focus,
.btn11.focus { 
  color:white;
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn11:active,
.btn11.active { 
  color:white;
  background:#db3434;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button11 Ende */


/* Button12 Anfang */

.btn12 {  
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:black;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#2c56ac;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn12:focus,
.btn12:active:focus,
.btn12.active:focus,
.btn12.focus,
.btn12:active.focus,
.btn12.active.focus {
}
.btn12:hover,
.btn12:focus,
.btn12.focus { 
  color:white;
  background:#6c83b1;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn12:active,
.btn12.active { 
  color:white;
  background:#6c83b1;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button12 Ende */


/* Button13 Anfang */

.btn13 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#87ca89;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn13:focus,
.btn13:active:focus,
.btn13.active:focus,
.btn13.focus,
.btn13:active.focus,
.btn13.active.focus {
}
.btn13:hover,
.btn13:focus,
.btn13.focus { 
  color:white;
  background:#87ca89;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn13:active,
.btn13.active { 
  color:white;
  background:#87ca89;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button13 Ende */

/* Button14 Anfang */

.btn14 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#555555;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn14:focus,
.btn14:active:focus,
.btn14.active:focus,
.btn14.focus,
.btn14:active.focus,
.btn14.active.focus {
}
.btn14:hover,
.btn14:focus,
.btn14.focus { 
  color:white;
  background:#555555;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn14:active,
.btn14.active { 
  color:white;
  background:#555555;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button14 Ende */

/* Button15 Anfang */

.btn15 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#ff0000;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn15:focus,
.btn15:active:focus,
.btn15.active:focus,
.btn15.focus,
.btn15:active.focus,
.btn15.active.focus {
}
.btn15:hover,
.btn15:focus,
.btn15.focus { 
  color:white;
  background:#ff0000;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn15:active,
.btn15.active { 
  color:white;
  background:#ff0000;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button15 Ende */

/* Button16 Anfang */

.btn16 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:white;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#9900ff;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn16:focus,
.btn16:active:focus,
.btn16.active:focus,
.btn16.focus,
.btn16:active.focus,
.btn16.active.focus {
}
.btn16:hover,
.btn16:focus,
.btn16.focus { 
  color:white;
  background:#9900ff;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn16:active,
.btn16.active { 
  color:white;
  background:#9900ff;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button16 Ende */


/* Button17 Anfang */

.btn17 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:black;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#000000;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn17:focus,
.btn17:active:focus,
.btn17.active:focus,
.btn17.focus,
.btn17:active.focus,
.btn17.active.focus {
}
.btn17:hover,
.btn17:focus,
.btn17.focus { 
  color:white;
  background:#49463d;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn17:active,
.btn17.active { 
  color:white;
  background:#49463d;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button17 Ende */


/* Button18 Anfang */

.btn18 {
  width:100%;	
  height:30px;	
  padding: 4px 0px;
  box-shadow: 1px 0 1px #555555;
  margin-bottom: 0;
  color:black;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background:#fe8b03;
  opacity: 0.8; 
  filter:Alpha(Opacity=80);
}
.btn18:focus,
.btn18:active:focus,
.btn18.active:focus,
.btn18.focus,
.btn18:active.focus,
.btn18.active.focus {
}
.btn18:hover,
.btn18:focus,
.btn18.focus { 
  color:white;
  background:#ffb400;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn18:active,
.btn18.active { 
  color:white;
  background:#ffb400;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button18 Ende */



/* Button20 Anfang */

.btn20 {
  width:100%;	
  height:35px;
  padding: 10px 15px;
  margin-bottom: 0;
  background:#aaaaaa;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn20:focus,
.btn20:active:focus,
.btn20.active:focus,
.btn20.focus,
.btn20:active.focus,
.btn20.active.focus {
}
.btn20:hover,
.btn20:focus,
.btn20.focus { 
  color:white;
  background:#972525;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn20:active,
.btn20.active { 
  color:white;
  background:#972525;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button20 Ende */

/* Button21 Anfang */

.btn21 {
  width:100%;	
  height:35px;
  padding: 10px 15px;
  margin-bottom: 0;
  background:#aaaaaa;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  background:#972525;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn21:focus,
.btn21:active:focus,
.btn21.active:focus,
.btn21.focus,
.btn21:active.focus,
.btn21.active.focus {
}
.btn21:hover,
.btn21:focus,
.btn21.focus { 
  color:white;
  background:#972525;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn21:active,
.btn21.active { 
  color:white;
  background:#972525;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button21 Ende */

/* Button22 Anfang */

.btn22 {
  width:100%;	
  height:35px;
  padding: 10px 15px;
  margin-bottom: 0;
  background:#aaaaaa;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn22:focus,
.btn22:active:focus,
.btn22.active:focus,
.btn22.focus,
.btn22:active.focus,
.btn22.active.focus {
}
.btn22:hover,
.btn22:focus,
.btn22.focus { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn22:active,
.btn22.active { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button22 Ende */

/* Button23 Anfang */

.btn23 {
  width:100%;	
  height:35px;
  padding: 10px 15px;
  margin-bottom: 0;
  background:#aaaaaa;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  background:#215392;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn23:focus,
.btn23:active:focus,
.btn23.active:focus,
.btn23.focus,
.btn23:active.focus,
.btn23.active.focus {
}
.btn23:hover,
.btn23:focus,
.btn23.focus { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn23:active,
.btn23.active { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button23 Ende */

/* Button24 Anfang */

.btn24 {
  width:100%;	
  height:35px;
  padding: 10px 15px;
  margin-bottom: 0;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  background:#555555;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn24:focus,
.btn24:active:focus,
.btn24.active:focus,
.btn24.focus,
.btn24:active.focus,
.btn24.active.focus {
}
.btn24:hover,
.btn24:focus,
.btn24.focus { 
  color:white;
  background:#555555;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn24:active,
.btn24.active { 
  color:white;
  background:#555555;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button24 Ende */

/* Button25 Anfang */

.btn25 {
  width:100%;	
  height:35px;
  padding: 10px 15px;
  margin-bottom: 0;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  background:#ff0000;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn25:focus,
.btn25:active:focus,
.btn25.active:focus,
.btn25.focus,
.btn25:active.focus,
.btn25.active.focus {
}
.btn25:hover,
.btn25:focus,
.btn25.focus { 
  color:white;
  background:#ff0000;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn25:active,
.btn25.active { 
  color:white;
  background:#ff0000;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button25 Ende */

/* Button26 Anfang */

.btn26 {
  width:100%;	
  height:35px;
  padding: 10px 15px;
  margin-bottom: 0;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  background:#9900ff;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn26:focus,
.btn26:active:focus,
.btn26.active:focus,
.btn26.focus,
.btn26:active.focus,
.btn26.active.focus {
}
.btn26:hover,
.btn26:focus,
.btn26.focus { 
  color:white;
  background:#9900ff;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn26:active,
.btn26.active { 
  color:white;
  background:#9900ff;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button26 Ende */

/* Button100 Anfang */

.btn100 {
  width:100%;	
  height:100px;
  padding: 15px 15px 15px 15px;
  margin-bottom: 0;
  color:#555555;
  background-color: #dddddd;
  font-size: 2.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn100:focus,
.btn100:active:focus,
.btn100.active:focus,
.btn100.focus,
.btn100:active.focus,
.btn100.active.focus {
}
.btn100:hover,
.btn100:focus,
.btn100.focus { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn100:active,
.btn100.active { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button100 Ende */

/* Button101 Anfang */

.btn101 {
  width:120px;	
  height:100px;
  padding: 15px 15px 15px 15px;
  margin-bottom: 0;
  color:#555555;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-shadow: 1px 0 1px #555555;
  border-radius: 0 0 5px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  /*text-shadow: 0 -1px 2px rgba(0,0,0,0.3);*/
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn101:focus,
.btn101:active:focus,
.btn101.active:focus,
.btn101.focus,
.btn101:active.focus,
.btn101.active.focus {
}
.btn101:hover,
.btn101:focus,
.btn101.focus { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}
.btn101:active,
.btn101.active { 
  color:white;
  background:#215392;
  background-image: -webkit-linear-gradient(top,
	rgba(255,255,255,0.6) 0%,
	rgba(255,255,255,0.3) 50%,
	rgba(255,255,255,0) 51%,
	rgba(255,255,255,0.2) 100%);
	);
}

/* Button101 Ende */



table {
    margin-bottom: 0;
}

.hoehe {
    line-height: 0.8;
}

.table-border { 
	position: left;
	width:100%;
	background:#ffffff;
    border-bottom: 1px solid #555555;
    border-left: 1px solid silver;
    border-right: 1px solid #555555;
    box-shadow: 3px 3px 10px silver;
    border-radius: 0 0 5px 5px;
	padding:20px;
}

.table-border1{ 
	position: left;
	width:100%;
	background:#dddddd;
    border-bottom: 1px solid #555555;
    border-left: 1px solid silver;
    border-right: 1px solid #555555;
    box-shadow: 3px 3px 10px silver;
    border-radius: 0 0 5px 5px;
	padding:10px;
	
}


.table-border2 {
    width:100%;
	text-align:center;
	background:white;
	font-weight:bold;
	padding:5px;
}

.table-border3 { 
	position: left;
	width:100%;
	background:#ddffdd;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    box-shadow: 1px 1px 4px silver;
    border-radius: 0 0 5px 5px;
	padding: 5px;
}

.table-border-offen { 
	position: left;
	width:100%;
	background:#ffdddd;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    box-shadow: 1px 1px 4px silver;
    border-radius: 0 0 5px 5px;
	padding: 5px;
}

.table-border-bez { 
	position: left;
	width:100%;
	background:#eeeeee;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    box-shadow: 1px 1px 4px silver;
    border-radius: 0 0 5px 5px;
	padding: 5px;
}

.table-border-sto { 
	position: left;
	width:100%;
	background:#555555;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    box-shadow: 1px 1px 4px silver;
    border-radius: 0 0 5px 5px;
	padding: 5px;
}

.table-border10 { 
	position: left;
	width:100%;
}

/* Hintergrund der Seite*/
.off-canvas-wrapper {
	background-image: url(../img/achtung.png);
	/*background-color: #ffffff;*/
}

.tabs-title > a {
    font-size: 1.25rem;
    color: #000000;
	font-weight:bold;
}

 @media only screen and (max-width: 1000px) {

	.thumbnail {
		background-color: rgba(255,255,255, 0.5);
	}

	.card-divider {
		background: #ffffff;
	}
}


/* ######################################
Nav Mobile
###################################### */


#offCanvas {
	background-color: white;
}

#offCanvas li {
	list-style: none;
}

#offCanvas a {
	color: rgba(0,0,0, 0.7);
	font-weight: bold;
	line-height: 2em;
}

#offCanvas a:hover {
	color: rgba(0,0,0, 1);
}

.js-off-canvas-exit {
	background-color: rgba(0,0,0, 0.5);
}

.off-canvas-content {
	background-color: white;
	/*background-color: url(../img/straws.jpg);*/
	box-shadow: 0px 4px 8px silver;
	height: 50px;
}


/* ######################################
Hero
###################################### */

/*.img_thumbnail {
	background-color: rgba(255,255,255, 0.5);
}*/


h1 {
	padding: 0 10px;
	/*color: #e3000f;
	font-weight: bold;*/
	background-color: rgba(255,255,255, 0.7);

}

/* ######################################
Main
###################################### */

.main {
	padding: 0;
}

.bg {
	background-image: url(../img/skispur.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center;
	background-position: top;
	height: 100%;
}

.main form {
	width: 100%;
}

.right {
    text-align: right;
}

table tbody th, table tbody td {
    padding: 0
}


/* ######################################
Footer
###################################### */

footer {
	/*background-image: url(../img/carbon_fibre.png);
	background-image: url(../img/dark_embroidery.png);*/
}

footer h4 {
	color: rgba(255,255,255, 0.8);
	font-size: 1.3em;
}

footer hr {
	border-color: rgba(255,255,255, 0.1);
	margin: 10px 0;
}


footer a {
	color: rgba(255,255,255, 0.4);
	font-size: 0.8em;
}

footer a span {
	font-weight: bold;
	color: rgba(255,255,255, 0.2);
}

footer a:hover {
	color: rgba(255,255,255, 0.8);
}

.footer_bg {
	background-color: #333333;
	height: 30px;
	width: 100%;
	color: white;
	text-align: middle;
	text-align: center;
	font-size: 0.7em;
	padding: 8px 0 0 0;
}


/* ######################################
Media Query
###################################### */

@media (max-width:1166px) {

	.hero h1,
	.hero p {
		width: 100%;
	}
}


@media (max-width:920px) {

	h2 {
		font-size: 2em;
	}
}


@media (max-width:839px) {

	.tabs-title > a {
		font-size: 1rem;
	}
}


@media (max-width:718px) {

	.tabs-title > a {
		font-size: 0.59rem;
	}
}


@media (max-width:640px) {

	h1 {
		width: 100%;
		padding: 0 5px;
		/*color: #e3000f;
		font-weight: bold;*/
		background-color: rgba(255,255,255, 0.7);

	}

}


@media (max-width:606px) {

	h3 {
	    font-size: 1.5em;
	}
}