@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic);

.checked_online { float:right; font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 400; color: rgb(33,33,33); border: 1px solid rgb(155,155,155); background-color: #26c103; margin:0; padding:5px;}
.check_online { float:right; font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 400; color: rgb(33,33,33); border: 1px solid rgb(155,155,155); background-color: #ff0000; margin:0; padding:5px;}

button {
 margin: 0;
 padding: 0;
}

.buttons
{
display: inline-block;
white-space: nowrap;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
 border: 1px solid #a1a1a1;
 padding: .5em .5em;
 margin: 0;
 font: bold .8em/2em Arial, Helvetica;
 text-decoration: none;
//	color: #333;
 text-shadow: 0 1px 0 rgba(255,255,255,.8);
 -moz-border-radius: .2em;
 -webkit-border-radius: .2em;
 border-radius: .2em;
 -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
 box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.red { color: #FF0000;}
.grey { color: #333; }
.green { color: #F6F6F6; }
.white { color: #f9f9f9;}

.buttons:hover
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

.buttons:active
{
 -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
 position: relative;
 top: 1px;
}

.buttons:focus
{
 outline: 0;
 background: #fafafa;
} 

.buttons:before
{
 float: left;
 display: inline-block;
 width: 20px;
 height: 20px;
 margin: 0 10px 0 0;
 padding: 0;
 pointer-events: none;
}

/* Hexadecimal entities for the icons */
.oh_but_green
{
display: inline-block;
//white-space: nowrap;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
border: 1px solid #a1a1a1;
padding: 5px 5px;
margin: 0;
font-family: 'Open Sans', sans-serif; 
font-size: 13px;
line-height: 150%;
font-weight: 600; 
font-style: normal;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.oh_but_green:before
{
 float: left;
 display: inline-block;
 width: 20px;
 height: 20px;
//	text-align: center;
//	font-size: 1.7em;
 margin: 0 5px 0 0;
 padding: 0;
// pointer-events: none;
}

.but_full-1
{
display: inline-block;
width:100%;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
border: 1px solid #a1a1a1;
padding: 5px 5px;
margin: 0;
font-family: 'Open Sans', sans-serif; 
font-size: 13px;
line-height: 150%;
font-weight: 600; 
font-style: normal;
text-decoration: none;
text-align: left;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.but_full
{
display: inline-block;
width:100%;
// background: #2F2F2F; /* grau #eeeeee Old browsers */
border: 1px solid #a1a1a1;
padding: 5px 5px;
margin: 0;
font-family: 'Open Sans', sans-serif; 
font-size: 13px;
line-height: 150%;
font-weight: 600; 
font-style: normal;
text-decoration: none;
text-align: left;
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
}

.but_full:before
{
 float: left;
 display: inline-block;
 width: 20px;
 height: 20px;
//	text-align: center;
//	font-size: 1.7em;
 margin: 0 5px 0 0;
 padding: 0;
// pointer-events: none;
}

.button_small_icon
{
display: inline-block;
width:100%;
// background: #2F2F2F; /* grau #eeeeee Old browsers */
border: 1px solid #a1a1a1;
padding: 5px 5px;
margin: 0;
font-family: 'Open Sans', sans-serif; 
font-size: 13px;
line-height: 150%;
font-weight: 600; 
font-style: normal;
text-decoration: none;
text-align: left;
}

.button_small_icon:hover { background: #ffffff; }

.button_small_icon:before {float: left; display: inline-block; width: 35px; height: 35px; margin: 0 5px 0 0; padding: 0;}

.icon_big
{
display: inline-block;
width:105px;
background: #ffffff; /* grau #eeeeee Old browsers */
border: 0px solid #a1a1a1;
padding: 5px 5px;
margin: 0 5px;
font-family: 'Open Sans', sans-serif; 
font-size: 13px;
line-height: 150%;
font-weight: 600; 
font-style: normal;
text-decoration: none;
text-align: left;
}

.icon_big:hover { background: #e0e0e0; }

.icon_big:before {float: left; display: inline-block; width: 95px; height: 95px; margin: 0 5px 0 0; padding: 0;}

/* Reiter-Navi Toggle */
.adressreitera {
  width: 25%;
  float: left;
  font-family: 'Open Sans', sans-serif; 
  font-size: 1.0em;
  color: #a01428;
  text-shadow: #a01428 0 1px;
  text-align: center;
//  box-shadow: 5px;
  padding: 5px;
//  background-color: rgb(205,205,205); 
//  border-top: 1px solid #696969;
//  border-right: 1px solid #696969;
//  border-left: 1px solid #696969;
//  border-bottom: 1px solid #cdcdcd;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -ms-border-radius-topleft: 10px;
  -o-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -ms-border-radius-topright: 10px;
  -o-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}
.reiter_on { background: #C3C3C3; border-top: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #C3C3C3; border-left: 1px solid #696969; }
.reiter_off { background: rgb(175,175,175); border: 1px solid #696969; }
.adressreitera:hover { cursor: pointer; background: #C3C3C3; }

.but_neg {background: #2F2F2F;}

.small:before {float: left; display: inline-block; width: 10px; height: 20px; margin: 0 5px 0 0; padding: 0;}
.spana:before {float: left; display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 0; padding: 0;}
.label:before {float: left; display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 0; padding: 0;}
.label:after {float: right; display: inline-block; width: 20px; height: 20px; margin: 0 0 0 5px; padding: 0;}
.oh_but_green:after {float: right; display: inline-block; width: 20px; height: 20px; margin: 0 0 0 5px; padding: 0;}
.but_full:after {float: right; display: inline-block; width: 20px; height: 20px; margin: 0 0 0 5px; padding: 0;}

/*Forms*/
.excel:before {	content: url('icon_excel_32.png'); width:10px; height:10px; }
.add:before { content: ""; background: url("icons_oh_green/icon_add.png") no-repeat 0 0; background-size: 100%; }
.edit:before { content: ""; background: url("icons_oh_green/icon_edit.png") no-repeat 0 0; background-size: 100%; }
.delete:before { content: ""; background: url("icons_oh_green/icon_delete_r.png") no-repeat 0 0; background-size: 100%; }
.save:before { content: ""; background: url("icons_oh_green/icon_save.png") no-repeat 0 0; background-size: 100%; } 
.check:before { content: ""; background: url("icons_oh_green/icon_check.png") no-repeat 0 0; background-size: 100%; }
.pdf:before { content: ""; background: url("icons_oh_green/icon_pdf.png") no-repeat 0 0; background-size: 100%; }
.email:before{	content: "\2709";}
.cross:before { content: "\2716"; }
.hamburger:before { content: "\2630"; } 
.select:before { content: "\2026"; } 
.online:before { content: ""; background: url("icons_oh_green/icon_online.png") no-repeat 0 0; background-size: 100%; }
.online_n:before { content: ""; background: url("icons_oh_green/icon_online_n.png") no-repeat 0 0; background-size: 100%; }
.online2_n:after { content: ""; background: url("icons_oh_green/icon_online2_n.png") no-repeat 0 0; background-size: 100%; }
.arrow_1r:after { content: ""; background: url("icons_oh_green/icon_arrow_sr.png") no-repeat 0 0; background-size: 100%; }
.config:before { content: ""; background: url("icons_oh_green/icon_config.png") no-repeat 0 0; background-size: 100%; }
.abbrechen:before { content: ""; background: url("icons_oh_green/icon_abbrechen.png") no-repeat 0 0; background-size: 100%; }
.ansicht:before { content: ""; background: url("icons_oh_green/icon_ansicht.png") no-repeat 0 0; background-size: 100%; }
.ansicht_n:before { content: ""; background: url("icons_oh_green/icon_ansicht_n.png") no-repeat 0 0; background-size: 100%; }
.gaeste:before { content: ""; background: url("icon_gaesteliste.png") no-repeat 0 0; background-size: 100%; }
.abrechnung:before { content: ""; background: url("icon_abrechnung.png") no-repeat 0 0; background-size: 100%; }
.mail:before { content: ""; background: url("icon_mail.png") no-repeat 0 0; background-size: 100%; }
.drucken:before { content: ""; background: url("icon_drucken1.png") no-repeat 0 0; background-size: 100%; }
.report:before { content: ""; background: url("icon_report.png") no-repeat 0 0; background-size: 100%; }
.hotel:before { content: ""; background: url("icon_hotel.png") no-repeat 0 0; background-size: 100%; }
.kontakt:before { content: ""; background: url("icon_kontakt.png") no-repeat 0 0; background-size: 100%; }
.menue_top:before { content: ""; background: url("icon_menue_top.png") no-repeat 0 0; background-size: 100%; }
.menue_left:before { content: ""; background: url("icon_menue_left.png") no-repeat 0 0; background-size: 100%; }
.menue_bottom:before { content: ""; background: url("icon_menue_bottom.png") no-repeat 0 0; background-size: 100%; }
.menue_right:before { content: ""; background: url("icon_menue_right.png") no-repeat 0 0; background-size: 100%; }
.menue_news:before { content: ""; background: url("icon_menue_news.png") no-repeat 0 0; background-size: 100%; }
.post:before { content: ""; background: url("icon_post.png") no-repeat 0 0; background-size: 100%; }
.clock_n:before { content: ""; background: url("icon_wecker_n.png") no-repeat 0 0; background-size: 100%; }