.body{font-weight:300; font-family:sans-serif}
.jumbotron {
 background-color: hsl(0, 0%, 16%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828));
  background-image: -moz-linear-gradient(top, #5b5b5b, #282828);
  background-image: -ms-linear-gradient(top, #5b5b5b, #282828);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828));
  background-image: -webkit-linear-gradient(top, #5b5b5b, #282828);
  background-image: -o-linear-gradient(top, #5b5b5b, #282828);
  background-image: linear-gradient(#5b5b5b, #282828);
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;  
  background-color:#414547  !important;
}
. great {
font-size:2em;}
.jumbotron2 {
 background-color: hsl(0, 0%, 16%) !important;
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  padding:20px; padding-left:30px; padding-right:30px; 
  background-color: #FAFAFA;
  color: #ffffff;
  
  background-color:#414547  !important;
}
.jumbotron3 {
 background-color: hsl(0, 0%, 16%) !important;
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  padding:20px; padding-left:30px; padding-right:30px; 
  background-color: #FAFAFA;
  color: #ffffff;
  
  background-color:#09000014  !important;
}
.jumbotron8 {
 background-color: black;
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  padding:20px; padding-left:30px; padding-right:30px; 
  background-color: grey;
  color: #ffffff;
  
  background-color:#E8E8E9  !important;
}
.base-font {font-family: 'Roboto', Arial;}
.btn-primary { color: #fff; font-style: normal; background-color: #6EA7DD;  }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: black; font-style: bold; background-color: #57AF57; text-decoration: none; background-image: none;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: #0f5506; }
.btn-success { color: #ffffff; background-color: green; border-color: #57af57; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff; background-color: #53a653; border-color: none; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #2e5c2e; }
.btn-info { color: #ffffff; background-color: #5bc0de; border-color: #56b6d3; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff; background-color: #52adc8; border-color: #4da3bd; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #2e606f; }
.btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #e4a44a; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #d89c46; border-color: #cc9342; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #785727; }
.btn-danger { color: #ffffff; background-color: #d9534f; border-color: #ce4f4b; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c34b47; border-color: #b84743; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #6d2a28; }
.btn-link { color: #428bca; font-style: normal; text-decoration: none;}
.btn-link:hover, .btn-link:focus { color: #2a5981; font-style: normal; background-color: transparent; text-decoration: none;}
#startseite h1 {color:white;}
.well {color:#007ACC; font-size: 0.98em}
.white {color:white;}
.black {color:black;}
.klein {font-size: 0.7em;}
.max {width:100%;}
.max .xs {width:50%;}
.90 {width:90%;}
.infob { font-family: "Myriad-Pro";color: white; font-size: 12px;  font-weight: 600; background: #c734bc; text-decoration: none; text-align: center; display: inline-block; width: 18px; height: 18px; padding-left:1px; padding-bottom:1px;border-radius: 16px; box-shadow:  1px 1px 2px #888; -moz-border-radius: 16px; -moz-box-shadow:  1px 1px 2px #888;behavior: url(/pie/PIE.htc);}
.wells {padding-top:-10px;}
.modal-content {
  width: 100%;
  }
textarea {
    resize: none;
}
.active {font-weight:bold; color: #AAEE22; }
@media (max-width: 768px) {
    .btn,.btn-group {
    width:100%;
    }
    .form-control-xs {width:50%}
}
.img70 {max-width: 70%;, height: auto; padding-bottom:20px;}
.img50 {max-width: 30%;, height: auto; padding-bottom:20px;}
.img50 {max-width: 120%;, height: auto; padding-bottom:20px; max-height: 150px; min-height: 150px;}
.btn-lg {width:100%;}
.product .img-responsive {
    margin: 0 auto; 
}
.modal-footer {text-align: center;}
.btn-oldstyle { 
color: #ffffff; 
  background-color: transparent; 
  border-color: #BBBBBB; 
  border-width: 2px;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.3s ease 0s; 
  background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #585858, #282828); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#585858, #282828); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#585858, #282828); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#585858, #282828); /* Standard syntax */
    border-radius: 0px; box-shadow:  -2px -2px -8px black; -moz-border-radius: 0px; -moz-box-shadow:  -2px -2px -8px black;
} 
.btn-oldstyle2 { 
  color: #ffffff; 
  background-color: transparent; 

  border-color: #BBBBBB; 
  border-width: 2px;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.6s ease 0s; 
  background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #585858, #282828); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#585858, #282828); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#585858, #282828); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#585858, #282828); /* Standard syntax */
    border-radius: 0px; box-shadow:  -2px -2px -8px black; -moz-border-radius: 0px; -moz-box-shadow:  -2px -2px -8px black;  
} 
.btn-oldstyle3 { 
  color: white; 
  background-color: black; 
  border-color: #BBBBBB; 
  border-width: 2px;
  text-decoration: none;
      -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.6s ease 0s; 
  background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #585858, #282828); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#585858, #282828); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#585858, #282828); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#585858, #282828); /* Standard syntax */
    border-radius: 0px; box-shadow:  -2px -2px -8px black; -moz-border-radius: 0px; -moz-box-shadow:  -2px -2px -8px black;
} 
.btn-oldstyle4 { 
  color: white; 
  background-color: red; 
  border-color: #BBBBBB; 
  border-width: 2px;
  background: -webkit-linear-gradient( #E30000, #B70000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#E30000, #B70000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#E30000, #B70000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#E30000, #B70000); /* Standard syntax */
  border-radius: 0px; box-shadow:  -2px -2px -8px black; -moz-border-radius: 0px; -moz-box-shadow:  -2px -2px -8px black; 
  text-decoration: none;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.3s ease 0s; 
} 
.gr { color: #AAEE22;font-size:1.2em}
.btn-oldstyle:hover, 
.btn-oldstyle:focus, 
.btn-oldstyle:active, 
.btn-oldstyle.active, 
.open .dropdown-toggle.btn-oldstyle { 
 color: #aaee22; 
  background-color: #008000; 
  border-color: #aaee22;
  transition: all 0.2s ease 0s; 
   background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #282828, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #282828, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #282828, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #282828, #585858); /* Standard syntax */
    border-radius: 0px; -moz-border-radius: 0px;
} 
 
.btn-oldstyle:active, 
.btn-oldstyle.active, 
.open .dropdown-toggle.btn-oldstyle { 
  background-image: none; 
} 
 
.btn-oldstyle.disabled, 
.btn-oldstyle[disabled], 
fieldset[disabled] .btn-oldstyle, 
.btn-oldstyle.disabled:hover, 
.btn-oldstyle[disabled]:hover, 
fieldset[disabled] .btn-oldstyle:hover, 
.btn-oldstyle.disabled:focus, 
.btn-oldstyle[disabled]:focus, 
fieldset[disabled] .btn-oldstyle:focus, 
.btn-oldstyle.disabled:active, 
.btn-oldstyle[disabled]:active, 
fieldset[disabled] .btn-oldstyle:active, 
.btn-oldstyle.disabled.active, 
.btn-oldstyle[disabled].active, 
fieldset[disabled] .btn-oldstyle.active { 
  background-color: #185E0D; 
  border-color: transparent; 
}  
.btn-oldstyle .badge { 
  color: #185E0D; 
  background-color: transparent; 
}
.navbar-custom {	
  background-color: #299d11;
  border-color: #155109;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#299d11), to(#299d11));
  background-image: -webkit-linear-gradient(top, #299d11, 0%, #1d6f0c, 100%);
  background-image: -moz-linear-gradient(top, #299d11 0%, #1d6f0c 100%);
  background-image: linear-gradient(to bottom, #299d11 0%, #1d6f0c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff299d11', endColorstr='#ff1d6f0c', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: green;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #155109;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #155109;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
 color: #090000;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #090000;
  background-color: #155109;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#155109), to(#217f0e));
  background-image: -webkit-linear-gradient(top, #155109, 0%, #217f0e, 100%);
  background-image: -moz-linear-gradient(top, #155109 0%, #217f0e 100%);
  background-image: linear-gradient(to bottom, #155109 0%, #217f0e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff155109', endColorstr='#ff217f0e', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #154f09;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #090000;
  border-bottom-color: #090000;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #155109;
  color: #090000;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #090000;
  border-bottom-color: #090000;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {

  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #090000;
    background-color: transparent;
  }
  
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #090000;
    background-color: #155109;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #090000;
}
.fuss {color:black; position: fixed; bottom: 0px; left: 0px; width:100%; font-size: 0.8em; font-weight: 300;background-color: #ececec; line-height: 22px;}
.esf {color:#AAEE22;}
.res {color:#AAEE22; margin-left:100px; margin-bottom:60px; font-size:0.8em;}
.res:hover {color:green; margin-left:100px; margin-bottom:60px; font-size:0.8em;}
.aktiv {font-weight:800;}


.aktiviert {font-weight:400;}
.rot {color:red;}
.gruen {background-color:green;}
.duenn {font-weight:300;}
.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}
#toTop-right {
display:none;
text-decoration:none;
position:fixed;
bottom:20px;
width:120px;
right:20px;
outline:none;
}
#toTop-left {
display:none;
text-decoration:none;
position:fixed;
bottom:20px;
width:120px;
left:20px;
outline:none;
}
#toTop-center {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
width:120px;
left:50%;
margin-left:-20px; /*Feintuning je nach Inhalt */
outline:none;
}
.green {color:green;}
.red {color: #B70000; }
.great {font-size:3em}

.thumbnail {color:white; 
border-width: 0px;
border-radius: 0px; /*box-shadow: 8px 4px 8px black; -moz-border-radius: 7px; -moz-box-shadow:  8px 4px 8px black; */
font-family: 'Oswald', Arial;
-webkit-filter: grayscale(20%); /* Chrome, Safari, Opera */
filter: grayscale(10%);
padding:5px;
align:center;
border-radius: 7px;  -moz-border-radius: 7px;
background:green;

}

.thumbnail:hover {color:white;
border-width: 0px;
border-color: #aaee22;
text-shadow: none;
text-decoration:none;
transition: all 0.4s ease 0s;
-webkit-filter: contrast(100%);
-moz-filter: contrast(100%);
-ms-filter: contrast(100%);
-o-filter: contrast(100%);
background: -webkit-linear-gradient( #787878, #282828); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient( #787878, #282828); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient( #787878, #282828); /* For Firefox 3.6 to 15 */
background: linear-gradient( #787878, #282828); /* Standard syntax */
border-radius: 7px;  -moz-border-radius: 7px; 
font-family: 'Oswald', Arial; font-weight:400;
cursor:pointer;
background:#00aa00;
color:white;
}

.thumbnailmagento {color:white; 
border-width: 0px;
background: -webkit-linear-gradient(#787878, #585858); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#787878, #585858); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#787878, #585858); /* For Firefox 3.6 to 15 */
background: linear-gradient(#787878, #585858); /* Standard syntax */
border-radius: 7px; box-shadow: 8px 4px 8px black; -moz-border-radius: 7px; -moz-box-shadow:  8px 4px 8px black;
font-family: 'Oswald', Arial;
-webkit-filter: grayscale(20%); /* Chrome, Safari, Opera */
filter: grayscale(20%);

}

.thumbnailmagento:hover {color:#aaee22;

border-width: 0px;
border-color: #aaee22;
text-shadow: none;
text-decoration:none;
transition: all 0.2s ease 0s;
-webkit-filter: contrast(100%);
-moz-filter: contrast(100%);
-ms-filter: contrast(100%);
-o-filter: contrast(100%);
background: -webkit-linear-gradient( #787878, #282828); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient( #787878, #282828); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient( #787878, #282828); /* For Firefox 3.6 to 15 */
background: linear-gradient( #787878, #282828); /* Standard syntax */
border-radius: 7px;  -moz-border-radius: 7px; 
font-family: 'Oswald', Arial; font-weight:400;
cursor:pointer;
}

.punkt1 {font-size:1.8em;
font-weight:800;
}
.modal {width:98%;}
.jumbotron {background-color:black;
background-image: none}
.jumbotext {font-size:1.05em; font-weight:300;}
.jumbotext1 {font-size:1.1em; font-weight:300;}
.jumbotext2 {font-size:1em; font-weight:300;}
.jumbotext3 {font-size:1em; font-weight:300; }
.navbar-inverse {font-weight:bold}
.footer-images img{
        vertical-align:bottom;
        border:0;
        }
.ling {color:#AAEE22; font-weight: bold;}
.btn-oldstyle2:hover, 
.btn-oldstyle2:focus, 
.btn-oldstyle2:active, 
.btn-oldstyle2.active, 
.open .dropdown-toggle.btn-oldstyle2 { 
  color: #aaee22; 
  background-color: #008000; 
  border-color: #aaee22;
  transition: all 0.6s ease 0s; 
   background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #282828, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #282828, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #282828, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #282828, #585858); /* Standard syntax */
    border-radius: 0px; -moz-border-radius: 0px;
}
.btn-oldstyle3:hover, 
.btn-oldstyle3:focus, 
.btn-oldstyle3:active, 
.btn-oldstyle3.active, 
.open .dropdown-toggle.btn-oldstyle3 { 
  color: #aaee22; 
  background-color: #3F3F3F; 
  border-color: #aaee22; 
    -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.6s ease 0s;
 background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #383838, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #383838, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #383838, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #383838, #585858); /* Standard syntax */
    border-radius: 0px; -moz-border-radius: 0px; 
    cursor:help;
}
.btn-oldstyle4:hover, 
.btn-oldstyle4:focus, 
.open .dropdown-toggle.btn-oldstyle4 { 
color:#aaee22;
 background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #383838, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #383838, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #383838, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #383838, #585858); /* Standard syntax */
    border-radius: 4px; box-shadow:  2px 2px 6px #888; -moz-border-radius: 4px; -moz-box-shadow:  2px 2px 6px #888; 
  text-decoration: none;
      -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.3s ease 0s; 
}
.medium {font-weight:800;}
.rahmen {border-radius: 1px; box-shadow:  2px 2px 8px black; -moz-border-radius: 1px; -moz-box-shadow:  2px 2px 8px black;         }
.rahmen:hover {border-radius: 1px; box-shadow:  4px 4px 20px black; -moz-border-radius: 1px; -moz-box-shadow:  4px 4px 20px black;
         }
.tooltip-arrow,
.white-tooltip + .tooltip > .tooltip-inner {background-color:white;}
.back {
  background-color: hsl(0, 0%, 16%) !important;
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;   
  background-color: #FAFAFA;
  color: #ffffff;
  
  background-color: #414547  !important;
}
.navbar-inverse {
 background-color: #282828; border-bottom-width: 1px;
border-radius: 1px; /*box-shadow:  4px 4px 20px black; -moz-border-radius: 1px; -moz-box-shadow:  4px 4px 20px black; */
} 
.navbar-inverse:hover {
	color:white;
} 
.exfo {
font-family: 'Oswald', Arial; font-weight:400;
}
.exfof {
font-family: 'Oswald', Arial; font-weight:400;
}
.esso {
font-family: 'Oswald', Arial;
font-weight:300;
}
.essob {
font-family: 'Oswald', Arial;
font-weight:400;
}
.btn {
font-family: 'Oswald', Arial;
}
.navbar-header {
font-family: 'Oswald', Arial;
}
.navbar {
font-family: 'Oswald', Arial;
font-weight:400;
}
.table{
font-family: 'Oswald', Arial;
font-weight:400;
}
.glyphicon-info-sign {
color:#aaee22;
}
.glyphicon {
padding-right:5px}
.base-font {font-family: 'Catamaran', Arial;}
b {font-weight:500}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:black;background-color: #aaee22;}
ul.nav a:hover {
color:#aaee22;background:black;
      -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.6s ease 0s;

}  

/* Pop */
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(0.9)5;
    transform: scale(0.95);
  }
}

@keyframes pop {
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

.apop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.apop:hover, .apop:focus, .apop:active {
  -webkit-animation-name: apop;
  animation-name: apop;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@media only screen and (min-width : 768px) {
.dropdown:hover .dropdown-menu {
	display: block;
	}
}
.modal-content {
   background-: linear-gradient(rgba(210, 231, 231, 1), rgba(255, 255, 255, 1));
   color:black;
   border-radius:10px;
   border-width:3px; border-color: gray;box-shadow:  8px 8px 40px black;
}
.modal-backdrop {background-color:#333333;}
h1 {color:#aaee22;}

.btn-oldstyle4:active, 
.btn-oldstyle4.active, 
.open .dropdown-toggle.btn-oldstyle4 { 
color:yellow;
 background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #383838, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #383838, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #383838, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #383838, #585858); /* Standard syntax */
    border-radius: 4px; box-shadow:  2px 2px 6px #888; -moz-border-radius: 4px; -moz-box-shadow:  2px 2px 6px #888; 
  text-decoration: none;
      -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s; 
  -webkit-transition:.3s;
  transition: all 0.3s ease 0s; 
}

selected {color:black;}
.btn-oldstylexl { 
 color:#aaee22;
  border-width:3px; border-color: white;
 background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #383838, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #383838, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #383838, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #383838, #585858); /* Standard syntax */
  border-radius: 14px;  -moz-border-radius: 14px;  
  text-decoration: none;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.3s ease 0s; 
}

.btn-oldstylexl:hover, 
.btn-oldstylexl:focus, 
.open .dropdown-toggle.btn-oldstylexl { 
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition: all 0.3s ease 0s; 
color:white;
border-width:3px; border-color: #aaee22;
 background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #383838, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #383838, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #383838, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #383838, #585858); /* Standard syntax */
    border-radius: 14px;  -moz-border-radius: 14px;
  text-decoration: none;
  -moz-box-shadow:  12px 12px 8px black;box-shadow:  12px 12px 8px black;
}

.btn-xl {
    padding: 68px 28px;
    width:100%;
    font-size: 3em; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 14px;
       -moz-border-radius: 14px;
            border-radius: 14px;
}

.black {color:black;}

.img-responsive4:hover {transition: all 1s linear 0.3s;
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);}

.fusseffect {height:200px;}
.input-group-addon { font-weight:300;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient( #383838, #585858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient( #383838, #585858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient( #383838, #585858); /* For Firefox 3.6 to 15 */
    background: linear-gradient( #383838, #585858); /* Standard syntax */
    border-radius: 0px;  -moz-border-radius: 0px; border-color:none;
  text-decoration: none;
  /*-moz-box-shadow:  3px 3px 3px #585858;box-shadow:  3px 3px 3px #585858; */
}
.java {min-width:100px;color:white; }
.input-group-addon{background:green;}
.input-group-addon:hover{background:black;cursor:help;}
.navbar {background:#20800d}
.navbar .navbar-nav>li>a:hover {background:#004e00;color:white;}
.btn-success:hover {background:#009900;}
.navbar-inverse .navbar-nav>li>a {
    color: white;
}
.closer {width:90px;background-color:#4da6ff;color:white;padding:10px;margin-left:5px;margin-bottom:5px;border:1px solid white}
.closer:hover {width:90px;background-color:#1da6ff;color:white;padding:10px;margin-left:5px;margin-bottom:5px}
.closer2 {width:90px;background-color:white;color:green;padding:10px;margin-left:5px;margin-bottom:5px;border:1px solid white}
.closer2:hover {width:90px;background-color:green;color:white;padding:10px;margin-left:5px;margin-bottom:5px}

.btnhelp {width:123px;height:35px;background-color:#4da6ff;color:white;padding:2px;}
.btnhelp:hover {background-color:green;}

.bs {font-size:1.5em}
.closer {border-radius:0px;border:0px solid black}

.btn-primaryesf {
  color: gray;
  background-color: white;
  height:40px;
  width:50px;
  border-radius:0px;
  font-size:1em;
  border:1px solid gray;
  margin-bottom:2px;
  margin-right:2px;
}


.btn-primaryesf:focus,
.btn-primaryesf.focus,
.btn-primaryesf:active,
.btn-primaryesf.active,
.open > .dropdown-toggle.btn-primaryesf {
  color: #fff;
  background-color: green;
}
.btn-primaryesf:active,
.btn-primaryesf.active,
.open > .dropdown-toggle.btn-primaryesf {
  background-image: none;
}
.btn-primaryesf.disabled,
.btn-primaryesf[disabled],
fieldset[disabled] .btn-primaryesf,
.btn-primaryesf.disabled:hover,
.btn-primaryesf[disabled]:hover,
fieldset[disabled] .btn-primaryesf:hover,
.btn-primaryesf.disabled:focus,
.btn-primaryesf[disabled]:focus,
fieldset[disabled] .btn-primaryesf:focus,
.btn-primaryesf.disabled.focus,
.btn-primaryesf[disabled].focus,
fieldset[disabled] .btn-primaryesf.focus,
.btn-primaryesf.disabled:active,
.btn-primaryesf[disabled]:active,
fieldset[disabled] .btn-primaryesf:active,
.btn-primaryesf.disabled.active,
.btn-primaryesf[disabled].active,
fieldset[disabled] .btn-primaryesf.active {
  background-color: #337ab7;
}
.btn-primaryesf .badge {
  color: #337ab7;
  background-color: #fff;
  border:0px solid white;
}
.btn-primaryesf:hover {}
.helperkalk {background:white;color:black;font-size:0.9em;padding:10px;position:fixed;z-index:11900000;top:50px;width:100%;height:auto;border-top:0px solid #aaee22;border-bottom:1px solid #555;overflow: auto;}
.fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
.closer2 {width:80px; border-radius:0px;}
.closer2:hover {width:80px;border:1px solid white}
.btn-secondary {background:white;border:1px solid green}
.btn-hzb {background:white;color:green;text-align:center;max-width:250px;font-weight:400;font-family: 'Oswald', Arial;}
.btn-hzb:hover {background:green;color:white}
.infoblock {margin-top:0px;padding:12px;width:100%;border-top:0px solid white;border-bottom:0px solid grey; background:#414547;}
.infoblock:hover {margin-top:0px;padding:12px;width:100%;border-top:0px solid #aaee22; border-bottom:0px solid #aaee22}
.le {margin-left:10px;}
.selectleer {background:#DAF1FE;color:red}
.selectvoll {background:white;color:#555}
.selectleer::placeholder {color:red}
.selectvoll::placeholder {background:white;color:#555}
.headlist {
font-family: 'Oswald', Arial; font-weight:800;text-shadow:1px 1px 1px #999; -moz-text-shadow: 1px 1px 1px #999;
}
.esfhome {font-weight:300;font-family: 'Teko', sans-serif;text-transform: uppercase;font-size:28px;text-shadow:1px 1px 1px black; -moz-text-shadow: 1px 1px 1px black;}
.navbar-brand {font-weight:400;text-transform: uppercase;font-family: 'Teko', sans-serif;font-size:28px;text-shadow:1px 1px 1px black; -moz-text-shadow: 1px 1px 1px black;}
.btn {font-weight:400}
.away {position:fixed;z-index:+1;right:10px;font-size:1.5em;color:#777}
.closer{background:grey;border-radius:3px;text-align:center}
.hinweise {display:none; background-color:red}
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinking{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}
.navbar-fixed-top {box-shadow:1px 4px 4px #555;}