/*(c)2008 com2 Gmbh, SH, www.com-com.com v1.1 */

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html * { font-size: 100.01% }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.76em;} 


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%; padding-bottom: .005em; } /*v-scrollbar für moz einschalten*/

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #8cc143; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
table { table-layout: fixed; empty-cells: show; }
	td { empty-cells: show; vertical-align: top; }

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 14px; font-size: 1.3em; color: #62749c; }
h3 {font-size: 1.1em; color: #f47e1e; margin: 0 0 10px; padding: 0; font-weight: bold; }
h4 {font-size: 1.0em; font-weight: bold; color: #847970; margin: 0 0 5px; padding: 0; line-height: 110%; }

hr, .cssForm hr { /*||hide:true*/ height:1px; color: #847970; background: #847970; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}
.cssForm {}

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #cbcbcb; padding: 0px 2px; } 
input.textInput { border: 1px solid #cbcbcb !important; } 
select { border: 1px solid #cbcbcb; padding: 0; }
.textInput:active {	border: 1px solid #8cc143 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color : #4c71a6; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #cbcbcb;}

img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 5px 5px; }
img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  float: left; margin: 0 5px 5px 0; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #f37d1d; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #4c71a6; }

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; }
	.hr hr {display: none;}
	
dl{ border: 1px solid #cbcbcb; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #cbcbcb; padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px; }

/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic01 {
	/*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ 
}
table.optic01 tr.alternate { background-color: #efefef; }
table.optic01 td, table.optic01 th { 
	padding: 3px;
	vertical-align: top;
}
/* OPTIC2*/
table.optic02 {
	/*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ 
}
table.optic02 th { background-color: #cbcbcb; border-bottom: #847970; }
table.optic02 td, table.optic02 th { 
	padding: 3px;
	vertical-align: top;
}



	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/

div#minWidth { width: 990px; margin: 0 auto; }


/* Header */

	#header {
		position:relative;
		width:990px; height: 170px;
		background: transparent url(../images/chrome/header_bg01.jpg) no-repeat;
	}
		body.typ02 #header { background: transparent url(../images/chrome/header_bg02.jpg) no-repeat; }
		body.typ03 #header { background: transparent url(../images/chrome/header_bg03.jpg) no-repeat; }
		body.typ04 #header { background: transparent url(../images/chrome/header_bg04.jpg) no-repeat; }
		
		#header h1#logo { position: absolute; top: 0; right: 0px; }
		
		#header ul { position: absolute; top: 14px; right: 260px; }
			#header li { display: inline; background: transparent url(../images/chrome/seperator_blue.gif) right center no-repeat; list-style: none; line-height: 100%; }
				#header li.last { background: none; }
				#header a:link, #header a:visited, #header a:hover, #header a:active { padding: 0 6px 0 4px; font-size: 0.9em; line-height: 100%; }
					#header .active a:link, #header .active a:visited, #header .active a:hover, #header .active a:active { font-weight: bold; }
		
/* Layout-Tabelle */ 
	
	#layoutTable { width: 990px; }
		#layoutTable td.left { width: 186px; }
		#layoutTable td.center { width: 554px; padding: 12px 32px 50px 32px; }
		#layoutTable td.right { width: 186px; padding-top:50px; }

		
/*~~~~  Linke Spalte */		
		
		/* Hauptmenü Home-Seite */
				
			#homeMenu { margin: 50px 0 0 0; padding: 0; }
				#homeMenu li { list-style: none; margin-bottom: 5px; }
					#homeMenu a:link, #homeMenu a:visited, 
					#homeMenu a:hover, #homeMenu a:active {
						display: block;
						width: 154px; height: 11px;
						margin:0; padding: 10px 16px;
						color: #fff; font-weight: bold; line-height: 100%;
						background:transparent url(../images/chrome/menu_bg.gif) no-repeat;
					}
					#homeMenu a:hover, #homeMenu a:active,
					#homeMenu .active a:link, #homeMenu .active a:visited,
					#homeMenu .active a:hover, #homeMenu .active a:active { text-decoration: none; background:transparent url(../images/chrome/menu_bg_active.gif) no-repeat; }
		
		/* Hauptmenü Patienten/Therapeuten-Seiten */
			
			#layoutTable td.left a.homeLink:link, #layoutTable td.left a.homeLink:visited,
			#layoutTable td.left a.homeLink:hover ,#layoutTable td.left a.homeLink:active {
					display: block; width: 156px; height: 22px;
					padding: 7px 15px; margin: 0;
					background: transparent url(../images/chrome/menu_bg_orange.gif) no-repeat;
					font-size: 1.3em; font-weight: bold;
					color:#fff;
				}
					#mainMenu a:link, #mainMenu a:visited, 
					#mainMenu a:hover, #mainMenu a:active { color: #4f70a5; text-decoration: none; }
										
					#mainMenu { margin: 0; padding: 0 0 50px 0; background-color: #ecedf2;}
					#mainMenu li {
						padding: 0 15px; margin: 0;
						width: 156px;					
						list-style: none;
						font-weight: bold;
						background: transparent;
						line-height: 180%;
					}					
						#mainMenu li:hover, #mainMenu li.active { background-color: #c1c9dc; }
						
						#mainMenu ul { margin: 0 -15px; padding:0; background-color: #ecedf2; }
							#mainMenu li li {
								padding: 0 15px 0 30px; margin: 0;
								width: 141px;
								font-size: 1.0em; font-weight: normal;
								background: transparent;
								line-height: 180%;
							}		

			
		
/*~~~~ Mittlere Spalte */
		
		/* Auswahltabelle auf der Startseite */
		
		#homeSelect { margin-top: 5px; }
			#homeSelect td.symptom { width: 174px; padding:0; border-right: 16px solid #fff; }
			#homeSelect td.patient { width: 174px; padding:0; border-right: 16px solid #fff; }
			#homeSelect td.therapist { width: 174px; padding:0; }
			
				#homeSelect tr.link td { padding: 6px 10px; border-bottom: 4px solid #fff; background-color: #ff7500; }
					#homeSelect tr.link td a:link, #homeSelect tr.link td a:visited, 
					#homeSelect tr.link td a:hover, #homeSelect tr.link td a:active { font-size: 1.3em; color: #fff; text-decoration: underline; }
					#homeSelect tr.link td.symptom { background-color: #c62e2d; }
				#homeSelect tr.text td { padding: 15px; background-color: #ecedf2; font-size:0.9em; color: #000 !important;  }
					#homeSelect tr.text td p { margin-bottom: 0; line-height: 200%; }

						
		#content td.left { width: 394px; }
		#content td.right { width: 200px; text-align: center; padding-top:0; }

		table.listItem td.listItemContent { width: 375px; padding: 5px 25px 5px 5px; border-bottom:1px dotted #847970; }
			td.listItemContent p { margin: 0; }
		table.listItem td.smallTeaserBox  { width: 60px; padding: 5px; border-bottom:1px dotted #847970; }
			td.bgColor02 { background-color: #EAEDF2; }
		
/*~~~~  Rechte Spalte */
		
		#layoutTable td.right #functions { margin-top: -43px; padding: 0; table-layout: auto; }
				#functions td { padding: 0 5px 5px 0; vertical-align: bottom; }
					#functions label { color: #4e6fa2; font-size: 0.9em; }
					#functions input { width: 106px; height: 14px; padding: 4px 5px; color:#62749c; background-color: #eaedf2; border: 1px solid #d0d0d0; font-size: 1.1em; }
						#functions input.submit {
							width: 8px;
							height: 14px;
							margin-bottom: 5px;
							background: transparent url(../images/chrome/icon_search.gif) no-repeat;
							border: none;
							cursor: pointer;
						}
		
		#layoutTable td.right h2 {
			display: block;
			width: 154px; height: 13px;
			margin:0; padding: 9px 16px;
			color: #fff; line-height: 100%;
			background:transparent url(../images/chrome/menu_bg_active.gif) no-repeat;
		}
		#layoutTable td.right div.textBox { width: 156px; margin: 5px 0 0 0; padding: 10px 15px; background-color: #ecedf2; }
		#layoutTable td.right p { margin-bottom: 5px; color: #5a5859; font-size:0.9em; line-height: 200%;  }
		#layoutTable td.right a:link, #layoutTable td.right a:visited, 
		#layoutTable td.right a:hover, #layoutTable td.right a:active { color: #5a5859; text-decoration: underline; }
			#layoutTable td.right a:hover, #layoutTable td.right a:active { color:#f37d1d; }
	
	
/* Footer */
		
	#footer ul { margin: 0 0 10px 213px; padding: 0; }
		#footer li { display: inline; background: transparent url(../images/chrome/seperator_orange.gif) right center no-repeat; list-style: none; line-height: 100%; }
			#footer li.last { background: none; }
				#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { padding: 0 6px 0 4px; color:#f37d1d; font-size: 0.9em; font-weight: bold; line-height: 100%; }
					#footer .active a:link, #footer .active a:visited, #footer .active a:hover, #footer .active a:active { text-decoration: underline; }
					
					
/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 475px; } /* 'A' */
.cssForm label { width: 120px; border:none; color:#000; } /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 335px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 116px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 112px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button {} 
.cssForm fieldset.error { border-top-color: #f7931; }
.cssForm { /*||hide:true*/ } .rightCol { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .assignment { /*||hide:true*/ }


			
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/	position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */