@import url('/fancybox/jquery.fancybox-1.3.1.css');

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	-webkit-text-size-adjust: none;
}

img,div,input,a {
	behavior: url("iepngfix.htc");
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #211914;
	background: #211914;
	margin: 2px 0 0;
}

/* general */

img {
	border-style: none;
}

p {
	color: #211914;
	font-size: 12px;
	text-align: left;
	line-height: 1.4em;
}

a {
	color: #2aa4c6;
	line-height: 1.4em;
	text-decoration: none;
}

a:hover {
	color: #c2c6c5;
	text-decoration: none;
}

h1 {
	visibility: hidden;
}

h2 {
	font-weight: normal;
	font-style: normal;
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 20px;
}

h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
}

h4 {
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #a6a3a1;
}

h4 a {
	color: #a6a3a1;
}

h4 a:hover {
	color: #2aa4c6;
}

h5 {
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	margin: 5px 0;
}

h5 a {
	color: #211914;
}

h5 a:hover {
	color: #2aa4c6;
}

h6 {
	font-weight: normal;
	font-style: normal;
	font-size: 48px;
	margin-top: 50px;
	margin-bottom: 80px;
}

.serif {
	font: Georgia, "Times New Roman", Times, serif;
}

/* form */

fieldset {
	border-style: none;
	margin: 0;
}

.form fieldset{
	margin: 0;
	border: 1px solid #e5e5e4;
}



label {
	width: 180px;
	display: block;
	float: left;
}

.inputRequirement{
	font-weight: normal;
	color: #ff278d;
	font-size: 24px;
}


input.field, textarea.textarea {
	border-style: solid;
	border-color: rgb(142, 142, 142) rgb(225, 225, 225) rgb(225, 225, 225) rgb(142, 142, 142);
	border-width: 1px;
	padding: 2px;
	background: #fff;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-variant: normal;
	font-size: 12px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	float: left;
	margin: 25px 0 0;
	height: 26px;
	color: #666;
}

.clr {
	clear: both;
	width: 100%;
	height: 0;
}

.clrspace {
	clear: both;
	width: 100%;
	height: 60px;
}

.clrtwenty {
	clear: both;
	width: 100%;
	height: 20px;
}

.line {
	width: 100%;
	height: 0;
	border-bottom: 1px solid #c2c6c5;
	margin-bottom: 20px;
	margin-top: 20px;
}

.floatright {
	float: right;
	text-align: right;
}

/* sliderlocation */

.locationslide {
	background: transparent;
	z-index: 1000;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.location-slide {
	text-align: center;
	width: 980px;
	height: 20px;
	margin: 0 auto;
	display: block;
	background: url(img/choose.gif) no-repeat;
	clear: both;
}

.active {
	background-position: right 0;
}

#location {
	background: transparent;
	display: none;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	color: #eae5cf;
	padding-bottom: 50px;
}

.locationblock {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding-right: 10px;
}

.locationblockright {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	float: right;
	padding-right: 40px;
	text-align: right;
	padding-top: 30px;
}

.locationblockright a{
	color: #a6a3a1;
	font-size: 16px;
}

.locationblockright a:hover{
	color: #2aa4c6;
}

/* content */

#middle {
	width: 100%;
	background: #dfdfdf url(img/shadowbg.jpg) no-repeat center top;
}

.container {
	width: 980px;
	margin: 0 auto;
}

/* Header */

#header {
	width: 100%;
}

#logo {
	width: 200px;
	height: 150px;
	float: left;
}

/* @group navigation */

#navigation {
	float: right;
	font: bold 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: none;
	text-shadow: #fff 0 1px 1px;
	margin-top: 70px;
	margin-bottom: 10px;
}

#navigation li {
	float: left;
	padding-right: 2px;
	background: url(img/nav-li.png) no-repeat right 0;
	list-style-type: none;
}

#navigation li a {
	float: left;
	padding: 10px 20px 5px;
	background: url(img/nav-a.png) repeat-x 0 0;
	color: #666;
	height: 61px;
}

#navigation li.selected a,
#navigation li.selected a:hover {
	color: #39c;
	cursor: default;
	text-decoration: none;
}

#navigation li.selected a:focus {
	color: #069;
}

#navigation li a:hover,
#navigation li a:focus {
	color: #333;
	text-decoration: none;
}

#navigation li a:active {
	padding-top: 11px;
	padding-bottom: 4px;
}

#navigation li.first a {
	background: url(img/nav-a-first.png) no-repeat 0 0;
	padding-left: 22px;
}

#navigation li.last {
	background: none;
	padding: 0;
}

#navigation li.last a {
	background: url(img/nav-a-last.png) no-repeat right 0;
	padding-right: 22px;
}

#navigation li.lastshop {
	background: none;
	padding: 0;
}

#navigation li.lastshop a {
	background: url(img/nav-a-last-shop.png) no-repeat right 0;
	padding-right: 40px;
}

/* onlyindex */

#slidertop {
	width: 980px;
	height: 20px;
	background: url(img/indextop.png) no-repeat;
	clear: both;
}

#contentleftslider {
	width: 659px;
	height: 410px;
	float: left;
	background: url(img/sliderbg.jpg) no-repeat;
}

#contentrightindex {
	width: 321px;
	float: left;
	height: 410px;
}

#contentrightindexbg {
	width: 321px;
	float: left;
	height: 410px;
	background: url(img/indexbgrightneu.jpg) no-repeat;
}

.jetztkaufen a{  
  display:block;  
  width:79px;   
  height:77px;  
  background:transparent url(img/jetztkaufen.png) no-repeat top left;
	margin-top: 328px;
	margin-left: 205px;
}  
  
.jetztkaufen a:hover {  
  display:block;  
  width:79px;   
  height:77px;  
  background:transparent url(img/jetztkaufen.png) no-repeat bottom left;  
}

.schweizhover a{  
  display:block;  
  width:275px;   
  height:151px;  
  background: url(img/schweizhover.jpg) no-repeat top left;
	float: left;
}  
  
.schweizhover a:hover {  
  display:block;  
  width:275px;   
  height:151px;  
  background: url(img/schweizhover.jpg) no-repeat bottom left;  
}

.euhover a{  
  display:block;  
  width:275px;   
  height:151px;  
  background: url(img/euhover.jpg) no-repeat top left;
	float: left;
}  
  
.euhover a:hover {  
  display:block;  
  width:275px;   
  height:151px;  
  background: url(img/euhover.jpg) no-repeat bottom left;  
}


#sliderbottom {
	width: 980px;
	height: 20px;
	background: url(img/indexbottom.png) no-repeat;
	clear: both;
	margin-bottom: 20px;
}

/* content */

.whitetop {
	width: 980px;
	height: 35px;
	background: url(img/whitetop.jpg) no-repeat;
	clear: both;
}

#ausstattung {
	width: 300px;
	height: 53px;
	float: left;
	background: url(img/austattungsmerkmale.gif) no-repeat;
	padding-right: 30px;
	padding-top: 120px;
	text-align: right;
}



#hundeladen {
	width: 310px;
	height: 93px;
	float: left;
	background: url(img/hund-hundeladen.jpg) no-repeat;
	padding-right: 20px;
	padding-top: 80px;
	text-align: right;
}

#kollektion {
	width: 314px;
	height: 53px;
	float: left;
	background: url(img/kollektion.jpg) no-repeat;
	padding-right: 15px;
	padding-top: 120px;
	text-align: right;
	vertical-align: bottom;
}

#shopfinder {
	width: 161px;
	height: 35px;
	float: left;
	background: url(img/shopfinder.jpg) no-repeat;
	padding-right: 160px;
	padding-top: 138px;
	text-align: right;
	vertical-align: bottom;
}

.whitebottom {
	width: 980px;
	height: 35px;
	background: url(img/whitebottom.jpg) no-repeat;
	clear: both;
}

#whitecontent {
	width: 940px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #ffffff;
}



#browncontent {
	width: 940px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #211914;
}

#flagusa {
	width: 300px;
	text-align: left;
	height: 25px;
	background: url(flags/Flag-of-United-States-klein.png) no-repeat;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-top: 25px;
	font-size: 16px;
}

.contentline {
	height: 1px;
	border-bottom: 1px solid #ccc;
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
}

.bildlinks {
	width: 320px;
	float: left;
	padding: 10px 20px 10px 10px;
	border-right: 1px solid #c2c6c5;
}

.bildklinks {
	float: left;
	padding: 10px 20px 10px 10px;
}

.textrechts {
	height: 210px;
	float: left;
	background: url(img/shadowrechts.gif) no-repeat left center;
	padding: 10px 10px 10px 40px;
	width: 500px;
}

.collumleft {
	width: 420px;
	float: left;
	padding: 10px 20px 10px 10px;
}

.collumright {
	width: 420px;
	float: right;
	padding: 10px 20px 10px 10px;
}

ul.collumlist {
	list-style-type: disc;
	line-height: 1.5em;
}

.contentintrotext {
	float: left;
	padding: 40px 20px 20px;
	width: 650px;
}

.merkmalelinks {
	float: left;
	padding: 20px 10px 10px;
	width: 140px;
	height: 80px;
}

.merkmalerechts {
	float: left;
	padding: 10px;
	width: 700px;
	height: 80px;
}

.borderimg {
	float: left;
	padding: 10px;
	width: 280px;
	height: 180px;
	border: 1px solid #c2c6c5;
	margin-right: 10px;
}

.distributors {
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.flag {
	width: 50px;
	float: left;
}

.flagtext {
	width: 320px;
	float: left;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#toptext .button {
	width: 144px;
	background-image: url('img/button_post.png');
	float: left;
	margin-top: 20px;
}

input.button {
	border-style: none;
	background: url('img/button_post.png') repeat scroll 0pt 0pt;
	cursor: pointer;
	height: 43px;
	width: 144px;
	color: rgb(0, 0, 0);
	text-align: center;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 40px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	margin-top: 5px;
}

input.button:hover {
	background-position: 0pt -43px;
}

input.button:active {
	background-position: 0pt -86px;
}

/* footer */

.footer {
	width: 980px;
	margin: 0 auto;
	color: #7a7572;
	line-height: 1.5em;
}

.footer a{
	color: #7a7572;
}

.footerleft {
	width: 300px;
	padding-right: 25px;
	margin-top: 30px;
	float: left;
	font-size: 12px;
}

.footerlist {
	padding-right: 40px;
	margin-top: 20px;
	float: left;
	font-size: 12px;
	line-height: 1.8em;
	text-align: left;
}

.footerlistright {
	margin-top: 20px;
	float: left;
	font-size: 12px;
	line-height: 1.8em;
}

.footerline{
	border-bottom: 1px solid #38302c;
	width: 100%;
	height: 1px;
}


.footertext {
	background: url(/img/doggies.gif) no-repeat 10px;
	font-style: italic;
	float: left;
	width: 650px;
	padding-left: 100px;
	padding-right: 20px;
}

.fan {
	font-style: normal;
	float: right;
	padding-right: 20px;
	height: 48px;
}

ul.list {
	list-style-type: disc;
	color: #7a7572;
}

ul.list a {
	color: #a6a3a1;
;
}

ul.list a:hover {
	color: #2aa4c6;
}

.kursiv {
	font-style: italic;
}

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */

#slider {
	width: 659px;
	height: 410px;
	background: url(images/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.nivoSlider {
	position: relative;
}

.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none;
}

/* The slices in the Slider */

.nivo-slice {
	display: block;
	position: absolute;
	z-index: 50;
	height: 100%;
}

/* Caption styles */

.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	color: #fff;
	opacity: 0.8;
	/

* Overridden by captionOpacity setting */
	width: 100%;
	z-index: 89;
}

.nivo-caption p {
	padding: 5px;
	margin: 0;
}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 99;
	cursor: pointer;
}

.nivo-prevNav {
	left: 0px;
}

.nivo-nextNav {
	right: 0px;
}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {
	position: relative;
	z-index: 99;
	cursor: pointer;
}

.nivo-controlNav a.active {
	font-weight: bold;
}

/* slider */

.slide {
	margin: 0px auto 0;
	padding: 0;
	background: transparent;
	z-index: 1000;
	width: 900px;
}

.btn-slide {
	text-align: center;
	width: 161px;
	height: 31px;
	margin: 0 auto;
	display: block;
	background: url(img/mehr.png) no-repeat;
}

.active {
	background-position: right 0;
}

#slidetext {
	display: none;
}

.onlineshops {
	width: 550px;
	height: 350px;
	margin-left: 5px;
}


.onlineshopslinks {
	float: left;
}