/*CSS Document reset*/
#besucher{
font-size:8.3px;
position:relative;
        top:0px;
        left:10px;
        width:300px;
        height:150px;
overflow-y:auto;
overflow-x:hidden;
border: 1px solid #d6d7d9;
background-color:white;
z-index:999999999999999999999;
}
.bodyback{background: none repeat scroll 0 0 #FBFBFB !important;}

.besucher{
position:relative;
top:2px;
width:100%;
text-align:center;
color:black;
}
* {
        margin: 0 0;
        padding: 0;
        outline: none;
        transition: opacity 1000ms ease 0s;
        text-decoration:none;
}
@font-face{
    font-family: 'Bryant-Regular';
    src: url('./lib/fontstyle/Bryant-Regular.ttf')
}
body {
        position:relative;
        width:100%;
        top:40px;
        margin:0 auto;
        text-align:center;
        font-family: 'Bryant-Regular',sans-serif;  /*font-family: 'BryantWebRegularCondensed',sans-serif; font-family: "Arial", sans-serif;*/
        font-size: 18px;
        font-weight:normal;
        color:#333;
        z-index:1;
        word-wrap: break-word;
}

.logo{
         padding:10px 10px 0px 10px;
         margin:0;
         background: white;
}

.header{width:100%;height:min-40px;line-height:40px;background: rgba(0,0,0,0.6); position:fixed; top:0; z-index:50;}

        .header .inner {max-width:930px;margin:auto;}
        .header .logo-container{height:40px; position:relative;float:left;}
        .header .logo-container .logo{position:relative; bottom:0;}
        .admin-bar .header, .admin-bar .epicSlider.slider-wrapper{top:22px; }

.menu ul li{float:left;width:140px;cursor:pointer;color:white;}
.menu ul li.w50{float:left;width:50px;cursor:pointer;color:white;}
.menu ul li a{width:100%;height:100%;text-decoration:none;display:block;color:white;}
.menu ul li:hover{background: url('../lib/pics/navarrow.png') left bottom no-repeat scroll white;}
.menu ul li:hover a{color:black;}

@font-face{
    font-family: 'ardleys';
    src: url('./lib/fontstyle/ArdleysHand.ttf');
}

.ardley {
    font-family: 'ardleys';
}

@font-face{
    font-family: 'channel';
    src: url('./lib/fontstyle/Channel.ttf');
}

.channel{
    font-family: 'channel';
}

.section{
         position: relative;width:100%;margin:10px auto;padding:0;
         padding-top:100px;
}

.content{max-width:990px;margin:auto;position:relative;text-align:left;}
.cont{background-attachment:scroll;padding:20px 0;margin-top:10px;}
/*.section.pic{background:#111 url(../images/patterns/crossed-dark.png) top left repeat; background-attachment:scroll;} */



.section-title{
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    width:100%;
}

@media all and (max-device-width: 720px){
    h1{
        font-size: 50px;
    }
}

@media all and (max-device-width: 640px){
    h1 {
        font-size: 35px;
    }
    .cont{margin-top:80px !important;}
}

@media all and (max-device-width: 320px){
    h1 {
        font-size: 25px;
    }
    .cont{margin-top:80px !important;}
}

.floatl{float:left;}
.floatr{float:right;}
.clear{clear:both;}

select{width:200px;height:30px;background:transparent;font-size:22px;margin:5px;border:1px solid gray;cursor:pointer;color:#333;}
option{font-size:20px;cursor:pointer;color:#333;background:transparent;}
select:hover{border:1px solid #118fff;}

.darkback{background: url('./lib/pics/backg.png') repeat scroll 0 0 #EFEFEF;}
.mapback{background: url('./lib/pics/dbackg.png') repeat scroll 0 0;}

.footer{padding:0;}
.footer a{font-weight:normal;}
.footer a:hover{color:#118fff;}

.scroll{overflow:scroll;}

.button2{
        border:1px solid #118FFF;
        background:#118FFF;
        color:white;
        padding:10px;
        text-align:left;
        font-size:20px;
        margin:0 0 10px 0;
}
.button2:hover{
        background:white;
        color:#118FFF;
        border:1px solid #118FFF;
}

#dia {
    width:100%;
    color: #666666;
    overflow:hidden;
    z-index:-100;
}

#galeriebildmain {
        top:10px;
        margin:0 auto;
        z-index:-99;
        height:300px;
        -ms-box-orient: vertical;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-flex-direction: column;
        flex-direction: column;
        display: -ms-flexbox;
        -ms-flex-direction: row;
}


.ad{margin:10px;font-size:10px;opacity:0.4;}

.specialfield{border:none;background-color:#D9DADB;}

.overflo{overflow:hidden;}

a{color:#333;padding:0;margin:0;font-weight:bold;}
a:hover{color:#118FFF;}

a.slider{text-decoration:none;color:#ffffff;padding:10px;}
a.slider:hover{text-decoration:none;color:#118FFF;}

.fett{font-weight:bold;}
.gross{font-size:20px;}

table{border-collapse:collapse;margin-top:10px;}
table tr td{padding:5px;vertical-align:top;}

.rot90{position:relative;width:20px;-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.fieldset{padding:20px;border-top:1px solid gray;border-left:none;border-right:none;border-bottom:none;box-shadow:none;}

legend{margin-left:20px;padding:5px;opacity:0.6;font-weight:bold;font-size:12px;}

textarea{width:280px;height:150px;background:transparent;border:1px solid gray;margin-left:5px;}

select.navselect option {color:#666666;padding:10px;}
select.navselect option:hover{color:#118FFF;}

#menu {
        width: 800px;
        margin: 20px auto;
        z-index:9999999;
}

#menu h3 {
        font-size: 16px;
        color: #fff;
        padding: 0px;
        margin: 0;
        background: #333;
        line-height: 20px;
}

#menu ul {
        position: absolute;
        margin: 0 auto;
        list-style: none;
        z-index:99999999;
}

#menu ul li {
        float: left;
        font-size: 15px;
        line-height: 55px;
        z-index:99999999;
}

#menu ul li a {
        color: #333;
        text-decoration: none;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        z-index:99999999;
}

#menu ul li a:hover {
        color: #999;
}

#menu ul li img {
        float: left;
        width: 16px;
        height: 16px;
        margin: 13px 5px;
        padding: 6px;
        background: #999;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
}

#menu ul li:hover img {
        background: #333;
}

#menu ul ul {
        position: absolute;
        top: -9999px;
        background: #fff;
        z-index:999;
        padding: 0;
        margin: 0 0 0 -5px; z-index:99999999;
        -webkit-box-shadow: 0 10px 20px #888;
        -moz-box-shadow: 0 10px 20px #888;
        box-shadow: 0 10px 20px #888;
}

#menu ul ul:before {
        position: absolute;
        content:"";
        width: 10px;
        height: 10px;
        top: -5px;
        left: 20px;
        z-index:999;
        background: #333;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}

#menu ul li:hover ul {
        top: 55px;
}

#menu ul ul li {
        float: none;
        font-size: 16px;
        padding: 5px 10px;
        text-align: left;
        text-transform: uppercase;
        margin: 0;
        border-bottom: 1px solid #ddd;
        border-left:5px solid #fff;
        line-height: 20px;
}

#menu ul ul a {
        color: #333;
        padding:0;
        text-decoration: none;
}

#menu ul ul li.all {
        font-size: 12px;
        border-bottom: none;
        text-transform: none;
}

#menu ul ul li:hover {
        border-left:5px solid #118FFF;
        //background: #118FFF;
        color: #118FFF;
}

.diaa{font-size:15px;margin-left:-20px;}
.diaul{position:absolute;left:10px;top:20px;}
.diaul li{margin:10px;}

.pic{
         padding:5px;
         background:white;;
}
.img{padding:5px;cursor:pointer;
         /*transform: scale(1) rotate(0deg); */
         transition: transform .7s ease 0s;
         border:1px solid gray;
}
.img:hover{
         border:1px solid #D9DADB;
}
.imgtext{padding:5px;cursor:pointer;
         transition: transform .7s ease 0s;
         background:#333;
         color:white;
         width:200px;
         margin:5px;
}
.imgtext a{color:white;}
.imgtext span{margin-left:10px;font-size:15px;}
.imgtext img{vertical-align:middle;}
.imgtext:hover{
         background:#6E6E6E;
}

.quelle{
    position:relative;margin:0px 5px 0px 5px;font-size:10px;opacity:0.5;
}
.white{color:white;}
.gray{color:#B4B4B4;}
.green{color:#00BF00;}

h1{
        background:#118FFF;
        color:white;
        padding:0 5px;
        text-align:left;
        font-size:20px;
        margin:0 0 10px 0;
}
h2{
        color:#118FFF;
        text-align:left;
        font-size:20px;
        margin:0;
}
h3{
        color:#118FFF;
        text-align:left;
        font-size:20px;
        margin:0;
}
h4{
        color:#118FFF;
        text-align:left;
        font-size:20px;
        margin:0;
}

ul{list-style-type:none;margin:10px;}
li{margin:0;}
.noliststyle{list-style-type:none;}

ul.liste{
         list-style:none;
         padding-left: 10px;
}
ul.liste li:before {color:#118FFF;content: "\2022" " ";} //\u2219

/*
                  #content{
                          display: -webkit-box;
                          display: -moz-box;
                          display: box;
                          -webkit-flex-direction: column;
                          flex-direction: column;
                          text-align:left;
                          display: -ms-flexbox;
                          -ms-flex-direction: row;

                  }
                  #flow{
                           box-flex: 1;width:550px;margin:20px;-ms-flex-order:1;
                  }
                  #floww{
                           box-flex: 1;width:550px;margin:20px;-ms-flex-order:2;
                  }
                  #flowh{
                           width:100%;
                           height:50px;
                           background:url("./lib/pics/linie.png") repeat-x scroll 0 23px rgba(0, 0, 0, 0);
                  }
                  #flowinhalt{
                  }
*/
span.green{font-weight:bold;color:#4B8FA4;}
span.orange{font-weight:bold;color:#F5B405;}
a.amain {color:#4B8FA4; text-decoration: none;}
a.amain:hover {color: #F5B405; text-decoration: none;}

.orange{color:#FF4F00;}

.hintergrundpic1{
        position:absolute;
        z-index:1;
        left:650px;
        top:210px;
        width:230px;
        height:220px;
        background-image: url(/lib/pics/9.jpg);
        background-repeat:no-repeat;
}

#bottomnavi{
        -ms-box-orient: vertical;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-flex-direction: column;
        flex-direction: column;
        display: -ms-flexbox;
        -ms-flex-direction: row;
}
#bottomnavi a{padding:10px;}

.bottomnavicategorytext1{box-flex: 1;width:200px;margin:0 10px;text-align:justify;}
.bottomnavicategorytext2{box-flex: 1;width:220px;margin:0 10px;text-align:justify;}
.bottomnavicategorytext3{box-flex: 1;width:150px;margin:0 10px;text-align:justify;}
.bottomnavicategorytext4{box-flex: 1;width:580px;margin:0 10px;text-align:justify;font-size:11px;}

.bottomnavicategorytext1 ul{line-height:18px;text-align:left;}
.bottomnavicategorytext2 ul{line-height:18px;text-align:left;}
.bottomnavicategorytext3 ul{line-height:18px;text-align:left;}
.bottomnavicategorytext4 ul{line-height:18px;text-align:left;}

.fader {
    position: relative;
    display: inline-block;
    top: 10px;
}

.fader img {
    vertical-align: top;
}

.fader img.next {
    position: absolute;
    top: 10px;
    left: 0;
}
.brautmodehinzu{
         position:absolute;
         left:12px;
         top:41px;
         width:120px;
         height:120px;
         cursor:pointer;
         background:url(./lib/pics/pichinzu.png);
         background-repeat:no-repeat;
}
.brautmodehinzu:hover{
         background:url(./lib/pics/pichinzuu.png);
         background-repeat:no-repeat;                                                                                                   n
}

#angebote{
position:relative;
margin-top:30px;
left:1px;
min-height:50px;
width:1000px;
}
.underlineborder{border-bottom:1px solid gray;}

img.zentrierrt {
height:75px;
margin: -0.2px auto;
max-width:86.2px;
border:none;
z-index:9;
        -webkit-transform:scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        transform:scale(1) rotate(0);
        -webkit-transition-duration:500ms,500ms,500ms;
        -moz-transition-duration:500ms,500ms,500ms;
}
img.zentrierrt:hover{
position:relative;
height:170px;
max-width:280px;
opacity:1;
-webkit-transform:scale(1) rotate(0);
-moz-transform:scale(1) rotate(0);
-o-transform:scale(1) rotate(0deg);
transform: scale(1) rotate(0);
clip:auto;
z-index:99999;
}
.beschreibb{
position:absolute;
left:130px;
font-weight:bold;
font-size:13px;
text-decoration:underline;
}
.beschreibb2{
position:absolute;
left:265px;
font-weight:bold;
font-size:14px;
}
.warenk{
position:absolute;
left:550px;
}
.linie{
border-bottom:1px solid;
width:420px;
}

.strikee{
  color:gray;
  cursor:pointer;
  text-decoration:line-through;
}
.preis {
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
  }

  .preis:hover { z-index:2;}

  .preis span{ display: none; opacity:0.7; text-shadow:none;}

  .preis:hover span {
  display:block;
  position:absolute;
  top:50px;
  left:-120px;
  width:300px;
  border:1px solid #0cf;
  background-color:#cff;
  font-size:11px;
  color:#000;
  text-align: center
  }
  .artiklpreis{
         font-weight:bold;
  }

#warenkorbreh{
        padding: 2px 2px;
        font-size:12px;
        background-color:#8aba30;
        background: -moz-linear-gradient(
                top,
                #b9eb55 0%,
                #8aba30);
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#b9eb55),
                to(#8aba30));
        border: 0px solid #95cf9b;
        -moz-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        -webkit-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        text-shadow:
                0px 0px 0px rgba(105,105,105,0.1),
                0px 1px 0px rgba(255,255,255,0.3);
}
.warenkorbrehh{opacity:0.5;}
.warenkorbrehh:hover{opacity:1;color:black;}

#warenkorbreh:hover{
        padding: 2px 2px;
        background: -moz-linear-gradient(
                top,
                #8aba30 0%,
                #b9eb55);
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#8aba30),
                to(#b9eb55));
        border: 0px solid #95cf9b;
        -moz-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        -webkit-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        text-shadow:
                0px 0px 0px rgba(105,105,105,0.1),
                0px 1px 0px rgba(255,255,255,0.3);
}

.button{display:block;background-color:#333;font-size:16px;color:white;cursor:pointer;border:none;text-decoration:none;padding:5px;margin:1px 0;margin-left:1px;text-align:center;}
.button:hover{background-color:#118FFF;border:none;}
a.button:hover{color:white;}

.buttonl{display:block;background-color:#A24690;font-size:16px;color:white;cursor:pointer;border:none;width:220px;height:25px;line-height:1.5;padding:0;margin:5px;}
.buttonl:hover{background-color:#118FFF;border:none;}
a.buttonl:hover{color:white;}

#warenkorbrehvermiet{
        color: #ffffff;
        width:130px;
        padding: 2px 2px;
        font-size:15px;
        background-color:#A24691;
        background: -moz-linear-gradient(
                top,
                #C981BC 0%,
                #A24691);
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#C981BC),
                to(#A24691));
        border: 0px solid #95cf9b;
        -moz-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        -webkit-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        text-shadow:
                0px 0px 0px rgba(105,105,105,0.1),
                0px 1px 0px rgba(255,255,255,0.3);
}
#warenkorbrehvermiet:hover{
        color: #ffffff;
        padding: 2px 2px;
        background: -moz-linear-gradient(
                top,
                #A24691 0%,
                #C981BC);
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#A24691),
                to(#C981BC));
        border: 0px solid #95cf9b;
        -moz-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        -webkit-box-shadow:
                0px 1px 1px rgba(0,0,0,0.4),
                inset 0px 0px 1px rgba(255,255,255,0.5);
        text-shadow:
                0px 0px 0px rgba(105,105,105,0.1),
                0px 1px 0px rgba(255,255,255,0.3);
}

.artikelbeschreib tr td p{color:white;font-weight:bold;background:#7B7C7E;padding:5px;padding-left:10px;}
.artikelbeschreib tr td div{margin:20px;}

.artikelfield{
position:absolute;width:250px;height:350px;border:none;background: url('./lib/pics/dia/backg.png') repeat scroll 0 0 #EFEFEF;
}
.artzeit{position:absolute;top:20px;width:240px;margin:5px;background:#D9DADB;color:#7B7C7E;opacity:0.6;}

.h20{height:20px;}
.h45{height:45px;}

.artikelfield img{margin:5px 0;}
.artikelfield div{margin:0 auto;text-align:center;font-size:15px;line-height:1;overflow:hidden;padding:0 5px;}
.artikelfield table tr td{background:transparent;}
.artikelbottom{position:absolute;width:100%;bottom:10px;margin:0 auto;text-align:center;font-size:15px;line-height:1;overflow:hidden;}
.preis div{display:inline;width:80px;font-size:23px;}

.keinedaten{position:absolute;left:5px;}
.vorschaubild{height:166px;max-width:230px;}
.artikelanzeigeanzahl{font-size:12px;}

.gruen{color:#3CB700;}
.red{color:red;}
.gelb{color:#A8A800;}
.blue{color:#118FFF;}

ul.listemain {position:relative;top:0px;left:0px;width:100%;height:100%;font-size:15px;text-align:left;}
ul.listemain li{position:relative;left:0px;width:53 0px;height:auto;padding:6px;cursor:pointer;line-height:1;border:none;opacity:0.9;}
ul.listemain li:hover{opacity:1;}

.wktueteklein{padding:15px;cursor:pointer;}
.wktuetegross{position:relative;vertical-align:-30px;padding:15px;cursor:pointer;}

#bestell{
        width:900px;
        height:600px;
        font-weight:bold;
        font-size:15px;
        top:10px;
        left:10px;
}
#bestellliste{
        position:relative;
        top:10px;
        width:1000px;
        height:100%;
}
br.e{line-height:50%;}

#summe{
        padding:10px;
        width:500px;
        height:460px;
        border:1px solid #BDBDBD;
        text-align:left;
}

#summe table tr{height:18px;}

.zusatz{
        position:absolute;
        font-size:11px;
        text-align:justify;
        border:1px solid #BDBDBD;
        padding:10px;
}
.gesamtsumme{
font-size:16px;
border-bottom: double 3px #000000;
}
h2.warzus{top:30px;left:20px;width:830px;font-size:11px;font-weight:normal;text-align:left;}

a.warenkbeste{
color:#118FFF;
font-size:13px;
text-decoration:none;
}
a.warenkbeste:hover{
text-decoration:underline;
}
a.warenko {vertical-align:top;font-weight:bold;text-decoration:none; color:black;}
a.warenko:hover {font-weight:bold;text-decoration:none; color:magenta;}

#bestellabsch{
        position:absolute;
        top:840px;
        right:-20px;
        width:150px;
        height:15px;
}

.adresse{

        padding:10px;
        width:300px;
        height:460px;
        border:1px solid #BDBDBD;
        text-align:left;
}
.adresse input{width:200px;height:25px;font-size:20px;background:transparent;border:1px solid gray;margin:5px;}
 input{width:300px;height:25px;font-size:20px;background:transparent;border:1px solid gray;}
 input:hover{border:1px solid #118FFF;}
 input:focus{border:1px solid #118FFF;}

 input.vorschlag{width:40px;height:15px;font-size:12px;background:transparent;border:1px solid gray;margin:0;}
 input.vorschlag:hover{border:1px solid #118FFF;}
 input.vorschlag:focus{border:1px solid #118FFF;}

 input.ablehnung{width:90px;height:15px;font-size:12px;background:transparent;border:1px solid gray;margin:0;}
 input.ablehnung:hover{border:1px solid #118FFF;}
 input.ablehnung:focus{border:1px solid #118FFF;}

 .vorschlagaccept{
         position:relative;
         left:0;
         top:0px;
         width:17px;
         height:17px;
         background:url('./lib/pics/acceptt.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         z-index:1001;
         cursor:pointer;
 }
 .vorschlagaccept:hover{
         position:relative;
         left:0;
         top:0px;
         width:17px;
         height:17px;
         background:url('./lib/pics/accept.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         z-index:1001;
         cursor:pointer;;
 }
.ablehnungaccept{
         position:relative;
         left:0;
         top:0px;
         width:17px;
         height:17px;
         background:url('./lib/pics/schliesseng.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         z-index:1001;
         cursor:pointer;
 }
 .ablehnungaccept:hover{
         position:relative;
         left:0;
         top:0px;
         width:17px;
         height:17px;
         background:url('./lib/pics/schliessen.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         z-index:1001;
         cursor:pointer;;
 }

#bildanzeige{position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:100;display:none;transition: height 1s ease-in-out, background-color 0.5s;
width:100%;
         height:100%;
         background:#373837;
         overflow:scroll;
}
#bildanzeigee{position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:100;display:none;transition: height 1s ease-in-out, background-color 0.5s;
width:100%;
         height:100%;
         background:#373837;
         overflow:scroll;
}

#bildanzeigen{display:block;margin:0 auto;box-shadow:5px 10px 10px #A3A3A3;}
#bildanzeigendiv{
         transition: height 1s ease-in-out, background-color 0.5s;
         margin:40px auto;
         overflow: auto;
         width:90%;
         min-height:500px;
         height:auto;
         z-index:999999;
         display:block;
         background: url("./lib/pics/flagklein.png") repeat-y scroll right top #373837;
}
.bildanzeigeschliessen{
         position:fixed;
         left:36%;
         top:0px;
         width:40px;
         height:40px;
         background:url('./lib/pics/schliessen.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         padding:20px;
         z-index:1001;
         cursor:pointer;
}
.bildanzeigeaccept{
         position:fixed;
         left:56%;
         top:0px;
         width:40px;
         height:40px;
         background:url('./lib/pics/acceptt.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         padding:20px;
         z-index:1001;
         cursor:pointer;
}
.bildanzeigeregister{
         position:fixed;
         left:56%;
         top:0px;
         width:40px;
         height:40px;
         background:url('./lib/pics/registerk.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         padding:20px;
         z-index:1001;
         cursor:pointer;
}
.bildanzeigeaccept:hover{
         position:fixed;
         left:56%;
         top:0px;
         width:40px;
         height:40px;
         background:url('./lib/pics/accept.png') scroll 0 0 rgba(0, 0, 0, 0);
         background-size:100%;
         background-repeat:no-repeat;
         padding:20px;
         z-index:1001;
         cursor:pointer;
}

#beschreibtipps{
position:relative;
left:8px;
top:10px;
}

#beschreibtippps{
position:relative;
left:400px;
top:-595px;
}

ul{border:none;box-shadow:none;}

.tipps{
position:relative;
width:370px;
height:200px;
font-weight:normal;
border:none;background: url('./lib/pics/dia/backg.png') repeat scroll 0 0 #EFEFEF;
font-size:8pt;
}
.tipps ul li a{font-size:15px;}

.tipps p a img.img{margin-left:9px;}

.tippsnochmehr{margin: 0 5px;margin-bottom:20px;color:#A0A0A0;font-weight:bold;font-size: 12px;}
.tippsnochmehr p a img{}

li{list-style-type:none;padding:3px;}

.tippic{
position:relative;
margin:5px;
width:140px;
height:180px;
cursor:pointer;
}
.tippul{
position:relative;
top:-195px;
left:140px;
cursor:pointer;
}
.tiprubrik{
font-size:10px;
color: #A0A0A0;
}
h2.tippsh{
text-align:left;
color:#118FFF;
font-weight:bold;
font-size:12.5px;
width:200px;
overflow:hidden;
}
.tiptext{
text-align:justify;
width:210px;
font-size:13px;
height:90px;
overflow:hidden;
}

.playerbutton
{
height:40px;
cursor:pointer;
background:transparent;
}
table.playertable{height:40px;width:500px;background:url(./lib/musik/player.png) no-repeat center center;}

.pure-control-group{margin-bottom:.5em}
.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0;border:none;}
.pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}
.pure-button{margin-left:25px;padding:5px 25px 5px 25px;cursor:pointer;border:none;border-radius:2px;-moz-transition-duration:300ms,300ms,300ms;-webkit-transition-duration:300ms,300ms,300ms;}
.pure-button:hover{background:#FF8000;color:#2E2E2E;}

.pure-button-dark{margin-left:25px;padding:5px 25px 5px 25px;cursor:pointer;border:none;border-radius:2px;-moz-transition-duration:300ms,300ms,300ms;-webkit-transition-duration:300ms,300ms,300ms;}
.pure-button-dark:hover{background:#FF8000;color:#2E2E2E;}

.ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none;
}
.ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
        left: 2px;
}
.ui-datepicker .ui-datepicker-next {
        right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
        width: 49%;
}
.ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
}
.ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
}
.ui-datepicker td {
        border: 0;
        padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
}


.ui-slider {
        position: relative;
        text-align: left;
        z-index:1;
}
.ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.4em;
        cursor: default;
}
.ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
}

.ui-slider-horizontal {
        height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
        left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
        right: 0;
}
.ui-slider-vertical {
        width: .8em;
        height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
        top: 0;
}







.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter:Alpha(Opacity=35);
        background-image: none;
}
.ui-state-disabled .ui-icon {
        filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
        width: 16px;
        height: 16px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
        color: #555555;
        text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
        border: 1px solid #999999;
        background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
        color: #212121;
        text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
        border: 1px solid #FF8000;
        background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #FF8000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
        color: #212121;
        text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
        border: 2px solid black;
        background: #e6e6e6;
        color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
        color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
        color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
        color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
        color: #cd0a0a;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
        border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
        border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
        border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
        border-bottom-right-radius: 4px;
}


.ui-widget {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1.1em;
}
.ui-widget .ui-widget {
        font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em;
}
.ui-widget-content {
        background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
        color: #2E2E2E;
}
.ui-widget-content a {
        color: #2E2E2E;
}
.ui-widget-header {
        border: 1px solid #aaaaaa;
        background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
        color: #2E2E2E;
        font-weight: bold;
}
.ui-widget-header a {
        color: #2E2E2E;
}
.pinkerbuttonartikel{cursor:pointer;z-index:9;width:150px;margin:5px;padding:3px 30px 8px 30px;border:none;background:#118FFF;color:white;vertical-align:4px;font-weight:normal;font-size:15px;text-decoration:none;}
.pinkerbuttonartikel:hover{text-decoration:underline;}

.submit{cursor:pointer;}
.submit:hover{background:#118FFF;}

.haendlerportaltr td{background-color:#DFDFDF;}

.bildaus{position:absolute;margin:2px;width:80px;height:80px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:80px 80px;}

.adsbygoogle{display:inline-block;width:468px;height:15px;background:transparent;}
.email{position:relative;top:0px;left:550px;width:350px;}
.emailg{position:relative;top:0px;left:550px;width:350px;}

.wdsindex{position:relative;left:200px;width:350px;}
.wdsindex img{position:relative;left:-200px;}
.wdsindex p{position:relative;left:-180px;}
.wdsindex p a img{left:0;}

.news{margin-top:25px;clear:both;}
.news a{padding-left:0;line-height:1.2;}
.news-p{
         border-top:2px solid #118FFF;
         line-height:24px;
         vertical-align: baseline;
         text-align: justify;
         display:block;
         padding:10px;
         padding-top:25px;
}
.news-datum{
    background: none repeat scroll 0 0 #118FFF;
    border-radius: 50px;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    text-align:center;
    font-weight: bold;
    height: 50px;
    width: 50px;
    float:left;
    padding:5px 5px 3px 3px;
    margin:0 10px 10px 0 ;
}
.news-kommentare{
    float:right;
    font-size: 15px;
    padding-top:3px;
    color:#D9DADB;
}
.news-komment{
    border-top:2px solid #D9DADB;
    font-size: 15px;
    margin-left:40px;
    padding-top:5px;
    color:#7B7C7E;
    min-width:90%;
}
.news-komment span{
    line-height:20px;
    color:#7B7C7E;
    padding-left:10px;
}
.news-td{
    width:20px;
}
input{width:200px;height:30px;font-size:22px;background:transparent;border:1px solid gray;margin:5px;cursor:pointer;}
input:hover{border:1px solid #118fff;}
input:focus{border:1px solid #118fff;}
.maxzeich input{border:none;width:50px;}
.line24{line-height:20px !important;}

.kalender{
         position:relative;
         margin-top:30px;
         font-size:13px;
         line-height:10px;
         border-collapse: separate;
         border-spacing: 1px 1px;
}
.kalender tr td{
         position:relative;
         background:#D9DADB;
         text-align:center;
         width:70px;
         height:12px;
         cursor:pointer;
}
.kalender tr td:hover{
         background:#C8C9CA;
         text-align:center;
         cursor:pointer;
}
.kalender tr td.nomonth{
         background:transparent;
         text-align:center;
}
.kalender tr td.pink{
         background:-moz-linear-gradient(left center , #118FFF 0%, #118FFF 10%, #D9DADB 100%) repeat scroll 0 0 #D9DADB;
         color:white;
         font-weight:bold;
         text-align:center;
}
.kalender tr td.pink span{display:none;opacity:0.9;line-height:1;text-shadow:none;top:0px;color:#666666;}
.kalender tr td.pink:hover{background:-moz-linear-gradient(left center , #85B819 0%, #85B819 10%, #D9DADB 100%) repeat scroll 0 0 #D9DADB;}
.kalender tr td.pink:hover span{
  display:block;
  position:absolute;
  width:200px;
  border:1px solid #118FFF;
  border-radius:5px;
  background-color:#FBFBFB;
  padding:10px;
  font-size:14px;
  opacity:1;
  z-index:9999999999;
  text-align:justify;
  }

.kalender tr td.pink:hover span:after, .kalender tr td.pink:hover span:before {
         right: 100%;
         top: 3%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 10px;
         position: absolute;
         pointer-events: none;
}
.kalender tr td.pink:hover span:after {
         opacity:0.5;
         border-top: 5px solid transparent;
         border-right: 30px solid #118FFF;
         border-bottom: 5px solid transparent;

}
.kalender tr td.kalheute{background-color:#118FFF;}
.kalender tr td.kalheute:hover{background-color:#8AC8FF;}

.kalender tr td.kaltermin{background-color:#FF6600;}
.kalender tr td.kaltermin:hover{background-color:#FFB584;}

.kalender tr td.frei{
        background:-moz-linear-gradient(left center , #7B7C7E 0%, #7B7C7E 10%, #DDDDDD 100%) repeat scroll 0 0 #DDDDDD;
        background:-webkit-gradient(linear, left top, left bottom,from(#7B7C7E),to(#DDDDDD));
        background:-o-linear-gradient(linear, left top, left bottom,from(#7B7C7E),to(#DDDDDD));
        background:linear-gradient(#7B7C7E,#DDDDDD);
}
.kalender tr td.frei:hover{background:-moz-linear-gradient(left center , #85B819 0%, #85B819 10%, #DDDDDD 100%) repeat scroll 0 0 #DDDDDD;}

.legende{font-size:12px;}
.legende div{margin-right:20px;width:50px;height:20px;float:left;}
.legendeheute{background:#118FFF;}
.legendefrei{
        background:-moz-linear-gradient(left center , #7B7C7E 0%, #7B7C7E 10%, #DDDDDD 100%) repeat scroll 0 0 #DDDDDD;
        background:-webkit-gradient(linear, left top, left bottom,from(#7B7C7E),to(#DDDDDD));
        background:-o-linear-gradient(linear, left top, left bottom,from(#7B7C7E),to(#DDDDDD));
        background:linear-gradient(#7B7C7E,#DDDDDD);
}

.zwischenstrich{padding:0;height:1px;background:-moz-linear-gradient(left center , #FFFFFF 0%, #DDDDDD 20%, #DDDDDD 80%, #FFFFFF 100%) repeat scroll 0 0 #DDDDDD;}
.zwischenstrichtd{padding:0;}

.zwischenstrichh{margin:10px;padding:0;height:1px;background:-moz-linear-gradient(left center , #7B7C7E 0%, #DDDDDD 10%, #DDDDDD 20%, #7B7C7E 100%) repeat scroll 0 0 #DDDDDD;}
.zwischenstrichhhh{margin:10px;padding:0;height:1px;background:-moz-linear-gradient(left center , #DDDDDD 0%, #7B7C7E 10%, #7B7C7E 20%, #DDDDDD 100%) repeat scroll 0 0 #DDDDDD;}
.zwischenstrichhh{margin:10px;padding:0;height:1px;background:-moz-linear-gradient(left center , #85B819  0%, #DDDDDD 10%, #DDDDDD 20%, #85B819  100%) repeat scroll 0 0 #DDDDDD;}

.effect{width:200px;font-size:15px;border:1px solid #DADADA;padding:5px;}

.aktual{position:fixed;bottom:0px;width:100%;height:50px;margin:5px;background:-moz-linear-gradient(bottom center , transparent 0%, #7B7C7E 20%, #7B7C7E 80%, transparent 100%) repeat scroll 0 0 transparent;z-index:9999999999999;}
.linkebox{width:100%;margin:20px;padding:20px;background-color:#85B819;color:white;}
.rechtebox{width:100%;margin:20px;padding:20px;background-color:#7B7C7E;color:white;}
.as{width:100%;margin:10px;padding:10px;}
.as span{vertical-align:10px;margin:10px;padding:10px;}
.pink{background-color:#118FFF;padding:5px 10px;color:white;}
.pinkschrift{color:#118FFF;padding:0;}
.pinkschrift:hover{text-decoration:underline;}

.pointer{cursor:pointer;}
.lineheight1{line-height:1;}
.lineheight7{line-height:7px;}
.lineheight16{line-height:16px;}
.marginright20{margin-right:20px;}
.margintop10{margin-top:10px;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop50{margin-top:50px;}
.margintop145{margin-top:145px;}
.margin1{margin:1px;}
.margin10{margin:10px;}
.margin20{margin:20px;}
.margin5{margin:5px;}
.marginmiddle{margin:0 auto;}
.padding5{padding:5px;}
.padding20{padding:20px;}
.marginleft50{margin-left:50px;}
.marginleft40{margin-left:40px;}
.marginleft20{margin-left:20px;}
.justify{text-align:justify;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.p0{padding:0 !important;}
.p10{padding:10px;}
.quelleaufbild{position:relative;margin-left:15px;padding:2px 15px 2px 15px;top:-40px;height:15px;background:white;opacity:0.5;}
.bordertopgray{border-top:1px solid gray;}
.clear{clear:both;}
.verticalalignm20{vertical-align:-20px;}
.verticalalignm10{vertical-align:-10px;}
.verticalalignm5{vertical-align:-5px;}
.verticalalignp5{vertical-align:5px;}
.verticalalignp10{vertical-align:10px;}
.verticalalignp20{vertical-align:20px;}
.topm150rel{position:absolute;left:60px;top:0px;}
.inline{display:inline;}
.width10{width:10px;}
.width12{width:12px;}
.width40{width:40px;}
.width50{width:50px;}
.width60{width:60px;}
.width80{width:80px;}
.width100{width:100px;}
.width120{width:120px;}
.width180{width:180px;}
.width200{width:200px;}
.width280{width:280px;}
.width295{width:295px;}
.width300{width:300px;}
.width320{width:320px;}
.minwidth280{min-width:280px;}
.minwidth300{min-width:300px;}
.width450{width:450px;}
.width920{width:920px;}
.width350{width:350px;}
.width870{width:870px;}
.width150{width:150px;}

.height20{height:20px;}
.height50{height:50px;}
.height300{height:300px;}
.height100p{height:100%;}
.minheight300{min-height:200px;}
.uppercase{text-transform: uppercase;}

.whiteplaceholderbutton{display:block;width:100px;height:15px;background:white;}

.borderbottom{border-bottom:2px solid #373837;}
.noborder{border:none;}
.borderdotted{border:4px dotted #373837;}
.border{border:1px solid #373837;}
.borderblue{border:1px solid #118fff;}
.borderwhite{border:1px solid white;}
.backblue{
         background: #118fff none repeat scroll 0 0;
         color: white;
}

.textalignr{text-align:right;}
.textalignc{text-align:center;}
.textalignl{text-align:left;}

.f40{font-size:40px;}
.f45{font-size:45px;}
.f25{font-size:25px;}
.f24{font-size:24px;}
.f23{font-size:23px;}
.f22{font-size:22px;}
.f21{font-size:21px;}
.f20{font-size:20px;}
.f19{font-size:19px;}
.f18{font-size:18px;}
.f17{font-size:17px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px;}
.f13{font-size:13px;}
.f12{font-size:12px;}
.f9{font-size:9px;}
.underline{text-decoration:underline;}

.wedsocial{position:fixed;right:5px;top:50px;background:#118FFF;width:50px;height:200px;cursor:pointer;z-index:999999999999999;font-weight:bold;padding:10px;}
.wedsocial:hover{background:#85B819;}

.wplaner{position:fixed;right:5px;top:310px;background:#118FFF;width:40px;height:250px;cursor:pointer;z-index:999999999999999;font-weight:bold;padding:10px;}
.wplaner:hover{background:#85B819;}

/* WEDSOCIAL */

.fieldsetmsg{border-top:1px solid #D9DADB;border-left:none;border-right:none;border-bottom:none;box-shadow:none;}
.floatl{float:left;}
.floatr{float:right;}
.lheight0{line-height:0;}
.as{width:100%;padding-bottom:10px;padding-top:0;margin-top:0;text-align:left;}
.as span{text-align:left;width:80%;padding:10px;}
.as img{width:10%;}

.navilinks{width:250px;}
.navilinks ul li a{
    border-top:1px solid #BFBFBF;
    outline: 0;
    padding: 5px 5px;
    display: block;
    font-weight: normal;
    width:142px;
    font-size:15px;
    text-decoration:none;
    margin:-3px;
    border-left:5px solid transparent;
}
.navilinks ul li a:hover {
    color: #118FFF;
    border-left:5px solid #118FFF;
}

#anfrage{position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:999999999999;display:none;}
.anfragehinter{
         position:absolute;
         left:0px;
         top:0px;
         width:100%;
         height:100%;
         background:#2E2E2E;
         opacity:0.95;
         filter:Alpha(Opacity=95);
         cursor:pointer;
}
.anfrageinhalt{max-width:50%;width:auto;margin:150px auto;background: none repeat scroll 0 0 #fbfbfb !important;padding:20px;}

.iframerechterrand{
         position:fixed;
         height:700px;
         top:50px;
         width:570px;
         border:none;
         right:-520px;
         transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;


         z-index:999999;
}
.iframerechterrand:hover{
         right:5px;
}
#picBoxdiv{width:65px;height:65px;display:inline-block;/*margin:0 auto;*/}
         #picBox
                  {
                  width: 55px;
                  height: 55px;
                  background-image: url('http://www.einmalprinzessin.de/lib/pics/weddingstoremain/keinbild.png');
                  background-repeat: no-repeat;
                  background-position: center center;
                  padding:5px;
                  background-size:100% 100%;
                  }

.bildunter{position:relative;margin-left:15px;padding:2px 15px 2px 15px;top:-25px;height:15px;background:white;opacity:0.5;}

.infobox-container {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
}
.infobox img{z-index: 90;}
.infobox h4.ribbon {
    position: relative;
    top:-300px;
    left: -15px;
    background: url(./lib/pics/dia/map.png) repeat-x scroll 0 0;
    width: 160px;
    color: #118FFF;
    padding: 5px 5px;
    margin: 0;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    z-index: 100;
}
.infobox-container .triangle-l {
    border-color: transparent #118FFF transparent transparent;
    border-style:solid;
    border-width:11px;
    height:0;
    width:0;
    position: absolute;
    left: -12px;
    top: 43px;
    z-index: 0;
}
.infobox-container .triangle-r {
    border-color: transparent transparent transparent #2083c2;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
    position: absolute;
    left: 266px;
    top: 45px;
}
.stunde{width:200px;height:60px;border:1px solid #333;margin:1px;}
.stunde:hover{border:1px solid #118FFF;cursor:pointer;}

.quart{width:200px;height:14px;border-bottom:1px dotted #333;}
.quart:hover{background:#118FFF;cursor:pointer;}

.quartt{width:200px;height:15px;}
.quartt:hover{background:#118FFF;cursor:pointer;}

.stunde50{width:50px;height:60px;border:1px solid #333;margin:1px;}
.stunde50:hover{border:1px solid #118FFF;cursor:pointer;}

.quart50{width:50px;height:14px;border-bottom:1px dotted #333;}
.quart50:hover{background:#118FFF;cursor:pointer;}

.quartt50{width:50px;height:15px;}
.quartt50:hover{background:#118FFF;cursor:pointer;}

.minutewahl{background:#118FFF;color:white;}
.minutenowahl{background:transparent;color:#333;}

.backwhite{background:white;}
.backgray{background:#333;}
.backblue{background:#118FFF;}

.achtung{position:relative;vertical-align:-10px;}

.blueborder{border:1px solid #118FFF;}
.blueborder:hover{border:1px solid white;}

.termin{padding:5px;cursor:pointer;width:100px;}
.termin:hover{padding:5px;background:#118FFF;color:white;}
.termin:hover select{background:white;}

.paket{text-align:center;padding:30px 10px;color:white;border-bottom:2px dotted white;}
.paket.unten{text-align:center;padding:30px 10px;color:white;border:none;}
.paket.blue{background:#118FFF;color:white;font-weight:bold;border:none;}

.paketdesc{text-align:center;padding:30px 10px;border-bottom:2px dotted #373837;}
.paketdesc.unten{text-align:center;padding:30px 10px;border:none;}
.paketdesc.main{font-weight:bold;border:none;}

.ribbon {
   width:40%;
   position: relative;
   left:30%;
   top:-10px;
   z-index:4;
   }
.ribbon-co {
   z-index:4;
   background: #118FFF;
   background: -webkit-gradient(linear, left top, left bottom, from(#6AB9FF), to(#118FFF));
   background: -webkit-linear-gradient(top, #6AB9FF, #118FFF);
   background: -moz-linear-gradient(top, #6AB9FF, #118FFF);
   background: -ms-linear-gradient(top, #6AB9FF, #118FFF);
   background: -o-linear-gradient(top, #6AB9FF, #118FFF);
   background-image: -ms-linear-gradient(top, #6AB9FF 0%, #118FFF 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   }
.ribbon h4 {
   font-size: 22px !important;
   text-align: center;
   color: white;
   text-shadow: #373837 0 1px 0;
   margin:0px;
   padding: 12px 10px;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #118FFF;
   z-index: -3;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.3) 2px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.3) -2px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.3) -1px 1px 1px;
   }

.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #00203E transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   z-index:-2;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   z-index:-2;
   border-width: 1em 1em 0 0;
   }