/* =====================================================================================================
   Stylesheet für das goldenehände.at
   Autoren:  	Farzaneh EMADI und Armin PRIESNER (www.eurowerbung.at)
   Stand: November 2008
   Datei: screen.css
   goldfarbe: #be9320
   ======================================*/
/*allgemein informationen */


html { height: 101%; }
* { padding: 0; margin: 0;}


body {
	margin: 0px;
	background-image: url(bg_1px_rot.gif);
	background-repeat: repeat;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

p {
	margin: 0px 0px 12px 3px;
}

#website {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 812px;
	margin-left: -406px;
	background-color: #ffffff;
	background-image: url(BG_bild.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	
}

/*Ende: allgemein Informationen */

/*Kopfbereich */

#titelbild {
	height: 196px;
}

#banner {
	position: absolute;
	left: 250px;
	top: 60px;
	width: 460px;
	text-align: center;
	float: left;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	line-height: 19px;
	padding: 0;
	letter-spacing:0.01em;

}

/* Ende: Kopfbereich */



/* Navigation */

		/* ==================== NAVIGATION [immer anpassen] ==================== */
	#page_index #navi_index { background-color: #ffffff; }
	#page_index #navi_index a { color: #be9320; }
	
	#page_leistungen #navi_leistungen { background-color: #ffffff; }
	#page_leistungen #navi_leistungen a { color: #be9320; }

	#page_Pflegemodele #navi_Pflegemodele { background-color: #ffffff; }
	#page_Pflegemodele #navi_Pflegemodele a { color: #be9320; }

	#page_tarife #navi_tarife { background-color: #ffffff; }
	#page_tarife #navi_tarife a { color: #be9320; }

	#page_kontakt #navi_kontakt a { background-color: #ffffff; }
	#page_kontakt #navi_kontakt a { color: #be9320; }
	
	#page_imeressum #navi_imeressum a { background-color: #ffffff; }
	#page_imeressum #navi_imeressum a { color: #be9320; }
	
	#page_ueberuns #navi_ueberuns a { background-color: #ffffff; }
	#page_ueberuns #navi_ueberuns a { color: #be9320; }


	/* ==================== NAVIGATION [immer anpassen] ==================== */
	
 	#main-navi  {
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #a92723;
		background: #ffffff ; /* Hintergrundfarbe für die Navigation weiss */ 
		padding: 10px 10px 0px 3px;/* Innenabstand  */
		margin: 0; /* Keinen Außenabstand */ 
		font-size: 12px;
		font-weight: bold;
		border-bottom: 1px solid #a92723;
		border-top: 1px solid #a92723;
		cursor: pointer;
		letter-spacing:0.1em;
		}
		
		#main-navi ul { word-spacing: 0;}
		#main-navi ul { margin: 0 0 1em 0;}
		#main-navi li {
		display: inline; /*nebeneinander anzeigen*/
		list-style-type: none; /* kaine Markierung*/
		padding: 0px 12px 0px 12px;
		}
	

		#main-navi a{
		color: #a92723;
		text-decoration: none;
	
		}
		#main-navi a:hover,
		#main-navi a:focus {
		color: #be9320;
		}
			
			
/* Ende: Navigation */


/* Anfang content */

#textbereich {
	width: 812px;
	min-height: 400px;
	}

.content {
	width: 546px;
	float: left;
	margin: 10px 0px 4px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	text-decoration: none;
	line-height: 19px;
	padding: 0px 0px 6px 6px;
	letter-spacing:0.01em;
	min-height: 460px
}

	#textbereich a{
		text-decoration: none;
		color: #303dbb;
	}
	#textbereich a:hover{
		color: #be9320;

	}
	#textbereich a:focous {
		color: #be9320;	
	}
	
	.text_unterstreichen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #29120a;
	text-decoration: underline;
	}

.content-infobox {
	width: 230px;
	float: right;
	padding: 6px 0px 6px 0px;
	border: 1px solid #9b0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #29120a;
	text-decoration: none;
	line-height: 19px;
	margin: 10px 10px 0 0;

}

.content-bild {
	width: 230px;
	float: right;
	margin-top: 8px;
	border: 1px solid #9b0000;
	margin: 5px 10px 0 0;
}

.content-bild_weiss {
	width: 230px;
	float: right;
	margin-top: 8px;
	margin: 5px 10px 0 0;
}
/* Ende content*/




/*Anfang footer*/
#fussbereich {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px 6px 10px 0px;
	float: right;
	margin: 0px;
	width: 804px;
	background-image: url(BG_Hrot_1px.gif);
	background-repeat: repeat;
	border: 1px solid #ffffff;

}
	#fussbereich a{
		text-decoration: none;
		color: #FFFFFF;
	}
	#fussbereich a:hover{
		color: #be9320;

	}
	#fussbereich a:focous {
		color: #be9320;	
	}


/*Ende footer*/

/* Anfang Text */

.h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #29120a;
	text-decoration: none;
	line-height: 19px;
	letter-spacing:0.2em;
	margin: 2px 3px 6px 0;

}
.h1_gold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #be9320;
	text-decoration: none;
	line-height: 19px;
	letter-spacing:0.2em;
	margin: 8px 3px 6px 0;
}
.h1_rot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #a92723;
	text-decoration: none;
	letter-spacing:0.2em;
	line-height: 19px;
	margin: 8px 3px 6px 0;
}
.h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #29120a;
	text-decoration: none;
	line-height: 19px;
	margin: 6px 3px 4px 0;

}
.h2_rot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a92723;
	text-decoration: none;
	line-height: 19px;
}

/* Ende Text */

/*css zur gestaltung der Tabelle*/

table {
	width: 46em;
	border-collapse: collapse;
	color: #29120a;
}

/* Tabellenzellen gestalten */
th, td {
	padding: 0.3em 1em;
	text-align: left;
	vertical-align: top;
	
}
	th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #f4f3f7;

	
	}
	
thead {
	background-color: #eeecec;
	color: #29120a;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

tfoot {
	border-top: 1px solid #000000;
}

/* Zebrastreifen und Hovern */

tr.zebrastreifen {
	background-color: #f8f7fb; color: #29120a;
}

tr {
	color: #29120a;

}

/*css zur gestaltung der Tabelle
thead tr:hover, 
tfoot tr:hover {
	background-color: #e9e7ec;
	color: #be9320;
}

tr:hover { background-color: #be9320; color: white; }
thead tr:hover,
tfoot tr:hover { 
   background-color: transparent; 
   color: #be9320; 
}
*/

#ol {
	padding: 3px 0 3px 30px;
	}
	
#ul {
	padding: 3px 0 14px 7px;
	}
	
#li  {
	padding: 2px 0 0px 10px;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	
	}
	
	
	
#ul-slogen {
	padding: 3px 0 3px 30px;
	}
	
#li-slogen  {
	text-align: center;
	list-style-type: none; /* Aufzählungszeichen entfernen */
	
	}