/**************************************************************************
***************************************************************************
www.vom-hellweg.de/main.css

Version 0.8    11.05.2005
Version 0.8.1  03.06.2005: Tabelle Ahnentafel
Version 0.8.2  04.06.2005: class "current" für nav2
Version 0.8.3  03.06.2005: css für Tabelle Ahnentafel überarbeitet
Version 0.8.4  12.06.2005: css für Tabelle Bilder
Version 0.8.5  15.06.2005: css für Gewichtsstatistik
Version 0.8.6  10.07.2005: css für Tabelle Bilder modifiziert
Version 0.8.7  11.07.2005: ol (wird in der Farbverteilungstabelle auf der Einstiegsseite verwendet)
Version 0.8.8  30.12.2005: überarbeitet und W3C-validiert
Version 0.8.9  29.01.2006: erweitert
Version 0.9    18.04.2006: erweitert

(c) 2005-2006
Hovawarte vom Hellweg (RZV)
Gabriele und Kai Wolff
Oesterstr. 9
44309 Dortmund

***************************************************************************
**************************************************************************/

/* Farbkonstanten
dunkelblau: #000066
mittelblau: #6666cc
mittelgrün: #339999

fast weiß:  #f7efe0
hellbeige:  #f7e8c8
hellbraun:  #d1af78
braun:      #bb9d6b
dunkelbraun:#a2885d
DUNKELbraun:#86704D

body (Rahmen):			#3B486C
container (Papier): #f7e8c8
*/

/**************************************************************************
***************************************************************************

Seitenaufbau

***************************************************************************
**************************************************************************/

body {
  background: #3B486C url(../grafik/bkgd.jpg);
	background-repeat: repeat;
	font: 14px/12px Georgia, "Times New Roman", Times, serif;
	font-size: 100.01%;
	color: #fff;
	margin: 0px;
  }

#container {
	background: #f7e8c8 url(../grafik/body-bg.jpg) repeat-y center;
	position: absolute;
	left: 50%;
	width: 750px;
	margin-left: -385px;
  }

/*==========================
Kopf
==========================*/
#header {
	margin: 0px;
	background: #6666cc url(../grafik/header-bg.jpg) no-repeat top center;
	padding-top: 178px;
	}
#header.nav2 {
	background: url(../grafik/header2-bg.jpg) no-repeat top center;
	padding-top: 205px;
	}

/*==========================
Siegel
==========================*/
#pageseal {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	margin:0;
	padding:0;
	height:180px;
	width:200px;
	background: url(../grafik/siegel.jpg) 0 0 no-repeat;
	text-decoration: none;
  }
#pageseal:hover {
	background-position: 0 -180px;
  }
#pageseal span {
	display: block;
	text-indent: -5000px;
  }

#pageseal.nav2 {
	height:202px;
	width:200px;
	background: url(../grafik/siegel2.jpg) 0 0 no-repeat;
	}
#pageseal.nav2:hover {
	background-position: 0 -202px;
  }

/*==========================
vom-hellweg.de
==========================*/
#pagetitle {
	position: absolute;
	top: 46px;
	left: 201px;
	z-index: 5;
	margin: 0;
	padding: 0;
	height: 56px;
	width: 404px;
	background: url(../grafik/titel.jpg) 0 0 no-repeat;
	text-decoration: none;
  }
#pagetitle:hover {
	background-position: 0 -56px;
  }
#pagetitle span {
	display: block;
	text-indent: -5000px;
  }

/*==========================
Fuß (Baumreihe)
==========================*/
#footer {
  clear: both;
	background: url(../grafik/footer-bg.gif) no-repeat bottom right;
	margin-right:  10px;
	margin-left: -300px;
	height: 88px;
	text-align: center;
  }
/*#footer {}*/

/*==========================
Navigationsleiste (primär)
==========================*/
a.nav {
	position: absolute;
	top: 128px;
	z-index: 5;
	margin: 0;
	height: 39px;
	width: 110px;
	background: 0 0 no-repeat;
	text-decoration: none;
  }
a.nav.startseite  {left: 180px; background: url(../grafik/btn-startseite.gif)}
a.nav.ueberuns    {left: 290px; background: url(../grafik/btn-ueberuns.gif)}
a.nav.zucht       {left: 400px; background: url(../grafik/btn-zucht.gif)}
a.nav.lesezeichen {left: 510px; background: url(../grafik/btn-lesezeichen.gif)}
a.nav.kontakt     {left: 620px; background: url(../grafik/btn-kontakt.gif)}
a.nav.current {
	background-position: 0 -78px;
  }

a.nav:hover {
	background-position: 0 -39px;
  }
a.nav.current:hover {
	background-position: 0 -78px;
  }
a.nav:active {
	background-position: 0 -78px;
  }

a.nav span {
	display: block;
	text-indent: -5000px;
	}

/*==========================
Navigationsleiste (sekundär)
==========================*/
a.nav2 {
	position: absolute;
	top: 167px;
	z-index: 5;
	margin: 0;
	height: 35px;
	width: 100px;
	background: 0 0 no-repeat;
	text-decoration: none;
  }

a.nav2.eltern {left: 180px; background: url(../grafik/btn2-eltern.gif)}
a.nav2.welpen {left: 280px; background: url(../grafik/btn2-welpen.gif)}
a.nav2:hover {
	background-position: 0 -35px;
  }
a.nav2 span {
	display: block;
	text-indent: -5000px;
	}

/*
  IE 5.5 macht damit noch Murks:
*/
/*
	a.nav2.current {
	background-position: 0 -35px;
  }
a.nav2.current:hover {
	background-position: 0 -35px;
  }
a.nav2:active {
	background-position: 0 -35px;
  }*/



/**************************************************************************
***************************************************************************

Links

***************************************************************************
**************************************************************************/

a:link    {text-decoration:none; color:#6666cc;}
a:visited {text-decoration:none; color:#86704D;}
a:hover   {text-decoration:none; color:#339999;}


.statistik {
  position: relative; top: 0px;
	float: left;
  margin-right: 0;
  height: 42px;
	width: 42px;
	text-decoration: none;
	background:url(../grafik/statistik.gif);
	background-repeat: no-repeat;
  background-position: left;
	text-indent: 50px;
  padding-top: 18px;
  text-align: left;
	}

.zoom {
  /*position: relative;*/
	/*float: left;*/
  margin-right: 0px;
  height: 48px;
	width: 50px;
	text-decoration: none;
	background:url(../grafik/zoom.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	}
.zoom:hover {
	background-position: 0 -48px;
  }

.jumpmore {
  position: relative;
	float: right;
  margin-right: 0px;
  height: 40px;
	width: 50px;
	text-decoration: none;
	background:url(../grafik/jumpnext3.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	}
.jumpmore:hover {
	background-position: 0 -60px;
  }

.jumptop {
  position: relative;
	float: right;
	clear: both;
  margin: -2em -150px 0 20px;
	padding: 5px 7px 5px 10px;
	height: 50px;
	width: 110px;
	font:normal bold 1em/1.5 Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	background-image:url(../grafik/jumptop.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
.jumptop:hover {
	background-position: 0 -60px;
  }


.jumpnext {
  position: relative;
  float: right;
  margin-right: 10px;
  height: 60px;
	width: 110px;
	font:normal bold 1em/1.5 Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
  background: url(../grafik/jumpnext2.gif);
  background-repeat: no-repeat;
	text-indent: -5000px;
  }
.jumpnext:hover {
	background-position: 0 -60px;
  }

.jumpback {
  position: relative;
  float: left;
  margin-left: 0px;
  height: 60px;
	width: 110px;
	font:normal bold 1em/1.5 Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
  background: url(../grafik/jumpback2.gif);
  background-repeat: no-repeat;
	text-indent: -5000px;
  }
.jumpback:hover {
	background-position: 0 -60px;
  }


.valid-css {
  position: relative;
	float: left;
	clear: both;
  margin: 5px 20px 5px -120px;
	height: 31px;
	width: 88px;
	font:normal bold 1em/1.5 Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	background-image:url(../grafik/vcss.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	}

.valid-xhtml10 {
  position: relative;
	float: left;
	clear: both;
  margin: 5px 20px 5px -120px;
	height: 31px;
	width: 88px;
	font:normal bold 1em/1.5 Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	background-image:url(../grafik/valid-xhtml10.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	}

/**************************************************************************
***************************************************************************

Bilder (mit Rahmen)

***************************************************************************
**************************************************************************/

div.imgholder {
  float: left;
  background: url(../grafik/dropshadow.png) no-repeat bottom right !important;
  background: url(../grafik/dropshadow.gif) no-repeat bottom right;
  margin: 20px 7px 0 20px !important;
  margin: 20px 6px 0 10px;
  color: #666;
  }
div.imgholder.left {
  float: left;
  }
div.imgholder.right {
  float: right;
  }
div.imgholder img {
  display: block;
  position: relative;
  background-color: #f7efe0;
  border: 1px solid #666;
  margin: -12px 12px 12px -8px;
  padding: 4px;
  }

dl.imgleft {float: left;}
dl.imgleft dt {margin-bottom: 0;}
dl.imgleft dd {text-align: left; margin-left: 15px; margin-bottom: 10px;}

dl.imgright {float: right;}
dl.imgright dt {margin-bottom: 0;}
dl.imgright dd {text-align: left; margin-left: 15px; margin-bottom: 10px;}

/**************************************************************************
***************************************************************************

Bilder (ohne Rahmen)

***************************************************************************
**************************************************************************/
img.left {
	float: left;
  border: 0px;
  }

/**************************************************************************
***************************************************************************

Typografie

***************************************************************************
**************************************************************************/
p, ul, ol, dl, table, blockquote, form {
	font:normal normal .95em/1.7 Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	color: #333;
  }

a {
	font-family: Georgia, "Times New Roman", Times, serif;
  }

li a{
	font-size: 1em;
  }


p {
  margin-left:  15px;
  margin-right: 15px;
  }
p+p {
  text-indent: 1.2em;
	}
p+p.noindent {
  text-indent: 0;
  }

p.clear {
  margin:0;
  padding:0;
  line-height: 0pt;
  }
p.clear.both {
  clear:both;
  }
p.clear.left {
  clear:left
  }
p.clear.right {
  clear:right
  }
.figlegend {
	font-size: 0.8em;
  }

strong {font-weight: bold
  }

/*==========================
Überschriften
==========================*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
  margin: 0;
}

h1 {
	font-size: 3em;
	margin: 1em 0 0.8em 0;
	/*padding: 1em 0 0.8em 0;*/
	text-indent: -5000px;
	color: #f7e8c8;
	}

h2 {
  clear: both;
	font-size: 2.2em;
	font-weight: normal;
  margin: 1em 0 0.6em 0.4em;
	color: #d1af78;
	}

h3 {
  clear: both;
	font-size: 1.8em;
	font-weight: normal;
  margin: .9em 0 0.5em 0.6em;
  color: #bb9d6b;
}

h4 {
  clear: both;
	font-size: 1.6em;
	font-weight: normal;
	margin: .9em 0 0.5em 0.6em;
  color: #a2885d;
}

h5 {
  clear: both;
  font-size: 1.4em;
  font-weight: normal;
  margin: .9em 0 0.5em 0.6em;
  color: #a2885d;
}

h6 {
  clear: both;
  font-size: 1.2em;
  font-weight: normal;
  margin: .9em 0 0.5em 0.6em;
  color: #a2885d;
}

h6.icon {
  padding: 0 1em 0 30px;
  height: 32px;
  /*Werte für IE/Win*/
  margin: 1.6em 0 0.5em 12px;
  voice-family: "\"}\"";
  voice-family: inherit;
  /*Werte für andere Browser*/
  margin: .9em 0 0.5em 12px;
  }
html>body h6.icon {
  margin: .9em 0 0.5em 12px;
  }

h6.pfote-nw {
	background: url(../grafik/icon_pfote_nw.gif) 0 0 no-repeat;
  }
h6.pfote-no {
	background: url(../grafik/icon_pfote_no.gif) 0 0 no-repeat;
  }

.h6sep {
	border-top:1px solid  #a2885d;
  width: 55%;
	}
.h6sep {
	/*Werte für IE/Win*/
  margin: -0.8em 0 -1.4em 40px;
  voice-family: "\"}\"";
  voice-family: inherit;
  /*Werte für andere Browser*/
  margin: -0.8em 0 0em 40px;
	}
/*"Sei nett zu Opera"-Regel: Werte für andere Browser wiederholen*/
html>body .h6sep {
  margin: -0.8em 0 0em 40px;
	}

/*==========================
Trenner
==========================*/
#separator-odd {
  position: relative;
  clear: both;
	background: url(../grafik/icon_ranke_sw.gif) no-repeat top center;
	height: 39px;
	width: 750px;
  text-align: center;
  }
#separator-even {
  position: relative;
  clear: both;
	background: url(../grafik/icon_ranke_no.gif) no-repeat top center;
	height: 39px;
	width: 750px;
  text-align: center;
  }


dl {
  margin-left:  .5em;
  margin-right: 1em;
	padding-left: .5em;
  padding-right: 1em;
  }
dt {
	font-variant: small-caps;
  font-size: 1.2em;
  margin-top: 1em;
  }

ol {
  margin-right: 1em;
  padding-right: 1em;
  }

h1#startseite {
  background: url(../grafik/h1-willkommen.gif) no-repeat;
  height: 40px;
  text-indent: -5000px;
  }
h1#ueberuns {
  background: url(../grafik/h1-ueberuns.gif) no-repeat;
  height: 40px;
  text-indent: -5000px;
	}
h1#zucht {
  background: url(../grafik/h1-zucht.gif) no-repeat;
	height: 40px;
	text-indent: -5000px;
	}
h1#kontakt {
  background: url(../grafik/h1-kontakt.gif) no-repeat;
	height: 40px;
	text-indent: -5000px;
	}

h1#lesezeichen {
  background: url(../grafik/h1-lesezeichen.gif) no-repeat;
	height: 40px;
	text-indent: -5000px;
	}

.meta {
	clear: both;
	padding:1px 8px;
	/*margin: 20px 0 0 0;*/
	font-size: .7em;
	border-top: 1px solid  #a2885d;
 	text-align: right;
}

/*======================
Zitate
=======================*/

blockquote {
	padding: 0 1em 0 1em;
  }

blockquote p {
	font-style: italic;
  text-indent: 0;
  }

blockquote .source {
	font-variant: small-caps;
  font-size: .95em;
  text-align: right;
	margin: -.5em 0 0 0;
  }

/*======================
Tabelle Ahnentafel
=======================*/
table#at {
	width: 90%;
  margin-left: auto;
  margin-right: auto;
  }

table#at th h5{
	margin: 0 0 0 0.1em;
	padding: 0 0 0 0.1em;
  }

table#at ul {
	list-style-type: none;
  margin:  0.2em 0 0 1em;
  padding: 0.2em 0 0 1em;
  }
table#at th ul {
	font-size: 1.12em;
  margin:  0 0 0.4em 0;
  padding: 0 0 0.4em 0;
  }
table#at td ul {
  font-size: 80%;
  }
table#at td li {
	text-indent: -1.75em;
  margin: 0 0 0.1em 0.5em;
  }
table#at td.p1 {
	width: 26%;
	font-size: 1.4em;
  }
table#at td.p2 {
	width: 25%;
	font-size: 1.2em;
  }
table#at td.p3 {
	width: 25%;
	font-size: 1.0em;
  }
table#at td.p4 {
	width: 24%;
	font-size: 0.8em;
  }

table#at th p {
	margin: 0 .2em .4em .2em;
	padding: 0 0 0 0;
  }
table#at td p {
	font-size: 0.6em;
	margin: 0 .2em 0 .2em;
	padding: 0 0 0 0;
  }
/*======================
Tabelle Welpen
=======================*/
table#we {
	/*	clear: both;*/
	width: 90%;
  margin-left: auto;
  margin-right: auto;
  }

table#we th{
  font-size: 1.4em;
  font-weight: normal;
  color: #a2885d;
 	margin:  0 0 0 .4em;
	padding: 0 0 0 .4em;
}

table#we ul {
	list-style-type: none;
  margin:  0;
  padding: 0;
  }
table#we th ul {
	color: #a2885d;
  }
table#we td ul {
  }
table#we td li {
  margin: 0 0 0.5em 0;
  }

table#we th.c1 {
	width: 12%;
  }
table#we th.c2 {
	width: 20%;
  }
table#we th.c3 {
	width: 22%;
  }
table#we th.c4 {
/*	width: 40%;*/
  }

table#we td {
	font-size: 0.8em;
 	margin:  0 0 0 .4em;
	padding: 0 0 0 .4em;
  }
table#we td.c1 {
	width: 12%;
	font-size: 1.4em;
  }
table#we td.c2 {
	width: 20%;
  }
table#we td.c3 {
	width: 22%;
  }
table#we td.c4 {
/*	width: 40%;*/
  }

table#we th p {
	margin: 0 .2em .4em .2em;
	padding: 0 0 0 0;
  }
table#we td p {
	font-size: 0.6em;
	margin: 0 .2em 0 .2em;
	padding: 0 0 0 0;
  }

/*======================
Tabelle Bilder
=======================*/
table#pic {
	width: 95%;
  margin-left: auto;
  margin-right: auto;
  }

table#pic td {
  }
table#pic td p{
/*	line-height: 0.2em;*/
  margin: 0.3em;
  padding: 0.3em;
  }
table#pic td.sh {
/*	width: 140px;*/
	}
table#pic td.sq {
/*	width: 200px;*/
	}
table#pic td.hoch {
	width: 40%;
	}
table#pic td.quer {
	width: 80%;
  }
table#pic td.legend {
	margin: 1em;
  padding: 1em;
  }