﻿/* Konfiguration der Startseite */

#intro {
	z-index:3;
	width: 800px;
	height: 520px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -260px;
 	background-color:#8d987b;	
 	overflow: hidden;
 	
}

#copyright_index {
	position: absolute; 
	width: 470px; 
	height: 15px; 
	z-index: 2; 
	top:502px; 
	color: #444444; 
	font-family: Verdana; 
	font-size: 9px;
	margin-top: 0px;
	left: 50%;
	margin-left: -235px;
}

/* ENDE - Konfiguration der Startseite */

/* Konfiguration der IndexSeite mit Hauptframe*/

#index {
    z-index:3;
	width: 970px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -485px;
	margin-top: -300px;
 	background-color:#8d987b;	
 	overflow: hidden;
 	background-image:url('pix/index/indexgreen.png');
}


#site {
	 position: absolute; 
	 width: 740px; 
	 height: 400px; 
	 z-index: 1; 
	 top: 5px; 
	 left: 5px; 
	 background-color: #ffffff;
}


#fade_schiefer {
	position: absolute; 
	width: 912px; 
	height: 535px; 
	z-index: 3; 
	top: 34px; 
	left: 28px;
	margin-bottom: 0px;
}


#iframe {
	position: absolute; 
	height: 436px;
	width: 775px;
	z-index: 4; 
	top: 133px; 
	left: 165px;

}

#divmenu {
	position: absolute; 
	width: 130px; 
	height: 429px; 
	z-index: 6; 
	top: 136px; 
	left: 32px;
	margin-right: 0px;
}

/* ENDE - Konfiguration der IndexSeite */


/* START - Konfiguration der einzelnen Seiten */


#ueberschrift1 {
	position: absolute; 
	width: 281px; 
	height: 40px; 
	z-index: 3; 
	top: 0px; 
	left: 3px;
	bottom: 360px;
	margin-top: 0px;
	right: 456px;
}


/*  ENDE - Konfiguration der einzelnen Seiten */


/* Konfiguration der Funktion "MouseOver bei graphischen Links" */




/* Button Home*/
.linkimage_home {
	display: block;
	background-image:url('01_home/home_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_home:hover {
	background-image:url('01_home/home_grau.png')
}



/* Button News */

.linkimage_news {
	display: block;
	background-image:url('02_news/news_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_news:hover {
	background-image:url('02_news/news_grau.png')
}



/* Button Über Uns */

.linkimage_ueber_uns {
	display: block;
	background-image:url('03_ueber_uns/ueber_uns_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_ueber_uns:hover {
	background-image:url('03_ueber_uns/ueber_uns_grau.png')
}



/* Button Katzen */

.linkimage_katzen {
	display: block;
	background-image:url('04_katzen/katzen_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_katzen:hover {
	background-image:url('04_katzen/katzen_grau.png')
}



/* Button Kater */

.linkimage_kater {
	display: block;
	background-image:url('05_kater/kater_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_kater:hover {
	background-image:url('05_kater/kater_grau.png')
}



/* Button Kitten */

.linkimage_kitten {
	display: block;
	background-image:url('06_kitten/kitten_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_kitten:hover {
	background-image:url('06_kitten/kitten_grau.png')
}



/* Button Infos */

.linkimage_infos {
	display: block;
	background-image:url('07_infos/info_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_infos:hover {
	background-image:url('07_infos/info_grau.png')
}



/* Button Links */

.linkimage_links {
	display: block;
	background-image:url('08_links/links_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_links:hover {
	background-image:url('08_links/links_grau.png')
}



/* Button Kontakt */

.linkimage_kontakt {
	display: block;
	background-image:url('09_kontakt/kontakt_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_kontakt:hover {
	background-image:url('09_kontakt/kontakt_grau.png')
}



/* Button Gästebuch */

.linkimage_gaestebuch {
	display: block;
	background-image:url('10_gaestebuch/gaestebuch_rot.png');
	border: 0px;
	width: 125px;
	height: 30px;
}

.linkimage_gaestebuch:hover {
	background-image:url('10_gaestebuch/gaestebuch_grau.png')
}



/* ENDE - Konfiguration der Funktion "MouseOver bei graphischen Links" */





	
/*  "class" - Zeichen bzw. Textkonfiguration in den Ebenen */	
	
.text {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	color: #1d1d1d;
	text-decoration: none;
}

.navi {
	font-family: Verdana;
	font-size: 10px;
	color: #660000;
	text-decoration: none;
}

.navi:hover {
	 font-family: Verdana;
	 font-size: 10px;
	 color: #660000;
	 text-decoration: none;
}


/*  ENDE - "class" - Zeichen bzw. Textkonfiguration in den Ebenen */	



