#page {
background-color:#003a22;
background-image:url(images/fp_body.jpg);
background-repeat:no-repeat;
background-position:center top;
background-attachment:fixed;
}
.page_width {
width:960px !important;
}
#header_wrapper {
height:388px;
background-image:url(images/header_wrapper_hintergrund.png);
background-repeat:repeat-x;
margin:0 auto;
}
div#scroller_top {
height:13px;
width:100%;
margin:0;
background-image: url(images/header_top.jpg);
background-repeat: no-repeat;
background-position: center top;
position:absolute;
}
/********
SLIDER
*********/
/* Container DIV - automatically generated */
.simply-scroll-container {
position:relative;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip {
position:relative;
overflow:hidden;
z-index:2;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
position:absolute;
top:0;
left:0;
z-index:1;
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
.simply-scroll-list li {
padding:0;
margin:0;
list-style:none;
}
.simply-scroll-list li img {
border:none;
display:block;
}
/* Custom class modifications - adds to / overrides above
.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
position:absolute;
width:100%;
height:280px;
top:13px;
}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
width:100%;
height:280px;
}
/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
float:left; /* Horizontal scroll only */
width:2057px;
height:280px;
}
#header {
height:326px;
margin:0 auto;
}
div#zum_FR {
height:135px;
position:absolute;
top:220px;
left:80px;
z-index:100000;
float:left;
display:none;
}
div#cats-n-dogs {
height:153px;
left:235px;
position:absolute;
top:157px;
width:496px;
z-index:10;
}
#logo {
top:27px;
}
#headlinks_wrapper {
margin-left:0px;
width:972px;
z-index:100;
}
#headlinks {
border:none;
}
#headlinks.active {
border:none;
}
#headlinks ul li > a, #headlinks li.basket > a {
background-color:transparent;
-moz-border-radius:0px;
border-radius:0px;
color:#ffffff;
padding:0px 30px 0px 0px;
}
#headlinks ul li.first {
margin-left:8px;
}
#headlinks ul li.basket {
margin-right:8px;
}
#headlinks li.basket > a {
padding:0px !important;
}
#headlinks ul li > a:hover, #headlinks li.basket > a:hover {
text-shadow: 0px 0px 8px #FFFF00, 0px 0px 8px #FFFF00, 0px 0px 8px #fff;
background-color:transparent;
}
#headlinks li.basket.items > a {
color: #fff;
padding-right: 20px !important;
padding-left:10px !important;
background-image: url(../base/images/expander-down.png);
background-repeat: no-repeat;
background-position: 98% center;
background-color:transparent;
}
#headlinks li.basket div.articles {
border-color:#296b1a;
}
div.basket_wrapper {
background-color:#fff;
padding:4px;
}
p#vers_frei {
background-image: url(images/hinweis_hund.png);
background-repeat: no-repeat;
background-position: left center;
height:100px;
margin: 0 0 1em;
padding: 0 30px 0 100px;
}
p#vers_frei > span {
background-color:#C0E893;
padding:0.5em 1.5em;
display:block;
border: 2px solid #296b1a;
margin-top:22px;
float:left;
-moz-border-radius:5px;
border-radius:5px;
font-size:1.4em;
}
#settings {
display:none;
}
.sidebox h3 {
background:url(images/sidepanel_h3bgr.png) no-repeat transparent;
border:none;
width:246px;
height:48px;
margin-left:-30px;
color:#fff;
padding:13px 0 0 40px;
font-size:1.2em !important;
z-index:1;
}
#speciallinks, #search {
background:transparent;
margin:0 auto;
position:relative;
z-index:100;
}
#outer_wrapper {
margin:0 auto;
}
#page_wrapper {
height:100%;
float:left;
position:relative;
background-color:#ffffff;
margin-top:-62px;
padding-top:72px;
margin-bottom:-6px !important;
border-right:6px solid #296B1A;
border-left:6px solid #296B1A;
border-bottom:6px solid #296B1A;
-moz-border-radius:0px 0px 20px 0px;
border-radius:0px 0px 20px 0px;
-moz-box-shadow:0px 0px 25px #003A22;
-webkit-box-shadow:0px 0px 25px #003A22;
box-shadow:0px 0px 25px #003A22;
background:#ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwZTg5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWZmYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #c0e893 0%, #ffffff 25%, #ffffff 75%, #e5ffc8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c0e893), color-stop(25%, #ffffff), color-stop(75%, #ffffff), color-stop(100%, #e5ffc8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #c0e893 0%, #ffffff 25%, #ffffff 75%, #e5ffc8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #c0e893 0%, #ffffff 25%, #ffffff 75%, #e5ffc8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #c0e893 0%, #ffffff 25%, #ffffff 75%, #e5ffc8 100%); /* IE10+ */
background: linear-gradient(left, #c0e893 0%, #ffffff 25%, #ffffff 75%, #e5ffc8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e893', endColorstr='#e5ffc8', GradientType=1 ); /* IE6-8 */
}
.category_wrapper {
border:none;
}
/**********************
Artikel-Ansichten >>
***********************/
/*ALLGEMEIN*/
#styled_view li .article_wrapper:hover {
border:3px solid #296B1A;
}
#styled_view li .article_wrapper {
border:3px solid #f5f5f5;
}
span.vat_info a {
text-decoration:none;
font-weight:bold;
color:#296B1A;
}
span.vat_info a:hover {
text-decoration:underline;
}
#styled_view li h3 a {
text-decoration:none;
display:block;
width:100%;
height:100%;
}
#styled_view li h3 a:hover {
text-decoration:underline;
}
#styled_view li .article_wrapper .image, #styled_view li .article_wrapper a .image {
display:block;
margin:0 auto;
}
/*GALERIE*/
ul.articles li, #styled_view li.gallery {
width:234px;
}
#styled_view li.gallery .article_image {
min-height:100px;
line-height:250%;
}
#styled_view li.gallery .article_image .image_overlay_wrapper {
padding-top:4px;
}
#styled_view li.gallery h3 {
height:44px;
padding:8px 10px;
background-color:#fafafa;
margin-bottom:0;
vertical-align:middle;
}
#styled_view li.gallery h3 a {
}
#styled_view li h3 a:hover {
text-decoration:underline;
}
#styled_view li.gallery .article_price {
height:60px;
background-color:#f5f5f5;
}
#styled_view li.gallery .article_wrapper {
min-height:250px;
margin:4px 4px 8px 4px;
padding:0;
}
#styled_view li.gallery .article_wrapper .GalerieHerstellerName {
background-color:#f5f5f5;
padding:4px 0px;
text-align:center;
margin-bottom:8px;
}
#styled_view li.gallery .article_wrapper .GalerieHerstellerName a {
text-decoration:none;
font-weight:bold;
}
/*LISTE*/
#styled_view li.list .article_wrapper {
margin-top:4px;
margin-bottom:8px;
padding:10px;
}
#styled_view li.list h3 {
margin-top:4px;
margin-bottom:8px;
}
#styled_view li.list .article_image {
min-width:85px;
max-width:85px;
}
#styled_view li.list .article_wrapper .GalerieHerstellerName {
display:none;
}
#styled_view li ul.article_info {
list-style:none;
}
#styled_view li ul.article_info > li {
margin-left:0;
}
#styled_view li ul.article_info > li a {
text-decoration:none;
}
#styled_view li ul.article_info > li a:hover {
text-decoration:underline;
}
/*MOSAIK*/
#styled_view li.mosaic .article_wrapper .GalerieHerstellerName {
display:none;
}
/**********************
<< Artikel-Ansichten
***********************/
.financing, .comment, .differential_price, #article .article_matrix, #article fieldset.article_buyfield {
background-color:#E5FFC8;
border:3px solid transparent;
}
.financing, .comment, .differential_price, #article .article_matrix, #article fieldset.article_buyfield:hover {
border:3px solid #296B1A;
}
#image_wrapper .image {
border:2px solid #eee;
-moz-border-radius:0px 10px 0px 0px;
border-radius:0px 10px 0px 0px;
}
div#wrap img {
-moz-border-radius:0px 10px 0px 0px;
border-radius:0px 10px 0px 0px;
}
#article .article_images {
-moz-border-radius:0px 0px 10px 0px;
border-radius:0px 0px 10px 0px;
}
div.article_details div.tright ul.article_list {
background-color:#e5ffc8;
padding:4px 8px 8px 4px;
margin-bottom:10px;
border:2px solid #296b1a;
-moz-border-radius:5px;
border-radius:5px;
}
span.price {
font-size:1.8em;
}
#article fieldset.article_buyfield ul li {
margin-bottom:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
vertical-align:middle;
}
#article fieldset.article_buyfield ul li:hover {
background-color:#f2f5fa;
}
#attribute_list .item {
background-color:#E5FFC8;
border:2px solid #e5ffc8;
}
#attribute_list strong.label {
line-height:250%;
}
#attribute_list ul.values li {
line-height:250%;
}
ul.semtabs {
height:32px;
}
ul.semtabs li.active a {
background-color:#296b1a;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
border:1px solid transparent;
color:#fff;
font-weight:bold;
height:100%;
display:block;
}
ul.semtabs li a {
background-color:#E5FFC8;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
border-top:1px solid transparent;
border-right:1px solid transparent;
border-bottom:1px solid #296b1a;
border-left:1px solid transparent;
height:100%;
display:block;
}
ul.semtabs li a:hover {
border:1px solid #296b1a;
}
div.semtabs {
background-color:#fff;
border:1px solid #296b1a;
-moz-border-radius:0px 10px 10px 0px;
border-radius:0px 10px 10px 0px;
}
.panel_left #content {
margin-left:210px;
padding-left:20px;
padding-right:10px;
}
div.sidebox {
border:none;
margin-bottom:25px;
}
div.sidebox_content {
border-top:2px solid #296B1A;
border-right:2px solid #296B1A;
border-bottom:2px solid #296B1A;
border-left:none;
-moz-border-radius:0px 0px 10px 0px;
border-radius:0px 0px 10px 0px;
margin-top:-18px;
padding-top:20px !important;
padding-bottom:10px !important;
width:176px;
background-color:#83CB30;
}
ul.categories li.active {
background-color:#BDED87;
}
ul.categories li a {
padding:4px 0;
}
#footer_wrapper {
margin:0;
padding-bottom:50px;
/* border-top:6px solid #296B1A; */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.7) 7%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(7%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.7) 7%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.7) 7%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.7) 7%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.7) 7%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}
#footer_inner {
width:972px;
margin:0 auto;
}
.browser_type_msie #footer_inner, .browser_type_chrome #footer_inner {
padding-left:11px;
}
#footer {
border:6px solid #296B1A;
-moz-border-radius:0px 20px 20px 0px;
border-radius:0px 20px 20px 0px;
margin-left:6px;
background-color:#c0e893;
-moz-box-shadow:0px 0px 25px #003A22;
-webkit-box-shadow:0px 0px 25px #003A22;
box-shadow:0px 0px 25px #003A22;
padding-top:20px;
padding-left:10px;
padding-right:10px;
width:940px;
}
#footer .master {
background:transparent;
}
a, a:visited, a:link {
color:#296B1A;
}
ul.categories ul.subcat > .active > a > span, ul.categories ul.subcat ul.subcat > .active > a > span {
display:block;
padding-top:4px;
padding-bottom:4px;
background-color:#e5e5e5;
}
.futterrechner form#improve_search {
height:300px;
background-color:#fff;
background-image: url(images/hissi_rechner.jpg);
background-repeat: no-repeat;
background-position: right 20px;
}
.futterrechner form#improve_search fieldset {
width:450px;
}
.FR_hide {
display:none;
}
.futterrechner .FR_hide {
display: block;
}
.futterrechner #FR_info {
}
