/* CSS Document */

body{
   padding:0px 40px 40px 40px;
   margin:0px;
   background:#fff;
   color:#666;
   font:12px/16px Arial, Georgia, "Times New Roman", Times, serif;
   }

div, p, ul, h2, h3, h4, img{
   padding:0px;
   margin:0px;
   }

ul{
   list-style-type:none;
   }

a{
   background:#FFFFFF;
   color:#000000;
   text-decoration:none;
   }
   
a:hover{
   text-decoration:underline;
   }

/*----TOP PANEL----*/

#maintopPan{
   height:277px;
   width:800px;
   float:left;
   background:url(images/headerbg2.gif) 0 0 repeat-x;
   margin:0 auto;
   } 
   
#topHeaderPan{
   width:514px;
   height:277px;
   float:left;
   background:url(images/header.jpg) 0 0 no-repeat;
   }

#topHeaderPan ul{
   width:114px;
   height:124px;
   position:absolute;
   top:119px;
   left:63px;
   }
   
#topHeaderPan ul li{
   width:114px;
   height:24px;
   background:url(images/dot-line.gif) 0 100% repeat-x;
   }
   
#topHeaderPan ul li a{
   display:block;
   width:102px;
   height:24px;
   background:url(images/bullet1.gif) 0 9px no-repeat;
   font:12px/24px Arial, Helvetica, sans-serif;
   font-weight:bold;
   text-decoration:none;
   padding:0 0 0 12px;
   color:#fff;
   }
   
#topHeaderPan ul li a:hover{
   text-decoration:underline;
   background:url(images/bullet2.gif) 0 9px no-repeat;
   }
    
#topHeaderPan ul li.resources{
   width:114px;
   height:24px;
   background:none;
   }

#topHeaderPan img{
   width:220px;
   height:105px;
   position:absolute;
   top:0px;
   left:24px;
   }
   
/*----Top Side Menu--*/

#topSidemenuPan{
   width:264px; 
   height:277px;
   float:left;
   background:url(images/right-bg.gif) 100% 0 no-repeat #fff;
   color:#000;
   }
   
#topSidemenuPan ul{
   width:198px;
   margin:0 0 0 20px;
   }
   
#topSidemenuPan ul li{
   width:99px;
   height:277px;
   float:left;
   }

#topSidemenuPan ul li.home{
   width:99px;
   height:277px;
   }

#topSidemenuPan ul li.home a{
   width:99px;
   height:277px;
   display:block;
   background:url(images/metzgerei-normal.jpg) 0 0 no-repeat;
   text-indent:-20000px;
   }

#topSidemenuPan ul li.home a:hover{
   width:99px;
   height:277px;
   background:url(images/metzgerei-hover.jpg) 0 0 no-repeat;
   }

#topSidemenuPan ul li.contact a{
   width:99px;
   height:277px;
   display:block;
   background:url(images/frischemarkt-normal.jpg) 0 0 no-repeat;
   text-indent:-20000px;
   }
   
#topSidemenuPan ul li.contact a:hover{
   width:99px;
   height:277px;
   background:url(images/frischemarkt-hover.jpg) 0 0 no-repeat;
   }

/*----/TOP PANEL----*/

/*----BODY PANEL----*/

#bodyPan{
   padding:0px 0px 0px 0px;
   width:778px;
   clear:both;
   }
   
/*----Left Panel----*/

#leftPan{
   padding:10px 0px 0px 0px;
   margin: 10px 0 0 0px;
   width:505px;
   float:left;
   }
   
#leftPan p{
   padding:20px 24px 14px 20px;
   }
   
#leftPan p span{
   font-weight:bold;
   }
   
#leftPan p.more{
   width:70px;
   height:23px;
   margin:0 0 0 340px;
   }
   
#leftPan p.more a{
   width:70px;
   height:23px;
   display:block;
   background:url(images/icon2.gif) 0 0 no-repeat #fff;
   color:#589B02;
   font:14px/23px Arial, "Trebuchet MS", Helvetica, sans-serif;
   font-weight:bold;
   text-decoration:none;
   padding:0 0 0 36px;
   }
   
#leftPan p.more a:hover{
   background:url(images/icon2.gif) 0 0 no-repeat #fff;
   color:#046CB8;
   text-decoration:none;
   }

#leftPan h2{
   width:220px;
   height:100px;
   background:url(images/icon1.gif) 0 50% no-repeat;
   text-indent:-20000px;
   margin:0 0 0 22px;
   }

#leftPaninleftPan{
   width:270px;
   float:left;
   }
   
#leftPaninleftPan h3{
   height:55px;
   background:url(images/icon3.gif) 0 0 no-repeat #fff;
   color:#046CB8;
   font:24px/40px Arial, Helvetica, sans-serif;
   padding:30px 0 0 54px;
   margin:0 0 0 22px;
   }
   
#leftPaninleftPan h4{
   width:209px;
   height:90px;
   background:url(images/image1.jpg) 0 0 no-repeat;
   margin:0 0 0 22px;
   text-indent:-2000px;
   }
   
#leftPaninleftPan p.strongtext{
   font:16px/18px Arial, Helvetica, sans-serif;
   background:#fff;
   color:#3A3A3A;
   font-weight:bold;
   padding:16px 24px 14px;
   }

#leftPaninleftPan p.moreone{
   width:100px;
   height:23px;
   margin:0 0 35px;
   }

#leftPaninleftPan p.moreone a{
   width:100px;
   height:23px;
   display:block;
   background:url(images/icon2.gif) 0 0 no-repeat #fff;
   color:#589B02;
   font:14px/23px Arial, "Trebuchet MS", Helvetica, sans-serif;
   font-weight:bold;
   text-decoration:none;
   padding:0 0 0 36px;
   }

#leftPaninleftPan p.moreone a:hover{
   background:url(images/icon2.gif) 0 0 no-repeat #fff;
   color:#046CB8;
   text-decoration:none;
   }

#leftPaninrightPan{
   width:235px;
   float:left;
   }

#leftPaninrightPan h4{
   width:209px;
   height:90px;
   background:url(images/image2.jpg) 0 0 no-repeat;
   text-indent:-2000px;
   margin:85px 0 0;
   }

#leftPaninrightPan p{
   padding:0 0 14px;
   }

#leftPaninrightPan p.strongtext{
   font:16px/18px Arial, Helvetica, sans-serif;
   background:#fff;
   color:#3A3A3A;
   font-weight:bold;
   padding:16px 24px 14px 0;
   }

#leftPaninrightPan p span{
   font-weight:bold;
   }

#leftPaninrightPan p.moretwo{
   width:100px;
   height:23px;
   margin:0 0 35px;
   }

#leftPaninrightPan p.moretwo a{
   width:100px;
   height:23px;
   display:block;
   background:url(images/icon2.gif) 0 0 no-repeat #fff;
   color:#589B02;
   font:14px/23px Arial, "Trebuchet MS", Helvetica, sans-serif;
   font-weight:bold;
   text-decoration:none;
   padding:0 0 0 36px;
   }

#leftPaninrightPan p.moretwo a:hover{
   background:url(images/icon2.gif) 0 0 no-repeat #fff;
   color:#046CB8;
   text-decoration:none;
   }

/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{
   width:273px;
   float:left;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   background:url(images/rightpanbg.gif) 0 0 repeat-y;
   }
   
#rightPan p{
   padding:0 55px 0 46px;
   }

#rightPan a{
   background:#FFFFFF;
   color:#000000;
   text-decoration:none;
   }

#rightPan h2{
   width:85px;
   height:74px;
   background:url(images/icon3.gif) 0 0 no-repeat #fff;
   color:#3A3A3A;
   font:14px/18px Arial, Helvetica, sans-serif;
   padding:8px 0 0 66px;
   text-transform:uppercase;
   font-weight: bold;
   margin:24px 0 0 33px;
   }
   
#rightPan h2 span{
   font-size:48px;
   line-height:32px;
   background:#fff;
   color:#61A804;
   text-transform:none;
   }

#rightPan ul{
   width:190px;
   margin:36px 0 60px 46px;
   }
   
#rightPan ul li.dot{
   background:url(images/bullet.gif) 0 7px no-repeat;
   height:47px;
   padding:0 0 0 20px;
   font-weight:bold;
   }
   
#rightPan ul li{
   background:none;
   height:47px;
   padding:0 0 0 20px;
   }

#rightbottomPan{
   width:273px;
   height:24px;
   padding: 0 0px 0 0;
   background:url(images/rightbottompan.gif) 0 0 no-repeat;
   }

/*----Right Panel----*/

#footermainPan{
   height:168px;
   width:800px;
   float:left;
   background:#797979;
   color:#FFF;
   clear:both;
   }
   
#footerPan{
   width:778px;
   float:left;
   position:relative;
   }

#footerPan img{
   width:248px;
   height:116px;
   position:absolute;
   top:28px;
   right:15px;
   }

#footerPan ul{
   width:320px;
   position:absolute;
   top:38px;
   left:53px;
   }
   
#footerPan li{
   float:left;
   font:11px/15px Arial, "Trebuchet MS", Helvetica, sans-serif;
   font-weight:normal;
   }
   
#footerPan ul li a{
   padding:0 5px 0;
   color:#fff;
   background:#797979;
   text-decoration:none;
   }
   
#footerPan ul li a:hover{
   text-decoration:underline;
   }

#footerPan ul.abrakadabra{
   width:158px;
   background:#797979;
   color:#fff;
   display:block;
   position:absolute;
   top:125px;
   left:56px;
   }
   
#footerPan ul.abrakadabra li a{
   background:#797979;
   display:block;
   color:#fff;
   text-decoration:none;
   }
   
#footerPan ul.abrakadabra li a:hover{
   text-decoration:underline;
   }

#footerPan p.copyright{
   background:#797979;
   color:#79D000;
   font:11px/15px Arial, Tahoma, Helvetica, sans-serif;
   position:absolute;
   top:74px;
   left:58px;
   }

#footerPanhtml{
   width:75px;
   height:24px;
   display:block;
   position:absolute;
   top:95px;
   left:58px;
   }
   

#footerPanhtml a{
   width:75px;
   height:24px;
   background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF;
   display:block;
   font:14px/24px Arial, "Trebuchet MS", Helvetica, sans-serif;
   margin:0;
   padding:0 0 0 5px;
   color:#111111;
   text-transform:uppercase;
   text-decoration:none;
   font-weight:bold;
   }
   
#footerPanhtml a:hover{
   background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF;
   color:#111;
   text-decoration:none;
   }

#footerPancss{
   width:75px;
   height:24px;
   display:block;
   position:absolute;
   top:95px;
   left:145px;
   }
   
#footerPancss a{
   width:75px;
   height:24px;
   background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF;
   display:block;
   font:14px/24px Arial, "Trebuchet MS", Helvetica, sans-serif;
   margin:0;
   padding:0 0 0 5px;
   color:#111111;
   text-transform:uppercase;
   text-decoration:none;
   font-weight:bold;
   }
   
#footerPancss a:hover{
   background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF;
   color:#111;
   text-decoration:none;
   }

#logo{
   top:0px;
   left:53px;
   position:absolute;
   }


/** ZUSÄTZLICHE FORMATIERUNG **/


label {
  float:left;
  clear:both;
  display:block;
  width:100px;
  font-family: verdana, serif;
  font-size: 10px;
  margin-bottom:0px;
  padding-left:0px;
}

input, textarea {
  float:left;
  display:block;
  width:300px;
  border: 1px solid #a2a2a2;
  background:#ffffff;
  font-family: verdana, serif;
  font-size: 10px;
  margin-bottom:5px;
  padding-left:0px;
}

select {
  float:left;
  display:block;
  width:300px;
  border: 1px solid #a2a2a2;
  background:#ffffff;
  font-family: verdana, serif;
  font-size: 10px;
  margin-bottom:10px;
  padding:1px;
}
 
/*clearing all floats and fix Firefox and IE backgroundcolor-bug */

div.clearer {
  clear:both;
  font-size:1px;
  line-height:1px;
  display:block;
  height:1px;
}

form {
  /** background:#EFEFEF; **/
  width:300px;
  border: 0px dotted #333;
}

.form-button {
  margin-left:10px !important;
  margin-left:55px; /*to fix IE6 position*/
  width:80px;
  clear:both;
}

.option {
  border:0px solid;
  background:#FFFFFF;
  width:auto;
}

fieldset {
  border:0px solid;
  padding-left:20px;
  padding-bottom:10px;
  display:block;
  clear:both;
}

fieldset input {
  width:300px;
  border:1px solid #a2a2a2;
  background:#ffffff;
  float:left;
  display:block;
  margin-right:10px;
  margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
}

fieldset label {
  width:300px;
  clear:none;
  float:left;
  display:block;
  padding-right:2px;
  white-space:nowrap; /*to fix IE6 wrapping*/