@charset "utf-8";
/* CSS Document */

.boxoptions {
width:580px;
border:1px solid;
border-color:#b9adad;
padding:5px;
background-color:#CCCCCC;
}


.boxnotes {
padding:10px;
border:1px;
border-style:solid;
border-color:#999999;
background-color:#FFFFFF;
}



.picleft {
float:left;
padding-right:15px;
padding-bottom:15px;
}

.picright {
float:right;
padding-left:15px;
padding-bottom:15px;
}






/* HILFE */

#wraphnav {
background:#fff;
border:1px solid #999;
padding:20px;
}
#wraphnav a {line-height:20px; font-weight:normal; }

.bxdownl { float:left; padding:10px; background:#ccc; border:1px solid #999; margin-right:20px; }

.hlppic { border:1px solid #999; }

.headhlp { font-weight:normal; font-size:16px; }




  /********************************************
 ********************************************/

body
{          font-family:Verdana, Arial, Helvetica, sans-serif;
        background:#d0d0d0;
        margin:0;
        color: #330000;
   font-size: 13px;
   background-image:url(b/bg-master.jpg);
   background-repeat:repeat-x;
}

a:link { color:#660000; text-decoration:none; }
a:visited { color:#660000; text-decoration:none; }
a:hover { color:#330000; text-decoration:underline; }
a:active { color:#660000; text-decoration:none; }



a.imp:link { color:#FFFFFF; text-decoration:none; }
a.imp:visited { color:#FFFFFF; text-decoration:none; }
a.imp:hover { color:#FFFFFF; text-decoration:underline overline; }
a.imp:active { color:#FFFFFF; text-decoration:none; }


h1 {font-size:18px; font-weight:normal; }
h2 {font-size:15px; font-weight:bold; line-height:normal; }

.headleinskl {font-size:15px; font-weight:bold;  line-height:normal; }
.headlzweigr {font-size:18px; font-weight:normal;  line-height:45px;  }

.noborder { border:0px; }

.schriftklein {font-size:12px; }

.klein {font-size:10px; }

.nor {font-size:13px; }

.bold { font-weight:bold; }

 .cleaner { clear:both; }




 /********************************************
 LAYOUT DIVS
 ********************************************/

#master {
position: absolute;
width: 786px;
left: 50%;
margin-left: -393px;
}

#wraphead {
width: 786px;
height:154px;
top:0px;
}

#headoben {
width: 786px;
height:44px;
background-image:url(b/bg-head2-home.jpg);
background-repeat:repeat-x;
}

#headtextoben {
width: 778px;
padding-right:8px;
color:#330000;
font-size:10px;
font-weight:bold;
}

.wraphilfe { padding-left:655px; padding-top:3px; height:19px;  }
.iconhilfe { padding-top:0px; float:left; height:19px;  }
.texthilfe { padding-top:4px; float:left; height:19px;  }

a.hilfe {color:#330000; }
a.hilfe:hover {color:#660000; text-decoration:underline; }

#headuntencontback{
width: 786px;
background-image:url(b/bg-main.jpg);
background-repeat:repeat-y;
}


#headunten {
width: 786px;
background-image:url(b/bg-head-home.jpg);
background-repeat:no-repeat;
}

#headuntenhome {
width: 786px;
height:110px;
background-image:url(b/bg-head-home.jpg);
background-repeat:no-repeat;
}

#headunteneins {
height:89px;
width: 786px;
background-image:url(b/bg-head-home.jpg);
background-repeat:no-repeat;
}

#headtexteins {
height:16px;
padding-top:30px;
padding-left:50px;
font-style:italic;
color:#FFFFFF;
font-size:17px;
font-weight:bold;
line-height:16px;
}

#headtextzwei {
height:22px;
padding-top:0px;
padding-left:100px;
color:#FFFFFF;
font-size:22px;
}



#wraptopnavi {
height:100px;
padding-left:77px;
padding-top:0px;
font-size:10px;
}

.wraptopbutton {
text-align:center;
float:left;
width:59px;
height:100px;
}




#wrapcontent {
width: 786px;
top:154px;
}

#maincontent {
width: 786px;
background-image:url(b/bg-main.jpg);
background-repeat:repeat-y;
}



.contenthomewrap {
width:580px;
padding-left:103px;
}


.boxbutton {
float:left;
width: 180px;
height:91px;
padding-top:20px;
background-image:url(b/button-bg.jpg);
background-repeat:no-repeat;
background-position:20px 76px;
}

.actualbutton {
float:left;
width: 82px;
height: 82px;
}

.buttontext {
float:left;
width:90px;
padding-top:65px;
text-align:right;
}


.buttontext2row {
float:left;
width:90px;
padding-top:60px;
text-align:right;
font-size:11px;
}





.floatabstand {
float:left;
width:20px;
}





.boxgrauhome {
width:586px;
padding-left:101px;
background-image:url(b/box-home-hinten.jpg);
background-repeat:repeat-y;
background-position:101px;
}

.boxgrauhomeoben {
width:586px;
background-image:url(b/box-home-oben.jpg);
background-repeat:no-repeat;
}

.boxgrauhomeunten {
width:586px;
background-image:url(b/box-home-unten.jpg);
background-repeat:no-repeat;
background-position: bottom left;
}

.headboxgrau {
padding-top:15px;
padding-left:20px;
font-style:italic;
font-size:15px;
font-weight:bold;
}


.contboxgrau { width:514px; padding-left:72px; }
.contboxgraueins { width:210px; float:left;  }
.contboxgrauzwei { width:210px; float:left;  }

ul.norli {position:relative; float:none; list-style:disc; height:auto; width:auto; border:none; padding-left:10px;  }
ul.norli  li { position:relative; float:none; clear:both; height:auto; width:auto; border:none; padding-left: 3px; }
ul.norli  li ul { position:relative; float:none; padding-left:20px; height:auto; width:auto; border:none;  }




#unten {
width: 786px;
top:19px;
background-image:url(b/bg-unten.jpg);
background-repeat:no-repeat;
}


#footer {
color:#330000;
width: 786px;
height:20px;
text-align:center;
font-size:10px;
}
#footer a {color:#660000; }
#footer a:hover {color:#330000; text-decoration:underline; }





 /********************************************
ZWEITE NAVI SUBPAGE
 ********************************************/

#wrapzweitenavi {
float:left;
width:70px;
padding-top:30px;
padding-left:370px;
}

#wrapzweitenavikl {
float:left;
width:90px;
padding-top:30px;
padding-left:50px;
}


 /********************************************
ALERTS
 ********************************************/

 .boxalert {
 width:439px;
 height:128px;
 background-image:url(b/box-alert-back.jpg);
 background-position: 47px 26px;
 background-repeat:no-repeat;
 }

  .boxalertyes {
 width:439px;
 height:128px;
 background-image:url(b/box-alert-symbolyes.jpg);
 background-repeat:no-repeat;
 }

  .boxalertno {
 width:439px;
 height:128px;
 background-image:url(b/box-alert-symbolno.jpg);
 background-repeat:no-repeat;
 }

  .boxalerthg {
 width:439px;
 height:128px;
 background-image:url(b/box-alert-back-hgrau.jpg);
 background-position: 47px 26px;
 background-repeat:no-repeat;
 }

  .boxalertyeshg {
 width:439px;
 height:128px;
 background-image:url(b/box-alert-symbolyes-hgrau.jpg);
 background-repeat:no-repeat;
 }

  .boxalertnohg {
 width:439px;
 height:128px;
 background-image:url(b/box-alert-symbolno-hgrau-hg.jpg);
 background-repeat:no-repeat;
 }

   .boxalertnopic {
 width:439px;
 height:128px;
 background-image:url(b/box-alert-symbolno2-hgrau.jpg);
 background-repeat:no-repeat;
 }


   .boxalerttext {
 width:280px;
 height:71px;
 padding-left:139px;
 padding-top:57px;
 font-weight:bold;
 }

    .boxalertcenter {
 padding-left:70px;
 }

     .boxalertcenterhg {
 padding-left:75px;
 }

      .boxalertdelko {
 padding-left:47px;
 }



     .boxalerterstesbild {
 padding-left:35px;
 }


 .janein {
 padding-left:170px;
 }



 .newspicsweiterabort {
 padding-left:55px;
 width:350px;
 }


 .boxnuntencenter {
padding-left:35px;
}

.boxnuntenhinten {
 width:425px;
 height:46px;
  background-image:url(b/box-nachunten-back.jpg);
 background-repeat:repeat-x;
  background-position:0 8px;
}

.boxnuntenlinks {
 width:425px;
 height:46px;
  background-image:url(b/box-nachunten-left.jpg);
 background-repeat:no-repeat;
  background-position:0 8px;
}

.boxnuntenrechts {
 width:425px;
 height:46px;
  background-image:url(b/box-nachunten-rechts.jpg);
 background-repeat:no-repeat;
 background-position:right 8px;
}

     .boxnuntentext {
     padding-top:12px;
     padding-left:40px;
     float:left;
 width:346px;
 height:46px;
 font-size: 9px;
 text-align:center;
}

.boxnuntenbutton {
  float:left;
 width:38px;
 height:38px;
}








      .boxinfoabstand {
 padding-left:60px;
 }


       .boxinfo {
 width:361px;
 background-image:url(b/box-infobox-hinten.jpg);
 background-repeat:repeat-y;
 }


        .boxinfoo {
 width:361px;
 background-image:url(b/box-infobox-oben.jpg);
 background-repeat:no-repeat;
 }

         .boxinfou {
 width:361px;
 height:26px;
 background-image:url(b/box-infobox-unten.jpg);
 background-repeat:no-repeat;
 }


       .boxinfot1 {
    color: #330000;
   font-size: 11px;
 padding-left:90px;
 padding-top:35px;
 }

        .boxinfot2 {
    color: #330000;
   font-size: 11px;
 padding-left:25px;
 padding-top:30px;
 }

 /********************************************
TIERVERMITTLUNG
 ********************************************/



 .guesttierzwei {
width:220px;
padding-left:20px;
float:left;
padding-bottom:10px;
}


      .tierdetail {
width:350px;
float:left;
}


    .tierpic {
width:220px;
padding-left:0px;
float:left;
text-align:center;
}


  /********************************************
GUESTBOOK
 ********************************************/


.guestbookeins {
width:100px;
float:left;
font-weight:bold;
padding-bottom:10px;
}

.guestbookzwei {
width:450px;
padding-left:30px;
float:left;
padding-bottom:5px;
}

.guestleiste {
width:580px;
height:34px;
font-size:10px;
}

.guestleistetext {
float:left;
height:23px;
padding-top:11px;
}
.guestleistestatus {
height:34px;
float:left;
}

.guestleistechoose {
padding-top:6px;
height:21px;
float:left;
}


.neu {
color:#CC0000;
font-weight:bold;
font-size:17;
font-style:italic;
}



 /********************************************
GIGS
 ********************************************/
.gigseins {
width:120px;
float:left;
font-weight:bold;
padding-bottom:5px;
}

.gigszwei {
width:430px;
padding-left:30px;
float:left;
padding-bottom:5px;
}

.gigslisteins {
padding-left:20px;
width:363px;
float:left;
padding-bottom:5px;
background-image:url(b/bg-head-igslist.jpg);
background-repeat:no-repeat;
background-position:20px 0;
}

.gigslistzwei {
padding-right:20px;
padding-left:20px;
width:363px;
float:left;
padding-bottom:5px;
background-image:url(b/bg-head-igslist.jpg);
background-repeat:no-repeat;
background-position:20px 0;
}

.gigs2listeins {
padding-left:15px;
padding-right:7px;
width:100px;
float:left;
padding-bottom:5px;
}

.gigs2listzwei {
padding-right:15px;
width:218px;
float:left;
padding-bottom:5px;
}

.gigs2listdrei {
padding-left:15px;
padding-right:15px;
width:580px;
padding-bottom:5px;
}

.gigs2listdreipic {
padding-left:15px;
padding-right:15px;
width:580px;
padding-bottom:5px;
text-align:center;
margin:auto;
}


.gigs2listdreipicsin {
float:left;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
text-align:center;
}








.gigsboxgraueins { width:100px; float:left; padding-bottom:10px;  }
.gigsboxgrauzwei { width:320px; float:left; padding-bottom:10px; }
.gigsboxgraudrei { width:450px; padding-bottom:10px; padding-left:72px; }
.gigsboxgrauvier { width:400px; padding-bottom:10px; padding-left:30px; }








.boxmehr { height:20px; vertical-align:middle; }
.boxmehrpfeil { float:left; }
.boxmehrtext { margin-top:1px; float:left; }

.boxnewsl { height:20px; vertical-align:middle; }
.boxnewslfeld { float:left; }
.boxnewslbutton { margin-top:1px; float:left; }





 /********************************************
NEWS
 ********************************************/



 .newslist {
padding-left:215px;
width:355px;
float:left;
padding-bottom:5px;
background-image:url(b/bg-head-newslist.jpg);
background-repeat:no-repeat;
background-position:215px 0;
}


 .homelist {
padding-left:101px;
width:586px;
float:left;
padding-bottom:5px;
}




.newsneulisteins {
padding-left:0px;
padding-right:20px;
width:215px;
float:left;
padding-bottom:5px;
}

.newsneulistzwei {
padding-right:0px;
width:215px;
float:left;
padding-bottom:5px;
}

.newsneulistdrei {
width:450px;
padding-bottom:5px;
}


.newsboxgraudrei { width:530px; padding-bottom:10px; padding-left:22px; margin:auto; }

.newsboxgrauvier { padding-bottom:10px; padding-left:70px; margin:auto; }



.addnewsbutton { float:left; width:99px; padding-bottom:10px; padding-left:0px; text-align:center; font-size:10px; font-weight:bold; }




 /********************************************
 NAVIGATION DROPDOWN
 ********************************************/

 ul {
 float:left;
  padding: 0;
  margin: 0;
  list-style: none;
  width:105px;
  }

    li {
        float:left;
  position: relative;
  top: 0;
  left: 0;
  width:105px;
  }


  li ul {
  display: none;
  position: absolute;
  left:0;
  width:105px;
  border:1px;
  border-color:#999999;
  border-style:solid;
  background-color:#ececec;
  padding:0px;
  }


  li > ul {
        top: auto;
        left: auto;
        }

li:hover ul, li.over ul{ display: block; }




 /********************************************
 DECORATION LINKS IN SUBNAVI
 ********************************************/


 li ul li {
 height:auto;
 padding:5px;

 }


li ul li a {
color:#FFFFFF;
text-decoration:none;
}

li ul li a:hover {
color:#FFFFFF;
text-decoration:overline underline;
}



  /********************************************
  TAGS MERCANTILE CART
 ********************************************/


.contentwrapshop {
width:680px;
padding-left:53px;
}

.contentshop1 {
float:left;
width:150px;
}

.contentshop2 {
float:left;
width:500px;
padding-left:30px;
}