/* Stylesheet Tierpension Overländer (Bildschirm) */

* { /* ALLE Abstände auf 0 setzen - "Browser-Kalibrierung"*/
	padding: 0; margin: 0;
}

* html #navibereich { /* Patch für IE6 - (pixel navigationsbereich) WEGLASSEN AM ENDE */
	width: 570px;
}

html { /* Scrollbar im Firefox erzwingen* MOMENTAN NUR AUF 100%, EFFEKT BEI 101%! */
	height: 100%;
}

body { /* HTML-Element body gestalten */
	color: #FFFFFF; /* Schriftfarbe */
	background-color: #a52a2a; /* Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

.clearing {
	clear: both;
}

.headline_willkommen {
	background: transparent url(../gfx/headline_willkommen.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_katzen {
	background: transparent url(../gfx/headline_katzen.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_hunde {
	background: transparent url(../gfx/headline_hunde.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_kleintiere {
	background: transparent url(../gfx/headline_kleintiere.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_service {
	background: transparent url(../gfx/headline_service.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_mitarbeiter {
	background: transparent url(../gfx/headline_mitarbeiter.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_galerie {
	background: transparent url(../gfx/headline_galerie.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_kontakt {
	background: transparent url(../gfx/headline_kontakt.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.headline_impressum {
	background: transparent url(../gfx/headline_impressum.gif) no-repeat scroll 0 0;
	float: left;
	height:37px;
	text-indent:-999em;
	width:200px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.bildlinks {
	float: left;
	margin-top: -1px;
	border-top: 1px solid black;
	border-right: 1px solid #8c8c8c;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.bildlinkscontent {
	float: left;
	padding: 0px;
	border: 1px solid #a52a2a;
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 3px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.bildrechts {
	float: right;
	padding: 0px;
	border: 1px solid #a52a2a;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 3px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.thumbnail img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

.thumbnail:hover img {
	border-color: #a52a2a;
}

.tdImg {
	background-color: #FFF5EE;
	height: 115px;
	width: 115px;
	border: 1px solid #C0C0C0;
}

.elementrechts {
	text-align: left;
	float: right;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	display: inline; /* IE Bugfix für korrektes Floaten */
}

#aussenwrapper {
	color: black;
	background-color: #a52a2a;
	width: 907px; /* Breite des Inhaltsbereiches */
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#wrapper { /* HTML-Element id="wrapper" gestalten */
	color: black;
	background-color: #fde8d3;
	width: 900px; /* Breite des Inhaltsbereiches */
}

#kopfbereich {
	float: left;
	width: 900px;
    background: #651212;
    padding: 10px 0px 0px 0px; 
    margin-bottom: 0px;
}
   #kopfbereich p {
      padding: 5px 0 5px 0; 
      margin-bottom: 0; /* war 1em */
   }

   #kopfbereich a {
	  border-bottom: 0;
   }

   .telefonnummer {
	float: right;
   	margin-top: -85px;
	margin-right: 20px;
	display: inline; /* IE Bugfix für korrektes Floaten */
	}

.schattenrechts {
	float: right;
	display: inline;
}

#navibereich {
	float: left;
	width: 670px;
	text-align: left;
	color: black;
	background: #651212;
  	padding: 5px 0px 5px 230px;
}

	#navibereich ul { 
		margin-bottom: 0;
	}

	#navibereich li {
	  display: inline;
	  list-style-type: none;
	  list-style-position: inside;
	  margin: 0;
	}

   #navibereich a { 
      color: black; 
      background-color: white; 
      padding: 4px 8px; 
      border: 1px solid #8c8c8c;
	  text-decoration: none;
   }
	
	#navibereich a:hover {
		color: black;
		background-color: #fde8d3;
		border-bottom-color: #8c8c8c;
	}
	
	#navibereich a:focus,
	#willkommen #navi01 a,
	#katzen #navi02 a,
	#hunde #navi03 a,
	#kleintiere #navi04 a,
	#service #navi05 a,
	#mitarbeiter #navi06 a,
	#galerie #navi07 a,
	#kontakt #navi08 a {
		color: #CC0033;
		background-color: #fde8d3;
		border-bottom-color: #fde8d3;
	}
	
	#navibereich a:active {
		color: black;
		background-color: #fde8d3;
		border-bottom: 1px solid #fde8d3;
	}
	
#bildframe {
	float: left;
	width: 231px;
}

#iframe_1 {
	text-align: justify;
	width: 610px;
	height: 310px;
	background: #fde8d3;
	padding-right: 10px;
}

	.abstand_iframe{
		padding: 0px;
	}
	
	.scrollbereich {
		overflow: auto;
		width: 605px;
		height: 295px;
		padding-right: 12px;
	}
	
#textbereich {
	float: left;
	width: 640px;
	margin-left: 20px;
}

#text01 {
	float: left;
	width: 540px;
	padding-top: 0px;
	padding-left: 5px;
}

#logo {
	border: 0;
	padding-left: 12px;
	background-color: #651212;
}

#logo a:hover, #logo a:focus {
	border-bottom: none;
}

#fussbereich {
	clear: left;
	height: 30px;
	background-color: #651212;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 235px;
	border-top: 1px solid #000000; /* Rahmenlinie oben */
}

	.fussgrafik {
	float: left;
	display: inline; /* IE Bugfix für korrektes Floaten */
	}

	.fussimpressum {
		float: right;
		margin-top: 1px;
		display: inline; /* IE Bugfix für korrektes Floaten */
	}
		
	.schattenunten {
		float: left;
		display: inline;
	}

	#fussbereich a {
		text-decoration: none; outline: none; /* Unterstreichung entfernen */
	}
	
	#fussbereich a:link {
		color: #FFFFFF;
	}
	
	#fussbereich a:visited {
		color: #FFFFFF;
	}
	
	#fussbereich a:hover, #fussbereich a:focus {
		color: #fde8d3;
		border-bottom: 1px solid #fde8d3;
	}
	
	#fussbereich a:active {
		border-bottom: 0;
	}

#lbBottomContainer a:hover, #lbBottomContainer a:focus, #lbOverlay a:hover, #lbOverlay a:focus, #lbImage a:hover, #lbImage a:focus {
	border-bottom: 0;
}

.normalLinks a:link {
	color: #33FF00;
}

.normalLinks a:visited {
	color: #33FF00;
}

.normalLinks a:hover, .noBottomline a:focus {
	border-bottom: none;
	color: black;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 100%;
}

a {
	text-decoration: none; outline: none; /* Unterstreichung entfernen */
}

a:link {
	color: #a52a2a;
}

a:visited {
	color: #a52a2a;
}

a:hover, a:focus {
	color: #a52a2a;
	text-decoration: underline;
}

a:active {
	color: #a52a2a;
	border-bottom: 0;
}

/* Abstände (nach Reset) wieder herstellen */
h2, h3, p, ol {
	margin-bottom: 1em;
}

.noSpace { /* "Leerzeilen-Fix" für IE (jeweils letzter vorkommender <p> bekommt margin: 0; */
margin: 0;
}

ul ul { /* verschachtelte Listen ohne Abstand */
	margin-bottom: 0;
}

li {
	margin-left: 1.5em;
}