/*===============================================================

STYLE & HTML by bkh-vom-ardey.de

Author:  Sarah Busch
eMail:   Sarah.Busch86@googlemail.com
Web:     http://bkh-vom-ardey.de

/==============================================================*/



/*===============================================================

Inhalt auf jeder Seite: Navigation, Drop-Down-Menü, Haupthintergrund, Hintergrundbild (Anni), usw.

/==============================================================*/


.direkt a:link { text-decoration:none; color:#efdfcf; }
.direkt a:visited { text-decoration:none; color: efdfcf; }


body { 
	background:#ece1d1 url('img/leiste13.jpg') 
	repeat-x;
	overflow-y:scroll;}


#Logo { 
	background-image:url(img/Logoschrift5.jpg); 
	position:absolute; 
	top:10px; 
	left:310px; }

  	
#buttons {
	position: absolute;
	top:10px;
	left:500px; }


#Haupthintergrund { 
	position:absolute; 
	top:155px; 
	left:50%; 
	width:950px; 
	height:850px; 
	background-color:#f5efe6;
	margin-left: -475px; }

	
  
#Anni-Hauptecke { 
	background-image:url(img/Anni-ecke.png); 
	position:relative; 
	top:-125px; 
	left:1045px; 
	width:426px;  
	heigt:410px }
	
	
/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

.menu {
width:950px; 
height:42px; 
position:relative; 
z-index:100;
border-right:1px solid #585752; 
font-family:Lithos Pro Regular;}

/* hack to correct IE5.5 faulty box model */

* html .menu {
width:946px; 
w\idth:945px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {
padding:0;
margin:0;
list-style-type:none;}

.menu ul ul {
width:100px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {
float:left;
width:118px;
position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #efdfcf;
	width: 123px;
	height: 40px;
	border: 1px solid;
	border-top-color: #bfae97;
	border-left-color: #462c16;
	border-right-color: #462c16;
	border-bottom-color: #462c16;
	border-width: 1px 0 1px 0px;
	background: #462c16;
	padding-left: 0px;
	line-height: 39px;
	font-weight: normal;
	text-align: center;
}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {
visibility:hidden; 
position:absolute;
height:0;
top:41px;
left:0; 
width:100px;
border-top:1px solid #000;}

/* another hack for IE5.5 */

* html .menu ul ul {
top:30px;
t\op:31px;}


/* style the table so that it takes no appart in the layout - required for IE to work */

.menu table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;;}


/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
background:#e6e1dc; 
color:#462c16; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:97px;
border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {
width:150px;
w\idth:128px;}



/* style the top level hover */


.menu :hover > a, .menu ul ul :hover > a {
color:#462c16; 
background:#F5EFE6;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{
visibility:visible;}

	
	
/*===============================================================

Verhalten von Links:

/==============================================================*/
	
	
a  { text-decoration: none }
a:hover {border-bottom: 1px solid #50351A;}


#Hintergrund-Links { 
	background-image:url(img/hintergrund-links.jpg); 
	position:absolute; 
	top:140px; 
	left:20px; 
	width:800px; 
	height:533px;
	border:1px solid # e6e1dc }


	
/*===============================================================

Sonderschriften:

/==============================================================*/


.auto-style1 {
	color: #50351A;
}


.auto-style2 {
	color: #F5EFE6;
}


.schrift-style-hinweis {
	font-weight: normal;
	color: #93816D;
	font-size: 14px
}

.schrift-style-light {
	font-weight: normal;
	color: #93816D;
	font-size: 14px
}


.schrift-style-normal-unterstrichen {
	font-weight: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #50351a;
}

.schrift-style-rotbraun-kursiv{
	font-weight: normal;
	font-style: italic;
	color: #683c11;
}

	
	

	
/*===============================================================

Index:
--> Aktuelles und Begrüßung

/==============================================================*/


#Aktuell { 
	background-color: #e8e0d6; 
	position:absolute; 
	white-space: pre-line;
	top:100px; 
	left:50px; 
	width:340px; 
	height:490px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	border:1px solid #cbbeb2 }

#Bild-Topaktuell {  
	position:absolute; 
	top:270px; 
	left:43px; 
	width:250px; 
	height:167px; }


#Begrüßung { 
	position:absolute; 
	white-space: pre-line;
	top:225px; 
	left:670px;
	width:490px; 
	height:500px }
	

	

/*===============================================================

Neuigkeiten + Neuigkeiten 2010/2011:
--> Chronik und Neuigkeitenfelder

/==============================================================*/

#Chronik { 
	background-color: #e8e0d6; 
	position:absolute; 
	white-space: pre-line;
	top:110px; 
	left:40px; 
	width:340px; 
	height:270px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	border:1px solid #cbbeb2 }


#Strichlinie {
	background-image:url(img/Strichlinie.jpg);
	poisition:absolute;
	width: 280px;
	height: 3px;
	}

#Neuigkeiten-kleines-Feld { 
	position:absolute; 
	white-space: pre-line;
	top:80px; 
	left:410px;
	width:490px; 
	height:500px }
	
	
#Neuigkeiten-großes-Feld { 
	position:absolute; 
	white-space: pre-line;
	top:410px; 
	left:50px;
	width:850px; 
	height:500px }
	
	
	
/*===============================================================

Wurfplanung:

/==============================================================*/


#Mutter-1{ 
	background-image:url(img/Babuschka-Glasrahmen.jpg); 
	position:absolute; 
	top:210px; 
	left:40px; 
	width:350px; 
	height:250px; }
	
#Vater-1 { 
	background-image:url(img/Kater-Glasrahmen.JPG); 
	position:absolute; 
	top:210px; 
	left:560px; 
	width:350px; 
	height:250px; }

#Mutter-2{ 
	background-image:url(img/Romy-Glasrahmen.jpg); 
	position:absolute; 
	top:510px; 
	left:40px; 
	width:350px; 
	height:250px; }
	
#Vater-2 { 
	background-image:url(img/Jamie-Glasrahmen.jpg); 
	position:absolute; 
	top:510px; 
	left:560px; 
	width:350px; 
	height:250px; }


/*===============================================================

Seite der aktuellen Würfe:
--> Hintergründe siehe die gleichen wie Startseite Kitten!

/==============================================================*/

	
#Haupthintergrund-Kitten-links { 
	background-image:url(img/haupthintergrund-kitten1.jpg); 
	position:absolute; 
	top:170px; 
	left:0px; 
	width:558px; 
	height:387px; }
	
#Haupthintergrund-Kitten-rechts { 
	background-image:url(img/haupthintergrund-kitten2.jpg); 
	position:absolute; 
	top:180px; 
	left:500px; 
	width:396px; 
	height:387px; }


#Tabelle-Würfe-links { 
	position:absolute; 
	white-space: pre-line;
	top:180px; 
	left:90px;
	width:490px; 
	height:500px }


#Tabelle-Würfe-rechts { 
	position:absolute; 
	white-space: pre-line;
	top:170px; 
	left:450px;
	width:490px; 
	height:500px }


#Text-Würfe { 
	position:absolute; 
	white-space: pre-line;
	top:600px; 
	left:70px;
	width:800px; 
	height:500px }


	
/*===============================================================

Katzen:
--> Bilder der Zuchtkatzen
--> Haupthintergründe der einzelnen Katzenseiten

/==============================================================*/

#Tabelle-Katzen-Bonnie { 
	position:absolute; 
	top:420px; 
	left:900px;
	width:490px; 
	height:500px }
	
#Tabelle-Katzen-Donna{ 
	position:absolute; 
	white-space: pre-line;
	top:700px; 
	left:900px;
	width:490px; 
	height:500px }

#Tabelle-Katzen-Luna { 
	position:absolute; 
	white-space: pre-line;
	top:980px; 
	left:900px;
	width:490px; 
	height:500px }

#Tabelle-Katzen-Rhani { 
	position:absolute; 
	white-space: pre-line;
	top:1260px; 
	left:900px;
	width:490px; 
	height:500px }
	
#Tabelle-Katzen-Venus { 
	position:absolute; 
	white-space: pre-line;
	top:1540px; 
	left:900px;
	width:490px; 
	height:500px }
	
#Tabelle-Katzen-Puma { 
	position:absolute; 
	white-space: pre-line;
	top:1540px; 
	left:900px;
	width:490px; 
	height:500px }


#Tabelle-Katzen-Zouky{ 
	position:absolute; 
	white-space: pre-line;
	top:1820px; 
	left:900px;
	width:490px; 
	height:250px }


#Katzen-Bonnie { 
	background-image:url(img/Bonnie-Glasrahmen.jpg); 
	position:absolute; 
	top:340px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }
	
#Katzen-Donna { 
	background-image:url(img/Donna-Glasrahmen.jpg); 
	position:absolute; 
	top:620px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }

#Katzen-Luna { 
	background-image:url(img/Luna-Glasrahmen.jpg); 
	position:absolute; 
	top:900px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }


#Katzen-Rhani { 
	background-image:url(img/bonnie.png); 
	position:absolute; 
	top:1180px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }


#Katzen-Venus { 
	background-image:url(img/Venus-Glasrahmen.jpg); 
	position:absolute; 
	top:1460px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }
	
#Katzen-Puma { 
	background-image:url(img/Puma-Glasrahmen.jpg); 
	position:absolute; 
	top:1460px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }


#Katzen-Zouky { 
	background-image:url(img/Zouky-Glasrahmen.jpg); 
	position:absolute; 
	top:1740px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid #e6e1dc }
	


/*===============================================================

Kater:
--> Bilder der Zuchtkater
--> Haupthintergründe der einzelnen Katerseiten

/==============================================================*/

#Tabelle-Kater-Indie { 
	position:absolute; 
	white-space: pre-line;
	top:420px; 
	left:900px;
	width:490px; 
	height:500px }
	
#Tabelle-Kater-Joschi{ 
	position:absolute; 
	white-space: pre-line;
	top:700px; 
	left:900px;
	width:490px; 
	height:500px }
	

#Kater-Indie { 
	background-image:url(img/Indie-Glasrahmen.jpg); 
	position:absolute; 
	top:340px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }
	
#Kater-Joschi { 
	background-image:url(img/Joschi-Glasrahmen.jpg); 
	position:absolute; 
	top:620px; 
	left:450px; 
	width:350px; 
	height:250px;
	border:1px solid # e6e1dc }
	


/*===============================================================

Kastraten:

/==============================================================*/


	
#Hauptbild { 
	background-image:url(img/Hintergrund-Kastraten.jpg); 
	position:absolute; 
	top:180px; 
	left:60px; 
	width:820px; 
	height:250px;
	border:1px solid #e6e1dc }

#Text-Kastraten { 
	position:absolute; 
	white-space: pre-line;
	top:430px; 
	left:70px;
	width:800px; 
	height:500px }


/*===============================================================

Über Uns

/==============================================================*/

#Haupthintergrund-Uns { 
	background-image:url(img/Hintergrund-UeberUns.jpg); 
	position:absolute; 
	top:140px; 
	left:10px; 
	width:900px; 
	height:600px; }
	

#Text-Uns { 
	position:absolute; 
	white-space: pre-line;
	top:100px; 
	left:70px;
	width:800px; 
	height:500px }



/*===============================================================

Kontakt:
--> Karte

/==============================================================*/

	
#Karte { 
	position:absolute; 
	white-space: pre-line;
	top:80px; 
	left:450px;
	width:490px; 
	height:500px }





/*===============================================================

							Bonnie

/==============================================================*/

#Haupthintergrund-Bonnie { 
	background-image:url(img/Bonnie/haupthintergrund-bonnie.jpg); 
	position:absolute; 
	top:140px; 
	left:20px; 
	width:582px; 
	height:488px; }
	
#Tabelle-Bonnie { 
	position:absolute; 
	white-space: pre-line;
	top:290px; 
	left:510px;
	width:490px; 
	height:500px }

#Text-Bonnie { 
	position:absolute; 
	white-space: pre-line;
	top:600px; 
	left:70px;
	width:800px; 
	height:500px }


/*===============================================================

							Donna

/==============================================================*/

#Haupthintergrund-Donna { 
	background-image:url(img/Haupthintergrund-Donna.jpg); 
	position:absolute; 
	top:160px; 
	left:400px; 
	width:500px; 
	height:333px; }
	
#Tabelle-Donna { 
	position:absolute; 
	white-space: pre-line;
	top:240px; 
	left:70px;
	width:490px; 
	height:500px }

#Text-Donna { 
	position:absolute; 
	white-space: pre-line;
	top:520px; 
	left:70px;
	width:800px; 
	height:500px }

/*===============================================================

							Luna

/==============================================================*/

#Haupthintergrund-Luna { 
	background-image:url(img/Luna/haupthintergrund-luna.jpg); 
	position:absolute; 
	top:155px; 
	left:400px; 
	width:506px; 
	height:599px; }
	
#Tabelle-Luna { 
	position:absolute; 
	white-space: pre-line;
	top:300px; 
	left:70px;
	width:490px; 
	height:500px }

#Text-Luna { 
	position:absolute; 
	white-space: pre-line;
	top:600px; 
	left:70px;
	width:800px; 
	height:500px }


/*===============================================================

							Rhani

/==============================================================*/

#Haupthintergrund-Rhani { 
	background-image:url(img/haupthintergrund-rhani.jpg); 
	position:absolute; 
	top:170px; 
	left:10px; 
	width:500px; 
	height:333px; }
	
#Tabelle-Rhani { 
	position:absolute; 
	white-space: pre-line;
	top:250px; 
	left:450px;
	width:490px; 
	height:500px }

#Text-Rhani { 
	position:absolute; 
	white-space: pre-line;
	top:520px; 
	left:70px;
	width:800px; 
	height:500px }

/*===============================================================

							Puma

/==============================================================*/

#Haupthintergrund-Puma { 
	background-image:url(img/Puma/haupthintergrund-puma.jpg); 
	position:absolute; 
	top:150px; 
	left:250px; 
	width:650px; 
	height:433px; }
	
#Tabelle-Puma { 
	position:absolute; 
	white-space: pre-line;
	top:260px; 
	left:70px;
	width:490px; 
	height:500px }

#Text-Puma { 
	position:absolute; 
	white-space: pre-line;
	top:580px; 
	left:70px;
	width:800px; 
	height:500px }



/*===============================================================

							Venus

/==============================================================*/

#Haupthintergrund-Venus { 
	background-image:url(img/Venus/haupthintergrund-venus.jpg); 
	position:absolute; 
	top:140px; 
	left:250px; 
	width:650px; 
	height:488px; }
	
#Tabelle-Venus { 
	position:absolute; 
	white-space: pre-line;
	top:280px; 
	left:70px;
	width:490px; 
	height:500px }

#Text-Venus { 
	position:absolute; 
	white-space: pre-line;
	top:580px; 
	left:70px;
	width:800px; 
	height:500px }


/*===============================================================

							Zouky

/==============================================================*/

#Haupthintergrund-Zouky { 
	background-image:url(img/Zouky/haupthintergrund-zouky.jpg); 
	position:absolute; 
	top:180px; 
	left:60px; 
	width:400px; 
	height:300px; }
	
#Tabelle-Zouky { 
	position:absolute; 
	white-space: pre-line;
	top:260px; 
	left:480px;
	width:490px;
	height:500px }

#Text-Zouky { 
	position:absolute; 
	white-space: pre-line;
	top:500px; 
	left:70px;
	width:800px; 
	height:500px }


/*===============================================================

							Indie

/==============================================================*/

#Haupthintergrund-Indie { 
	background-image:url(img/haupthintergrund-indie.jpg); 
	position:absolute; 
	top:180px; 
	left:320px; 
	width:550px; 
	height:367px; }
	
#Tabelle-Indie { 
	position:absolute; 
	white-space: pre-line;
	top:240px; 
	left:70px;
	width:490px; 
	height:500px }

#Text-Indie { 
	position:absolute; 
	white-space: pre-line;
	top:520px; 
	left:70px;
	width:800px; 
	height:500px }
	
#Impressum { 
	position:absolute; 
	white-space: pre-line;
	top:20px; 
	left:60px;
	width:800px; 
	height:500px }




/*===============================================================

							Joschi

/==============================================================*/

#Haupthintergrund-Joschi { 
	background-image:url(img/haupthintergrund-joschi.jpg); 
	position:absolute; 
	top:160px; 
	left:350px; 
	width:600px; 
	height:400px; }
	
#Tabelle-Joschi { 
	position:absolute; 
	white-space: pre-line;
	top:260px; 
	left:70px;
	width:490px; 
	height:500px }

#Text-Joschi { 
	position:absolute; 
	white-space: pre-line;
	top:540px; 
	left:70px;
	width:800px; 
	height:500px }