/* Aussehen Tierpraxis Tann // for Screen ---------------------------------------------------- */
*			{ padding: 0; margin: 0; } 
html, body 	{ height: 100%; width: 100%; background: url(../images/tierpraxis_tann_bg.jpg); padding: 0; margin: 0; 
				font-family: Helvetica, Arial, sans-serif; color: #868789; font-size: 13px; line-height: 17px; font-weight: regular; }
html		{  overflow-y: scroll; } 				

/* Text --------------------------------------------------------------------------------- */
p			{ float: left; width: 375px; color: #868789; font-size: 13px; line-height: 17px; font-weight: normal; margin: 0 0 5px 0; padding: 0;
				-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -hyphens: auto; /*Silbentrennung*/ } /* Fließtext */
h1			{ color: #00386a; font-size: 15px; line-height: 17px; font-weight: normal; } /* Überschrift dunkelbau gross */
h2			{ float: left; width: 75px; color: #868789; font-size: 13px; line-height: 16px; font-weight: normal; margin: -5px 0 0 0; padding: 0; } /* Aufzählung als Liste links */
h3			{ float: left; width: 315px; color: #868789; font-size: 13px; line-height: 16px; font-weight: normal; margin: -5px 0 0 0; padding: 0; } /* Aufzählung als Liste rechts */
h4			{ color: #00386a; font-size: 13px; line-height: 17px; font-weight: normal; margin: 0 0 5px 0; padding: 0; } /* Überschrift dunkelbau klein */
h5			{ color: #00386a; font-size: 15px; line-height: 21px; font-weight: normal;  margin: 0 0 5px 0; } /* Überschrift dunkelbau gross Julian Panowsky */

.space		{ white-space: pre; } /* Tabs */

a				{ color: #868789; text-decoration: none; font-weight: regular; }
a:link			{ color: #868789; text-decoration: none; font-weight: regular; }
a:visited		{ color: #868789; text-decoration: none; font-weight: regular; }
a:hover, a:focus{ color: #868789; text-decoration: none; font-weight: regular; }
a:active		{ color: #868789; text-decoration: none; font-weight: regular; }
/* -------------------------------------------------------------------------------------- */

/* Farben grey: #868789; lightblue: #90acba; darkblue: #00386a; green: #5fb378; */

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

/* Aussehen ----------------------------------------------------------------------------- */
#wrapper	{ width: 900px; height: 726px; margin: 0 auto; padding: 18px 0 18px 0; z-index: 1; }	
	#wrapper_bg	{ width: 800px; height: 726px; background-color: #fff; margin: 0; padding: 0 50px 0 50px; z-index: 2; }
	
#wrapper2	{ width: 900px; height: 1025px; margin: 0 auto; padding: 18px 0 18px 0; z-index: 1; }	
	#wrapper_bg2	{ width: 800px; height: 1025px; background-color: #fff; margin: 0; padding: 0 50px 0 50px; z-index: 2; }
	
#wrapper3	{ width: 900px; height: 955px; margin: 0 auto; padding: 18px 0 18px 0; z-index: 1; }	
	#wrapper_bg3	{ width: 800px; height: 955px; background-color: #fff; margin: 0; padding: 0 50px 0 50px; z-index: 2; }
	
#wrapper4	{ width: 900px; height: 1085px; margin: 0 auto; padding: 18px 0 18px 0; z-index: 1; }	
	#wrapper_bg4	{ width: 800px; height: 1085px; background-color: #fff; margin: 0; padding: 0 50px 0 50px; z-index: 2; }

#wrapper5	{ width: 900px; height: 7000px; margin: 0 auto; padding: 18px 0 18px 0; z-index: 1; }	
	#wrapper_bg5	{ width: 800px; height: 7000px; background-color: #fff; margin: 0; padding: 0 50px 0 50px; z-index: 2; }
	
		#top		{ width: 800px; height: 150px; margin: 0 0 38px 0; padding: 0; z-index: 100; }
			#logo		{ float: left; width: 260px; height: 97px; margin: 0; padding: 53px 0 0 0; z-index: 100; }
			#navi		{ float: left; width: 540px; height: 25px; margin: 0; padding: 125px 0 0 0; z-index: 100; }
			
		.content	{ float: left; width: 400px; margin: 0; padding: 0; z-index: 50; overflow: hidden; }
		.team		{ float: left; width: 800px; height: 260px; margin: 0; padding: 0; z-index: 50; } 
			.team_text	{ float: left; width: 390px; height: 260px; margin: 0 10px 0 0; padding: 0; z-index: 50; }
			.team_pic	{ float: left; width: 400px; height: 260px; margin: 0; padding: 0; z-index: 50; }
	
	#footer		{ position: absolute; width: 800px; height: 108px; margin: -90px 0 0 50px; padding: 0; z-index: 100; }
		#footer img { float: left; }
	
/* -------------------------------------------------------------------------------------- */	

/* Navi --------------------------------------------------------------------------------- */
	#navi ul	{ padding: 0; margin: 0; font-size: 15px; font-weight: bold; text-align: right; letter-spacing: 0.02em; }					
		#navi li		{ list-style-type: none; display: inline; color: #00386a; padding: 0; margin: 0 5px 0 0;  }		
		#navi a			{ color: #00386a; }
		#navi a:hover, #navi a:focus, #home #n_home a, #praxis #n_praxis a, #team #n_team a, #leistung #n_leistung a, #impressum #n_impressum a { color: #90acba; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; 
						-ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }	
		#navi a:active	{ color: #90acba; }		
/* -------------------------------------------------------------------------------------- */

/* Formular ----------------------------------------------------------------------------- */
.feld		{ background-color: #fff; width: 250px; height: 16px; border:1px solid #90acba; 
				-webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
				filter:progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5)";}

.button 	{ background-color: #90acba; width: 110px; height: 20px; color: #fff; border:1px solid #90acba; text-align: center; font-size: 10px; line-height: 20px; 
				font-weight: bold; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
				-webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
				filter:progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5)";}

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