@charset "UTF-8";
/* CSS fuer Template */


div#container { background: #fff url(../images/bg.gif) repeat-x top left; }

div#container_r { width: 950px; }

div#header_l { position: relative; }

div#header_r { height: 160px; overflow: hidden; text-align: left; }

div#logo { position: absolute; left: 0; top: 0; float: left; width: 370px; height: 119px; margin-top: 18px; }

div#slogan { position: absolute; left: 0; top: 0; float: left; width: 520px; height: 84px; background: url(../images/slogan.jpg) 0 0 no-repeat; margin-top: 65px; margin-left: 421px; z-index: 1; }

div#produkte_4000 { position:absolute; top:0; right:0; width: 149px; height: 149px; background: url(../images/ecke.gif) 0 0 no-repeat; z-index: 2;}

div#telarea { height: 50px; text-align:left; }

div#contentbox { padding-top: 29px; padding-bottom: 42px; width:950px; text-align:left;  }

div#leftcolumn { padding: 0; margin: 0;	width: 240px; float:left;  }

div#contentcolumn {  padding: 0; margin-left: 240px; width: 710px; }

div#footer { width: 950px; height: 47px; background-color:#FFF; padding-top: 10px;  overflow: hidden; }

.copyright, .copyright a { text-align: left; font-size: 10px; color:#e2001a; }


/* ######## menu left ######## */

/* ######################################## */

div#menubox ul { list-style: none; }
div#menubox ul.menu li {  float:left; margin-bottom: 9px; width: 240px; }
div#menubox ul.menu li a  { display:block; width: 178px; height: 31px; }
div#menubox ul.menu li a span  { display:none;   }

#gunstige_produkte { background: transparent url(../images/menu/navi_links.gif) no-repeat 0 -83px; }
#angebote { background: transparent url(../images/menu/navi_links.gif) no-repeat 0 -43px; }
#bestellen { background: transparent url(../images/menu/navi_links.gif) no-repeat 0 -3px; }
#liefertage { background: transparent url(../images/menu/navi_links.gif) no-repeat 0 -123px; }
#lieferbedingungen { background: transparent url(../images/menu/navi_links.gif) no-repeat 0 -163px; }
#kontakt { background: transparent url(../images/menu/navi_links.gif) no-repeat 0 -203px; }

div#main_content { padding: 30px 86px 41px 0px; }
div#main_content h3 { margin-bottom: 10px;  }


div#top_sales { width: 624px; }

div#top_sales .header_top_sales { height: 27px; background: transparent url(../images/angebote_head.gif) no-repeat; }

div#top_sales .content_top_sales { background-color: #e4e4e4; padding: 15px 10px 0px 10px; }

div#top_sales .footer_top_sales { background: transparent url(../images/angebote_unten.gif) no-repeat; height: 17px; }

/* ######################################## */

div.searchbox {  margin-top: 30px; background: transparent url(../images/suche.gif) no-repeat left top; width: 172px; height: 37px; padding-left: 10px; padding-top: 10px; }
div.search input { font-size: 12px; border: 0; width: 133px; color: #666666; }
div.teaser_vorteile { margin-top: 30px; }

#toolbar_header { background: transparent url(../images/layer_kasten_oben.gif) no-repeat left top; height: 18px;  }
#toolbar_footer { background: transparent url(../images/layer_kasten_unten.gif) no-repeat left bottom; height: 18px;  }
#toolbar_content { padding: 11px 36px 0px 36px; background: #fff; }
#toolbar_content h3 { margin-bottom: 20px; font: 17px; color: #e2001a; }

/* ######################################## */
div#header-nav { margin: 0 auto; z-index:2; position: absolute; }
div#header-nav ul#nav li.over { z-index:2; }
div#header-nav ul {  margin: 0; padding: 0; list-style-image:none; list-style-position:outside; list-style-type:none; position:relative; text-align:left;   }
div#header-nav ul li { display:block;  float:left; height: 20px;  }
div#header-nav ul li span { display:none; }
div#header-nav ul li a, div#header-nav ul li a:hover { display:block; height: 20px; }


div#header-nav ul#nav li.hhund { background: transparent url(../images/menu/navi.gif) no-repeat 0 0; width: 72px;  }
div#header-nav ul#nav li.hhund.over { background: transparent url(../images/menu/navi.gif) no-repeat 0 -20px; }
div#header-nav ul#nav li.hkatze { background: transparent url(../images/menu/navi.gif) no-repeat -72px 0; width: 92px;  }
div#header-nav ul#nav li.hkatze.over { background: transparent url(../images/menu/navi.gif) no-repeat -72px -20px; }
div#header-nav ul#nav li.hnager { background: transparent url(../images/menu/navi.gif) no-repeat -164px 0; width: 198px;  }
div#header-nav ul#nav li.hnager.over { background: transparent url(../images/menu/navi.gif) no-repeat -164px -20px; }
div#header-nav ul#nav li.hvögel { background: transparent url(../images/menu/navi.gif) no-repeat -362px 0; width: 82px;  }
div#header-nav ul#nav li.hvögel.over { background: transparent url(../images/menu/navi.gif) no-repeat -362px -20px; }
div#header-nav ul#nav li.hfische { background: transparent url(../images/menu/navi.gif) no-repeat -444px 0; width: 130px;  }
div#header-nav ul#nav li.hfische.over { background: transparent url(../images/menu/navi.gif) no-repeat -444px -20px; }
div#header-nav ul#nav li.hpferde { background: transparent url(../images/menu/navi.gif) no-repeat -574px 0; width: 77px;  }
div#header-nav ul#nav li.hpferde.over { background: transparent url(../images/menu/navi.gif) no-repeat -574px -20px; }

#nav li.over { z-index:999; }
#nav ul.sub_nav_list li span { display: block; cursor:pointer; white-space:nowrap; }

/************ 0 LEVEL  ***************/ /*aktiver menupunkt*/

#nav li.active a { color:#ffffff; background-color:#fff; }
#nav a {  }
#nav li.over a,
#nav a:hover {  color:#ffffff; text-decoration:none; }

/************ 1ST LEVEL ************/
#nav .level0 ul li,
#nav .level0 ul li.active { float:none;  }

#nav .hhund ul { background-color: #0ba000; }
#nav .hkatze ul  { background-color: #ff6600; }
#nav .hnager ul  { background-color: #00a8ff; }
#nav .hvögel ul  { background-color: #ff00c0; }
#nav .hfische ul { background-color: #8a00ff; }
#nav .hpferde ul  { background-color: #ffb400; }

#nav .level0 ul li a, #nav .level0 ul li a:hover  { text-indent: 0; }

#nav .level0 ul a,
#nav .level0 ul a:hover { float:none;  background:none; }



/************ 2ND LEVEL ************/
#nav ul { position:absolute; left:-10000px; width: 260px; height:auto; top:0px; }
#nav ul.sub_nav_list { padding-top: 22px; }
#nav ul li { padding:3px 11px; }
/* Show menu */
#nav li.over > ul { left:0px; }
#nav li.over > ul li.over > ul { left:0px; }

#nav li.over > ul li.over > ul a { background:#6b9af3; color:#ffffff; text-decoration:none; }
#nav li.over > ul li.over > ul a:hover { background:#1d1865; }
#nav li.over ul ul { left:-10000px; }


#nav ul li a { background:#123; color:#000; padding:3px; height: auto !important; }
#nav ul li a:hover {  background:#fff !important; padding:3px; }


#nav li.hhund ul li a:hover { color: #0ba000; }
#nav li.hkatze ul li a:hover { color: #ff6600; }
#nav li.hnager ul li a:hover { color: #00a8ff; }
#nav li.hvögel ul li a:hover { color: #ff00c0; }
#nav li.hfische ul li a:hover { color: #8a00ff; }
#nav li.hpferde ul li a:hover { color: #ffb400; }

#nav ul li.last   { padding-bottom: 22px; }





/* ######################################## */
div#hmenubox  { overflow: hidden; padding-top: 60px; }

div#hmenubox ul {  list-style-type: none;   }

div#hmenubox ul li {  float: left;  padding-right: 3px; padding-bottom: 2px;  }

div#hmenubox ul li a { display:block; width: 206px; height: 117px;  }
div#hmenubox ul li a span { display:none; }

div#hmenubox #hunde { background: transparent url(../images/menu/bild_hund.gif) no-repeat; }
div#hmenubox #katzen { background: transparent url(../images/menu/bild_katze.gif) no-repeat; }
div#hmenubox #nager { background: transparent url(../images/menu/bild_nager.gif) no-repeat; }
div#hmenubox #voegel { background: transparent url(../images/menu/bild_vogel.gif) no-repeat; }
div#hmenubox #fische { background: transparent url(../images/menu/bild_fisch.gif) no-repeat; }
div#hmenubox #pferde { background: transparent url(../images/menu/bild_pferd.gif) no-repeat; }

div#hmenubox #hunde_trockenfutter { background: transparent url(../images/menu/trockenfutter_hunde.gif) no-repeat; }
div#hmenubox #hunde_nassfutter { background: transparent url(../images/menu/nassfutter_hunde.gif) no-repeat; }
div#hmenubox #katzen_trockenfutter { background: transparent url(../images/menu/trockenfutter_katzen.gif) no-repeat; }
div#hmenubox #katzen_nassfutter { background: transparent url(../images/menu/nassfutter_katzen.gif) no-repeat;  }



/* ######################################## */

div#ubox { padding-bottom: 42px; width: 100%; text-align: left; }
div#ubox h2, div#ubox h3 { margin-bottom: 35px; font-size: 14px; }
div#ubox h2.hund { color: #0ba000; }
div#ubox h2.katze { color: #ff6600; }
div#ubox h2.nager { color: #00a8ff; }
div#ubox h2.vogel { color: #ff00c0; }
div#ubox h2.fische { color: #8a00ff; }
div#ubox h2.pferde { color: #ffb400; }
div#ubox p.cat { margin: 15px 0px; font-weight: bold; }
div#left_markenbox { padding: 0; margin: 0;	width: 205px;  float:left;    }

div#right_makenbox{    width: 401px; background: #fff url(../images/Bilder/web04_slices_12.gif) no-repeat left bottom; margin-left: 205px;    }

div#right_makenbox h3 { background: url(../images/Bilder/web04_slices_03.gif) no-repeat left top; padding: 37px 35px 17px 35px; font: 16px; color: #e2001a; font-weight: bold; }
div#right_makenbox p { padding: 0px 35px 37px 35px;  }


div#verteilerbox li { list-style: square;  line-height: 20px; width:auto; margin-bottom: 5px; }
div#verteilerbox li a  { color: #000; }
div#verteilerbox li a:hover  { color: #e2001a; }
div#verteilerbox li.page_folder { list-style: none;   }
div#verteilerbox li.page_folder a { font-size: 12px; list-style: none; font-weight: bold;  }

div#verteilerbox li.page_folder li { list-style: square;  line-height: 20px; width:auto;  }

div#verteilerbox li.first { list-style: none; margin-bottom: 15px;   }
div#verteilerbox li.first a { font-size: 12px; list-style: none; font-weight: bold; border-bottom: solid #000 thin; text-decoration: none;  }


/* ########### Color-Class ###################### */

.green { font-size: 14px; color: #0ba000; font-weight: bold; }
.orange { font-size: 14px; color: #ff6600; font-weight: bold; }
.blue { font-size: 14px; color: #00a8ff; font-weight: bold; }
.pink {font-size: 14px; color: #ff00c0; font-weight: bold; }
.lila {font-size: 14px; color: #8a00ff; font-weight: bold; }
.yellow {font-size: 14px; color: #ffb400; font-weight: bold; }


/* ########### TABLE ############################ */

div#tabelle .table_style { width: 710px; color:#000; }
div#tabelle .table_style, .table_style td, .table_style th { border: 1px solid #d0d1d2; font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

div#tabelle .table_style {	border-width: 0px 0px 1px 1px;	border-spacing: 0;	border-collapse: collapse;	}

div#tabelle .table_style td, div#tabelle .table_style th { margin: 0; padding: 7px 4px; border-width: 1px 1px 0 0; }
div#tabelle .table_style .trhead th  {  color:#fff; border-bottom: 1px solid #000; }

div#tabelle .green .trhead th, div#tabelle .green tr:hover td { background-color: #2a9100; }
div#tabelle .orange .trhead th, div#tabelle .orange tr:hover td { background-color: #FF6600; }
div#tabelle .blue .trhead th, div#tabelle .blue tr:hover td { background-color: #00A8FF; }
div#tabelle .pink .trhead th, div#tabelle .pink tr:hover td { background-color: #FF00C0; }
div#tabelle .lila .trhead th, div#tabelle .lila tr:hover td { background-color: #8A00FF; }
div#tabelle .yellow .trhead th, div#tabelle .yellow tr:hover td { background-color: #FFB400; }


div#tabelle .table_style td.tdhead { font-weight: bold; }
div#tabelle .table_style tr.odd { background-color: #dcddde; }
div#tabelle .table_style tr.even { background-color: #f1f2f2; }

div#tabelle .table_style tr:hover td  { color:#FFF; }
div#tabelle .table_style tr:hover td.preis { font-weight: bold; }

.zentr { text-align: center; }
.preis { color: #CC071E; }

/* ########### Orderform ############################ */
.btn_send { background: transparent url(../images/menu/navi_links.gif) no-repeat 0 -3px; width: 178px; height: 31px; border:none; cursor: pointer; }

.btn_send[disabled] { opacity: 0.5; cursor: auto; }


#toolbar_content.toolbar_content { width: 855px; }
#toolbar_content.toolbar_content legend { padding: 0px 2px; }
#toolbar_content.toolbar_content p { margin: 15px 0px;}
#toolbar_content.toolbar_content fieldset { width: 600px; padding: 20px 10px 12px 10px; margin-right: 4px; border: 1px solid #A8A8A8; height: 320px; } 
#toolbar_content.toolbar_content label { width: 220px; display:block; float: left; }
#toolbar_content.toolbar_content select { width: 182px; }

#toolbar_content.toolbar_content fieldset.bestellfield { width: 200px; }
#toolbar_content.toolbar_content fieldset.bestellfield label { width: 90px; }
#toolbar_content.toolbar_content fieldset.bestellfield label.uberschrift_bestell { width: 100px; }
#toolbar_content.toolbar_content fieldset.bestellfield input { width: 100px; }
#toolbar_content.toolbar_content fieldset.bestellfield input.anzahl { width: 80px; }

#toolbar_content.toolbar_content input { width: 180px; padding: 1px 0px; }
#toolbar_content.toolbar_content .strasse input, #toolbar_content.toolbar_content .ort input { width: 300px; }
#toolbar_content.toolbar_content .hausnummer input, #toolbar_content.toolbar_content .plz input { width: 60px; }
#toolbar_content.toolbar_content input.accept { width: auto;}

/*#####*/

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 250px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}