@charset "utf-8";

/*-----------------------------------*/
/*---------- Global Styles ----------*/
/*-----------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

abbr,
acronym {
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content:'';
}

.clear {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	height: 0;
	clear: both;
}

.indented {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

.noMargin {
	margin: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

html,
body {
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	background: #f1edda url(../images/bg/bg-body.png) repeat-x 0 0;
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/*-----------------------------------*/
/*---------- Layout Styles ----------*/
/*-----------------------------------*/

/*---------- Container ----------*/
#container {
	width: 990px;
	margin: 0 auto;
	background: url(../images/bg/bg-container.jpg) no-repeat center top;
}

/*---------- Header ----------*/
#header {
	width: 990px;
	height: 392px;
	position: relative;
}

/*---------- Branding ----------*/
h1#branding {
	width: 366px;
	height: 184px;
	position: absolute;
	left: 10px;
	top: 102px;
}

h1#branding a {
	display: block;
	width: 366px;
	height: 184px;
}

/*---------- NavigationAdditional ----------*/
ul#navigationAdditional {
	width: 504px;
	height: 40px;
	position: absolute;
	right: 19px;
	top: 27px;
	overflow:hidden;
}

ul#navigationAdditional li {
	float: left;
	padding-right: 6px;
}

ul#navigationAdditional li a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height:40px;
}

ul#navigationAdditional li a.index {
	width:70px;
	background:url(../images/bg/bg-navi-additional.png) 0 0 no-repeat;
}

ul#navigationAdditional li a:hover.index,
ul#navigationAdditional li.active a.index {
	background:url(../images/bg/bg-navi-additional.png) 0 -40px no-repeat;
}

ul#navigationAdditional li a.gaestebuch {
	width:109px;
	background:url(../images/bg/bg-navi-additional.png) -76px 0 no-repeat;
}

ul#navigationAdditional li a:hover.gaestebuch,
ul#navigationAdditional li.active a.gaestebuch {
	background:url(../images/bg/bg-navi-additional.png) -76px -40px no-repeat;
}

ul#navigationAdditional li a.kontakt {
	width:95px;
	background:url(../images/bg/bg-navi-additional.png) -191px 0 no-repeat;
}

ul#navigationAdditional li a:hover.kontakt,
ul#navigationAdditional li.active a.kontakt {
	background:url(../images/bg/bg-navi-additional.png) -191px -40px no-repeat;
}

ul#navigationAdditional li a.anfahrt {
	width:95px;
	background:url(../images/bg/bg-navi-additional.png) -292px 0 no-repeat;
}

ul#navigationAdditional li a:hover.anfahrt,
ul#navigationAdditional li.active a.anfahrt {
	background:url(../images/bg/bg-navi-additional.png) -292px -40px no-repeat;
}

ul#navigationAdditional li a.impressum {
	width:104px;
	background:url(../images/bg/bg-navi-additional.png) -393px 0 no-repeat;
}

ul#navigationAdditional li a:hover.impressum,
ul#navigationAdditional li.active a.impressum {
	background:url(../images/bg/bg-navi-additional.png) -393px -40px no-repeat;
}

/*---------- Navigation ----------*/
ul#navigation {
	width: 975px;
	height: 60px;
	padding-left:15px;
	position: relative;
	float:left;
	overflow:hidden;
	background:url(../images/bg/bg-navi.jpg) 0 0 no-repeat;
}

ul#navigation li {
	float: left;
	padding-right: 8px;
}

ul#navigation li a {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height:60px;
}

ul#navigation li a.hunde-katzenzubehoer {
	width:205px;
	background:url(../images/bg/bg-navi.jpg) -15px 0 no-repeat;
}

ul#navigation li a:hover.hunde-katzenzubehoer,
ul#navigation li.active a.hunde-katzenzubehoer {
	background:url(../images/bg/bg-navi.jpg) -15px -60px no-repeat;
}

ul#navigation li a.zwinger-hundehutten {
	width:210px;
	background:url(../images/bg/bg-navi.jpg) -228px 0 no-repeat;
}

ul#navigation li a:hover.zwinger-hundehutten,
ul#navigation li.active a.zwinger-hundehutten {
	background:url(../images/bg/bg-navi.jpg) -228px -60px no-repeat;
}

ul#navigation li a.pokale-geschenkartikel {
	width:226px;
	background:url(../images/bg/bg-navi.jpg) -446px 0 no-repeat;
}

ul#navigation li a:hover.pokale-geschenkartikel,
ul#navigation li.active a.pokale-geschenkartikel {
	background:url(../images/bg/bg-navi.jpg) -446px -60px no-repeat;
}

ul#navigation li a.sportbekleidung-beflockung {
	width:286px;
	background:url(../images/bg/bg-navi.jpg) -680px 0 no-repeat;
}

ul#navigation li a:hover.sportbekleidung-beflockung,
ul#navigation li.active a.sportbekleidung-beflockung {
	background:url(../images/bg/bg-navi.jpg) -680px -60px no-repeat;
}

/*---------- ContentContainer ----------*/
#contentContainer {
	width: 945px;
	padding: 5px 0 0 43px;
}

/*---------- ContentMain ----------*/
#contentMain {
	float: left;
	width: 394px;
	padding: 16px 0 2px 0;
}

hr {
   height: 1px;
   border: 0;
   color: #EEE9D3;
   background: #EEE9D3;
   margin: 15px auto;
   border-top:1px solid #e2ddc7;
   width: 100% !important;
}

#contentMain h2 {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	height:63px;
	width:392px;
	margin: 0 0 18px 4px;
}

h2.wilkommen {
	background:url(../images/h2/h2-willkommen.gif) 0 0 no-repeat;
}

h2.danke {
	background:url(../images/h2/h2-danke.gif) 0 0 no-repeat;
}

h2.error404 {
	background:url(../images/h2/h2-error404.gif) 0 0 no-repeat;
}

h2.anfahrt {
	background:url(../images/h2/h2-anfahrt.gif) 0 0 no-repeat;
}

h2.kontakt {
	background:url(../images/h2/h2-kontakt.gif) 0 0 no-repeat;
}

h2.hunde-katzenzubehoer {
	background:url(../images/h2/h2-hunde-katzenzubehoer.gif) 0 0 no-repeat;
}

h2.spingboost-schuhe {
	background:url(../images/h2/h2-spingboost-schuhe.gif) 0 0 no-repeat;
}

h2.zwinger-hundehutten {
	background:url(../images/h2/h2-zwinger-hundehutten.gif) 0 0 no-repeat;
}

h2.pokale-geschenkartikel {
	background:url(../images/h2/h2-pokale-geschenkartikel.gif) 0 0 no-repeat;
}

h2.sportbekleidung-beflockung {
	background:url(../images/h2/h2-sportbekleidung-beflockung.gif) 0 0 no-repeat;
}

h2.impressum {
	background:url(../images/h2/h2-impressum.gif) 0 0 no-repeat;
}

h2.gaestebuch {
	background:url(../images/h2/h2-gaestebuch.gif) 0 0 no-repeat;
}

#contentMain h3{
	width:384px;
	color:#fff;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	margin: 0 0 16px 0;
	padding:2px 6px 1px 4px;
	background:#abc108;
	border:1px solid #a8b053;
}

#footer h3 {
	width:254px;
	color:#fff;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	margin: 0 0 16px 0;
	padding:2px 6px 1px 4px;
	background:#abc108;
	border:1px solid #a8b053;
}

#contentContainer p {
	margin: 0 0 18px 5px;
}

#contentContainer a {
	color: #000000;
	text-decoration: underline;
}

#contentContainer a:hover {
	text-decoration: none;
}

#contentMain a.shopLink {
	color:#abc108;
	font-size:18px;
	font-weight: bold;
	text-decoration: none;
}

#contentMain a:hover.shopLink {
	text-decoration: underline;
}

#contentContainer strong {
	font-weight: bold;
}

#contentContainer em {
	font-style: italic;
}

.gallery li {
	width:180px;
	float:left;
	padding:0 15px 15px 0;
}

.photo {
	width:180px;
	height:120px;
}

.image {
	border: 5px solid #C9C3A4;
	margin: 0 10px 10px 0;
}

/*---------- ContentSidebar ----------*/
#contentSidebar {
	float: right;
	width: 522px;
	padding: 1px 8px 0 0;
}

.contentColumn {
	width:261px;
	float:left;
}

/* sidebar kontakt */
ul.kontakt {
	width:232px;
	height:157px;
	position:relative;
	padding:40px 0 0 18px;
	margin: 0 0 0 11px;
	background:url(../images/bg/bg-kontakt.gif) 0 0 no-repeat;
}

ul.kontakt li {
	width:232px;
	float:left;
}

ul.kontakt li.address {
	padding-bottom:18px;
}

ul.kontakt em {
	font-style:normal !important;
	width:72px;
	float:left;
}

ul.kontakt img {
	padding:0 3px;
	position: relative;
	overflow:hidden;
	display:inline;
}

* html dl.kontakt p.punkt { /* IE6 */
}

*+html dl.kontakt span.punkt { /* IE7 */
}

/* Springboost schuhe */
h3 a.spingboost-schuhe {
	display: block;
	width:261px;
	height:104px;
	margin-top:-36px;
	position:relative;
}

h3 a.spingboost-schuhe {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width:261px;
	height:104px;
	background:url(../images/bg/bg-springboost-schuhe.jpg) 0 0 no-repeat;
}

h3 a:hover.spingboost-schuhe,
h3.active a.spingboost-schuhe {
	background:url(../images/bg/bg-springboost-schuhe.jpg) 0 -104px no-repeat;
}

/* Onlineshop */
h3 a.onlineshop {
	display: block;
	width:256px;
	height:63px;
	position:relative;
	margin-left:1px;
}

h3 a.onlineshop {
	font-size: 0.001em;
	line-height: 0.001em;
	text-indent: -5555px;
	overflow: hidden;
	display: block;
	width:256px;
	height:63px;
	background:url(../images/bg/bg-onlineshop.png) 0 0 no-repeat;
}

h3 a:hover.onlineshop,
h3.active a.onlineshop {
	background:url(../images/bg/bg-onlineshop.png) 0 -63px no-repeat;
}

/* Öffnungszeiten: */
.oeffnungszeiten {
	width:238px;
	height:121px;
	padding: 89px 0 0 24px;
	font-size:14px;
	background:url(../images/bg/bg-oeffnungszeiten.jpg) 0 -1px no-repeat;
}

.oeffnungszeiten strong {
	color:#ecff65;
}

/*---------- Footer ----------*/
#footer {
	width: 947px;
	float:left;
	padding: 22px 0 105px 43px;
	background:url(../images/bg/bg-footer.png) bottom center no-repeat;
}

.footerColumn {
	width:443px;
	float:left;
}

#footer p {
	padding: 0 0 14px 5px;
}

#footer p.paddingB15 {
	padding: 0 0 18px 0;
}

#footer p.paddingL0 {
	padding-left: 0;
}

#footer p a {
	color:#2585c7;
	font-weight:bold;
	text-decoration:none;
}

#footer p a:hover {
	text-decoration:underline;
}

.produkte-kategorien {
	width:390px;
	padding:4px 0 7px 4px;
	background:#e8e4ce;
	border:1px solid #e2e0bd;
	margin-bottom: 10px;
}

.produkte-kategorien li {
}

.produkte-kategorien li a {
	color:#2585c7;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	padding: 0 0 0 20px;
	background:url(../images/li-arrow.gif) left center no-repeat;
}

.produkte-kategorien li a:hover {
	text-decoration:underline;
}

ul.list {
   list-style-type: none;
   margin-bottom: 15px;
}
					
ul.list li {
   color:#2585c7;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	padding: 0 0 0 20px;
	background:url(../images/li-arrow.gif) left center no-repeat;
}