/* www.hospiz-potsdam.de */

html{
	margin:				0;
	padding:			0px;
	height: 			100%;
}

body {
    font-family: 		Arial, sans-serif;
	background-color: 	#FFEFAE;
	font-size:			11pt;
	margin:				0 auto 0 auto;
	text-align:			center;
}

#body {
	margin:				20px auto 0 auto;
	width:				900px;
	min-height:			500px;
	background-color:	#FFFFFF;
	border:				1px solid #87888A;
	text-align:			justify;
	background-image:	url(../images/bg_sonnenblume.jpg);
	background-repeat:	no-repeat;
}	

div.kopf {
	height:				180px;
	width:				600px;
	float:				left;
	text-align:			right;
	padding:			20px 50px 0 0;
	background-image:	url(../images/bg_skizze.jpg);
	background-repeat:	no-repeat;
}
div.spruch {
	width:				300px;
	padding-top:		20px;
	float:				right;
}
div.spruch h1 {
	font-size:			1.3em;
	color:				#707173;
}
div.spruch h2 {
	font-size:			1.2em;
	color:				#E30035;
	font-weight:		normal;
}


div.links {
	width:				250px;
	min-height:			500px;
	float:				left;
}

div.content {
	width:				550px;
	float:				left;
	margin:				20px 50px 20px 50px;
}

div.fuss {
	padding:			30px 0 5px 0;
	clear:				both;
	text-align:			center;
}
div.fuss a {
	color:				#707173;
	font-weight:		normal;
	font-size:			0.9em;
}


div.menu {
}

ul.m1 {
	margin-left:			10px;
	margin-right:			10px;
	padding-left:			0;
}

li.m1 {
	margin: 				0;
	list-style: 			none;
	list-style-image:		none;
	padding:				4px;
}

a.m1, a.m1:visited {
	display:				block;
	text-decoration: 		none;
	background-color:		#FFFFFF;
	color:					#707173;
	font-weight:			bold;
	padding: 				2px 3px 2px 10px;
	border-top:				1px solid #E30035;
}

a.m1:hover, a.m1:focus {
	text-decoration:		underline;
}



h1 {
	font-size:		1.3em;
	font-weight:	normal;
	/* text-transform:	uppercase; */
    color: 			#E30035;
    margin: 		0px 0px 10px 0px;
}

h2 {
	font-size:		1.1em;
	color: 			#707173;
}


img.logo {
	text-align:		center;
}

li {
	margin:			5px;
	color:			#707173;
}

a, a:visited {
	color:			#E30035;
}
a:hover {
	text-decoration: none;
}
a.pdf, a.zip, a.datei {
	padding-left:		20px;
	background-repeat:	no-repeat;
}
a.pdf {		background-image: 	url(/images/ico_pdf.gif); 	}
a.zip {		background-image: 	url(/images/ico_zip.gif); 	}
a.datei {	background-image: 	url(/images/ico_disk.gif); 	}

ul li { color: #000000; text-align: left; }
ul.kompakt { margin: 0; padding: 0 0 0 1em; }


.rot   { color:		#E30035; }
.grau { color:		#707173; }
 
div.bild {
	background-color:	#D9DADC;
}
img.bild {
	border:			3px solid #707173;
}
img.links {
	float:			left;
	margin:			0 10px 10px 0;
}
img.rechts, div.rechts {
	float:			right;
	margin:			0 0 10px 10px;
}

div.halb {
	float:			left;
	width:			45%;
	padding-right:	4%;
}


table {
	width:			100%;
	border:			0;
}
table.spender td {
	background-color:	#FFF9DF;
	text-align:		left;
	vertical-align: top;
	padding:		5px;
	border-right:	5px solid #FFFFFF;
	border-bottom:	5px solid #FFFFFF;
}
table.spender td img.links {
	margin-bottom:	0;
}


/* Formularfelder */
form.formular {
	width:					100%;
}
form.formular table {
	width:					100%;
}
form.formular  td {
	background-color:		#F0F0F0;
	text-align:				left;
}
input.lang, textarea.lang {
	width:					240px;
}
input.mittel {
	width:					160px;
}
input.kurz {
	width:					50px;
}
input.fehler, textarea.fehler, div.checkboxfehler {
	border:					1px solid #E30035;
}
div.formularfehler {
	font-weight:			bold;
	color:					#E30035;
	padding:				10px;
	background-color:		#E2E2E2;
}
form span.pflicht {
	font-weight:			bold;
}
/*
input:hover , input:focus {
	background-color:		#FFF9DF;
	padding:				2px 2px 2px 0;
	border:					1px solid #537BAC;
}
*/
div.formularfuss, form.formular td.formularfuss {
	background-color:		#C8C8C8;
	padding:				5px;
	text-align:				right;
}
div.formularkopf, form.formular td.formularkopf {
	background-color:		#C8C8C8;
	padding:				5px;
	font-weight:			bold;
}
input.knopf , a.knopf{
	background-color:		#444444;
	border:					2px solid #FFFFFF;
	color:					#FFFFFF;
	font-weight:			bold;	
	padding:				3px;
	text-decoration:		none;
	font-size:				0.9em;
}
input.knopf:hover, a.knopf:hover {
	border-color:			#888888;
}


.printonly {
		visibility: 		hidden;
		display: 			none;
}


/* Einstellungen fuer die Druckausgabe */
@media print {

	body, #body, #content, div.fuss, div.kopf {
		background-color:	white;
		background-image: 	none;
		border:				0;
		margin:				0;
		padding:			0;
		float: 				left;
	}
	div.spruch {
		margin:				0;
		padding:			0;
	}

	body, #body, div.fuss {
		width:				99%;
	}
	div.kopf {
		height:				100px;
	}

	.noprint, div.links, div.fuss,  td.formularfuss {
		visibility: 		hidden;
		display: 			none;
		height: 			1px;
		width: 				1px;
	}
	.printonly {
		visibility: 		visible;
		display: 			block;
	}

}