@import "./layout.css";
  @import "./menu.css";
  @import "./layer.css";
  @import "../fonts/font.css";
  @import "../fonts/font_icons.css";
/*div { border: solid 1px #000000; } */

/*
  rot            #cb292b
  grün           #008980
  hellgrau       #ececec
*/

h1.nos { display_none;visibility: hidden;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;  }
*,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}

img { max-width:100%; }
body{
background:#505050;
background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #232323 30%, #565656 75%);
background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #232323 30%, #565656 75%);
background-image: -o-radial-gradient(left top, ellipse farthest-corner, #232323 30%, #565656 75%);
background-image: -webkit-gradient(radial, left top, 0, left top, 1000, color-stop(0.3, #232323), color-stop(0.75, #565656));
background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #232323 0%, #565656 75%);
background-image: radial-gradient(ellipse farthest-corner at left top, #232323 30%, #565656 75%);
  filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#00232323', endColorstr='#565656');
  background-attachment: fixed;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 100%;
  line-height: 140%;
  color:#3e3e3e;
}

/* Bilder */
img {
  max-width: 100%;
  height: auto;
 }
#maincontent img {
 margin:0 1.5em 1em 0.25em;
 }
#maincontent .nomargin img {
 margin:0;
 }
a img {
 box-shadow:1px 0 3px rgba(0,0,0,.2);
 border:1px solid #ffffff;
 padding:5px;
 }
a:hover img {
 border:1px dotted #cb292b;
 }
/* Links und Rechts und fallenlassen  */
.zentriert          { text-align:center; }
.links           { float: left; }
.rechts          { float: right; }
.halb            { width:48%; }
.drittel         { width:33.333%; }

.lineleft        { border-left:1px dotted #323232; }
.lineright       { border-right:1px dotted #323232; }
.linetop         { border-top:1px dotted #323232; }
.linebottom      { border-bottom:1px dotted #323232; }
.boxborder       { border:1px solid #b5b5b5; }
.leftred         { border-left:10px solid #cb292b;
                   padding-left:5px; }
.leftred p       { padding:5px; }

#maincontent,
.maintop {       padding-left:3em; padding-right:3em; min-height:4em; }

#head {  background: rgb(150,150,150); /* Old browsers */
         background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(71,71,71,1) 22%, rgba(50,50,50,1) 30%, rgba(19,19,19,1) 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(22%,rgba(71,71,71,1)), color-stop(30%,rgba(50,50,50,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(71,71,71,1) 22%,rgba(50,50,50,1) 30%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(71,71,71,1) 22%,rgba(50,50,50,1) 30%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
         background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(71,71,71,1) 22%,rgba(50,50,50,1) 30%,rgba(19,19,19,1) 100%); /* IE10+ */
         background: linear-gradient(to bottom, rgba(150,150,150,1) 0%,rgba(71,71,71,1) 22%,rgba(50,50,50,1) 30%,rgba(19,19,19,1) 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
         border-radius: 15px 15px 0 0;
         box-shadow:1px 0 3px rgba(0,0,0,.5);
         border-bottom:solid 2px #cb292b;
         }
#slogan h1 {
         margin-left:38%;
         margin-bottom:0;
         font-size: 1.4em;
         line-height:1em;
         font-weight:200;
         text-shadow: 0 1px 2px #000, 0 -1px 1px #faf8bb ;
         color:#c6a936;
         width:100%;
         }
#quicknavi,
#quicknavi a {
         font-size:0.9em;
         color:#fff;
         text-decoration:none;
         }
#maincontent {
         border-radius: 15px 0 0 15px;
         background-color:#ececec;
         padding-right:50px;
         padding-top:30px;
         box-shadow:inset 1px 0 3px rgba(0,0,0,.5);
         }
#rightcol {
         border-radius: 0 15px 0 0;
         background-color:#ffffff;
         background: linear-gradient(to right, rgba(255,255,255,0.8) 20%,rgba(255,255,255,0) 100%),
                     url(../images/layout/bg_menu.png) repeat #ffffff;
         border-left:solid 2px #323232;
         padding-right:0;
         box-shadow:1px 0 3px rgba(0,0,0,.5), inset -10px 5px 15px rgba(0,0,0,0.7);
         border-top:solid 0 #232323;
         border-right:solid 1px #323232;
         }
#leftcol #aktion {
        border-radius: 0 15px 15px 0;
        border:solid 1px #cb292b;
        border-left:none;
        position:relative;
        top:10px;
        width: 85%;
        font-size:0.9em;
        padding-left:20px;
        padding-right:1em;
        min-height:200px;
        background: linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,0.7) 100%),
                     url(../images/layout/bg_menu.png) repeat #ffffff;
        box-shadow:1px 0 3px rgba(0,0,0,.5);
}

/* ###### Formulare ###### */
form, .extrabox {
 background:#FFFFFF;
  -webkit-box-shadow: 1px 1px 2px #860405;
  -moz-box-shadow: 1px 1px 2px #860405;
  box-shadow: 1px 1px 2px #860405;
  margin: 5px;
  padding:20px;
  border-radius:15px;
}
.wasser  { border:solid 10px #00CCFF; border-radius:5px; padding:20px}
.wasser h1 { color:#00CCFF;}

label {
  float:left;
  width:25%;
  font-style:italic;
  padding:0 7px;
}
label:before {  content:'\A'; display:block; }
fieldset {
        border:none;
        }
legend {
        font-variant:small-caps;
        color: #008980;
        padding:0;
        }
input[type="text"], textarea {
  width: 65%;
  background-color: #fff;
  color: #4d4d4d;
  padding: 3px 7px;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 4px #e2e2e2, inset 2px 2px 4px #e2e2e2;
  -moz-box-shadow: 2px 2px 4px #e2e2e2, inset 2px 2px 4px #e2e2e2;
  box-shadow: 2px 2px 4px #e2e2e2, inset 2px 2px 4px #e2e2e2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=4)";
}

textarea, select, input[type="Radio"], input[type="Checkbox"], input[type="submit"],  input[type="file"], input[type="Text"] {
  margin: 0.2em 0;
}
input[type="radio"], input[type="Checkbox"] {
  padding: 3px 7px;
  background:none;
  border:none;
  -ms-filter:none;
}
input[type="submit"], input[type="reset"] {
  color:#ffffff;
  text-shadow:1px 1px 1px #232323;
  cursor: pointer;
  width: auto;
  border:none;
  padding: 1.5% 3% 1.5% 3%;
  margin-bottom:0;
  width: auto;
   border: 1px solid #232323;
  border-radius: 3px;
}
input[type="submit"] {
  background: #1c7771;
}
input[type="submit"]:hover {
  background: #008980;
  color: #ececec;
}
input[type="reset"] {
  background: #cb292b;
}
input[type="reset"]:hover {
  background: #860405;
  color: #ececec;
}
input.fail, textarea.fail, checkbox.fail {
  border: 1px solid #cb292b;
  background-color: #F6E4DF;
}
p.fail {
  border: 1px solid #cb292b;
  color: #cb292b;
  padding:5px;
}

/* ###### Formate ###### */
a {      color:#323232; }
a.noline {      text-decoration:none;  }
a.white:hover { color:#ececec; text-shadow:1px 1px 1px #232323;  }
h1,
h2,
h3,
.red,
a:hover,
#quicknavi a:hover {
         color:#cb292b;
         }
h3,
.green { color:#008980;
         }
h5,
.white { color:#ffffff;
         }
.redbg {
         background-color:#cb292b;
         }
.greybg {
         background-color:#666666;
         }
h1.redbg,
h1.greybg {
         padding:15px;
         color:#ffffff;
         }

h1,
h2,
h3,
h4,
h5 {     margin:0.5em 0.5em 0.75em 0;
         line-height:1.2em;
         }
h1 {     font-size:1.5em;
         font-style:italic;
         }
h2 {     font-size:1.4em;
         font-weight:400;
         }
h3 {     font-size:1.3em;
         }
h4 {     font-size:1.2em;
         font-style:italic;
         }
h5 {     font-size:1.1em;
         background-color: #008980;
         font-weight:400;
         padding:0.5em;
         border-radius:3px;
         }
p, td, ul {
         font-size:0.99em;
         padding-top:0;
         padding-bottom:0.85em;
         }
ul {     padding-left:1.5em;
         }
li {     padding: 0.15em 0;
         margin-left:1em;
         }
ul li ul {
         margin-left:3em;
         }
hr {     background:#cb292b none repeat scroll 0%;
         border:0pt none;
         height:1px;
         margin:1% 0;
         clear:both;
         }
hr.dotted {
         border-bottom:1px dotted #323232;
         background:none;
         height:1px;
         margin:1% 0;
         clear:both;
         }
small, .klein {
         font-size:0.85em;
         }
strong { font-size:1.1em;
         font-weight:700;
         }
.padding3 {
         padding-left:2em;
         }
.padding5 {
         padding-left:5em;
         }
.padding12 {
         padding-left:12em;
         }
.lineheight1 {
         line-height:0.9em;
         }
.extra { /*background: linear-gradient(to top, rgba(255,255,255,1) 20%,rgba(255,255,255,0.7) 100%),
                     url(../images/layout/bg_menu.png) repeat #ffffff; */
         background:#cb292b;
   background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #cb292b 30%, #860405 75%);
   background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #cb292b 30%, #860405 75%);
   background-image: -o-radial-gradient(left top, ellipse farthest-corner, #cb292b 30%, #860405 75%);
   background-image: -webkit-gradient(radial, left top, 0, left top, 1000, color-stop(0.3, #cb292b), color-stop(0.75, #860405));
   background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #cb292b 0%, #860405 75%);
   background-image: radial-gradient(ellipse farthest-corner at left top, #cb292b 30%, #860405 75%);
   filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#00cb292b', endColorstr='#860405');
         box-shadow:1px 0 3px rgba(0,0,0,.5);
         border-radius: 3px;
         padding:0;
         }
.tipp {  background:url(../images/icon_hand.png) no-repeat;
         height: 40px;
         width:200px;
         display:block;
         margin-top:20px;
         padding:10px 0 0 5px;
         }
.bildbox {
         display: block;
         margin:5px;
         padding:5px;
         border:1px solid #ffffff;
         position:relative;
         -webkit-box-shadow: 2px 2px 1px #cecece; /* webkit browser*/
         -moz-box-shadow: 2px 2px 1px #cecece; /* firefox */
         box-shadow: 2px 2px 1px #cecece;
         font-size:0.9em;
         line-height:1em;
         border-radius:5px;
         float:left;
         width:240px !important;
         height:350px;
         text-align:center;
         }
.bildbox h5 {
         margin:0;
         padding:5px;
         -moz-hyphens: none;
         -o-hyphens: none;
         -webkit-hyphens: none;
         -ms-hyphens: none;
         hyphens: none;
         }
.bildbox img {
         margin:0;
         padding-top:1em;
         }
.bildbox .detail {
         width:100%;
         text-align:center;
         color:#000000;
         text-shadow: 1px 1px 0 #fff;
         }
.bildbox .data {
         position:absolute;
         bottom:0.5em;
         left:0;
         width:calc(100% - 20px);
         padding:10px;
         text-align:left;
         background-color:#fff;
         }
.data span.halb {
         margin-top:5px;
}
.data span.halb ::before {
         box-sizing: initial !important;
}

.nohyphens {
         -moz-hyphens: none;
         -o-hyphens: none;
         -webkit-hyphens: none;
         -ms-hyphens: none;
         hyphens: none;
         }
/*
.pdf {   position:absolute;
         bottom:0.25em;
         left:0;
         width:100%;
         text-align:center;
         }
.clip {   position:absolute;
         bottom:1em;
         left:0;
         width:100%;
         text-align:center;
         }    */
.copyright {
         color:#ffffff;
         padding:1em;
         }
#footernav li {
         float:left;
         }

/* #### Label / Banderole / Fähnchen #### */
.label {
    display:inline;
    position: absolute;
    z-index:10;
    padding:0.35em 0.75em;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size:1.2em;
    background: linear-gradient(#e2bb32 20%, #b2802c 200%); ;
    top: 40px;
    left: -0.5em;
    box-shadow: 1px 3px 4px rgba(0,0,0,0.1);
}
.label::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-width:4px;
    border-style:solid;border-color:#b2802c #b2802c transparent transparent;
    top: 100%;
    left: 0;
}

/*** Kreisbutton ***/
.kreis {
  font-size:130%;
  line-height:1.3em;
  border-radius:15px;
  width:25px;
  height:25px;
  border: solid 2px #008980;
  display:block;
  text-align:center;
  vertical-align:center;
}


/*
.ribbonbox {
  position: relative;
}
.ribbon {
  position: absolute;
  left: -10px; top: -10px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 25px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #b2802c;
  background: linear-gradient(#e2bb32 0%, #b2802c 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 15px; left: -23px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #b2802c;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #b2802c;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #b2802c;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #b2802c;
}
*/


.soldbox {
  position: relative;
}
.sold {
  position: absolute;
  right: 20px; top: 75%;
  z-index: 1;
  overflow: hidden;
  width: 260px; height: 200px;
  text-align: right;
}
.sold span {
  font-size: 40px;
  font-weight: bold;
  color: #cb292b ;
  text-transform: uppercase;
  text-align: center;
  line-height:50px;
  padding-top:10px;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  border: 3px solid #cb292b ;
  background:transparent;
  width:calc(100% - 20px);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25), inset 3px 3px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 3px 3px 5px rgba(0, 0, 0, .25);
  display:block;
  position: absolute;
  top: 75px; left: 0;
}