/*/////////////////// ALLGEMEIN ////////////////////*/

*	{
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	line-height:150%;
	}

html	{
	height: 100%;
	}
	
body	{
	background: url(/de/wLayout/design/img/bg-start.gif) repeat-x top left #e7e7e7;
	height: 100%;
	font-family: verdana;
	}
	
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 900px;
	margin:0 auto;
	padding:0;
	position:relative;
}

.clear {
	clear: both;
}

#logo {
	width: 338px;
	height: 68px;
	float: right;
	background: url(/de/wLayout/design/img/logo-start.gif) no-repeat;
}

/*/////////////////// PFLEGEN ////////////////////*/
	
#pflegen {
	width: 214px;
	height: 509px;
	float: left;
	background: url(/de/wLayout/design/img/pflege-start.jpg) no-repeat;
	padding:0 12px 0 0;
	position:relative;
}

#pflegen h1 a{
	bottom:0;
	left:0;
	position:absolute;
	z-index:900;
	padding:0 0 60px 56px;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}

#pflegen h1 a:hover{
	text-decoration:none;
}

#hiddenpflegen {
	width:214px;
	height:404px;
	display:none;
	position:absolute;
	bottom:105px;
	left:0px;
	font-size:12px;
	text-decoration:none;
}

#hiddenpflegen ul {
	bottom:0;
	left:0;
	position:absolute;
	list-style:none;
}

#hiddenpflegen ul li{
	width:154px;
	padding:3px 20px 3px 40px;
	background: url(/de/wLayout/design/img/hover-pflegen.png);
}

#hiddenpflegen ul li a{
	text-decoration:none;
}

#hiddenpflegen ul li a:hover{
	text-decoration:underline;
}


/*/////////////////// FÖRDERN ////////////////////*/

#foerdern {
	width: 208px;
	height: 509px;
	float: left;
	background: url(/de/wLayout/design/img/foerdern-start.jpg) no-repeat;
	padding:0 12px 0 0;
	position:relative;
}

#foerdern h1 a{
	bottom:0;
	left:0;
	position:absolute;
	z-index:900;
	padding:0 0 90px 55px;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}

#foerdern h1 a:hover{
	text-decoration:none;
}

#hiddenfoerdern {
	width:208px;
	height:404px;
	display:none;
	position:absolute;
	bottom:134px;
	left:0px;
	font-size:12px;
	text-decoration:none;
}

#hiddenfoerdern ul {
	bottom:0;
	left:0;
	position:absolute;
	list-style:none;
}

#hiddenfoerdern ul li{
	width:148px;
	padding:3px 20px 5px 40px;
	background: url(/de/wLayout/design/img/hover-foerdern.png);
}

#hiddenfoerdern ul li a{
	text-decoration:none;
}

#hiddenfoerdern ul li a:hover{
	text-decoration:underline;
}

/*/////////////////// HELFEN ////////////////////*/

#helfen {
	width: 218px;
	height: 509px;
	float: left;
	background: url(/de/wLayout/design/img/helfen-start.jpg) no-repeat;
	padding:0 12px 0 0;
	position:relative;
}

#helfen h1 a {
	bottom:0;
	left:0;
	position:absolute;
	z-index:900;
	padding:0 0 70px 70px;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}

#helfen h1 a:hover{
	text-decoration:none;
}

#hiddenhelfen {
	width:218px;
	height:404px;
	display:none;
	position:absolute;
	bottom:118px;
	left:0px;
	font-size:12px;
	text-decoration:none;
}

#hiddenhelfen ul {
	bottom:0;
	left:0;
	position:absolute;
	list-style:none;
}

#hiddenhelfen ul li{
	width:158px;
	padding:3px 20px 5px 40px;
	background: url(/de/wLayout/design/img/hover-helfen.png);
}

#hiddenhelfen ul li a{
	text-decoration:none;
}

#hiddenhelfen ul li a:hover{
	text-decoration:underline;
}

/*/////////////////// BERATEN ////////////////////*/

#beraten {
	width: 215px;
	height: 509px;
	float: left;
	background: url(/de/wLayout/design/img/beraten-start.jpg) no-repeat;
	position:relative;
}

#beraten h1 a{
	bottom:0;
	left:0;
	position:absolute;
	z-index:900;
	padding:0 0 60px 50px;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}

#beraten h1 a:hover{
	text-decoration:none;
}

#hiddenberaten {
	width:215px;
	height:404px;
	display:none;
	position:absolute;
	bottom:108px;
	left:0px;
	font-size:12px;
	text-decoration:none;
}

#hiddenberaten ul {
	bottom:0;
	left:0;
	position:absolute;
	list-style:none;
}

#hiddenberaten ul li{
	width:155px;
	padding:3px 20px 5px 40px;
	background: url(/de/wLayout/design/img/hover-beraten.png);
}

#hiddenberaten ul li a{
	text-decoration:none;
}

#hiddenberaten ul li a:hover{
	text-decoration:underline;
}

/*/////////////////// VERBAND ////////////////////*/

#verband {
	width:214px;
	background:none;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, sans-serif;
	float:left;
	height:33px;
	margin:0 0 -30px 0;
}

#verband h1 a{
	list-style:none;
	display:block;
	float:left;
	width:214px;
	background: #d83216;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:33px;
	width:214px;
	text-align:center;
	position:relative;
}

#verband h1 a:hover{
	text-decoration:none;
}

#hiddenverband {
	width:214px;
	height:404px;
	position:absolute;
	left:0px;
	font-size:12px;
	text-decoration:none;
	margin:33px 0 0 0;
	top:0px;
	z-index:1;
	display:none;
}

#hiddenverband ul {
	left:0;
	position:absolute;
	list-style:none;
	z-index:1;
}

#hiddenverband ul li{
	width:154px;
	padding:3px 20px 3px 40px;
	background: url(/de/wLayout/design/img/hover-verband.png);
	overflow:hidden;
}

#hiddenverband ul li a{
	text-decoration:none;
}

#hiddenverband ul li a:hover{
	text-decoration:underline;
}