@charset "utf-8";
/* www.seniorenpension-schlossberg.at */

/* --- Body --- */

* {
margin: 0;
padding: 0;
}

body {
background: #FDF9F6 url(../images/layout/body.jpg) 0 0 repeat-x;
/**font: 0.9em "Trebuchet MS" Arial, Helvetica, sans-serif !important;**/
color: #282208;
line-height: 1.6em;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:0.9em;
}

p {
margin: 0 0 15px 0;
}

h1 {
background: url(../images/layout/headline.gif) 0 0 no-repeat;
width: 460px;
height: 80px;
float: left;
color: #8a8f7d;
text-transform: uppercase;
font-size: 1.2em;
padding: 20px 0 0 0;
font-weight: normal;
margin-top: 15px;
}

h1 span {
text-transform: none;
color: #e29600;
}

h2 {
background: url(../images/layout/headline.gif) 0 0 no-repeat;
width: 460px;
height: 80px;
float: left;
color: #8a8f7d;
font-size: 1.2em;
padding: 20px 0 0 0;
font-weight: normal;
}

a {
color: #8a8f7d;
text-decoration: none;
}

a:hover {
color: #e29600;
}

ul.liste {
list-style-type: none;

}
					
ul.liste li {
background: url(../images/layout/subnavi.gif) 0 5px no-repeat;
padding-left: 20px;
margin-bottom: 3px;
}

.bild {
border: 1px solid #8a8f7d;
padding: 2px;
}

/* --- Container --- */

#container {
background: url(../images/layout/container.jpg) 0 0 repeat-y;
width: 965px;
margin: 0 auto auto 0;
}

/* --- Content --- */

#background {
background: url(../images/layout/background.jpg) 0 0 no-repeat;
width: 945px;
margin: 0 auto auto 0;
}

	#logo {
	width: 241px;
	height: 84px;
	float: left;
	margin: 96px 0 0 235px;
	}
	
	#flash {
	width: 400px;
	float: left;
	}

/* --- Blöcke --- */

.block {
width: 230px;
height: 230px;
background-color: #fff;
border: 1px solid #c5ad7a;
float: left;
}

#oben {
width: 955px;
height: 244px;
float: left;
}

	#block_oben {
	margin: 6px 0 0 247px;
	}
	
		#green01 {
		background: url(../images/layout/green01.jpg) 0 0 no-repeat;
		width: 196px;
		height: 196px;
		margin: 17px 0 0 17px;
		}

#mitte {
width: 955px;
float: left;
}

	#block_mitte01 {
	margin: 0 0 0 9px;
	}
	
		#yellow {
		background: url(../images/layout/yellow.jpg) 0 0 no-repeat;
		width: 196px;
		height: 196px;
		margin: 17px 0 0 17px;
		}
	
	#block_mitte02 {
	margin: 0 0 0 6px;
	}
	
		#slideshow {
		width: 196px;
		height: 196px;
		margin: 17px 0 0 17px;
		}
	
	#block_mitte03 {
	margin: 0 0 0 6px;
	}
	
		#bild01 {
		width: 196px;
		height: 196px;
		margin: 17px 0 0 17px;
		}
	
	#block_mitte04 {
	margin: 0 0 0 6px;
	}
	
		#bild02 {
		width: 196px;
		height: 196px;
		margin: 17px 0 0 17px;
		}
		
		#bild03 {
		width: 196px;
		height: 196px;
		margin: 17px 0 0 17px;
		}
		
#unten {
width: 960px;
float: left;
}

	#block_unten {
	margin: 6px 0 0 9px;
	}
	
/* --- Navi --- */	
	
#navi {
background: url(../images/layout/green02.jpg) 0 0 no-repeat;
width: 230px;
height: 196px;
margin: 17px 0 0 17px;
padding-top: 25px;
}
		
	#navi ul {
	margin: 5px;
	}
			
	#navi ul li {
	list-style-type: none;
	float: left;
	font-size: 0.8em;
	width:230px;
	}
			
	#navi ul li a {
	color: #5b6050;
	text-decoration: none;
	}
			
	#navi ul li a:hover, #navi ul li a.active {
	color: #fff;
	background-color: #535a41;
	}
			
	#navi span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	}
			
		.altern {
		padding-left: 8px;
		}
					
		.gesundheit {
		padding-left: 13px;
		}
		
/* --- Subnavi --- */

#subnavi {
width: 196px;
height: 196px;
margin: 17px 0 0 17px;
float: left;
padding-top: 25px;
}

	#subnavi ul {
	margin: 10px;
	}
	
	#subnavi ul li {
	list-style-type: none;
	}
	
	#subnavi ul li a {
	background: url(../images/layout/subnavi.gif) 0 3px no-repeat;
	padding-left: 20px;
	color: #696f5a;
	text-decoration: none
	}
	
	#subnavi ul li a:hover, #subnavi ul li a.active {
	text-decoration: underline;
	}
	
/* --- Inhalt --- */

#inhalt {
width: 460px;
float: left;
padding-left: 38px;
}

	.clear {
	float: none;
	clear: both;
	}
	
/* --- Footer --- */

#footer {
background: url(../images/layout/footer.jpg) 0 0 no-repeat;
width: 861px;
height: 184px;
margin: 0 auto auto 0;
} 

	#footer ul {
	margin: 20px 0 0 25px;
	float: left;
	}
			
	#footer ul li {
	list-style-type: none;
	float: left;
	font-size: 0.8em;
	padding: 0 5px 0 5px;
	}
			
	#footer ul li a {
	color: #747c5e;
	text-decoration: none;
	}
	
	#footer ul li a:hover, #footer ul li a.active {
	color: #747c5e;
	text-decoration: underline;
	}
	
/* --- Adresse --- */

#adresse {
width: 300px;
float: left;
margin: 20px 0 0 250px;
font-size: 0.9em;
}