/* Standard Stylesheet
www.bkh-little-wonders.de
Start: 02.01.2009
Letzte Aenderung: 03.01.2012
*/

* {
	padding: 0;
	margin: 0;
	z-index: 1;
}
/*html {
  height: 100%;
}                 Für eine Seitengenaue Höhe!*/


body {
	color: white;
	/*height: 100%; Für eine Seitengenaue Höhe!*/
background-color: #ca9ef4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(bilder/Tyler-Belli-Banner-HG3.jpg);
	background-position: top;
	background-repeat: repeat-x;
	z-index: 2;
}
marquee {
  display: block;
  width: 720px;
  float: left;
}
#zuechterbutton {
/* --- Angaben für die absolute Positionierung ---
  position: absolute;
  top: 25%;
  right: 1%; */
width: 165px;
margin-top: 10px;
margin-left: 0px; /*Der linke Abstand vom Button, also zwischen Updatespalte und Button!*/
float: right;
}
#wrapper {
color: black;
background-color: #ca9ef4;
border: 5px solid #431171;
width: 910px;
/*height: 100%; Für eine Seitengenaue Höhe!*/
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
#belli {
 position: absolute;
  top: 0px;
  right: -5px;
}
#tyler {
  position: absolute;
  top: 0px;
  left: 10px;
}
/*#ostern {
     position: absolute;
     top: 0px;
     left: 54%;
}   */

.hann-april {
	position: relative
	width: 507px;
}
/*.beschreibung-hann {
	position: absolute;
	margin-top: -150px;
	width: 200px;
	left: 75px;
	top: 1006px;
	}
.beschreibung-april {
	position: absolute;
	margin-top: -150px;
	width: 200px;
	left: 549px;
	top: 1006px;
	}*/
.beschreibung-hann {
	position: relative;
	width: 200px;
	float: left;
	margin-top: -15%;
	margin-left: 3%;
/*	margin-top: -135px;
	margin-right: 70%;*/
	}
.beschreibung-april {
	position: relative;
	width: 200px;
	float: right;
	margin-top: -15%;
	margin-right: 22%;
/*	margin-top: -259px;
	margin-left: 500px;*/
	}
#anzeigen-abstand {
padding-top: 50px;
padding-bottom: 100px;
  }
#text {
  position: absolute;
  top: 0px;
  left: 35%;
}
#textbereich #link a {
 border: 0px;
  text-decoration: none;
}
#kopfbereich {
position: relative;
width: 100%;
height: 180px;
color: black;
/*background-image: url(bilder/tyler-belli-kopf.jpg);
background-position: top;
background-repeat: no-repeat;
background-color: #8309e2;*/
/*padding-top: 10px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;*/
}
#bold {
	font-weight: bold;
}
#groesser p {
 font-size: 110%;
  }
.flash-banner {
 margin-bottom: 10px;
}


#kopfbereich p {
  position: absolute;
  font-weight: bold;
  padding: 5px 0 5px 0;
  margin-bottom: 0;
}

#navbereich {
background-color: #431171;
/*border-collapse: collapse;*/
width: 96%;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}

#navbereich ul {
  margin-bottom: 0;
}

#navbereich li {
  display: inline;
  list-style-type: none;
  margin: 0;
}

#navbereich a {
  color: #FFFFFF;
  padding: 4px 10px 4px 10px;
/*  border: 1px solid #000000;*/
/*  border-right: 2px solid #000000;*/
}
#navbereich a:hover,
#navbereich a:focus {
  color: #FFFFFF;
  background-color: #724c95;
}
#subnav {
  background-color: #431171;
  list-style: none;
  width: 96%;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
}
#subnav ul {
  margin-left: 195px;  /* Einrückung links */
  margin-bottom: 0;
}
#subnav li {
  display: inline;
  list-style: none;
  margin: 0;
}
#subnav a {
  color: #FFFFFF;
  padding: 4px 15px 4px 15px;
}
#subnav a:hover,
#subnav a:focus {
  color: #FFFFFF;
  background-color: #724c95;
}
.kursiv {
  font-style: italic;
}
.mitte {
   margin: 0 auto;
   width: 600px;
}

.gb_center {
 text-align: center;
  }
#linker_abstand {
  display: block;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

/*----------------------------------------------------*/
/*                      Farben                        */
/*----------------------------------------------------*/
.dunkelrot {
  color: #990066;
}

.dunkelrot2 {
color: #990066;
font-size: 150%;
font-weight: bold;
}




#startseite #navi01 a,
#news #navi01a a,
#katzen #navi03 a,
#kitten #navi03a a,
#wiruns #navi02 a,
#gallery #navi04 a,
#gaestebuch #navi04a a,
#videos #navi04b,
#links #navi05 a,
#kontaktseite #navi06 a,
#impressum #navi07 a {
  color: #ca9ef4;
  background-color: #724c95;
  border-bottom-color: #FFFFFF;
}
#kitten #subnav01 a {
  color: #ca9ef4;
  background-color: #724c95;
  border-bottom-color: #FFFFFF;
}


#navbereich a:active {
  color: #FFFFFF;
  background-color: #724c95;
}

#textbereich {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
/*margin-right: 130px;*/
}

#textbereich b span {
  color: #724C95;
}

#textbereich a span {
  border: 0;
}


#fussbereich {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-top: 2px solid #993399;
  margin-top: 20px;
}

h1, h2, h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #431171;
   display: block;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 101%; }

/*----------------------------------------------------*/
/* Eine DIV-Box rechts im Inhaltsbereich z.B. Infobox */
/*----------------------------------------------------*/
#sidebar {
  float: right;
  width: 100px;
  padding: 10px;
  padding-top: 10px;
  margin-top: 0px;
  margin-right: 5px;
  background-color: #9060bd;
/*  border: 1px solid #000000; */
}

.floatright {
  float: right;
  width: 350px;
  padding: 0 0 10px 10px;
}
.floatright200 {
  float: right;
  width: 200px;
  padding: 0 0 10px 10px;
}
.floatright250 {
  float: right;
  width: 250px;
  padding: 0 0 10px 10px;
}
.floatright300 {
  float: right;
  width: 300px;
  padding: 0 0 10px 10px;
}
.floatright400 {
  float: right;
  width: 400px;
  padding: 0 0 0 10px;
}
.floatright450 {
  float: right;
  width: 450px;
  padding: 0 0 10px 10px;
}
.bildxy {
  display: block;
  float: left;
}
.bildxyz {
  display: block;
  float: right;
}

#textbereich h3 { color: #000000; }

/*----------------------------------------------*/
/* Im Textbereich Hyperlinks rot unterstreichen */
/*----------------------------------------------*/
/*#textbereich a {
  border-bottom: 1px solid #CC0000;
}
#textbereich a:hover,
#textbereich a:focus {
  border-bottom: 1px solid #d90000;
} */
/* ENDE Im Textbereich Hyperlinks rot unterstreichen */
/*---------------------------------------------------*/

.bild {
  background-color: #FFFFFF;
  padding: 10px;
  border: 2px solid #724C95;
  margin-right: 15px;
  margin-bottom: 15px;
}

address {
text-align: center;
font-size: 80%;
font-style: normal;
letter-spacing: 2px;
line-height: 1.5em;
}

/* Link unterstrichen */
a.unterstrichen:link { text-decoration: underline; }

a:link { color: #D90000; }
a:visited { color: #cc6666; }
a:hover, a:focus { border-bottom: 2px solid #FFFFFF; }
a:active: { white; background-color: #d90000; }

a:link, ul li { text-decoration: none; list-style-type: none; }

.skiplink {
  position: absolute;
  top: -2000px;
  left: -3000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}

h2, p, ul, ol {
  margin-bottom: 1em;
}

ul ul {
  margin-bottom: 0;
}

/*li {
  margin-left: 1em;
} */

.clear-beides {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
/*----------------------------------------------*/

/*              Kontaktformular                 */

/*----------------------------------------------*/
form {
  background-color: #ca9ef4;
  width: 600px; /*Breite des ca9ef4 Formulars*/
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { /*Beschriftung auf eigener Zeile*/
  display: block;
  cursor: pointer; /*Mauszeiger wird zur Hand*/
}
input#absender,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 10em;
}
#absender, textarea {
  background-color: #eee;
}

input#absender:focus,
textarea:focus {
  background-color: #FFFFFF;
}

/*----------------------------------------------*/
/*   Blöcke 2spaltig als Definitionslisten      */
/*----------------------------------------------*/
#ggallery {
  width: 600px;
  margin: 0 auto;
  float: left;

}

dl.gallery
{
border: 2px solid #000;
background-color: #FFFFFF;
width: 266px;
text-align: center;
padding: 10px;
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
.gallery dt { font-weight: bold; background-color: #ca9ef4; }
.gallery dt img
{
border: 1px solid #000;
width: 264px;
height: 366px;
}
.gallery dd
{
margin: 0;
padding: 0;
background-color: #ca9ef4;
}

/*----------------------------------------------*/

/*       Galerie mit Textanmerkung          */

/*----------------------------------------------*/
h2.g_seite { clear: both; text-align: center; padding: 20px 0 30px 0; }

#galerie {width:700px; height:510px; padding:10px; margin: 0 auto; border:1px solid #431171; background: #ca9ef4; position:relative; }
#galerie b.aktuell {position:absolute; margin: 0 auto; top:10px; width:548px; height:380px; text-align:center;}
#galerie b.aktuell img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#galerie b.aktuell span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#galerie ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#galerie ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#galerie ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#galerie ul li a span {display:none;}
#galerie ul li a img {display:block; width:50px; height:50px; border:0;}
#galerie ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#431171;}
#galerie ul li a:hover b {position:absolute; left:-520px; top:0; width:510px; height:380px; text-align:center; background:#ca9ef4; z-index:20;}
#galerie ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#galerie ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#galerie ul li a:active, #galerie ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#431171;}
#galerie ul li a:active b, #galerie ul li a:focus b {position:absolute; left:-520px; top:0; width:510px; height:380px; text-align:center; background:#ca9ef4; z-index:10;}
#galerie ul li a:active span, #galerie ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:510px; margin:0 auto;}
#galerie ul li a:active img, #galerie ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

.clear {clear:both;}

/*----------------------------------------------*/

/*       Kitten-Galerie mit Textanmerkung          */

/*----------------------------------------------*/


#kittengalerie {width:700px; height:510px; padding:10px; margin: 0 auto; border:1px solid #431171; background: #ca9ef4; position:relative; }
#kittengalerie b.aktuell {position:absolute; margin: 0 auto; top:10px; width:548px; height:380px; text-align:center;}
#kittengalerie b.aktuell img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#kittengalerie b.aktuell span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#kittengalerie ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#kittengalerie ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#kittengalerie ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#kittengalerie ul li a span {display:none;}
#kittengalerie ul li a img {display:block; width:50px; height:50px; border:0;}
#kittengalerie ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#431171;}
#kittengalerie ul li a:hover b {position:absolute; left:-520px; top:0; width:510px; height:380px; text-align:center; background:#ca9ef4; z-index:20;}
#kittengalerie ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#kittengalerie ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#kittengalerie ul li a:active, #galerie ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#431171;}
#kittengalerie ul li a:active b, #galerie ul li a:focus b {position:absolute; left:-520px; top:0; width:510px; height:380px; text-align:center; background:#ca9ef4; z-index:10;}
#kittengalerie ul li a:active span, #galerie ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:510px; margin:0 auto;}
#kittengalerie ul li a:active img, #galerie ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

/*----------------------------------------------*/

/*       Kittengalerie mit Schatten             */

/*----------------------------------------------*/
#kittengalerie_s {width:700px; height:510px; padding:10px; margin: 0 auto; border:0px solid #431171; background: #ca9ef4; position:relative; }
#kittengalerie_s b.aktuell {position:absolute; margin: 0 auto; top:10px; width:548px; height:380px; text-align:center;}
#kittengalerie_s b.aktuell img {display:block; margin:0 auto 10px auto; border:0px solid #eee; border-color:#555 #ddd #eee #333;}
#kittengalerie_s b.aktuell span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#kittengalerie_s ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#kittengalerie_s ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#kittengalerie_s ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#kittengalerie_s ul li a span {display:none;}
#kittengalerie_s ul li a img {display:block; width:50px; height:50px; border:0;}
#kittengalerie_s ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#431171;}
#kittengalerie_s ul li a:hover b {position:absolute; left:-520px; top:0; width:510px; height:380px; text-align:center; background:#ca9ef4; z-index:20;}
#kittengalerie_s ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#kittengalerie_s ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:0spx solid #eee; border-color:#555 #ddd #eee #333;}

#kittengalerie_s ul li a:active, #galerie ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#431171;}
#kittengalerie_s ul li a:active b, #galerie ul li a:focus b {position:absolute; left:-520px; top:0; width:510px; height:380px; text-align:center; background:#ca9ef4; z-index:10;}
#kittengalerie_s ul li a:active span, #galerie ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:510px; margin:0 auto;}
#kittengalerie_s ul li a:active img, #galerie ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:0px solid #eee; border-color:#555 #ddd #eee #333;}



/*----------------------------------------------*/

/*       Anmerkungen - Gästebucheinträge       */

/*----------------------------------------------*/

.meta {
	padding:1px 8px;
	font-size: .8em;
	border-top: 1px dotted #ca9ef4;
	/*border-bottom: 1px dotted #8C6147;*/
   /*	background: #431171;*/
	text-align: right;
}


#kommentar {
	margin: 20px 0;
	padding: 0 0 .5em 0;
   /*	border-top: 2px solid #8C6147;*/
	border-left: 5px solid #993399;
	/* dieser Rand hat die Hintergrundfarbe der Site und ist daher unsichtbar
	er muss aber vorhanden sein, um einen abgefahrenen Bug in IE 5.5/6 zu beheben;
	Beschreibung des Bugs http://www.stopdesign.com/log/2004/01/30/ie_factor_example.html */
	border-bottom: 1px solid #ca9ef4;
	background: #724c95;
}

/*.kommentar p, .kommentar .gb_eintrag {*/
/*	margin: 0 0 .5em 0;     /*Abstand nach unten beim Eintragskommentar */
/*	padding: 0  1.5em;
}                     */

#kommentar, kommentar p, .gb_eintrag {
    margin: 0 0 .5em 0;     /*Abstand nach unten beim Eintragskommentar */
    padding: 0  1.5em;
}
#kommentar a:link {
    	color: #ca9ef4;
}
#kommentar a:visited {
    	color: #ca9ef4;
}

a.kommentar:link {
	color: #ca9ef4;
}
a.kommentar:visited {
	color: #ca9ef4;
}
a.kommentar:hover {
	color: #ca9ef4;
}
a.kommentar:aktive {
	color: #ca9ef4;
}

.gb_center p, a:link {
	color: #000000;
}
.gb_center p, a:visited {
	color: #000000;
}

#kommentar, .gb_eintrag p {
	margin: 0 0 10px 0; /*Abstand zum nächsten Eintrag */
	padding: 0;
	font-size: 1em;
    color: #FFFFFF;
}


/* Meta Angaben sehen fuer Kommentare anders aus als bei Artikeln */
#kommentar .meta {
	border-top: none;
	text-align: left;
	margin: 0 0 10px 0; /*Aussenabstand unten vom Headbalken */
	padding: 10px 15px 10px 1.5em;
	background: #431171;
}

.gb_eintrag_num {
	float: right;
	margin:-.25em 0 0 0;
	padding: 0;
	font-size: 20px;
	line-height: 1;
	color:#ca9ef4;
}

/* Angaben für Kittentabelle */

#Kittendarstellung {
  width: auto;
}
#Kittendarstellung_bild {
  width: auto;
}
* html #Kittendarstellung .Untereigenschaft {
  height: 18em; /*IE-Hack*/
}
* html #Kittendarstellung_bild .Untereigenschaft {
  height: 24em; /*IE-Hack*/
}
#Kittendarstellung .Untereigenschaft {
  float: left;
  width: 150px;
  border-top: 1px solid #431171;
  color: #6600FF;
  margin: 0; /*Aussenabstand zum äusseren div war bei top=35px*/
  font-size: 95%;
  min-height: 16em;
}
#Kittendarstellung .Untereigenschaft_bild {
  float: left;
  width: 150px;
  height: 79px;
  border-top: 1px solid #431171;
  color: #6600FF;
  margin: 0; /*Aussenabstand zum äusseren div war bei top=35px*/
  font-size: 95%;
  min-height: 32em;  /*Abstand nach der Tabelle!*/
}
#Kittendarstellung .Untereigenschaft h3 {
  margin: 0px;
  padding: 0px;
  font-size: 135%;
  color: #431171;
  text-align: center;
}
#Kittendarstellung .Untereigenschaft_bild h3 {
  margin: 0px;
  padding: 0px;
  font-size: 135%;
  color: #431171;
  text-align: center;
}
#Kittendarstellung .Untereigenschaft a {
     text-decoration: underline;
     color: #6600FF;
}
#Kittendarstellung .Untereigenschaft_bild a {
     text-decoration: underline;
     color: #6600FF;
}
#Kittendarstellung .Untereigenschaft ul {
  display: block;
  margin-top: 0px;
  margin-left: 0px; /*Einrückung entfernen für IE, FF ist die Einrückung vorhanden*/
  padding-left: 0px;/*Einrückung entfernen für den FF*/
}
#Kittendarstellung .Untereigenschaft_bild ul {
  display: block;
  margin-top: 0px;
  margin-left: 0px; /*Einrückung entfernen für IE, FF ist die Einrückung vorhanden*/
  padding-left: 0px;/*Einrückung entfernen für den FF*/
}
#Kittendarstellung .Untereigenschaft li {
  border-left: 1px solid #431171;
  border-bottom: 1px solid #431171;
  list-style-type: none;
  line-height: 3em;
  text-align: center;
}
#Kittendarstellung .Untereigenschaft_bild li {
  border-left: 1px solid #431171;
  border-bottom: 1px solid #431171;
  list-style-type: none;
  line-height: 77px;  /*Höhe der Zellen!*/
  text-align: center;
}
#Kittendarstellung .Untereigenschaft_bild li img {
  display: block;
  height: 77px;
  margin-right: auto;
  margin-left: auto;
}

#Kittendarstellung .Untereigenschaft div li {   /*Damit wird der rechte Rand erzeugt*/
  border-right: 1px solid #431171;
}
#Kittendarstellung .Untereigenschaft_bild div li {   /*Damit wird der rechte Rand erzeugt*/
  border-right: 1px solid #431171;
}
.Unterstreichung_aus a {
     text-decoration: none;
     color: #431171;
}
#rechte_anordung_link a {
float: right;
margin-top: 5px;
}