/*	==============
	=== INHALT ===
	==============
	
	--------------------------------------------
	1. Allgemeines
		- html
		- body
		- p 
		- a
		- h1
		- h2
	--------------------------------------------
	2. Seitenaufbau
		2.1 Wrapper
		2.2 Logo
		2.3 Header
		2.4 Picture
		2.5 Menue
		2.6 Submenue
		2.7 Content
		2.8 Footer
	--------------------------------------------
	3. Diverses
		3.1 
	--------------------------------------------  */	
	
/*
	EM - PX 
	10px = 0.6em
	12px = 0.76em
	14px = 0.9em
	16px = 1.0em
	18px = 1.12em
	22px = 1.38em
	26px = 1.63em
*/


/*  ======================
	=== 1. Allgemeines ===
	======================  */

* {
	border:0;
	margin:0;
	padding:0;
	outline:0;
}

html,body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
}

body {
	font:13px/15px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	background:#68020f url(../images/bckgr_body.png) repeat-x center 0;
}

p {
	padding-bottom:15px;
}
a {
	color:#85A43E;
	text-decoration:none;
}
a:hover {
	color:#85A43E;
	border-bottom:1px dotted #85A43E;
}

h1 {
	font:normal 24px/32px Georgia, "Times New Roman", Times, serif;
	color:#870314;
	padding-bottom:20px;
}

h2 {
	font:17px/20px Georgia, "Times New Roman", Times, serif;
	color:#870314;
	padding:10px 0 15px;
}
h3 {
	font:15px/15px Georgia, "Times New Roman", Times, serif;
	color:#870314;
	padding:10px 0 15px;
}
h4 {
	font:14px/16px Georgia, "Times New Roman", Times, serif;
	color:#870314;
	padding:10px 0 15px;
}
/*  =======================
	=== 2. Seitenaufbau ===
	=======================  */
	

/*  ---------------------
	--- 2.1 Container ---
	---------------------  */

#container10 {
	width:905px;
	margin:0 auto 30px auto;
	text-align:left;
	background:url(../images/bckgr_container.png) no-repeat 0 107px;
	padding:0 8px;
}
#container20,#container30,#container40,#container50,#container_help {
	width:905px;
	margin:0 auto 30px auto;
	text-align:left;
	background:url(../images/bckgr_container20.jpg) no-repeat 0 107px;
	padding:0 8px;
}
#container30 {
	background:url(../images/bckgr_container30.jpg) no-repeat 0 107px;
}
#container40 {
	background:url(../images/bckgr_container40.jpg) no-repeat 0 107px;
}
#container50 {
	background:url(../images/bckgr_container50.jpg) no-repeat 0 107px;
}
#container_help {
	background:url(../images/bckgr_container_help.jpg) no-repeat 0 107px;
}
	

/*  ------------------
	--- 2.3 Header ---
	------------------  */
	
#header {
	width:auto;
	height:112px;
	text-align:center;
}

/*  -----------------
	--- 2.5 Menue ---
	-----------------  */

ul#menue {
	width:905px;
	height:50px;
	list-style:none;
	padding:0;
	border-bottom:4px solid #BDE06D;
}
#menue li {
	float:left;
}
#menue li a {
	display:block;
	width:181px;
	height:50px;
	padding:0;
	text-indent:-9999px;
	border:none;
}
a.nav10 {
	background:url(../images/nav10.png) no-repeat 0 -50px;
}
a.nav10on,a:hover.nav10 {
	background:url(../images/nav10.png) no-repeat 0 0;
}
a.nav20 {
	background:url(../images/nav20.png) no-repeat 0 -50px;
}
a.nav20on,a:hover.nav20 {
	background:url(../images/nav20.png) no-repeat 0 0;
}
a.nav30 {
	background:url(../images/nav30.png) no-repeat 0 -50px;
}
a.nav30on,a:hover.nav30 {
	background:url(../images/nav30.png) no-repeat 0 0;
}
a.nav40 {
	background:url(../images/nav40.png) no-repeat 0 -50px;
}
a.nav40on,a:hover.nav40 {
	background:url(../images/nav40.png) no-repeat 0 0;
}
a.nav50 {
	background:url(../images/nav50.png) no-repeat 0 -50px;
}
a.nav50on,a:hover.nav50 {
	background:url(../images/nav50.png) no-repeat 0 0;
}

/*  -------------------
	--- 2.7 Picture ---
	-------------------  */
	
#player {
	padding:0;
	margin:0;
	width:905px;
	height:307px;
}
#picture_seniorenzentrum {
	width:905px;
	height:208px;
}

/*  --------------------
	--- 2.7 Wrap ---
	--------------------  */
	/* nötig für flexiblen Hintergrund Submenue und Content */
	
#wrap {
	width:901px;
	height:auto;
	float:left;
	background:#E9F4CE url(../images/bckgr_submenue.png) no-repeat 0 bottom;
	padding:0 0 20px 0;
	margin-top:30px;
	border-right:4px solid #fff;
}


/*  --------------------
	--- 2.7 Submenue ---
	--------------------  */
	
#submenue {
	width:211px;
	height:auto;
	float:left;
	list-style:none;
	padding:0 0 120px 19px;
}
#submenue li {
	width:211px;
	height:36px;
	background:url(../images/border_submenue_li.png) no-repeat 0 bottom;
}
#submenue li a {
	display:block;
	width:203px;
	height:26px;
	padding:9px 0 0 8px;
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#D5E1CD;
}
#submenue li a:hover {
	background:url(../images/submenue_ahover.png) no-repeat 0 0;
}
#submenue li a.activ {
	background:url(../images/submenue_activ.png) no-repeat 0 0;
	color:#D3E4C9;
}
	

/*  -------------------
	--- 2.7 Content ---
	-------------------  */

#content_start {
	width:390px;
	height:auto;
	min-height:290px;
	float:left;
	padding:0 20px 0 40px;
	background:#E9F4CE;
}

#content {
	width:607px;
	height:auto;
	min-height:290px;
	float:left;
	padding:0 20px 0 40px;
	background:#E9F4CE;
}
#content_middle {
	width:389px;
	height:auto;
	min-height:290px;
	float:left;
	padding:0 20px 0 30px;
	background:#E9F4CE;
	border-right:1px dotted #bbb;
}

#content ul, #content_middle ul {
	padding:0 0 15px 10px;
	list-style:none;
}
#content ul li, #content_middle ul li {
	background:url(../images/bullet.png) no-repeat 0 7px;
	padding:0 0 0 10px;
}
#content ul.zweispaltig li {
	float:left;
	width:260px;
}
.pics {
	margin-left:-3px;
}
.pics img {
	margin:10px 2px;
	border:2px solid #BBDF68;
}
#content .pics a:hover,
#content_middle .pics a:hover {
	border-bottom:none;
}
#content ul.pdf li {
	background:url(../images/ico_acrobat.png) no-repeat 0 0;
	padding:0 0 10px 25px;
}

.img {
	width:256px;
	height:169px;
	background:#fff;
	border:1px solid #B0B0B0;
	padding:6px;
	float:right;
	margin:0 0 0 20px;
}
.box {
	float:left;
	width:275px;
	height:auto;
	font-size:11px;
	padding:0 0 20px ;
	background:url(../images/bckgr_box.png) no-repeat 0 bottom;
}
.box h2 {
	font:17px/20px Georgia, "Times New Roman", Times, serif;
	color:#870314;
	padding:10px 0 5px;
	margin-bottom:10px;
	border-bottom:1px dotted #870314;
}

.zitat {
	font:15px Georgia, "Times New Roman", Times, serif;
	fnt-style:italic;
	color:#2F6903;
	padding:15px 0 0 0;
	text-align:right;
	clear:both;
}
.zitatname {
	font-size:10px;
	font-style:normal;
	color:#999;
	padding:0;
}
.float {
	float:left;
	width:auto;
	padding:0 40px 15px 0;
}
.clear {
	clear:both;
}
.small {
	font-size:11px;
}

/* Box right Historie */
.box_right {
	border:1px solid #ccc;
	width:206px;
	float:right;
	margin:55px 20px 0 0;
}
.innerbox_right {
	border:4px solid #fff;
	padding:5px 10px;
	font-size:11px;
	line-height:13px;
	background:#EEEAE5;
}
.box_right p {
	padding-bottom:5px;
}
.box_right h3 {
	padding:8px 0 10px;
}
.zitat_box {
	text-align:center;
	font:italic 13px/15px "Times New Roman", Times, serif;
	color:#2F6903;
	padding:5px 0;
	margin-bottom:10px;
}
.line {
	background:url(../images/line.png) no-repeat 0 0;
	padding:0;
}
.right {
	float:right;
	border:3px solid #fff;
}
.box_center {
	border:1px solid #ccc;
	width:350px;
	margin:0 auto 15px;
}
.innerbox_center {
	border:4px solid #fff;
	padding:15px 0;
	font:700 15px Georgia, "Times New Roman", Times, serif;
	color:#2F6903;
	text-align:center;
	background:#EEEAE5;
}

/*  ------------------------
	--- 2.8 Column right ---
	------------------------  */


#column_right {
	list-style:none;
	float:right;
	width:200px;
	padding:25px 10px 0 20px;
	font-size:11px;
	line-height:14px;
}
#column_right ul {
	list-style:none;
	padding:0 0 12px 10px;
}
#column_right ul li {
	background:url(../images/bullet.png) no-repeat 0 7px;
	padding:0 0 0 10px;
}
#column_right li.pdf {
	background:url(../images/ico_acrobat.png) no-repeat 0 0;
	padding:0 0 10px 25px;
}
#column_right h3 {
	color:#91BE27;
	font:14px/17px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0 10px;
}
#column_right p {
	padding:0 0 10px;
}

#column_right_start {
	list-style:none;
	float:right;
	width:200px;
	padding:86px 16px 0 0;
}
.frei,.formulare,.bildergalerie,.heimbote {
	width:200px;
	height:87px;
	background:url(../images/zimmer_frei.png) no-repeat 0 0;
	color:#787878;
	font-size:11px;
	margin-bottom:40px;
}
.formulare {
	background:url(../images/formulare.png) no-repeat 0 0;
}
.bildergalerie {
	background:url(../images/bildergalerie.png) no-repeat 0 0;
}
.heimbote {
	background:url(../images/heimbote.png) no-repeat 0 0;
}
.frei a,
.formulare a,
.bildergalerie a,
.heimbote a {
	display:block;
	width:188px;
	height:59px;
	color: #888;
	z-index:100;
	padding:31px 0 0 12px;

	/*width: 232px;
	height: 210px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 209px;
	height: 170px;*/
}
.bildergalerie a {
	height:72px;
	padding-top:15px;
}
.frei a:hover,
.formulare a:hover,
.bildergalerie a:hover,
.heimbote a:hover {
	border-bottom:none;
}


.frei strong,
.formulare strong,
.bildergalerie strong,
.heimbote strong {
	display: block;
	position: absolute;
	top: -99999px;
	left: -99999px;

}

/*  ------------------
	--- 2.8 Footer ---
	------------------  */

ul#footer {
	width:auto;
	height:79px;
	clear:both;
	font:11px/16px Georgia, "Times New Roman", Times, serif;
	color:#D5E1CD;
	list-style:none;
	padding:45px 55px 0;
	background:#2F6903 url(../images/bckgr_footer_test.png) no-repeat 0 0;
}
#footer li {
	float:left;
	padding:0 10px 0 0;
}
#footer a {
	color:#D5E1CD;
	text-decoration:none;
	border-bottom:1px dotted #98B381;
}
#footer a:hover {
	color:#98B381;
	border-bottom:none;
}
#footer li.tel {
	font-size:15px;
	line-height:30px;
	color:#D5E1CD;
	float:right;
	background:url(../images/ico_tel.png) no-repeat 0 0;
	padding:0 0 0 45px;
	margin:-9px 0 0;
}
.link_ys {
	font-size:10px;
	color:#924E57;
	text-align:right;
	margin:0 20px 0 0;
}
.link_ys a {
	color:#924E57;
	text-decoration:none;
}
.link_ys a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}

/*  ---------------------------------
	--- 3.1 Formatierung Formular ---
	---------------------------------  */

input, select, textarea {
	font:11px/12px Tahoma, Arial, Helvetica, sans-serif;
}
form {
	width:450px;
}
form.catering {
	width:auto;
}
form br {
	clear: left;
}

input {
	display: block;
	width:247px;
	float: left;
	background:url(../images/bckgr_input.png) no-repeat 0 0;
	margin:8px 0 0;
	padding:2px 2px 2px 5px;
	color:#666;
	border:1px solid #ccc;
}
input:hover {
 	color: #333;
	border:1px solid #999;
	background:url(../images/bckgr_input_hover.png) no-repeat 0 0; 
}
textarea {
	display: block;
	width:247px;
	float: left;
	background:#ececec url(../images/bckgr_input.png) no-repeat 0 0;
	margin:8px 0 0;
	padding:2px 2px 2px 5px;
	color:#666;
	border:1px solid #ccc;
}
textarea:hover {
	color: #333;
	border:1px solid #999;
	background:#ececec url(../images/bckgr_input_hover.png) no-repeat 0 0;
}
.check {
	width:auto;
	border:none;
	margin:4px 10px 0 0;
	background:none;
}
.check_error {
	border:1px solid red;
}
.check_error {
	width:auto;
	margin:4px 10px 0 0;
	background:#f90;
	outline:1px solid red;
}
*+html .check {
	margin:0 10px 0 0;
}
label {
	font-size:11px;
	font-weight:700;
}
#send {
	width:101px;
	height:34px;
	padding:8px 0 0;
	margin:-9px 0 0;
	cursor:pointer;
	border:none;
	background:url(../images/btn_send.gif) no-repeat 0 0;
	color:#CADCA5;
	font-size:12px;
	text-align:center;
	
}
.hinweis {
	color:#870314;
}	
.echo {
	clear:left;
	padding-top:40px;
}