@charset "utf-8";
/* CSS Document */

/* Verschieden Schriften als class für ALLE Seiten gültig*/
/* Verschieden Schriften als class für ALLE Seiten gültig*/
/* Verschieden Schriften als class für ALLE Seiten gültig*/

.datum {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#A06337;
	}
	
.datum_klein {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#A06337;
	text-align:left;
	float:left;
	}	
	
.kleinere_dunkel_italic {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	font-weight:normal;
	font-style:italic;
	line-height:14px;
	color:#362008;
}
.kleinere_dunkel {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	font-weight:normal;
	font-style:normal;
	line-height:14px;
	color:#362008;
}
	
.mittlere_hell {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#502C06;
	}

.mittlere_hell_italic {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bolder;
	color:#502C06;
	line-height:14px;
}

.kennelarchiv_italic {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:#362008;
	line-height:14px;
	text-align:left;
	float:left;
	text-decoration: underline;
}

.momentmalarchiv_italic_ueberschrift {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:#362008;
}

	


/* DIVs für alle Seiten gültig */
/* DIVs für alle Seiten gültig */
/* DIVs für alle Seiten gültig */


/* Div body*/
body  {
	font-family: Verdana, Geneva, sans-serif;
	color: #362008;
	font-size: 12px;
	background-color: #3F2104;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	

/*dieser DIV zentriert die Seite*/
#center {
	width: 900px;
	margin: 0 auto;
	margin-top: -7px; /*nimmt das auto margin für Rand Oben raus, d.h. setzt die Seite ganz nach oben*/
	position: relative;
}

/*Setzt links und rechts für die gesamte Seite einen Rahmen*/

#rahmen_links-rechts_gesamt{
	position:absolute;
	top:0px;
	left:-2px;
	width:900px;
	height:1250px;
	border-left:solid 2px;
	border-left-color:#FFF;
	border-right:solid 2px;
	border-right-color:#FFF;
	z-index:2000;
}
	
/* DIV für Banner*/
#header_01 {
	position:absolute; /*Pixel von oberem Seitenrand*/
	left: -2px; /*Pixel vom linken Seitenrand*/
	width: 900px; /*Breite des Containers*/
	height: 260px; /*Höhe des Containers*/
	z-index: 1; /*Z-Index ist so etwas wie "Ebene", du kannst damit etwas Überlagern lassen*/
	overflow:hidden; /*Alles was über den Container geht ist "visible" oder "hidden" (nicht sichtbar)*/
	float:left; /*alles fließt von links*/
	background-color: #A06337;
	background-image: url(../images/allgemein/banner-6.jpg);
	background-repeat: no-repeat;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F4E1BA;
	border-right-color: #F4E1BA;
	border-left-color: #F4E1BA;
	top: 0px;
		}
		
/* DIV für Menue*/
#header_02 {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 220px; /*Pixel von oberem Seitenrand*/
	left: 0px; /*Pixel vom linken Seitenrand*/
	width: 900px; /*Breite des Containers*/
	height: 145px; /*Höhe des Containers*/
	z-index: 210; /*Z-Index ist so etwas wie "Ebene", du kannst damit etwas Überlagern lassen*/
	overflow:hidden; /*Alles was über den Container geht ist "visible" oder "hidden" (nicht sichtbar)*/
		}

/* DIV für flexiblen FOOTER */
#footer_flex {
	position:absolute;
	/*top: 1120px;*/
	left: 0px;
	width: 890px;
	height: 110px;
	z-index: 10;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #362008;
	font-size: 11px;
	background-color: #f6e0b7;
	background-image:url(../images/allgemein/footer.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	visibility: visible;
	line-height: normal;
	font-weight: normal;
}

#footer_flex a:link, a:visited {
	text-decoration:none;
	color: #362008;
}

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



/* DIVs für die Indexseite */
/* DIVs für die Indexseite */
/* DIVs für die Indexseite */



#index_inhalt_links_hintergrund {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 260px;
	left: -2px;
	width: 600px;
	height: 1100px;
	z-index: 1;
	overflow:visible;
	background-color:#FAEEDB;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #F4E1BA;
}
		
#index_inhalt_links_ueberschrift {
	position:absolute;
	top: 260px;
	left: 0px;
	width: 600px;
	height: 35px;
	z-index: 2;
	overflow:hidden;
	background-image: url(../images/allgemein/momentmal.jpg);
	background-repeat: no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	colour: #362008;
	text-align:center;
	letter-spacing: 8px;
	line-height: 16px;
	}

#index_inhalt_links_text {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 972px;
	left: 12px;
	width: 583px;
	height: 378px;
	z-index: 4;
	overflow:visible;
	margin-left: 0px;	/* text habe ich nicht weiter vorgegeben, dann holt es sich die Textformatierung aus dem DIV body*/
	padding: 0px;
	text-align: left;
	}
	
#index_inhalt_links_text2 {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 300px;
	left: 13px;
	width: 583px;
	height: 1054px;
	z-index: 5;
	overflow:visible;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;	/* text habe ich nicht weiter vorgegeben, dann holt es sich die Textformatierung aus dem DIV body*/
	text-align: left;
	border-top-style: none;
	}
	#index_inhalt_links_text3 {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 808px;
	left: 15px;
	width: 579px;
	height: 366px;
	z-index: 4;
	overflow:visible;
	margin-left: 0px;	/* text habe ich nicht weiter vorgegeben, dann holt es sich die Textformatierung aus dem DIV body*/
	text-align: left;
	}
#index_inhalt_links_text4 {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 909px;
	left: 196px;
	width: 300px;
	height: 267px;
	z-index: 4;
	overflow:visible;
	margin-left: 0px;	/* text habe ich nicht weiter vorgegeben, dann holt es sich die Textformatierung aus dem DIV body*/
	text-align: left;
	padding: 0px;
}

#index_inhalt_links_text a:link  { /*wie sollen LINKS des StandardDIV behandelt werden*/
	text-decoration:none; /*keine Dekoration* hier könnte man z.B. unterstreichen oder ... wählen*/
	color: #362008;       /*Farbe*/
}
#index_inhalt_links_text a:visited {     /*wie sollen besuchte LINKS des StandardDIV behandelt werden*/
	text-decoration:none;
	color: #362008;
}

#index_inhalt_links_text a:hover {       /*wie soll Mouseover bei LINKS des StandardDIV behandelt werden*/
	text-decoration:none;
	color: #a06337;
}

#index_inhalt_links_bild01 {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 790px; /*Pixel von oberem Seitenrand*/
	left: 15px; /*Pixel vom linken Seitenrand*/
	width: 580px; /*Breite des Containers*/
	height: 378px; /*Höhe des Containers*/
	z-index: 5; /*Z-Index ist so etwas wie "Ebene", du kannst damit etwas Überlagern lassen*/
	overflow:hidden;
}


#index_inhalt_links_bild02 {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 443px; /*Pixel von oberem Seitenrand*/
	left: 36px; /*Pixel vom linken Seitenrand*/
	width: 68px; /*Breite des Containers*/
	height: 52px; /*Höhe des Containers*/
	z-index: 3; /*Z-Index ist so etwas wie "Ebene", du kannst damit etwas Überlagern lassen*/
	overflow:hidden; /*Alles was über den Container geht ist "visible" oder "hidden" (nicht sichtbar)*/
}



#index_inhalt_rechts_hintergrund {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 260px;
	left: 600px;
	width: 298px;
	height: 1100px;
	z-index: 1;
	overflow:visible;
	background-color:#FAECD1;
	border-left-color:#A06337;
	background-repeat: repeat;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F4E1BA;
}

#index_inhalt_rechts_ueberschrift {
	position:absolute;
	top: 260px;
	left: 602px; /* 602 statt 600 wegen des Rahmens im links im Hintergund*/
	width: 293px;
	height: 26px;
	z-index: 2;
	overflow:hidden;
	background-image: url(../images/allgemein/news.jpg);
	background-repeat: no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bolder;
	colour: #362008;
	text-align: left;
	line-height: 22px;
	margin-left: 5px;
	}

#index_inhalt_rechts_text {
	position:absolute; /*Stellt den Container auf eine absolute Position*/
	top: 300px;
	left: 607px; /* 612 statt 600 wegen des Rahmens im links im Hintergund und linkem Abstand (geht auch über padding oder margin*/
	width: 288px;
	height: 1038px;
	z-index: 11;
	overflow:visible;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	/* text nur zum Teil vorgegeben, dann holt es sich die restlichen Textformatierung aus dem DIV body*/
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	line-height:15px;
	font-family: Verdana, Geneva, sans-serif;
	}

#index_inhalt_rechts_text a:link  { /*wie sollen LINKS des StandardDIV behandelt werden*/
	text-decoration:none; /*keine Dekoration* hier könnte man z.B. unterstreichen oder ... wählen*/
	color: #362008;       /*Farbe*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#index_inhalt_rechts_text a:visited {     /*wie sollen besuchte LINKS des StandardDIV behandelt werden*/
	text-decoration:none;
	color: #362008;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#index_inhalt_rechts_text a:hover {       /*wie soll Mouseover bei LINKS des StandardDIV behandelt werden*/
	text-decoration:none;
	color: #a06337;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

#index_inhalt_rechts_bild01 {
	position:absolute;
	top: 310px;
	left: 608px;
	width: 280px;
	height: 150px;
	z-index: 3;
	overflow: visible;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: thin solid #A06336;
	padding: 2px;
	background-color: #A16135;
}

#index_inhalt_rechts_bild02 {
	position:absolute;
	top: 12px;
	left: 807px;
	width: 200;
	height: 152px;
	z-index: 2;
	overflow: visible;
	text-align:center;
	background-color: #F3E1B9;
	padding: 2px;
	border: 1px solid #AF764A;
}

#index_inhalt_rechts_bild02 a:link, a:hover, a:visited { 
    /*hier muss noch eine Deklaration für die links rein, weil über dem Bild ein Text mit Link steht!*/
	text-decoration:none; 
	color: #362008;
}
	
#index_inhalt_rechts_bild03 {
	position:absolute;
	top: 641px;
	left: 630px;
	width: 139px;
	height: 178px;
	z-index: 3;
	overflow: visible;
}



#index_momentmalarchiv_rahmen {
	position:absolute;
	top: 1290px;
	left: -2px;
	width: 600px;
	height: 160px;
	z-index: 5;
	overflow: visible;
	background-color:#f9ebd1;
	border-top-color: #FFF;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #F4E1BA;
}

#index_momentmalarchiv_inhalt01 {
	position:absolute;
	left: 25px;
	width: 100px;
	height: 110px;
	z-index: 6;
	overflow: visible;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	float:inherit;
	color:#362008;
	top: 1329px;
}
#index_momentmalarchiv_inhalt02 {
	position:absolute;
	left: 135px;
	width: 100px;
	height: 110px;
	z-index: 6;
	overflow: visible;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	float:inherit;
	color:#362008;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	top: 1329px;
}

#index_momentmalarchiv_inhalt03 {
	position:absolute;
	left: 245px;
	width: 100px;
	height: 110px;
	z-index: 6;
	overflow: visible;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	float:inherit;
	color:#362008;
	top: 1329px;
}

#index_momentmalarchiv_inhalt04 {
	position:absolute;
	left: 355px;
	width: 100px;
	height: 110px;
	z-index: 6;
	overflow: visible;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	float:inherit;
	color:#362008;
	top: 1329px;
}

#index_momentmalarchiv_inhalt05 {
	position:absolute;
	left: 465px;
	width: 100px;
	height: 110px;
	z-index: 6;
	overflow: visible;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	float:inherit;
	color:#362008;
	top: 1329px;
}


#index_footer_fix {
	position:absolute;
	top: 1350px;
	left: -2px;
	width: 890px;
	height: 110px;
	z-index: 10;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #362008;
	font-size: 11px;
	background-color: #f6e0b7;
	background-image:url(../images/allgemein/footer.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	visibility: visible;
	line-height: normal;
	font-weight: normal;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F4E1BA;
	border-bottom-color: #F4E1BA;
	border-left-color: #F4E1BA;
}

#index_footer_fix a:link, a:visited {
	text-decoration:none;
	color: #362008;
}

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



	

							   






/***** Ein StandardDIV zum kopieren, anpassen und umbenennen 05.02.2010 *****/
/***** Ein StandardDIV zum kopieren, anpassen und umbenennen 05.02.2010 *****/
/***** Ein StandardDIV zum kopieren, anpassen und umbenennen 05.02.2010 *****/

#standardDIV {
    position:absolute; /*Stellt den Container auf eine absolute Position*/
	
    top: 0px; /*Pixel von oberem Seitenrand*/
	left: 0px; /*Pixel vom linken Seitenrand*/
	
	width: 1000px; /*Breite des Containers*/
	height: 480px; /*Höhe des Containers*/
	
	z-index: 3; /*Z-Index ist so etwas wie "Ebene", du kannst damit etwas Überlagern lassen*/
	
	overflow:visible; /*Alles was über den Container geht ist "visible" oder "hidden" (nicht sichtbar)*/
	
	margin-left: 0px; /*margin geht top / bottom / right / left , immer neuer Befehl wie padding unten*/
    padding-top: 0px; /*padding als top / bottom / right / left*/
	padding-left: 0px; /*s.o*/
	
	background-color:#fffbf6; /* Hintergrundfarbe */
	
	font-family:Verdana, Geneva, sans-serif; /*Schriftfamilie*/
	font-size:12px; /*Schriftgröße*/
	text-align:center; /*Schriftausrichtung center / left / right / justify*/
	line-height:1.8; /*Zeilenhöhe*/
	letter-spacing: 1px; /*Buchstabenabstand*/
	color:#e7D6A3; /*Schriftfarbe*/
	}
	

#standardDIV a:link  { /*wie sollen LINKS des StandardDIV behandelt werden*/
	text-decoration:none; /*keine Dekoration* hier könnte man z.B. unterstreichen oder ... wählen*/
	color: #fcb83D;       /*Farbe*/
}
#standardDIV a:visited {     /*wie sollen besuchte LINKS des StandardDIV behandelt werden*/
	text-decoration:none;
	color: #FCB83D;
}

#standardDIV a:hover {       /*wie soll Mouseover bei LINKS des StandardDIV behandelt werden*/
	text-decoration:none;
	color: #ffffff;
}
.image {
	padding: 3px;
	border: 1px solid #502C06;
}
.normal-dunkle_schrift{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: 362008;
}
.pedigree {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#412407;
	line-height: 12px;
	text-align: center;
}
.imageleft {
	padding: 3px;
	border: 1px solid #502C06;
	float: left;
}
.imageright {
	padding: 3px;
	border: 1px solid #502C06;
	float: right;
}
.groessere_hell {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bolder;
	color:#502C06;
	line-height: 14px;
}
.kennelarchiv-left_italicKopie {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#362008;
	line-height:14px;
	text-align:left;
	float:left;
	width: 280px;
	height: 18px;
	text-decoration: underline;
}
.mittlere_hellgr {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#502C06;
	vertical-align: sub;
	line-height: 20px;
}

