@charset "UTF-8";

/*********************************************************
  hunderosa | fixed layout
  --------------------------------------------------------
    
  #author         Tobias Bergmann
  #version        1.02
  #lastmodified   22/07/2010
  
  --------------------------------------------------------
  table of contents
	--------------------------------------------------------
	
  #01  reset
  #02  base layout
  #03  header
  #04  main-navigation
  #05  content
  #06  slimbox
  
  --------------------------------------------------------
  font-size | basic
	--------------------------------------------------------  
    
  10px = 1.0em
  11px = 1.1em
  12px = 1.2em (active)
  
  @font-size of the parent element | 1.2em (12px)
  ------------------------------------------------
  11px: 11px/12px = 0.92em
  13px: 13px/12px = 1.08em
  14px: 14px/12px = 1.17em
  
  @font-size of the parent element | 1.08em (13px)
  ------------------------------------------------
  11px: 11px/13px = 0.85em
  
  @font-size of the parent element | 0.92em (11px)
  ------------------------------------------------
  13px: 13px/11px = 1.18em

________________________________________________________*/



/*******************************************************************************************************************************************
  #01 | reset
__________________________________________________________________________________________________________________________________________*/

* {
  padding:0;
	margin:0;
}

html {
	/* erzwingen vertikaler scrollbars in FF, Opera, Safari und NS, in den IE's sind
	 * die scrollbars eh immer da */
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll; /* CSS3 */

	font-size:100.01%
}

img, fieldset {
	border:0;
}

ul, ol {  
  list-style:none;  
} 

a {
  color:#333;
  text-decoration:none;
  outline:none;
} 

input, button {
  vertical-align:middle;
}

option {
	padding:0 10px 0 4px;
}


/*******************************************************************************************************************************************
  #02 | base layout
__________________________________________________________________________________________________________________________________________*/

body {
  padding:50px 0 20px 0;
  color:#4d0f2f;
	background:#fff url(../img/body-bg.gif) 0 0 repeat;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
}

#center-wrap {
  position:relative;
	width:980px;
	margin:0 auto;
	padding:5px;
	background:transparent url(../img/border.png) 0 0 repeat;
	font-size:1.2em;
	text-align:left;
}

#header-wrap {
	position:absolute;
  top:5px;
  left:5px;
	width:976px;
	height:178px;
	padding-top:33px;
	border:2px solid #4d0f2f;
	border-bottom:none;
	background:#fff url(../img/header.jpg) 0 0 no-repeat;
	text-align:center;
}

#content-wrap {
	position:relative;
	float:left;
	width:976px;
	margin-top:213px;
	border:2px solid #4d0f2f;
	border-top:none;
	background:#fff url(../img/silhouette-hell.gif) 0 161px no-repeat;
}

#index #content-wrap {
	min-height:514px;
	background:#bd0066;
	text-align:center;	
}

#galerie #content-wrap {
	background:#f5d4e5 url(../img/silhouette-dunkel.gif) 0 161px no-repeat;	
}

#pudelwohl #content-wrap {
	background:#fff url(../img/silhouette-pudel-hell.gif) 0 161px no-repeat;
}

#left {
	float:left;
	width:240px;
	min-height:591px; /* + padding = 642px */
	padding-top:51px;
	background:transparent;
	overflow:hidden;
}

#ich #left {
	float:left;
	width:240px;
  min-height:694px;
  padding-top:0;
  background:#300f1e;
  overflow:hidden;
}

/* hide dog silhouette onb pages with images in left row */
#hundebaeckerei #left,
#huta #left,
#dogwalker #left,
#training #left {
  background:#fff;
}

#main {
	float:right;
	width:512px; /* + padding = 736px */
	padding:64px 170px 0 54px;
	overflow:hidden;
}

/* clearing
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#center-wrap:after {
  content:".";
  display:block;
  height:0;
  line-height:0em;
  font-size:0;
  visibility:hidden;
  overflow:hidden;
  clear:both;
}

.clear {
	clear:both;
}


/*******************************************************************************************************************************************
  #03 | header
__________________________________________________________________________________________________________________________________________*/

.shop-button {
  position:absolute;
  top:48px;
  left:75px;  
  width:126px;
  height:125px;
  background:transparent url(../img/shop-button.gif) 0 0 no-repeat;
}

.shop-button:hover {
  background:transparent url(../img/shop-button-ani.gif) 0 0 no-repeat;
  cursor:pointer; /* Opera */
}

.topmenu {
  position:absolute;
  top:16px;
  right:20px;
}

.topmenu a {
  float:left;
  padding:0 7px 0 10px;
  border-right:1px solid #df85b0;
  color:#df85b0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.92em; /* 11px */
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.17em; /* 2px */
}

.topmenu .last {
	padding-right:0;
	border:0;
}

.topmenu a:hover {
  color:#4d0f2f;
}


/*******************************************************************************************************************************************
  #04 | main-navigation
__________________________________________________________________________________________________________________________________________*/

#mainmenu {
  height:24px;
  padding-left:70px;
  margin-top:26px;
	border-top:1px solid #4d0f2f;
	border-bottom:3px solid #644b56;
	background:#300f1e;
}

#index #mainmenu {
  margin-top:150px;
	border-bottom:3px solid #4d0f2f;
}

#mainmenu li	{
  float:left;
  background:transparent url(../img/divider.gif) right center no-repeat;
  font-family:Arial, Helvetica, sans-serif;
	font-size:0.92em; /* 11px */
	font-weight:bold;
  text-transform:uppercase;
  letter-spacing:0.17em; /* 2px */
  
  /* mit Online-Shop in navi */
  letter-spacing:0.08em; /* 1px */
}

#mainmenu li.last {
	background-image:none;
}

#mainmenu li a {
	display:block;
  line-height:25px;
  padding:0 1.08em 0 1.08em;
  color:#df85b0;
}

#mainmenu li a:hover,
#mainmenu li.active {
  line-height:25px;
	padding:0 1.08em 0 1.08em;
	color:#fff;
}


/*******************************************************************************************************************************************
  #05 | content
__________________________________________________________________________________________________________________________________________*/

#index h1 {
  margin-top:137px;
}

p, #main li {
  line-height:21px;
}

/* main
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
h2 {
  margin-bottom:6px;
  padding-bottom:14px;
  border-bottom:1px solid #bd0066;
  color:#bd0066;
  font-size:2.9em;
  font-weight:normal;
}

h2.news,
h2.news-archiv,
h2.presse-head {
  margin-bottom:18px;
}

h2.ich {
  background:transparent url(../img/das-bin-ich.gif) 0 7px no-repeat;
}

h2.baeckerei {
  background:transparent url(../img/hundebaeckerei.gif) 0 7px no-repeat;
}

h2.huta {
  background:transparent url(../img/hundetagesstaette.gif) 0 7px no-repeat;
}

h2.dogwalker {
  background:transparent url(../img/dogwalker.gif) 0 7px no-repeat;
}

h2.training {
  background:transparent url(../img/training.gif) 0 7px no-repeat;
}

h2.pudelwohl {
  background:transparent url(../img/pudelwohl.gif) 0 7px no-repeat;
}

h2.news {
  background:transparent url(../img/news.gif) 0 7px no-repeat;
}

h2.news-archiv {
  background:transparent url(../img/news-archiv.gif) 0 7px no-repeat;
}

h2.presse-head {
  background:transparent url(../img/presse.gif) 0 7px no-repeat;
}

h2.galerie {
  background:transparent url(../img/galerie.gif) 0 7px no-repeat;
}

h2.kontakt {
  background:transparent url(../img/kontakt.gif) 0 7px no-repeat;
}

h2.links {
  background:transparent url(../img/links.gif) 0 7px no-repeat;
}

h2.impressum-head {
  background:transparent url(../img/impressum.gif) 0 7px no-repeat;
}

h2.agb-head {
  background:transparent url(../img/agb.gif) 0 7px no-repeat;
}


h2 span {
  display:block;
  text-indent:-5000px;
}

h3 {
  padding:3px 0 8px 0;
  font-size:1.08em; /* 13px */
  clear:both;
}

h3 .big {
  font-size:1.231em; /* 16px */
}

#main p, #main ul {
  padding-bottom:21px;
}

#main div.background {
  margin-bottom:21px;
  padding:6px 7px 0 7px;
  background:#f9e9f2;
}

#main div.background h3 span,
#impressum #main h3 span,
h3.underlined span {
  padding-bottom:3px;
  border-bottom:1px solid #bd0066;
}

h3.underlined {
  margin-bottom:21px;
}

#main div.background ul {
  padding-top:7px;
}

#main li {
  padding-left:11px;
  background:transparent url(../img/list-square.gif) 0 11px no-repeat;
}

span.zitat {
  color:#bd0066;
}

.italic {
  color:#bd0066;
	font-weight:bold;
}

table.preise,
table.konditionen {
  width:100%;
  margin-bottom:21px;
  padding-bottom:10px;
  background:#f9e9f2;
}

#impressum table,
.kontakt-table {
  margin-bottom:21px;
	border-collapse:collapse;
}

#impressum td,
.kontakt-table td {
  padding-left:0;
}

#impressum #main a {
  color:#bd0066;
}

td {
  line-height:21px;
  padding:0 24px 0 3px;
  vertical-align:top;
}

#kontakt td {
  padding:0;
}

td.right {
  text-align:right;
}

td.lila {
  color:#bd0066;
}

td.bold {
  font-weight:bold;
}

td.space {
  padding:12px 0;
}

td.colwidth {
  width:60%
}

#huta #main a,
#news #main a,
#hundebaeckerei #main a {
  color:#bd0066;
  font-weight:bold;
}

#links #main a {
  line-height:2em;
  color:#bd0066;
  font-weight:bold;
}

#main div.kontakt-box {
  width:250px;
}

#main div.kontakt-box table {
  width:100%;
  background:transparent url(../img/dotted-line.gif) 0 0 repeat-x;
  border-collapse:collapse;
}

#main div.kontakt-box table td.first {
  padding-top:3px;
}

#main div.kontakt-box p {
  padding-bottom:19px;
}

a.mail {
  color:#bd0066;
  font-weight:bold;
}

.dotted-line {
  margin-top:20px;
  padding-top:11px;
  background:transparent url(../img/dotted-line.gif) 0 0 repeat-x;
}

#links p.link-box {
  padding-bottom:0;
}

/* left
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#left img {
  display:block; /* IE6 */
}

#left img {
  padding:0 0 6px 36px;
}

#ich #left img {
  padding:0;
}

#dogwalker #left img {
  padding-bottom:0;
}

p.caption {
  padding:0 29px;
  line-height:26px;
  color:#fff;
  background:#bd0066;
}

span.caption {
	display:block;
	margin:0 1px 10px 36px;
  padding:0 7px;
  line-height:26px;
  color:#fff;
  background:#bd0066;
}

p.zitat {
  padding:22px 33px 0 29px;
	color:#c93a7d;
}

/* galerie
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
p.pics {
  float:left;
}

p.pics a {
  float:left;
  margin:0 10px 10px 0;
  padding:10px 10px 20px 10px;
  border-top:1px solid #e18bb4;
  border-right:3px solid #e18bb4;
  border-bottom:3px solid #e18bb4;
  border-left:1px solid #e18bb4;
  background:#fff;
}

p.pics img {
  border:1px solid #e18bb4;
}


/*******************************************************************************************************************************************
  #06 | slimbox
__________________________________________________________________________________________________________________________________________*/

#lbOverlay {
	position:absolute;
	left:0;
	width:100%;
	background-color:#f5d4e5;
	z-index:9999;
	cursor:pointer;
}

#lbCenter, #lbBottomContainer {
	position:absolute;
	left:50%;
  border-top:2px solid #e18bb4;
  border-right:5px solid #e18bb4;
  border-bottom:5px solid #e18bb4;
  border-left:2px solid #e18bb4;	
	background-color:#fff;
	overflow:hidden;
	z-index:9999;
}

#lbBottomContainer {
  border-top:none;
}

.lbLoading {
	background:#fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position:absolute;
	top:0;
	left:0;
	border:18px solid #fff;
	background-repeat:no-repeat;
}

#lbPrevLink, #lbNextLink {
	position:absolute;
	top:0;
	width:50%;
	outline:none;
}

#lbPrevLink {
	left:0;
}

#lbPrevLink:hover {
	background:transparent url(../img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right:-1px;
}

#lbNextLink:hover {
	background:transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	line-height:1.4em;
	border-top:10px solid #fff;
	border-right:18px solid #fff;
	border-bottom:10px solid #fff;
	border-left:18px solid #fff;
	text-align:left;
}

#lbCloseLink {
	float:right;
	width:21px;
	height:21px;
	background:transparent url(../img/closelabel.gif) no-repeat center;
	outline:none;
}

#lbCaption, #lbNumber {
	margin-right:71px;
}

#lbCaption {
  font-size:1.08em; /* 13px */
	font-weight:bold;
}









/* löschen, wenn shop online */
#shop h2 {
  border-bottom:none;
}