@import '/css/font/opensans.css';
@import '/css/font/roboto.css';

body {
    margin:20px auto 10px auto;
    text-align:left;
    vertical-align:middle;
    background-color:#DFE8EB;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

/*************************/
/* Absatz, Überschriften */
/*************************/

h1, .h1 {
    font-size:18px;
    color:#22436E;
    margin:0px;
    padding:10px 0px 10px 0px;
    line-height:24px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
}

h2 {
    font-size:15px;
    color:#3E72A0;
    text-align:left;
    margin:10px 0px 10px 0px;    
    padding:0px;
}

.h2Startseite {
    font-size:15px;
    color:#3E72A0;
    text-align:left;
    margin-top:24px;
    margin-bottom:20px;
    padding:0px;
}

h3 {
    font-size:15px;
    color:#22436E;    
    margin-top:24px;
    margin-bottom:6px;
    text-align:left;
}

h4 {
    font-size:14px;
    color:#22436E;
    margin:20px 0 0 0;
    padding:0;
    text-align:left;
}

ul {
	padding-left:15px;
	margin-left:0px;	
}

input, select, label {
    font-size:12px;
}

select {
    padding:2px 1px;
}

input[type=radio] {
    vertical-align:middle;
    margin-bottom:4px;
}

input[type=radio], input[type=checkbox] {
    margin-left:0px;
}

input[readonly] {
	border: none;
	background: none;
	color: black;
}

/* IEs Löschen-Kreuz ausblenden */
::-ms-clear {
	display:none;
}

p {
    margin:12px 0px 12px 0px;
    line-height:140%;
}

.normal {    
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    color:#000000;
    line-height:110%;
    font-size:12px;
}

.regular {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    color:#000000;
}

.textarea {
	resize:none;
    overflow:hidden;
    min-height:50px;
    max-height:100px;	
}

.smaller {
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    color:#000000;
}

.small {
    font-size:9px;    
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    color:#000000;
}

.smallFont {
    font-size:80%;    
}

.tooltip {
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    color:#000000;
    background-color:#FFFFBC;
	border:1px solid #AAAAAA;
	padding:1px;
	margin-left:10px;        
}

.gray {
	background-color:#ECECEC;
	font-size:11px;
}

.grayedPageNumber {
	color:#CCCCCC;
}

.grayLineTop {
	clear:both;
	margin-top:10px;
	margin-bottom:0px;
	padding:3px;
	height:14px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
	background-color:#ECECEC;
}

.grayLineBottom {
	clear:both;
	margin-top:0px;
	margin-bottom:0px;
	padding:3px;
	height:14px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
	background-color:#ECECEC;
}

.autoBerechnet {
	background-color:#E5E5E5;	
}

.filter {    
	display:inline;
	vertical-align:bottom;	
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    color:#000000;
    line-height:100%;    
}

.checkboxFilter { 
	display:table-cell;
	vertical-align:middle;	
	padding:0px; 
	margin:0px;
	font-size:10px;
}

.checkbox { 
	display:table-cell;
	vertical-align:middle;	
	padding:0px; 
	margin:0px;
}

/*****************/

/*
div.table { 
	display:table; 
	border-collapse:separate;
	border-spacing:10px;
}
div.tableInner { 
	display:table; 
	border-collapse:separate;
	border-spacing:0px;
	padding:0px;
	margin:0px;
}
div.tr { 
	display:table-row; 
	margin:0px;
}
div.th { 
	display:table-cell; 
	padding:5px 5px 5px 0px; 
	font-weight:bold;
}
div.td { 
	display:table-cell; 
	padding:5px; 
}
div.tdInner { 
	display:table-cell; 
	padding:0px; 
	margin:0px;
}
div.tdWithVerticalPadding { 
	display:table-cell; 
	padding:0px 0px 5px 0px; 
	margin:0px;
}

div.nopadding {
	padding:0px; 
	margin:0px;
}
*/

/**********************************/
/* Linkvorgaben, allgemein gültig */
/**********************************/

a:link {text-decoration:none; color:#22436E; }
a:visited {text-decoration:none; color:#22436E; }
a:active {text-decoration:none; color:#22436E; }
a:hover {text-decoration:underline; color:#22436E; }

.kontakt a:link {text-decoration:none; color:white; }
.kontakt a:visited {text-decoration:none; color:white; }
.kontakt a:active {text-decoration:none; color:white; }
.kontakt a:hover {text-decoration:underline; color:white; }

/************************/
/* Tabellenbegrenzungen */
/************************/

#tableframe {
width:540px;
/*overflow:auto;*/
}

/************/
/* Tabellen */
/************/

table {border-collapse:collapse; font-size:100%;}
table td {font-size:100%;}
table.DB tr td {border:solid 1px #808080; padding:6px; vertical-align:top; line-height:150%;}
table.DB2 tr td {border:solid 1px #808080; padding:6px; vertical-align:top; line-height:100%;}
table.form tr td {padding:6px; vertical-align:top; line-height:150%; }
table.mailform tr td {border:solid 1px #808080; padding:6px; table-layout:fixed;}

table {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

/*****************/

table.tabNormal {
	/*table-layout:fixed;*/
}

table.tabNormal th {
	border:1px solid #9D9D9D;
	background-color:#ECECEC;
	text-align:center;
	vertical-align:middle;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	line-height:110%;
	overflow:visible;
}

table.tabNormal td {
	border:none;
	text-align:left;
	vertical-align:middle;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#000000;
	line-height:110%;
	overflow:visible;
	padding-left:10px;
}

table.tabNormal td.tabNormalHeader {
	background-color:#ECECEC;
	border:none;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#444444;
	text-align:right;
	/*vertical-align:top;*/
}

/*****************/

table.tabAdminOverview {
	table-layout:auto;
	border-collapse:collapse;
}

table.tabAdminOverview th {
	background-color:#3E72A1;
	border:1px solid #9D9D9D;
	text-align:left;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	line-height:160%;
	color:#FFFFFF;
}

table.tabAdminOverview th.tabAdminOverviewActive {
	background-color:#5093D0;
	border:1px solid #9D9D9D;
	text-align:left;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	line-height:160%;
	color:#FFFFFF;
}

table.tabAdminOverview td {
	border:1px solid #9D9D9D;
	text-align:left;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#000000;
	overflow:hidden;
	white-space:nowrap;
}

@media print {
	table.tabAdminOverview td {
		border:1px solid #9D9D9D;
		text-align:left;
		font-size:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:200;
		color:#000000;
		overflow:hidden;
		white-space:normal;
	}
}

table.tabAdminOverview td.createdlastmodified {
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	font-style:normal;
	line-height:8px;
	color:#666666;
}

table.tabAdminEdit td.createdlastmodified  {
	font-size:70%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	font-style:normal;
	color:#000000;
}

/*****************/

table.tabAdminEdit {
	table-layout:auto;
	border-collapse:collapse;
}

table.tabAdminEdit td {
	border:1px solid #9D9D9D;
	white-space:nowrap;
	overflow:hidden;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#000000;
}

table.tabAdminEdit td.tabAdminEditHeader {
	background-color:#3E72A1;
	border:1px solid #9D9D9D;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#FFFFFF;
	/*vertical-align:top;*/
}

table.tabAdminEdit td.tabAdminEditTitleLine {
	background-color:#22436E;
	border:1px solid #9D9D9D;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:white;
	padding-top:5px;;
	padding-bottom:5px;
	/*vertical-align:top;*/
}

table.tabAdminEdit td.tabAdminEditDeactive {
	border:1px solid #9D9D9D;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#9D9D9D;
}

table.tabAdminEdit td.tabAdminEditManual {
	background-color:#408DD2;
	border:1px solid #9D9D9D;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#FFFFFF;
}

table.tabAdminEdit td.tabAdminEditHeaderSmaller {
	background-color:#22436E;
	border:1px solid #9D9D9D;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#FFFFFF;
}

table.tabAdminEdit td.tabAdminEditButtons {	
	padding-top:20px;
	border:none;
	white-space:nowrap;
	overflow:hidden;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#000000;
}

/*****************/

table.tabAdminEditChange {
	table-layout:auto;
	border-collapse:collapse;
	width:100%;	
}

table.tabAdminEditChange td.tabAdminEditChange {
	padding-top:0px;
	border:none;
	white-space:nowrap;
	overflow:hidden;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#000000;
}

/*****************/

table.tabAdminEditButtons {
	table-layout:auto;
	border-collapse:collapse;
	width:100%;	
}

table.tabAdminEditButtons td.tabAdminEditButtons {
	padding-top:0px;
	border:none;
	white-space:nowrap;
	overflow:hidden;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#000000;
}


/**************/
/* Navigation */
/**************/

#navcontainer {width:181px;}

#navcontainer p {margin:0px; padding-left:0px; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;}

#navcontainer h1 {
    font-size:130%;
    color:#C4C8CC;
    margin-top:3px;
    margin-bottom:25px;
    line-height:130%;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
}

#navcontainer a {display:block; padding:4px; width:180px; color:#FFFFFF;}
#navcontainer a:link {text-decoration:none;}
#navcontainer a:hover {text-decoration:none; color:#CDD5D8;}

#navcontainerTopmenu {padding:0px 20px 0px 0px; float:left;}
#navcontainerTopmenu a {margin:0px 0px 0px 0px; padding-left:0; list-style-type:none; color:#22436E; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold;}
#navcontainerTopmenu a:link {text-decoration:none;}
#navcontainerTopmenu a:active {text-decoration:none; color:#3E72A0; background-color:#D2D7DB;}
#navcontainerTopmenu a:hover {text-decoration:none; color:#3E72A0;}


/**********/
/* Spacer */
/**********/

#spacer5 {height:5px; line-height:5px;}
#spacer10 {height:10px}
#spacer20 {height:20px}
#spacer50 {height:50px}
#spacer100 {height:100px}
#spacer200 {height:200px}

/*****************/
/* Miscellaneous */
/*****************/

.unicode {
	font-family:Arial Unicode MS;
	font-weight:bold;
	color:#CCCCCC;
	font-size:100%;
}

.unicodeAnker {
	font-family:Arial Unicode MS;
	font-weight:bold;
	color:#0033CC;
	font-size:100%;
}
.unicodeAnker a:link {text-decoration:none; color:#0033CC; }
.unicodeAnker a:visited {text-decoration:none; color:#0033CC; }
.unicodeAnker a:active {text-decoration:none; color:#0033CC; }
.unicodeAnker a:hover {text-decoration:underline; color:#0033CC; }

.smallAnker {
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	color:#0033CC;
}
.smallAnker a:link {text-decoration:none; color:#0033CC; }
.smallAnker a:visited {text-decoration:none; color:#0033CC; }
.smallAnker a:active {text-decoration:none; color:#0033CC; }
.smallAnker a:hover {text-decoration:underline; color:#0033CC; }

.borderFull {
	border:1px solid #E4E4E4;
}
.borderRight {
	border-right:1px solid #E4E4E4;
}
.borderLeft {
	border-left:1px solid #E4E4E4;
}
.borderTop {
	border-top:1px solid #E4E4E4;
}
.borderBottom {
	border-bottom:1px solid #E4E4E4;
}
.borderRightThick {
	border-right:2px solid #000000;
}
.borderTopThick {
	border-top:2px solid #000000;
}
.babyTooth {
	font-weight:bold;
 	color:blue; 	
}

/*************/
/* Sonstiges */
/*************/
.paging {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background-color:#F2FAE9;
}

.saving {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background-color:#EDF3F9;
}

.patient {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background-color:#EDF3F9;
}

.parkArea {
	border:1px solid #E0E0E0;
	background-color:#F3F3F3;
}

.parkArea span {
	color:#CCCCCC;
}

.parkAreaOver {
	border:1px solid #D2D2D2;
	background-color:#EDF3F9;
}

.parkAreaOver span {
	color:black;
}

.dating {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background-color:#F5F4E6;
}

.preventing {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background-color:#F0EFEF;
}

.noting {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background-color:#FBF0E7;
}

.subquestion {
	padding-left:10px;
	background-color:#EFEFEF;
}

.naming {
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	background-color:#EDF3F9;
}

/*************/

.anamnese {
	border:1px solid #D2D2D2;
	background-color:#FBF0E7;
}

.behandlung {
	border:1px solid #D2D2D2;
	background-color:#F5F4E6;
}

.diagnose {
	border:1px solid #D2D2D2;
	background-color:#F2FAE9;
}

.therapie {
	border:1px solid #D2D2D2;
	background-color:#EDF3F9;
}

.medikation {
	border:1px solid #D2D2D2;
	background-color:#EDF3F9;
}

.medikationsplan {
	border:1px solid #D2D2D2;
	background-color:#C7E1FB;
}

.rezeptur {
	border:1px solid #D2D2D2;
	background-color:#DAECFB;
}

.impfen {
	border:1px solid #D2D2D2;
	background-color:#FFE5C0;
}

.impfstatus {
	border:1px solid #D2D2D2;
	background-color:#FFD79F;
}

.termin {
	border:1px solid #D2D2D2;
	background-color:#EFEFEF;
}

.extrazeile {
	border:1px solid #D2D2D2;
	background-color:#EFEFEF;
}

.sono {
	border:1px solid #D2D2D2;
	background-color:#F5F4E6;
}

.ekg {
	border:1px solid #D2D2D2;
	background-color:#F5F4E6;
}

.zwischenueberschrift {
	border:1px solid #D2D2D2;
	background-color:#E5E5E4;	
}

.vitalzeichen {
	border:1px solid #D2D2D2;
	background-color:#E4F5E4;
}

.ueberweisungFacharzt {
	border:1px solid #D2D2D2;
	background-color:#FDFBC2;
}

.einweisung {
	border:1px solid #D2D2D2;
	background-color:#FADADD;	
}

.ops {
	border:1px solid #D2D2D2;
	background-color:#FCE7FF;
}

.covid {
	border:1px solid #D2D2D2;
	background-color:#F5DEDE;
}

.freitext {
	border:1px solid #D2D2D2;
	background-color:#EFEFEF;	
}

.rezept {
	border:1px solid #D2D2D2;
	background-color:#FEDCDF;
}

.rezeptPrivat {
	border:1px solid #D2D2D2;
	background-color:#E7EEF8;
}

.externesDokument {
	border:1px solid #D2D2D2;
	background-color:#EEEEEE;
}

.patientenbefragung {
	border:1px solid #D2D2D2;
	background-color:#FFE3F0;
}

.arztbrief {
	border:1px solid #D2D2D2;
	background-color:#DCF5F5;
}

.struktur {
	border:1px solid #D2D2D2;
	background-color:#EFEFEF;
}

.kontakt {
	border:1px solid #D2D2D2;
	background-color:#7B9FBE;
	color:white;
}

.borderLight {
	border:1px solid #D2D2D2;
}

.headerSubsite {
	color:black; 
	margin:0px; 
	padding:8px 12px 8px 12px;	
	border-radius:10px;
}

.headerMedikationsplan {
	background-color:#C7E1FB; 
}

.headerImpfstatus {
	background-color:#FFE5C0; 
}

.headerRezept {
	background-color:#FEDCDF;
}

.headerPrivatRezept {
	background-color:#E7EEF8;
}

.headerUeberweisungFacharzt {
	background-color:#FDFBC2;
}

.headerArztbrief {
	background-color:#DCF5F5;
}

.headerExternesDokument {
	background-color:#EEEEEE;
}

.headerAufgabe {
	background-color:#EEEEEE;
}

.headerHinweis {
	background-color:#EEEEEE;
}

.headerDokument {
	background-color:#EEEEEE;
}

.headerFachinformation {
	background-color:#C7E1FB; 
}

.headerPatientenbefragung {
	background-color:#FFE3F0; 
}

.closeWindowButtonDiv {
	float:right;
	padding:20px 0px 0px 0px;
	width:100%;
	height:30px;
	vertical-align:middle;
	text-align:right;
	margin-bottom:20px;
}

.closeWindowButtonDiv:after {
	clear:both;
}

/* nur beim Drucken */
@media print {    
   	/* ausblenden */
    .noprint {
        display:none !important;
    }
    
   	/* Buttons ausblenden */
    .button, .buttonover {
        display:none !important;
    }
    
    /* Scrollbar ausblenden */
    td {
    	overflow:hidden !important;
    }
    
   	/* Speicherbereichstreifen ausblenden */
    .saving {
        display:none !important;
    }
}

.page {
	padding:7px 0px 0px 0px;
	*padding:4px 0px 0px 0px; /* IE7 and below */
	margin:0px;
	color:#22436E;
	font-size:14px;
}

.pages {
	padding:2px 0px 0px 0px;
	*padding:4px 0px 0px 0px; /* IE7 and below */
	margin:0px;
	color:#22436E;
	font-size:110%;
	font-weight:normal;
	font-size:8px;	
}

/****************/
/* round-button */
/****************/

.round-button {
    display:inline-block;
    width:11px;
    height:11px;
    line-height:11px;
    border:1px solid #125EB7;
    border-radius:50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background-color:#529CDD;
    box-shadow:0 0 3px gray;
    font-size:11px;
    font-weight:bold;
}

.round-button:hover {
    background-color:#4481B7;
}

.roundButtonSimple {
	/*font-family:'Open Sans', Calibri, Verdana, Arial, Helvetica, sans-serif;*/
	font-family:'Roboto', sans-serif;
    display:inline-block;
    width:12px;
    height:12px;
    border:1px solid #125EB7;
    border-radius:50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background-color:#529CDD;
    box-shadow:0 0 3px gray;
    text-indent:0;
    margin:0px;
    padding:0px;
    vertical-align:bottom;
}

.roundButtonSimple:hover {
    background-color:#4481B7;
}

.roundButtonSimple div {
	display:inline;
	position: relative;
	bottom:2px;
	font-size:11px;
	color:white;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
}

.roundButton2 {
	/*font-family:'Open Sans', Calibri, Verdana, Arial, Helvetica, sans-serif;*/
	font-family:'Roboto', sans-serif;
    display:inline-block;
    width:12px;
    height:12px;
    border:1px solid #125EB7;
    border-radius:50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background-color:#529CDD;
    box-shadow:0 0 3px gray;
    text-indent:0;
    margin:0px;
    padding:0px;
    vertical-align:bottom;
}

.roundButton2:hover {
    background-color:#4481B7;
}

.roundButton2 div {
	display:inline;
	position: relative;
	bottom:4px;
	font-size:11px;
	color:white;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
}

/****************/

.orange {
	background-color:#FECB16;
}
.orangeDeep {
	background-color:#FE9416;
}

/****************/
/* PRINT        */
/****************/

@media print {
	* {
		overflow-y:hidden;
	}
	
	#footerLine {
		position:absolute;
  		bottom:0;
	}
}