/* CSS Document */

html { height:100%; max-height:100%; padding:0; margin:0; border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \ overflow: auto; /* */ }

body { height:100%; max-height:100%; overflow:auto; padding:0; margin:0; border:0; 
		background-color: #348A5D; 
		}
		
IMG, A IMG  { border: 0px; }		

/* -------------------- Fonts -------------------------------------------- */
/* global font setting, does not work in every places */
body, p, tables, tr, td, H3, TEXTAREA {
    font-family: arial, sans;
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
P, H1, H2, H3, H4, UL { margin: 0px; padding: 0px; }

H1, H2, H3 { font-weight: bold; color: #333; }
H1 { font-size: 16px;  }
H2 { font-size: 14px;  }
H3 { font-size: 12px;  }
H4 { font-size: 12px; font-weight: normal; }

UL LI { margin: 0px; padding: 0px; margin-left: 20px; }

A, A P, A H1, A H2, A H3, A H4 { color: #006666; text-decoration: none; }
A:hover, A:hover P, A:hover H1, A:hover H2, A:hover H3, A:hover H4 { color: #009999; }

.infotext { color: #663; line-height: 16px; clear: both; }
.pfl_name { text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 3px; }

.smalltext { font-size:10px; }

/* menu */
div#naviwrap A .linkitem { color: #FFF; font-weight: bold; }
div#naviwrap A .listitem { color: #663; }
div#naviwrap A:hover .linkitem, 
div#naviwrap A:hover .listitem  { color: #009999; }

div#naviwrap A div.linkicon { width: 6px; height: 11px; margin-top: 4px; 
	background-image: url(grafix/arrow_left_0.gif); 
	background-repeat: no-repeat; 
	border: 0px solid #F00; }
div#naviwrap A:hover div.linkicon { 
	background-image: url(grafix/arrow_left_1.gif); }

/* ------------------- Layout ------------------------------------------ */
div#backpic, div#outerwrap {
	position: absolute; width: 900px;
	left: 50%;
	margin-left: -450px;
	}
div#backpic { 
	height: 710px; 
	background-image: url(grafix/pb_backpic0.jpg);
	z-index: 10;
	}
div#outerwrap {
	
	border: 0px solid #F00;
	z-index: 20; 
	}	
/* ------- navi */
div#naviwrap { 
	position: absolute; z-index: 22; height: auto; width: 555px;
	top: 163px; left: 0px; 
	border: 0px solid #0F0;
	text-align: right;
	}
div#naviwrap .navi_item { clear: both; height: 27px; cursor: hand; }

div#naviwrap .linkitem, div#naviwrap .listitem { position: absolute; padding-top: 4px; }
div#naviwrap .linkitem { width: 175px; left: 0px; }
div#naviwrap .listitem { width: 300px; left: 180px; text-align: left;   
	padding-left: 85px;
	background-image: url(grafix/line_beige_fade-right.gif);
	color: #663;
	}
*html div#naviwrap .listitem { width: 385px; }
	
div.linkicon, div.linktext { float: right; margin-left: 5px; border: 0px solid #0F0;}

/* ------- content */	
div#contentwrap { 
	position: absolute; z-index: 21; width: 685px; height: auto; 
	top: 0px; left: 180px; 
	border: 0px solid #0F0;
	background-color: #afd1bf;
	background-image: url(grafix/pb_backpic01.jpg);
	background-repeat: no-repeat;
	}	
div#content { margin-left: 85px; margin-top: 250px; border: 0px solid #F00; }
div#content_x1 { position: absolute; right: 0px; top: 200px; z-index: 23; 
	width: 290px; height: 100px; 
	border: 0px solid #F00; 
	}
	
div#link_start, div#link_home { position: absolute; left: 0px; border: 0px solid #F00; z-index: 500; }
div#link_start { top: 10px; width: 400px; height: 100px; }
div#link_home { top: 480px; width: 175px; height: 100px; }	

/* ------------------- */

div.footer { padding: 20px 0px 10px 0px; }

DIV.popup_outer { width: 500px; border: 0px solid #F00; }
DIV.popup_outer .box_inner { padding: 10px; }


/* ------------------- Formulare */

.form1 { 
	border: 1px solid #66c370; 
	border-top: 3px solid #66c370; 
	background-color: #eff9f0; 
	}
FORM { margin: 0px; padding: 0px; }
INPUT, TEXTAREA, SELECT { border: 1px solid #CCC; margin-bottom: 3px; }

.input_checkbox { border: 0px }

.inputline1 { width: 170px; }
.inputline_plz { width: 49px; }
.inputline_ort { width: 120px; }

.inputline2 { width: 460px; }
TEXTAREA.inputline2 { height: 100px; }

/* ------------------- Inhaltselemente */

.box_inner { padding: 5px; }
	
TABLE.tab_select { width: 600px; }

.cell_line, .cell_line2 { border-bottom: 1px solid #66c370; }
.cell_line {  padding: 5px 0px; }
.cell_line2 { padding-top: 5px; }

.header_line { padding-bottom: 5px; margin-bottom:5px; }

div.system_message {
	font-size: 14px; 
	padding: 5px 0px;
	border-top: 2px solid #F00;
	border-bottom: 2px solid #F00;
	margin-bottom: 10px; 
	}

TABLE.tab_popup, .popup_pflegeplan { width: 100%; }

.infobox { color: #663;  }
	
div.infoheader { height: 1px; border-top: 1px solid #acac7b; 
	margin: 3px 0px;
	}	
	
.httest_button { 
	border: 1px solid #F96; 
	background-image: url(grafix/pb_httest_button_back.jpg);
	width: 170px; margin-top: 27px; 
	text-align: center; }
.httest_button .box_inner { padding: 5px 5px 15px 5px;  }

A div.httest_button, A div.httest_button H1  { color: #F63; }
A:hover div.httest_button, A:hover div.httest_button H1  { color: #F30; }
		

.line_big { height: 3px; border-top: 3px solid #66c370; margin: 10px 0px; clear: both; }

/* Produktliste */

div.prlist_item, div.prlist_subheader { border-bottom: 1px solid #66c370; padding: 5px 0; width: 100%; }
div.prlist_subheader { padding: 0px; padding-top: 5px; font-size:10px; }

div.prlist_item_long P { margin-bottom: 5px; }
div.prlist_item H3, div.prlist_item H4 { text-transform: uppercase; }

/* Pflegeplan */

.popup_pflegeplan H1 { font-weight: normal; margin-bottom: 10px; }
.popup_pflegeplan P.infotext { margin-bottom: 10px; }

@media print {
	/* Formate für Druckausgabe */
	DIV.popup_outer { width: 100%; font-size: 10pt; line-height:125%;}
	P, A { font-size: 10pt; }
	H1 { font-size: 16pt;  }
	H2 { font-size: 14pt;  }
	H3 { font-size: 10pt;  }
	P, A, H1, H2, H3 { line-height:125%; }
	.pflegeplan_nonprint { display: none; }
	div.prlist_item { border-bottom: 1px solid #000; }
	.infotext { color: #000; }
	.line_big { height: 1px; border-top: 1px solid #000; margin: 10px 0px; clear: both; 	}
	}
@media screen {
	/* Formate für Bildschirmausgabe */
	.pflegeplan_print { display: none; }
	}