@charset "utf-8";
/* Block-Darstellung für HTML5-Elemente im IE8 */
@import url('normalize.css');
/*  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome */
@import url('font-awesome.css');
/***********************************************/
* html body * { overflow: visible; }
* html div{ height: 1em; }
html { overflow: -moz-scrollbars-vertical; }
html { color: #EBEBEB; font-family: Verdana,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 100.1%; font-weight: normal; overflow-x: auto; overflow-y: scroll; }
* { box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }
body.allcssRes { background-size: cover; margin: 0; -moz-background-size: cover; -webkit-background-size: cover; }
/***********************************************/
#allcssRes-wrapper { background-color: #FFFFFF; background-image: url(../images/background.jpg); margin: 0 auto; padding: 0; }
#allcssRes-wrapper header { background-color: #FFFFFF; /* margin-bottom: 20px;*/ display: none; width: 100%; /* height: 100px;*/ }
#allcssRes-wrapper .banner { display: none; float: left; font-size: 1.025em; padding-left: 20px; /* width: 530px;*/ text-align: left; }
#allcssRes-wrapper .banner, #allcssRes-wrapper .search_box { color: #FFF; font-weight: bold; height: 70px; padding: 20px 20px 0 0; text-align: left; }
#allcssRes-wrapper .banner span { color: #D0D0D0; }
#allcssRes-wrapper .banner  a { color: #FFF !important; }
/******************************/
#allcssRes-wrapper div#langmenu .anchor { margin: 0.125em auto; position: relative; }
#allcssRes-wrapper div#langmenu { padding: 0 1.5525em; margin: 0.925em; width: 98%; text-align: left;}
#allcssRes-wrapper div#langmenu img { border: 0; }
/******************************/
#allcssRes-wrapper #left-col { float: none; margin: 3.525em 0; }
#allcssRes-wrapper .main-content { margin: 2.525em auto auto 1%; width: 100%; }
#allcssRes-wrapper .main-content { padding: 0 1.525em; }
#allcssRes-wrapper .section { margin: 1.225em auto; }
#allcssRes-wrapper footer { background-color: transparent; clear: both; height: 50px; width: 100%; }
#allcssRes-wrapper .content { clear: right; padding: 0; }
#allcssRes-wrapper .footer { background-color: #FFF; clear: both; color: #666; font-size: 0.825em; height: 20px; line-height: 18px; text-align: center; }
body.allcssRes div.powered_by { font-size: 0.00em; padding-top: 2px; text-align: center;position: relative; }
/******************************/
#allcssRes-wrapper #content { background-color: transparent; margin-bottom: 20px; width: 99%; }
#allcssRes-wrapper img { height: auto; max-width: 100%; }
#allcssRes-wrapper span.title { font-size: 1.325em; color: #FFF !important; float: left; }
#allcssRes-wrapper h1, .h1 { font-size: 1.525em; }
#allcssRes-wrapper h2, .h2 { font-size: 1.325em; }
#allcssRes-wrapper h3, .h3 { font-size: 1.225em;}
#allcssRes-wrapper li {}
#allcssRes-wrapper p, .p { font-size: 1.2525em; }
#allcssRes-wrapper form { position: relative; }
#allcssRes-wrapper form.account { width: 100%; }
#allcssRes-wrapper a:link, #allcssRes-wrapper a:visited, #allcssRes-wrapper a:active { color: #1E576D; font-weight: bold; text-decoration: none; }
#allcssRes-wrapper a:hover { color: #AFABAD; text-decoration: none; }
/******************************/
#allcssRes-wrapper .menu { font-size: 101%; margin: 0.9225em 0; font-weight: bold; }
#allcssRes-wrapper .menu,
#allcssRes ~ nav .menu ul,
#allcssRes ~ nav .menu li { width: 100%;  }
#allcssRes-wrapper .menu ul, #allcssRes-wrapper .menu li { list-style: none; margin: 0;  padding: 0; }
#allcssRes-wrapper .menu li { line-height: 2.0525; border-bottom: 0.0em dashed; border-top: 0.025em dashed; margin-top: 0.525em; }
#allcssRes-wrapper .menu ul ul { padding-left: 1.225em; }

#allcssRes-wrapper .menu a:link, #allcssRes-wrapper .menu a:visited, #allcssRes-wrapper .menu a:active, #allcssRes-wrapper .menu a:hover { color: #323232; display: block; padding: 2px; padding-left: 0.325em; }
#allcssRes-wrapper .menu-default a:link, #allcssRes-wrapper .menu-default a:visited, #allcssRes-wrapper .menu-default a:active {  }
#allcssRes-wrapper .menu-default a:hover { background: #EBEBEB; color: #5E5C5C; opacity: 0.9; }
#allcssRes-wrapper .menu-current { background: #AFAFAF; color: #414140 !important; font-weight: normal; }

#allcssRes-wrapper .menu fieldset { margin-bottom: 5px; margin-top: 20px; /* border: 0px solid #D0D0D0;*/ padding-bottom: 3px; text-align: center; }
#allcssRes-wrapper .menu legend { color: #603; font-weight: bold; text-align: center; text-transform: uppercase; }
#allcssRes-wrapper .menu fieldset label{ min-width: 6.5em; }

/*******************************************/
.btn { -moz-user-select: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; vertical-align: middle; white-space: nowrap; }
.btn-lg, .btn-group-lg > .btn { border-radius: 6px; font-size: 18px; line-height: 1.33333; padding: 10px 16px; }
.btn-default { border-color: #CCCCCC; color: #333333; background: #DFDFDF; }
.btn-primary { background-color: #337ab7; border-color: #2e6da4; color: #fff; }
.btn-danger { border-color: #AFAFAF; color: #FFFFFF; background: #AFAFAF; }
.btn-success { border-color: #2C8B39; color: #FFFFFF; background: #3ECD31; }
.hide { display: none; }
/*******************************************/
.rounded {  }
.block-inner {
  margin-bottom: 25px;
  overflow: hidden;
  padding: 3px 3px 0;
}
.outer-box {
  margin-bottom: 25px;
  overflow: hidden;
  padding: 3px 12px;
}
.round-top-left { border-top-left-radius: 0; }
.round-top-right { border-top-right-radius: 0; }

/*******************************************/
.login-box {display: none; }
.login-box { width: 100%; }
.login-box form { width: 100%; }
.login-box form fieldset { border: none; }
.login-box form fieldset p input { width: 100% !important; }
.login-box ul { font-size: 101%; width: 100%; }
.login-box ul li { line-height: 1.925em; border-bottom: 1px dashed #333; color: #fff !important; }
.login-box ul li a:link { padding: 0.225em 0.125em; color: #fff !important; }
.login-box ul li:hover { background: #AFAFAF;  color: #fff !important; }
/*******************************************/
/** Anpassungen Checkbox+Label (Button) **/
#allcssRes-wrapper input#open-menu { display: none;}
#allcssRes-wrapper label.open-menu-label span { font-size: 200%; cursor: pointer; color: #EBEBEB; }
#allcssRes-wrapper input[type=checkbox]:checked + label.open-menu-label span { color: #EBEBEB; }
/** Anpassungen Checkbox+Label (Button) **/
#allcssRes-wrapper label.open-menu-label {
  background: #AFAFAF; /* Old browsers */
  background: -moz-linear-gradient(top, #AFAFAF 0%, #AFAFAF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#AFAFAF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #AFAFAF 0%,#AFAFAF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #AFAFAF 0%,#AFAFAF 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #AFAFAF 0%,#AFAFAF 100%); /* IE10+ */
  background: linear-gradient(to bottom, #AFAFAF 0%,#AFAFAF 100%); /* W3C */
  border: 1px solid white;
  display:  block;
  text-align: right;
  padding: 20px 10px;
  z-index: 10;
}
/** Navigation wird als einfarbiger, horizontaler Balken dargestellt **/
#allcssRes-wrapper nav {
  background-color: #EBEBEB;
 
  margin-bottom: 20px; min-width: 27.525%;
  position: relative;
  width: 100%;
  z-index: 20;
}

/** Formatierung für mobile Ansicht > div ~ nav  **/
#allcssRes-wrapper nav { display: none; padding: 0; }
#allcssRes-wrapper input[type=checkbox]:checked + label + div + div > div > nav { display: block; }

/**/
.onclick-menu-content { position: absolute; z-index: 1; /* use opacity to fake immediate toggle */ opacity: 0; visibility: hidden; transition: visibility 0.5s; }
/** Formatierung für Tablet und Desktopansicht **/
@media only screen and (min-width: 320px) {
    .dummy {}
/******************************/
  #allcssRes-wrapper .search_box { padding: 1.525em; vertical-align: middle; }
}

@media only screen and (min-width:800px){
    .dummy {}
/******************************/
    body.allcssRes {  background-size: cover; margin: 0; -moz-background-size: cover; -webkit-background-size: cover; }
    #allcssRes-wrapper {
      background-color: #ffffff;
      background-image: url("../images/background.jpg");
      margin: 2.225em auto 0;
      max-width: 80em;
      padding: 0.225%;
    }
    #allcssRes-wrapper header { display: block; }
    #allcssRes-wrapper .banner { display: block; }
    #allcssRes-wrapper #left-col { float: left; width: 28%; position: relative; overflow: hidden; padding: 0 0.925em; margin: 0; }
    #allcssRes-wrapper .banner { margin-left: 1%; width: 63%; }
    #allcssRes-wrapper .main-content { margin: 3.525em auto auto 28%; width: 72%; }
    #allcssRes-wrapper .main-content { margin-left: 28%; padding: 0 1.525em; display: table; }
    #allcssRes-wrapper .search_box { padding-left: 40%; }
    #allcssRes-wrapper div#langmenu { text-align: left !important; padding-left: 1% !important; position: relative; }
    .login-box {display: block; }

/******************************/
    #allcssRes-wrapper h1, .h1 { font-size: 1.4525em; }
    #allcssRes-wrapper h2, .h2 { font-size: 1.125em; }
    #allcssRes-wrapper li,
    #allcssRes-wrapper p, .p { font-size: 1.0525em; }
    body.allcssRes div#langmenu { padding-left: 1%; }
    #allcssRes-wrapper .content { clear: right; padding: 4px 10px 14px; }
/*******************************************/
    .rounded { border-radius: 0.225em; -khtml-border-radius:0.225em; -moz-border-radius: 0.225em; -webkit-border-radius: 0.225em; }
    .block-inner {
      border: 1px solid #EBEBEB;
      border-radius: 0.525em;
      box-shadow: 1px 1px 25px #EBEBEB;
      margin-bottom: 25px;
      overflow: hidden;
      padding: 3px 3px 0;
    }
    .outer-box {
      border: 1px solid #EBEBEB;
      border-radius: 0.925em;
      box-shadow: 1px 1px 3px #EBEBEB;
      margin-bottom: 25px;
      overflow: hidden;
      padding: 3px 12px;
    }
.round-top-left { border-top-left-radius: 0.725em; }
.round-top-right { border-top-right-radius: 0.725em; }
/******************************/
    #allcssRes-wrapper .content { clear: right; /* width: 70%;*/ }
    #allcssRes-wrapper #content { }
    body.allcssRes div.powered_by {
      font-size: 0.00em;
      padding-top: 30px;
      margin: 2.225em auto;
      position: relative;
      text-align: center;
    }

    #allcssRes-wrapper div#langmenu a.default span img { filter: alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; }
    #allcssRes-wrapper div#langmenu a:hover span img,
    #allcssRes-wrapper div#langmenu a.current span img { background: transparent; filter: alpha(opacity=30); -khtml-opacity: 0.3; -moz-opacity: .3; opacity: .3; }
    #allcssRes-wrapper div#langmenu { text-align: left !important; width: 98% !important; padding-left: 5%; line-height: 1.625em; }
/*******************************************/

    #allcssRes-wrapper h1, .h1 { font-size: 1.4525em; text-align: center; }
    #allcssRes-wrapper h2, .h2 { font-size: 1.125em; text-align: center;  }

/*******************************************/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
.gradient {
/*  background: #AFAFAF;*/
background: #EBEBEB; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: color #AFAFAF;
background: -moz-linear-gradient(top, #AFAFAF 0%, #AFAFAF 44%, #AFAFAF 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(44%,#AFAFAF), color-stop(100%,#AFAFAF)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #AFAFAF 0%,#AFAFAF 44%,#AFAFAF 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #AFAFAF 0%,#AFAFAF 44%,#AFAFAF 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #AFAFAF 0%,#AFAFAF 44%,#AFAFAF 100%); /* IE10 preview */
background: linear-gradient(to bottom, #AFAFAF 0%,#AFAFAF 44%,#AFAFAF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#AFAFAF',GradientType=0 ); /* IE6-8 */
background-attachment: fixed !important;
}
.gradient-yellow {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#facf42+0,f49f02+100 */
background: #facf42; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: color: #AFAFAF;
background: -moz-linear-gradient(top, #AFAFAF 0%, #AFAFAF 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#AFAFAF)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #AFAFAF 0%,#AFAFAF 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #AFAFAF 0%,#AFAFAF 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #facf42 0%,#AFAFAF 100%); /* IE10 preview */
background: linear-gradient(to bottom, #facf42 0%,#AFAFAF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#AFAFAF',GradientType=0 ); /* IE6-8 */
background-attachment: fixed !important;
}

.gradient-diagonal {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,c6c6c6+23,dbdbdb+50,cecece+85,fefefe+100 */
background: #e2e2e2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: color: #AFAFAF;
background: -moz-linear-gradient(45deg, #AFAFAF 0%, #AFAFAF 23%, #AFAFAF 50%, #AFAFAF 85%, #AFAFAF 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#AFAFAF), color-stop(23%,#AFAFAF), color-stop(50%,#AFAFAF), color-stop(85%,#AFAFAF), color-stop(100%,#AFAFAF)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 23%,#AFAFAF 50%,#AFAFAF 85%,#AFAFAF 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 23%,#AFAFAF 50%,#AFAFAF 85%,#AFAFAF 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 23%,#AFAFAF 50%,#AFAFAF 85%,#AFAFAF 100%); /* IE10 preview */
background: linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 23%,#AFAFAF 50%,#AFAFAF 85%,#AFAFAF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
background-attachment: fixed !important;
}

.gradient-sweet-home {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b40431+0,f4c892+28,fbe1c1+51,f4d1a8+76,fbe1c1+99 */
background: #b40431 fixed; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: color: #AFAFAF;
background: -moz-linear-gradient(45deg, #AFAFAF 0%, #AFAFAF 28%, #AFAFAF 51%, #AFAFAF 76%, #AFAFAF 99%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#AFAFAF), color-stop(28%,#AFAFAF), color-stop(51%,#AFAFAF), color-stop(76%,#AFAFAF), color-stop(99%,#AFAFAF)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 28%,#AFAFAF 51%,#AFAFAF 76%,#AFAFAF 99%) fixed; /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 28%,#AFAFAF 51%,#AFAFAF 76%,#AFAFAF 99%) fixed; /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 28%,#AFAFAF 51%,#AFAFAF 76%,#AFAFAF 99%) fixed; /* IE10 preview */
background: linear-gradient(45deg, #AFAFAF 0%,#AFAFAF 28%,#AFAFAF 51%,#AFAFAF 76%,#AFAFAF 99%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#AFAFAF',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
background-attachment: fixed !important;
}



}

@media only screen and (min-width:800px){
    .dummy {}
/******************************/
  /*  #allcssRes-wrapper + nav,*/
    #allcssRes-wrapper nav { display: block; }
    #allcssRes-wrapper label.open-menu-label { display: none; }

    #allcssRes-wrapper nav { display: block; position: relative; }
    #allcssRes-wrapper nav ul li { display:inline;  }

    /** Label wird ausgeblendet **/
    #allcssRes-wrapper label.open-menu-label { display: none; }
    #allcssRes-wrapper .content { padding: 4px 10px 14px 10px; clear: right; /* width: 70%;*/
    }



}