/*** Text-Formate ***/
body {
	background: #D2794F;
	color: #800000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	font-size: 15px;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 15px
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
}

h5 {
	font-style: italic;
	font-size: inherit;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-top: 15px;
}

p {
	font-size: 12px;
	text-align: justify;
}

/* Textauszeichnungen */
.bold {
	font-weight: bold;
}

.small {
	font-size: 11px;
	font-weight: normal;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

div.attention_box {
	background-color: #ffaf09;
	border: 1px none #ffaf09;
	font-weight: bold;
	margin: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px;
	text-align: center;
	width: 550px;
}

/* Bilder umlaufenden Text beenden */
.clear {
	clear: both;
}


/* Link-Formate */
a:link {
	color: #cb6534;
	text-decoration: none;
}
a:visited {
	color: #cb6534;
	text-decoration: none;
}
a:hover {
	background-color : #ffde9b;
	text-decoration: none;
}


/* grafische Elemente im Text */
img#pfote {
	margin-right: 3px;
	vertical-align: top;
}
/*
.bigbullet {
	display: list-item;
	list-style-image:url(../images/elements/rightarrow.gif);
} */


/* Fotos im Text */
img.foto_left {
	border: 0px none black;
	float: left;
	margin: 12px;
	margin-left: 0px;
}

img.foto_right {
	border: 0px none black;
	float: right;
	margin: 12px;
	margin-right: 0px;
}


/* Listen-Formate */
ul.smallbullet {
	font-size: 11px;
	font-weight: normal;
	list-style-image:url(../images/elements/rightarrow_small.gif);
}

ul.smallbullet li {
	padding-top: 5px;
}

ul.bigbullet {
	font-size: 13px;
	font-weight: bold;
	list-style-image:url(../images/elements/rightarrow.gif);
}

ul.bigbullet ul.smallbullet{
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 15px;
}

ul p {
	font-size: 11px;
	font-weight: normal;
}

ul.nobullet {
	list-style-type: none;
}

ul.nobullet p{
	padding-left: 30px;
}

ol.decimal {
	list-style-type: decimal;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol li {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 10px;
}


/** Spezielle Unterseiten **/
/* Fotoalbum */
div#albumindex {
	border: 1px none black;
	width: inherit;
}

div#albumindex a:hover{
	background-color: transparent;
}

img.albumindex {
	border: 0px none black;
	margin: 0px;
	padding: 0px;
}

div#albumdetails {
	border: 1px none black;
	text-align: center;
	margin: auto;
	width: 400px;
}

div.err_msg{	
	border: 4px solid red;
	color: red;
	margin: 15px;
	padding: 5px;
}

img#lastimage, img#nextimage, img#imageindex {
	border: 0px none black;
}

img#album_detail {
	margin: auto;
	position: relative;
	padding: 10px;
}


/* Hundeschule */
ul#hundeschule p {
	margin-bottom: 17px;
	margin-top: 2px;
}


/* Hunde SOS */
div#hunde_sos {
	margin: auto;
	width: 500px;
}

p.sos_left {
	clear: right;
	text-align: left;
}

p.sos_left img {
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
	margin-top: 12px;
}

p.sos_right {
	clear: left;
	text-align: right;
}

p.sos_right img {
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-top: 12px;
}

#content_end {
	clear: both;
}


/* Links */
ul#links {
	margin-left: 50px;
}


/* Preise */
table.pricelist {
	border: 1px solid #800000;
	border-collapse: collapse;
	margin-bottom: 24px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	table-layout: fixed;
	width: 450px;
}

td.service, td.price {
	border-bottom: 1px solid #800000;
	padding: 4px;
}

td.price {
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	width: 100px;
}



/*** generelles Seitenlayout ***/
/** Seiten-Elemente **/
/* main box */
div#main{
	background-color: #ffcc66;
	border: 4px solid #ffaf09;
	margin: auto;
	position: relative;
	top: 0px;
	text-align: left;
	overflow: visible;
	width: 850px;
	z-index: 0;
}

/* content area */
div.content {
	background-image: url("../images/elements/bg_pfote.gif");
	border: 1px solid #800000;
	color: inherit;
	height: auto;
	left: 0px;
	min-height: 320px;
	padding-bottom: 50px;
	padding-left: 132px;
	padding-right: 17px;
	padding-top: 124px;
	position: relative;
	text-align: justify;
	top: 0px;
	width: 699px;
	z-index: 0;
}

/* hack for missing min-height interpretation in IE (keeps the content box high enough)*/
.prop {
    height:320px;
    float:right;
    width:1px;
  }

/* top banner*/
#logo, #banner {
	background-color : transparent;
	position: absolute;
	z-index: 1;
}

#banner {
	left: 130px;
	top: 3px;
}

#logo {
	background-image: url(../images/elements/logo.gif);
	display: block;
	height: 76px;
	left: 12px;
	top: 8px;
	width: 107px;
}

/* slogan at the bottom of each page */
div.slogan {
	clear: both;
	font-weight: bold;
	position: absolute;
	bottom: 25px;
}

/* uparrow at the bottom of each page */
a#back2top {
	background-color : transparent;
	background-image: url(../images/elements/uparrow.gif);
	background-repeat: no-repeat;
	border: 1px none black;
	bottom: 6px;
	height: 9px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 3px;
	width: 9px;
}


/* address line below the main box */
div.adr_footer, div.adr_footer a {
	color: #ffcc66;
	font-size: 11px;
	margin: auto;
	text-align: center;
}

div.adr_footer a:hover {
	background: transparent;
	text-decoration: underline;
}


/* menu */
div.menu {
	top: 112px;
	left: 12px;
	position: absolute;
	z-index: 1;
}

div.menu a, div.menu a:hover, div.menu a:visited {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color: #984b27;
	display: block;
	height: 18px;
	position: relative;
	margin-top: 12px;
	text-decoration: none;
	text-indent: 10px;
	width: 107px;
}
div.menu a {
	background-image: url("../images/elements/bg_menu.gif");
}

div.menu a:hover {
	background-image: url("../images/elements/bg_menu_hover.gif");
}

div.menu a:active {
	background-image: url("../images/elements/bg_menu_hover.gif");
}

/* Altlasten: */
.text {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #800000;
}
	
.block {
	text-align: justify
}

.kl  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #800000;
}
.su  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 1px;
	color: #D2794F;
	line-height : 0;
}
	
.mini {font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px; color: #FFCC66;
	line-height : 20px;
	}
.fett {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #800000;
	font-weight : bold;
	}

.titel {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color: #800000;
	font-weight : bold;
	}

.erklaerung {
	font-family : Verdana, Arial, Helvetica, sans-serif;BORDER-RIGHT: #800000 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #800000 1px dotted; PADDING-LEFT: 2px; 
	FONT-SIZE: 80%; PADDING-BOTTOM: 2px; MARGIN: 0px 4px; BORDER-LEFT: #800000 1px dotted; PADDING-TOP: 2px; 
	BORDER-BOTTOM: #800000 1px dotted; BACKGROUND-COLOR: #FFBB2F
}