/* Media Query */
/*  mobile ab 10      tablet ab 510       desktop ab  1160 */

/* ein/aus blenden */
/*  mobile_display_no    tablet_display_no     desktop_display_no    */




/* -------------------------------------------------------------------------------- */
/* Mobile  */
@media only screen and (max-width: 420px) {

/*@import "960_proz_4_m.css"; */
 
 .mobile_display_no {
 display:none;
 }
 
 
/* left ------- */
 #left_scroll {
 width: 97%;
 float: left;
 margin-top: 0px;  /* Abstand zu top menu  Anamnese, Hilfe*/
 margin-bottom: 20px;
 margin-left: 1%;
 margin-right: 1%;
 
 padding: 0;
 }
 
 #scrollDiv {
width:100%; 
height:70%;
overflow-x: hidden; 
overflow-y: scroll;
}


 /* central --*/
 div#central {
 width: 100%;
 float: none; 
 margin: 0 0% 0 0% ; 
 margin-top: 20px;  /* Abstand zu top menu  */
 padding: 0 0 0 0 ;
 }
 
 
 /* footer --*/

 


 .img_footer_mobile {
 /*float: right;*/
 width: 100%;
 }
 
 
/* Mobile */
 #menu_top_desktop , #menu_top_tablet ,  #menu_top_tablet_statisch,  #breadcrumbs , #left , #footer , .hilfe_button_mobile {
 display:none;
 }
 
.textarea_vertical {
 height: 8em;
}
 
 
 .item-page {
 line-height: 1.5;
 padding: 1%;
 height: 92%; 
 margin-top: 0%; 
 margin-right: 0%;
}

.item-page_scroll {
 line-height: 1.5;
 padding: 0%;
 margin-top: 0%; 
 margin-right: 0%;
}

img.anrede_icon {
width:22px;
padding: 0%;
margin-top: 0%; 
}

.data_icon { 
border:0px; 
height:28px;
width:28px;
margin-bottom: 5px;
margin-right: 5px;
 }


/* td width  in function create_table_rows_new   */
.width_anamnese_edit {
width:0%;
}

.width_anamnese_legend {
width:0%;
}

.width_anamnese_feld {
width:40%;
}

.width_anamnese_daten {
width:60%;
}



.width_kommentar_legend {
width:0%;
}

.width_kommentar_feld {
width:40%;
}

.width_kommentar_daten {
width:60%;
}

.width_kommentar_kommentar {
width:0%;
}


/* Kommentare in Anamnese Tabellen */
.anamnese th.therapeut_kommentar {
 display:none;
}

/* Kommentare in Anamnese Tabellen */
.anamnese td.therapeut_kommentar {
 display:none;
}

.anamnese td.therapeut_kommentar_mobile {
background:  var(--colormiddlegrey);
border-bottom: 1px solid var(--colordark2);
}



/* Button */ 
 input.dreidbutton , button.dreidbutton {
 border: 1px solid black ;
}

/* mobile */
/* background image ----------------------------------------------- */
.dreidbutton_image_cancel {
background: white url(../Images/cancel.png); 
}

.dreidbutton_image_ok {
background: white url(../Images/ok.png);
}

.dreidbutton_image_print{
background: white ;
}

.dreidbutton_image_hilfe{
background: white url(../Images/hilfe_button.png);
}

.dreidbutton_image_kommentar {
background: white url(../Images/ok.png);
}

.dreidbutton_image_liste {
background: white url(../Images/liste.png);
}

.dreidbutton_image_rtf {
background: white url(../Images/rtf.png);
}

.dreidbutton_image_docx {
background: white url(../Images/docx.png);
}

.dreidbutton_image_odt {
background: white url(../Images/odt.png);
}

.dreidbutton_image_html {
background: white url(../Images/html.png);
}

.dreidbutton_image_edit {
background: white url(../Images/edit.png);
}
 
.dreidbutton_image_anmeldung {
background: white url(../Images/anmeldung.png);
}

.dreidbutton_image_abmeldung {
background: white url(../Images/abmeldung.png);
} 
 

/* mobile */ 
/*- Diagnose----------------------------*/ 

 .menu_left_Diagnose { 
 padding: 2px;
 width: 96%; 
 float: none; 
 margin-left: 1%;
 margin-right: 1%;
  
 margin-top: 0px; 
 margin-bottom: 10px; 

 border: solid 1px var(--colordark3); /* farbiger Rahmen aussen*/ 
 overflow:hidden;
}


.menu_left_Diagnose li { 
 width: 96%; 
 float: left; /**/
 margin-left: 1%;
 margin-top: 3px;
 margin-bottom: 3px;
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
 /* border-left: solid 3px var(--colordark4); */ /* farbiger Rahmen aussen*/ 
}

 .menu_left_Diagnose li a {
  width: 100%; 
 text-decoration: none;
 color: white;
 color: black;
 display: block;
 padding: 2px;
 padding-left: 5px;
 /*background-color: var(--colordark5) ; */
 background-color: var(--colorlightgrey) ; 
 }



 
 /* mobile */ 
 .menu_left_patient { 
 padding: 2px;
 width: 96%; 
 float: none; 
 margin-left: 1%;
 margin-right: 1%;
 
 margin-top: 0px; 
 margin-bottom: 10px; 

 border: solid 1px var(--colordark5); /* farbiger Rahmen aussen*/ 
 overflow:hidden;
}


.menu_left_patient li { 
 width: 96%; 
 float: left; /**/
 margin-left: 1%;
 margin-top: 3px;
 margin-bottom: 3px;
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
 /* border-left: solid 3px var(--colordark4); */ /* farbiger Rahmen aussen*/ 
}

 .menu_left_patient li a {
  width: 100%; 
 text-decoration: none;
 color: white;
 color: black;
 display: block;
 padding: 2px;
 padding-left: 5px;
 /*background-color: var(--colordark5) ; */
 background-color: var(--colorlightgrey) ; 
 }
 
 

/* mobile */ 
 .menu_left_Therapeut { 
 padding: 2px;
 width: 96%; 
 float: none; 
 margin-left: 1%;
 margin-right: 1%;
 
 margin-top: 0px; 
 margin-bottom: 10px; 
 border: solid 1px var(--colordark4); /* farbiger Rahmen aussen*/ 
 overflow:hidden;
}


.menu_left_Therapeut li { 
 width: 96%; 
 float: left; /**/
 margin-left: 1%;
 margin-top: 3px;
 margin-bottom: 3px;
 

 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
 /* border-left: solid 3px var(--colordark4); */ /* farbiger Rahmen aussen*/ 
}

 
.menu_left_Therapeut li a {
 width: 100%; 
 text-decoration: none;
 color: white;
 color: black;
 display: block;
 padding: 2px;
 padding-left: 5px;
 /*background-color: var(--colordark5) ; */
 background-color: var(--colorlightgrey) ;
}



/* Anmeldung --------------------*/
.menu_left_Anmeldung { 
 padding: 2px;
 width: 96%; 
 float: none; 
 margin-left: 1%;
 margin-right: 1%;
 
 margin-top: 0px; 
 margin-bottom: 10px;  
 border: solid 1px var(--colordark6); /* farbiger Rahmen aussen*/ 
 overflow:hidden;
}


.menu_left_Anmeldung li { 
 width: 96%; 
 float: left; /**/
 margin-left: 1%;
 margin-top: 3px;
 margin-bottom: 3px;
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
 /* border-left: solid 3px var(--colordark4); */ /* farbiger Rahmen aussen*/ 
}

 .menu_left_Anmeldung li a {
 width: 100%; 
 text-decoration: none;
 color: black;   /* ?????? */
 display: block;
 padding: 2px;
 padding-left: 5px;
 background-color: var(--colorlightgrey) ; 
 }
 







/* 960 % Grid */
/* mobile */
/* Containers --------------------------------------------------------------------------------*/
.container_4
{
 width: 96%;
 margin-left: 2%;
 margin-right: 2%;
 background-color: transparent;
}

/* boxes ----------------------------------------------- */
.box {
 /* background: rgb(255,240,225) ; */ /* für Test Farbe */
 margin-top: 5px; /* Abstand oben ----------------------------------------------*/
 margin-top: 0.3em; /* Abstand oben ----------------------------------------------*/
 margin-bottom: 5px; /* Abstand unten ------------------------------------*/
 margin-bottom: 0.3em; /* Abstand unten ------------------------------------*/
}

/* Grid --------------------------------------------------------------------------------*/
.grid_m_1,
.grid_m_2,
.grid_m_3,
.grid_m_4
{
 display: inline;
 float: left;
 margin-left: 1%;
 margin-right: 1%;
}

.container_4 .grid_m_1
{
 width: 23%;
}

.container_4 .grid_m_2
{
 width: 48%;
}

.container_4 .grid_m_3
{
 width: 73%;
}

.container_4 .grid_m_4
{
 width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
 margin-left: 0;
}

.omega
{
 margin-right: 0;
}


/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_4 .prefix_m_1
{
 padding-left: 25%;
}

.container_4 .prefix_m_2
{
 padding-left: 50%;
}

.container_4 .prefix_m_3
{
 padding-left: 75%;
}


/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_4 .suffix_m_1
{
 padding-right: 25%;
}

.container_4 .suffix_m_2
{
 padding-right: 50%;
}

.container_4 .suffix_m_3
{
 padding-right: 75%;
}

 

}










/* ************************************************************** */
/* -------------------------------------------------------------------------------- */
/* Tablet Styles */
@media only screen and (min-width: 421px) and (max-width: 760px) {

 .tablet_display_no {
 display:none;
 }
 
 /* header    */
div#header {
position: fixed;
z-index: 25;
}


 
 /* left ------- */
 #left_scroll {
 width: 98%;
 float: left;
 margin: 0 0 0 0; 
 margin-top: 78px;   /*   Abstand oben */
 margin-top: 88px;   /*   Abstand oben   auch .menu_left_columns Zeile 735 !!!*/
 margin-bottom: 20px;
 margin-left: 1%;
 margin-right: 1%;

 padding: 0;
 }
 
#scrollDiv {
width:100%; 
height:87%;
overflow-x: hidden; 
overflow-y: scroll;
}


 /* central --*/
 div#central {
 width: 98%;
 float: none; 
 margin: 0 0% 0 0% ; 
 padding: 0 0 0 0 ;

 }
 
 .textarea_vertical {
 height: 6em;
}
 
 

/* Tablet Styles */ 
 .item-page {
/* Hintergrundbild --------------------------------------------------------------------------- */
 background-image: url(../Images/horiz_streifen.jpg); 
 background-repeat:repeat;
 /* background-color:transparent; */
 line-height: 1.5;
 padding: 1%;
 display:block;
 /* overflow:hidden; */
 
 height: 94%; 
 margin-top: 0%; 
 margin-right: 0%;
}

.item-page_scroll {
/* Hintergrundbild --------------------------------------------------------------------------- */
 background-image: url(../Images/horiz_streifen.jpg); 
 background-repeat:repeat;
 /* background-color:transparent; */
 line-height: 1.5;
 padding: 0%;
 display:block;
 /* overflow:hidden; */
 
 /* height: 72%; */
 margin-top: 0%;   /* ???????????????? */
 margin-top: 80px; 
 margin-right: 0%;
}
 
 
img.anrede_icon {
width:14px;
padding: 0%;
margin-top: 0%; 
}

.data_icon { 
border:0px; 
height:28px;
width:28px;
margin-bottom: 5px;
margin-right: 5px;
 }

/* tablet  */ 
#menu_top_desktop , #menu_top_mobile , .sliding_menu_mobile , #footer{
 display:none;
 }
 
 
 /* td width  in function create_table_rows_new   */
.width_anamnese_edit {
width:6%;
}

.width_anamnese_legend {
width:34%;
}

.width_anamnese_feld {
width:40%;
}

.width_anamnese_daten {
width:40%;
}

 
 
 
.width_kommentar_legend {
width:20%;
}

.width_kommentar_feld {
width:25%;
}

.width_kommentar_daten {
width:30%;
}

.width_kommentar_kommentar {
width:25%;
}
 
 
 /* Kommentare in Anamnese Tabellen */
.widthresp1 {
width: 10%;
}

.widthresp2 {
width: 26%;
}

.widthresp3{
width: 32%;
}

.widthresp4 {
width: 20%;
}
 
/* Button */ 
 input.dreidbutton , button.dreidbutton {
 border: 1px solid black ;
}

/* tablet */
/* background image ----------------------------------------------- */
.dreidbutton_image_cancel {
background: white url(../Images/cancel.png); 
}

.dreidbutton_image_ok {
background: white url(../Images/ok.png);
}

.dreidbutton_image_print{
background: white ;
}

.dreidbutton_image_hilfe{
background: white url(../Images/hilfe_button.png);
}

.dreidbutton_image_kommentar {
background: white url(../Images/ok.png);
}

.dreidbutton_image_liste {
background: white url(../Images/liste.png);
}

.dreidbutton_image_rtf {
background: white url(../Images/rtf.png);
}

.dreidbutton_image_docx {
background: white url(../Images/docx.png);
}

.dreidbutton_image_odt {
background: white url(../Images/odt.png);
}

.dreidbutton_image_html {
background: white url(../Images/html.png);
}

.dreidbutton_image_edit {
background: white url(../Images/edit.png);
}
 
.dreidbutton_image_anmeldung {
background: white url(../Images/anmeldung.png);
}

.dreidbutton_image_abmeldung {
background: white url(../Images/abmeldung.png);
} 
 

 /* Tablet Styles */
  /*  Spalten */
.menu_left_columns {
 margin-top: 85px;     /*  Menu left Abstand oben  */
 margin-top: 95px;  
 
 margin-bottom: 25px; 
 padding: 4px;
 margin-left: 1%;
 margin-right: 1%;
  
 -webkit-column-count: 3; /* Chrome, Safari, Opera */
 -moz-column-count: 3; /* Firefox */
 column-count: 3;
 
 -webkit-column-gap: 5px;
 -moz-column-gap: 5px;
 column-gap: 5px;
}


.menu_left_Anamnese_columns {
 margin-top: 5px; 
 margin-bottom: 5px; 
 
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
}



/*- Diagnose----------------------------*/ 
 /* Rand color */
.menu_left_Diagnose_columns {
 border: solid 1px var(--colordark3); /* farbiger Rahmen aussen*/ 
}


 .menu_left_Diagnose { 
  width: 100%; 
 margin: 0;
 padding: 0;
}


.menu_left_Diagnose li { 
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
}

 
.menu_left_Diagnose li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;

 background-color: var(--colorlightgrey) ;
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}
 
 
/* Patient ---------------------------------------------- */ 

 /* Rand color */
.menu_left_patient_columns {
 border: solid 1px var(--colordark5); /* farbiger Rahmen aussen*/ 
}


 .menu_left_patient { 
  width: 100%; 
 margin: 0;
 padding: 0;
}


.menu_left_patient li { 
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
}

 
.menu_left_patient li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;

 background-color: var(--colorlightgrey) ;
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}



/* Tablet Styles */
/* Therapeut ------------------------------------*/

/* Rand color */
.menu_left_Therapeut_columns {
 border: solid 1px var(--colordark4); /* farbiger Rahmen aussen*/ 
}


 .menu_left_Therapeut { 
  width: 100%; 
 margin: 0;
 padding: 0;

}


.menu_left_Therapeut li { 
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
}

 
.menu_left_Therapeut li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;

 background-color: var(--colorlightgrey) ;
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}
 


/* Anmeldung --------------------*/
/* Rand color */
.menu_left_Anmeldung_columns {
 border: solid 1px var(--colordark6); /* farbiger Rahmen aussen*/ 
}


 .menu_left_Anmeldung { 
  width: 100%; 
 margin: 0;
 padding: 0;
}


.menu_left_Anmeldung li { 
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
}

 
.menu_left_Anmeldung li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;

 background-color: var(--colorlightgrey) ;
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}




/* 960 % Grid */
/* Tablet Styles */

/* Containers --------------------------------------------------------------------------------*/
.container_12
{
 width: 96%;
 margin-left: 2%;
 margin-right: 2%;
 background-color: transparent;
}

/* boxes ----------------------------------------------- */
.box {
 /* background: rgb(255,240,225) ; */ /* für Test Farbe */
 margin-top: 5px; /* Abstand oben ----------------------------------------------*/
 margin-top: 0.3em; /* Abstand oben ----------------------------------------------*/
 margin-bottom: 5px; /* Abstand unten ------------------------------------*/
 margin-bottom: 0.3em; /* Abstand unten ------------------------------------*/
}

/* Grid --------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
 display: inline;
 float: left;
 margin-left: 1%;
 margin-right: 1%;
}

.container_12 .grid_3
{
 width: 23%;
}

.container_12 .grid_6
{
 width: 48%;
}

.container_12 .grid_9
{
 width: 73%;
}

.container_12 .grid_12
{
 width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
 margin-left: 0;
}

.omega
{
 margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
 width: 6.333%;
}

.container_12 .grid_2
{
 width: 14.666%;
}

.container_12 .grid_4
{
 width: 31.333%;
}

.container_12 .grid_5
{
 width: 39.666%;
}

.container_12 .grid_7
{
 width: 56.333%;
}

.container_12 .grid_8
{
 width: 64.666%;
}

.container_12 .grid_10
{
 width: 81.333%;
}

.container_12 .grid_11
{
 width: 89.666%;
}


/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3
{
 padding-left: 25%;
}

.container_12 .prefix_6
{
 padding-left: 50%;
}

.container_12 .prefix_9
{
 padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
 padding-left: 8.333%;
}

.container_12 .prefix_2
{
 padding-left: 16.666%;
}

.container_12 .prefix_4
{
 padding-left: 33.333%;
}

.container_12 .prefix_5
{
 padding-left: 41.666%;
}

.container_12 .prefix_7
{
 padding-left: 58.333%;
}

.container_12 .prefix_8
{
 padding-left: 66.666%;
}

.container_12 .prefix_10
{
 padding-left: 83.333%;
}

.container_12 .prefix_11
{
 padding-left: 91.666%;
}


/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3
{
 padding-right: 25%;
}

.container_12 .suffix_6
{
 padding-right: 50%;
}

.container_12 .suffix_9
{
 padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
 padding-right: 8.333%;
}

.container_12 .suffix_2
{
 padding-right: 16.666%;
}

.container_12 .suffix_4
{
 padding-right: 33.333%;
}

.container_12 .suffix_5
{
 padding-right: 41.666%;
}

.container_12 .suffix_7
{
 padding-right: 58.333%;
}

.container_12 .suffix_8
{
 padding-right: 66.666%;
}

.container_12 .suffix_10
{
 padding-right: 83.333%;
}

.container_12 .suffix_11
{
 padding-right: 91.666%;
}
 
}
/* -------------------------------------------------------------------------------- */
 
 
 

 
 
 
 
 
/* ************************************************************** */
/* -------------------------------------------------------------------------------- */
/* Desktop */
@media only screen and (min-width: 761px) {

/*@import "960_proz_12_d.css"; */

 .desktop_display_no {
 display:none;
 }


 /* central --*/
 div#central {
 width: 73%;
 float: right; 
 margin: 0 1% 0 1% ; 
 margin: 0;
 padding: 0 0 0 0 ;
 }
 
 
 /* left -- */
 div#left {
 width: 22%;
 float: left;
 margin: 0 0 0 0; 
 padding: 0;
 }
 
 


 
 /* left ------- */
 div#left_tree {
 width: 22%;
 float: left; 
 }
 
 #left_scroll {
 width: 24%;
 float: left;
 margin: 0 0 0 0; 
 margin-left: 0.5%;
 padding: 0;
 }
 
 #scrollDiv {
width:100%; 
height:87%;
overflow-x: hidden; 
overflow-y: scroll;
}


.textarea_vertical {
 height: 6em;
}


 .item-page {
/* Hintergrundbild --------------------------------------------------------------------------- */
 background-image: url(../Images/horiz_streifen.jpg); 
 background-repeat:repeat;
 /* background-color:transparent; */
 line-height: 1.5;
 padding: 1%;
 display:block;
 /* overflow:hidden; */
 
 height: 94%; 
 margin-top: 0%; 
 margin-right: 0%;
}

.item-page_scroll {
/* Hintergrundbild --------------------------------------------------------------------------- */
 background-image: url(../Images/horiz_streifen.jpg); 
 background-repeat:repeat;
 /* background-color:transparent; */
 line-height: 1.5;
 padding: 0%;
 display:block;
 /* overflow:hidden; */
 
 /* height: 72%; */
 margin-top: 0%; 
 margin-right: 0%;
}


img.anrede_icon {
width:18px;
padding: 0%;
margin-top: 0%; 
}

.data_icon { 
border:0px; 
height:24px;
width:24px;
margin-bottom: 0px;
margin-right: 5px;
 }
 
 /* Desktop */ 
#menu_top_tablet , #menu_top_tablet_statisch, #menu_top_mobile , .sliding_menu_mobile , .sliding_menu_tablet {
 display:none;
 }
 
 
 /* td width  in function create_table_rows_new   */
.width_anamnese_edit {
width:6%;
}

.width_anamnese_legend {
width:34%;
}

.width_anamnese_feld {
width:40%;
}

.width_anamnese_daten {
width:40%;
}




.width_kommentar_legend {
width:20%;
}

.width_kommentar_feld {
width:25%;
}

.width_kommentar_daten {
width:30%;
}

.width_kommentar_kommentar {
width:25%;
}


/* Kommentare in Anamnese Tabellen */
.widthresp1 {
width: 10%;
}

.widthresp2 {
width: 30%;
}

.widthresp3{
width: 30%;
}

.widthresp4 {
width: 20%;
}
 
 
/* Desktop */ 
/* background image ----------------------------------------------- */
.dreidbutton_image_cancel {
background: var(--colormiddlegrey) url(../Images/cancel.png); 
}

.dreidbutton_image_ok {
background: var(--colormiddlegrey) url(../Images/ok.png);
}

.dreidbutton_image_print{
background: var(--colormiddlegrey) ;
}

.dreidbutton_image_hilfe{
background: var(--colormiddlegrey) url(../Images/hilfe_button.png);
}

.dreidbutton_image_kommentar {
background: var(--colormiddlegrey) url(../Images/ok.png);
}

.dreidbutton_image_liste {
background: var(--colormiddlegrey) url(../Images/liste.png);
}

.dreidbutton_image_rtf {
background: var(--colormiddlegrey) url(../Images/rtf.png);
}

.dreidbutton_image_docx {
background: var(--colormiddlegrey) url(../Images/docx.png);
}

.dreidbutton_image_odt {
background: var(--colormiddlegrey) url(../Images/odt.png);
}


.dreidbutton_image_html {
background: var(--colormiddlegrey) url(../Images/html.png);
}


.dreidbutton_image_edit {
background: var(--colormiddlegrey) url(../Images/edit.png);
}

 
.dreidbutton_image_anmeldung {
background: var(--colormiddlegrey) url(../Images/anmeldung.png);
}

.dreidbutton_image_abmeldung {
background: var(--colormiddlegrey) url(../Images/abmeldung.png);
}

/* Spalten menu_left*/
.menu_left_columns  {
 border: solid 0px  ;
 }
 
/* Desktop */ 
/*- Diagnose----------------------------*/ 

 .menu_left_Diagnose { 
 padding: 5px;
 padding-bottom: 3px;
 width: 100%; 
 margin-left: 5px;
 margin-top: 0px; 
 margin-bottom: 15px; 
 margin-right: 0px; 
 border: solid 1px var(--colordark3) ; /* farbiger Rahmen aussen*/ 
}

.menu_left_Diagnose li { 
 /* width: 100%; 
 float: left; */
 margin-left: 3px;
 margin-bottom: 1px;
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
} 

.menu_left_Diagnose li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;
 padding-left: 5px;
 background-color: var(--colorlightgrey) ; /* hell grau */
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px RGB(245, 123, 1 );
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}

.menu_left_Diagnose li a:hover {
 /* background-color: #E4E9DF; */
 border: solid 2px var(--colordark3); /* farbiger Rahmen Menu */
 background-color: var(--colorlight3) ; /* farbiger Hintergrund Menu */
 color: black;
}




 

/* Patient ---------------------------------------------- */ 
 .menu_left_patient { 
 padding: 5px;
 padding-bottom: 3px;
 width: 100%; 
 margin-left: 5px;
 margin-top: 0px; 
 margin-bottom: 15px; 
 margin-right: 0px; 
 border: solid 1px var(--colordark5) ; /* farbiger Rahmen aussen*/ 
}

.menu_left_patient li { 
 /* width: 100%; 
 float: left; */
 margin-left: 3px;
 margin-bottom: 1px;
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
} 

.menu_left_patient li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;
 padding-left: 5px;
 background-color: var(--colorlightgrey) ; /* hell grau */
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px RGB(245, 123, 1 );
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}

.menu_left_patient li a:hover {
 /* background-color: #E4E9DF; */
 border: solid 2px var(--colordark5); /* farbiger Rahmen Menu */
 background-color: var(--colorlight5) ; /* farbiger Hintergrund Menu */
 color: black;
}



/* Therapeut ------------------------------------*/

 .menu_left_Therapeut { 
 padding: 5px;
 padding-bottom: 3px;
 width: 100%; 
 margin-left: 5px;
 margin-top: 0px; 
 margin-bottom: 15px; 
 margin-right: 0px; 
 border: solid 1px var(--colordark4); /* farbiger Rahmen aussen*/ 
}


.menu_left_Therapeut li { 
 margin-left: 3px;
 margin-bottom: 1px;
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
}

 
.menu_left_Therapeut li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;
 padding-left: 5px;
 background-color: var(--colorlightgrey) ;
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px RGB(245, 123, 1 );
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}
 
.menu_left_Therapeut li a:hover {
 /* background-color: #E4E9DF; */
 border: solid 2px var(--colordark4); /* farbiger Rahmen Menu */
 background-color: var(--colorlight4); /* farbiger Hintergrund Menu */
 color: black;
}
 
 
/* Anmeldung --------------------*/
.menu_left_Anmeldung { 
 padding: 5px;
 padding-bottom: 3px;
 width: 100%; 
 margin-left: 5px;
 margin-top: 0px; 
 margin-bottom: 15px; 
 margin-right: 0px; 
 border: solid 1px var(--colordark6) ; /* farbiger Rahmen aussen*/ 
}


.menu_left_Anmeldung li { 
 /* width: 100%; 
 float: left; */
 margin-left: 3px;
 margin-bottom: 1px;
 list-style-type: none;
 font-family: Arial, sans-serif;
 text-decoration: none;
 /* border: solid 2px #FFFFFF; */
} 
 
 
.menu_left_Anmeldung li a {
 text-decoration: none;
 color: black;
 display: block;
 padding: 2px;
 padding-left: 5px;
 background-color: var(--colorlightgrey) ; /* hell grau */
 border: solid 2px var(--colorlightgrey) ; 
 
 /* border-right: solid 2px RGB(245, 123, 1 ); */
 border-bottom: solid 2px #FFFFFF; /* Trennlinie *weiss */
}
 
.menu_left_Anmeldung li a:hover {
 border: solid 2px var(--colordark6) ; /* farbiger Rahmen Menu */
 background-color: var(--colorlight6) ; /* farbiger Hintergrund Menu */
 color: black;
} 



.menu_left_Hilfe li a:hover 	{
			/* background-color: #E4E9DF; */
			border: solid 2px RGB(230, 87, 131); /* farbiger Rahmen Menu */
			background-color: var(--colorlight7); /* farbiger Hintergrund Menu */
			color: black;
}



/* 960 % Grid */
/* Desktop */
/* Containers --------------------------------------------------------------------------------*/
.container_12
{
 width: 96%;
 margin-left: 2%;
 margin-right: 2%;
 background-color: transparent;
}

/* boxes ----------------------------------------------- */
.box {
 /* background: rgb(255,240,225) ; */ /* für Test Farbe */
 margin-top: 5px; /* Abstand oben ----------------------------------------------*/
 margin-top: 0.3em; /* Abstand oben ----------------------------------------------*/
 margin-bottom: 5px; /* Abstand unten ------------------------------------*/
 margin-bottom: 0.3em; /* Abstand unten ------------------------------------*/
}

/* Grid --------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
 display: inline;
 float: left;
 margin-left: 1%;
 margin-right: 1%;
}

.container_12 .grid_3
{
 width: 23%;
}

.container_12 .grid_6
{
 width: 48%;
}

.container_12 .grid_9
{
 width: 73%;
}

.container_12 .grid_12
{
 width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
 margin-left: 0;
}

.omega
{
 margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
 width: 6.333%;
}

.container_12 .grid_2
{
 width: 14.666%;
}

.container_12 .grid_4
{
 width: 31.333%;
}

.container_12 .grid_5
{
 width: 39.666%;
}

.container_12 .grid_7
{
 width: 56.333%;
}

.container_12 .grid_8
{
 width: 64.666%;
}

.container_12 .grid_10
{
 width: 81.333%;
}

.container_12 .grid_11
{
 width: 89.666%;
}


/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3
{
 padding-left: 25%;
}

.container_12 .prefix_6
{
 padding-left: 50%;
}

.container_12 .prefix_9
{
 padding-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
 padding-left: 8.333%;
}

.container_12 .prefix_2
{
 padding-left: 16.666%;
}

.container_12 .prefix_4
{
 padding-left: 33.333%;
}

.container_12 .prefix_5
{
 padding-left: 41.666%;
}

.container_12 .prefix_7
{
 padding-left: 58.333%;
}

.container_12 .prefix_8
{
 padding-left: 66.666%;
}

.container_12 .prefix_10
{
 padding-left: 83.333%;
}

.container_12 .prefix_11
{
 padding-left: 91.666%;
}


/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3
{
 padding-right: 25%;
}

.container_12 .suffix_6
{
 padding-right: 50%;
}

.container_12 .suffix_9
{
 padding-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
 padding-right: 8.333%;
}

.container_12 .suffix_2
{
 padding-right: 16.666%;
}

.container_12 .suffix_4
{
 padding-right: 33.333%;
}

.container_12 .suffix_5
{
 padding-right: 41.666%;
}

.container_12 .suffix_7
{
 padding-right: 58.333%;
}

.container_12 .suffix_8
{
 padding-right: 66.666%;
}

.container_12 .suffix_10
{
 padding-right: 83.333%;
}

.container_12 .suffix_11
{
 padding-right: 91.666%;
}
 
}
/* -------------------------------------------------------------------------------- */