html, body {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #b8d1f3;                                    /* #7db3ff;*/
  background-repeat: repeat;

}

.blue {
        color: #003471;
}


/*Anfang Tablestyle bei sortierbaren Tabellen*/
table.tablesorter .header {
    background-image: url('../image/ascdesc.gif');
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
}
table.tablesorter .headerSortUp {
    background-image: url('../image/ascyellow.gif');
    background-repeat: no-repeat;
    background-position: center left;
}
table.tablesorter .headerSortDown {
    background-image: url('../image/descyellow2.gif');
    background-repeat: no-repeat;
    background-position: center left;
}
/*Ende Tablestyle bei sortierbaren Tabellen*/



/*@media only screen and (max-width: 2925px) {         /*CSS-Code wird interpretiert, wenn Bildschirmbreite mind. 1025px -> Laptops und Desktops*/

     .mobile_only {
      display: none;
  }



div.mod-languages ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
}
div.mod-languages li {
        margin-left: 5px;        /*linker Abstand der beiden Flaggen*/
        margin-right: 5px;        /*rechter Abstand der beiden Flaggen*/
}

div.mod-languages ul.lang-inline li {
        display: inline;                        /*beiden Flaggen nebeneinander*/
}

div.mod-languages ul.lang-block li {
        display: block;
}

div.mod-languages img {
        border: none;                 /*kein Rahmen um die Flaggen*/
}

div.mod-languages a {
        text-decoration: none;        /*keine Text-Decoration bei den Flaggen*/
}



body {
  font-family: Helvetica, Arial, Sans-Serif;
  line-height: 1.4em;
  font-size: 14px;
  -webkit-hyphens: auto;

}

a:link, a:visited {
    text-decoration: underline;
    color: #003471;
    outline: none;
    text-align: left;
}

a:hover {
  color: #006db8;
  text-decoration: none;
}

div.mod-languages {
  position: relative;
  left: 840px;                /*Abstand der Flaggen vom linken Containerrand*/
  padding-bottom: 10px;        /*Abstand des Flaggenunterrandes zum content-top*/

}



div#kopf ul.head-inline li {
        display: inline;                        /*beiden Flaggen nebeneinander*/
}




#container {
  top: 30px;            /*Abstand des Containers nach oben*/
  width: 960px;         /*Breite des Containers*/
  position: relative;
  margin: auto;
  clear: both;
  background-color: white;
}



/*Beginn CSS für Drop-down-Menue*/

#sddm
{        margin: 0;
        padding: 0;
        z-index: 2
        }

#sddm li
{        margin: 0;
        padding: 0;
        list-style: none;
        float: left;              /*Anordnung der einzelnen Menuepunkte im body*/
        font: bold 17px arial;    /*Schriftart und -größe in den Menuebuttons*/

}

#sddm li a                        /*Design der blauen Menuebuttons*/
{        display: block;
        margin: 0 3px 0 0;        /*Abstand zwischen den einzelnen Menuepunkten -> 1px zwischen den Menuebuttons*/
        padding: 8px 0px;        /*Abstand der Schrift zum Rand des Menuebutton, 4px oben und unten, 0px links und rechts*/
        width: 189px;             /*Breite der Menuebuttons, 117px bei 6 buttons*/
        height: relative;             /*Höhe der Menuebuttons*/
        background: #0044ee;      /*Hintergrundfarbe der Menuebuttons*/
        color: #EFEFEF;            /*Schriftfarbe der Menuebuttons*/
        text-align: center;       /*Schrift im Menuebutton zentrieren*/
        text-decoration: none;
        -moz-border-radius: 4px;        /*Abgerundete Ecken der Menuebuttons*/
         -webkit-border-radius: 4px;
         border-radius: 4px;

}

#sddm li a:hover                  /*Design der Menuebuttons beim Drüberfahren mit dem Cursor*/
{        background: #49A3FF}     /*Hintergrundfarbe der Menuebuttons beim Drüberfahren mit dem Cursor*/

#sddm div
{        position: absolute;
        visibility: hidden;           /*Drop-down-Menue wird nicht sofort angezeigt, erst durch Hover-Effekt*/
        margin: 0;
        padding: 0;
        background: #EAEBD8;
        border: 1px solid #0044ee;       /*Rahmendicke, -design und -farbe des Drop-down-Menues*/
        z-index: 2;}                     /*Dropdown-Menü soll vor dem Content-middle angezeigt werden*/


        #sddm div a                       /*Design der Punkte im Drop-down-Menue ohne Hover-Effekt*/
        {        position: relative;
                display: block;
                margin: 0;
                padding: 5px 10px;        /*Abstand der Schrift zum Rand des Drop-down-Menues, 5px oben und unten, 10px links und rechts*/
                width: auto;
                height: auto;
                white-space: nowrap;
                text-align: left;         /*Positionierung der Schrift im Drop-down-Menue*/
                text-decoration: none;
                background: #EAEBD8;     /*Hintergrundfarbe der Punkte im Drop-down-Menue ohne Hover-Effekt*/
                color: #0044ee;          /*Schriftfarbe im Drop-down-Menue ohne Hover-Effekt*/
                font: 14px arial;           /*Schriftart und -größe im Drop-down-Menue*/
                z-index: 2;}        /*Bewirkt, dass das Dropdown-Menü vor dem Content-middle sichtbar ist*/

        #sddm div a:hover                /*Design der Punkte im Drop-down-Menue beim Drüberfahren mit dem Cursor*/
        {        background: #49A3FF;    /*Hintergrundfarbe der Punkte im Drop-down-Menue beim Drüberfahren mit dem Cursor*/
                color: #FFF;             /*Schriftfarbe der Punkte im Drop-down-Menue beim Drüberfahren mit dem Cursor*/
        }

/*Ende CSS für Drop-down-Menue*/

#drugdatabase div a                 /*Design der Menuebuttons beim Drüberfahren mit dem Cursor*/
{        background: orange;}     /*Hintergrundfarbe der Menuebuttons beim Drüberfahren mit dem Cursor*/



/*-------- Beginn Navigation der Menüpunkte im contentmiddle von Anästhesie bis Urologie ----------*/


#navigation                          /*Anordnung der einzelnen Menuepunkte im content-middle (hellgrün)*/
{        margin: 0;
        padding: 0;
        }

#navigation li
{        margin: 20;
        padding: 0;
        list-style: none;
        float: left;              /*Anordnung der einzelnen Menuepunkte im content-middle (hellgrün)*/
        font: bold 17px arial    /*Schriftart und -größe in den Menuebuttons*/
}

#navigation li a                        /*Design der Menuebuttons*/
{        display: block;
        margin: 0 3px 0 0;          /*Abstand zwischen den einzelnen Menuepunkten -> 1px zwischen den Menuebuttons*/
        padding: 8px 0px;           /*Abstand der Schrift zum Rand des Menuebutton, 4px oben und unten, 0px links und rechts*/
        width: 160px;               /*Breite der Menuebuttons*/
        height: relative;             /*Höhe der Menuebuttons*/
        color: blue;                /*Schriftfarbe der Menuebuttons*/
        text-align: center;         /*Schrift im Menuebutton zentrieren*/
        text-decoration: none;      /*keine Schriftdekoration*/
        background-color: #8FFF49;    /*Hintergrundfarbe der Menuebuttons*/
         -moz-border-radius: 4px;        /*Abgerundete Ecken der Menuebuttons*/
         -webkit-border-radius: 4px;
         border-radius: 8px;
         border: 1px solid #0000FF;
}

#navigation li a:hover                  /*Design der Menuebuttons beim Drüberfahren mit dem Cursor*/
{        background: lime;         /*Hintergrundfarbe der Menuebuttons beim Drüberfahren mit dem Cursor*/
         color: blue;
         text-decoration: none;       /*keine Schriftdekoration beim Drüberfahren mit dem Cursor*/
 }

/*-------- Ende Navigation der Menüpunkte im contentmiddle von Anästhesie bis Urologie ----------*/

/*-------- Beginn Navigation 1. Zeile mit den Datenbanken----------*/


#navigation_first_line                          /*Anordnung der einzelnen Menuepunkte im content-middle (hellgrün)*/
{        margin: 0;
        padding: 0;
        }

#navigation_first_line li
{        margin: 20;
        padding: 0;
        list-style: none;
        float: left;              /*Anordnung der einzelnen Menuepunkte im content-middle (hellgrün)*/
        font: bold 17px arial    /*Schriftart und -größe in den Menuebuttons*/
}

#navigation_first_line li a                        /*Design der Menuebuttons*/
{        display: block;
        margin: 0 3px 0 0;          /*Abstand zwischen den einzelnen Menuepunkten -> 1px zwischen den Menuebuttons*/
        padding: 8px 0px;           /*Abstand der Schrift zum Rand des Menuebutton, 4px oben und unten, 0px links und rechts*/
        width: 160px;               /*Breite der Menuebuttons*/
        height: relative;             /*Höhe der Menuebuttons*/
        color: blue;                /*Schriftfarbe der Menuebuttons*/
        text-align: center;         /*Schrift im Menuebutton zentrieren*/
        text-decoration: none;      /*keine Schriftdekoration*/
        background-color: orange;    /*Hintergrundfarbe der Menuebuttons*/
         -moz-border-radius: 4px;        /*Abgerundete Ecken der Menuebuttons*/
         -webkit-border-radius: 4px;
         border-radius: 8px;
         border: 1px solid #0000FF;
}

#navigation_first_line li a:hover                  /*Design der Menuebuttons beim Drüberfahren mit dem Cursor*/
{        background: lime;         /*Hintergrundfarbe der Menuebuttons beim Drüberfahren mit dem Cursor*/
         color: blue;
         text-decoration: none;       /*keine Schriftdekoration beim Drüberfahren mit dem Cursor*/
 }

/*-------- Ende Navigation 1. Zeile mit den Datenbanken ----------*/




.headline {                          /*Design der Menuebuttons im Untermenü des content-middle*/
         padding: 2px 0px;           /*Abstand der Schrift zum Rand des Menuebutton, 4px oben und unten, 0px links und rechts*/
        width: 160px;               /*Breite der Menuebuttons*/
        height: relative;             /*Höhe der Menuebuttons*/
        color: blue;                /*Schriftfarbe der Menuebuttons*/
        font: bold 9px arial;    /*Schriftart und -größe in den Menuebuttons*/
        text-align: center;         /*Schrift im Menuebutton zentrieren*/
        text-decoration: none;      /*keine Schriftdekoration*/
        background-color: #8FFF49;    /*Hintergrundfarbe der Menuebuttons*/
         -moz-border-radius: 4px;        /*Abgerundete Ecken der Menuebuttons*/
         -webkit-border-radius: 4px;
         border-radius: 8px;
         border: 1px solid #0000FF;

 }

.gastroenterology {                   /*Design der Menuebuttons im Untermenü des content-middle bei etwas längeren Wörtern*/
         padding: 2px 0px;           /*Abstand der Schrift zum Rand des Menuebutton, 4px oben und unten, 0px links und rechts*/
        width: 200px;               /*Breite der Menuebuttons*/
        height: relative;             /*Höhe der Menuebuttons*/
        color: blue;                /*Schriftfarbe der Menuebuttons*/
        font: bold 9px arial;    /*Schriftart und -größe in den Menuebuttons*/
        text-align: center;         /*Schrift im Menuebutton zentrieren*/
        text-decoration: none;      /*keine Schriftdekoration*/
        background-color: #8FFF49;    /*Hintergrundfarbe der Menuebuttons*/
         -moz-border-radius: 4px;        /*Abgerundete Ecken der Menuebuttons*/
         -webkit-border-radius: 4px;
         border-radius: 8px;
         border: 1px solid #0000FF;
}


.submenu th{                        /*Schriftfarbe und Schriftgröße der Überschrift im Untermenü des Content-middle*/
        color: blue;                /*Schriftfarbe der Überschrift*/
        font: 24px arial;    /*Schriftart und -größe der Überschrift*/
        text-align: left;         /*Schrift im Menuebutton zentrieren*/
}

.submenu td{
        font: 18px arial;    /*Schriftart und -größe der Überschrift*/
}

.submenu li{
        padding: 4px 0px;      /*Die einzelnen Listenelemente werden mit 4 Pixel Abstand aufgelistet*/
}


#banner {                                          /*Platzhalter für Banner und gleichzeitig Standardbanner*/
        background-position: top;
        margin: auto;
        height: 80px;
        position: relative;
        background-color: #0066ee;
        background-image: none;
        background-repeat: no-repeat;

}

#banner_drugnameinput {                                          /*Platzhalter für Banner und gleichzeitig Standardbanner*/
        background-position: top;
        margin: auto;
        height: 80px;
        position: relative;
        background-color: #0066ee;
        background-image: none;
        background-repeat: no-repeat;

}



#content-top {                                 /*Enthält die Navigationsleiste*/
        background-position: top;
        margin: auto;
        height: 120px;
        position: relative;
        background-color: #b8d1f3;

}

#content-middle {
        margin: 15px;
        min-height: 550px;       /*466px;*/
        position: relative;
        background-color: white;
        background-image: url(../image/wasserzeichen_drug_explorer8.png);            /*wasserzeichen7.gif*/
}

#content-bottom {                                                 /*Enthält Impressum*/
        background-position: top;
        margin: auto
        height: relative;
        min-height: 50px;
        position: relative;
        background-color: #0066ee;
        color: white;
}

#content-bottom a {
       color: white;
}


/*Beginn Tablestyle mit abwechselnden Farben in den Reihen*/

.altRowstable{
                border-collapse:collapse;         /*Zellen werden ohne Zwischenraum verbunden dargestellt*/
                font-size:14px;                   /*Schriftgröße in der Tabelle*/
        }
        .altRowstable th{
                padding:7px;                      /*Abstand der Schrift im der Head-Zeile zum Zellenrand*/
                border:#4e95f4 1px solid;         /* #4e95f4 Style des Zellenrands in der Head-Zeile*/
                background-color: #0066ee;        /*Hintergrundfarbe der Headzeile*/
                color: white;                      /*Schriftfarbe der Headzeile*/
                font-size:16px;
                min-width: 10px;
        }
        .altRowstable th a {
       color: white;
         }

        td{
                padding:7px;                      /*Abstand der Schrift in den einzelnen Zellen unterhalb der Head-Zeile zum Zellenrand. DAS PADDING-LEFT IST DAS PROBLEM FÜR DIE SMARTPHONE-SCREEN-DARSTELLUNG, WENN .altRowstable vor td geschrieben wird*/
                border:#4e95f4 1px solid;         /*Style des Zellenrands unterhalb der Head-Zeile*/
                min-width: 10px;
        }
        /* provide some minimal visual accomodation for IE8 and below */
        .altRowstable tr{
                background: #b8d1f3;              /*Hintergrundfarbe der Zeilen bei Internet Explorer 8 oder niedriger*/
        }
        /*  Define the background color for all the ODD background rows  */
        .altRowstable tr:nth-child(odd){
                background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN background rows  */
        .altRowstable tr:nth-child(even){
                background: #dae5f4;
        }



/*Ende Tablestyle mit abwechselnden Farben in den Reihen*/


/*Anfang Tablestyle mit abwechselnden Farben in den Columnen*/

.altColstable{
                width:100%;
                border-collapse:collapse;
        }
        .altColstable th{
                padding:7px;                      /*Abstand der Schrift im der Head-Zeile zum Zellenrand*/
                border:#4e95f4 1px solid;         /*Style des Zellenrands in der Head-Zeile*/
                background-color: #0066ee;        /*Hintergrundfarbe der Headzeile*/
                color: white;                      /*Schriftfarbe der Headzeile*/
                font-size:16px;
                min-width: 50px;
        }

        .altColstable th a {
       color: white;
         }

        .altColstable td{
                padding:7px;
                border:#4e95f4 1px solid;
                min-width: 50px;
        }
        /* improve visual readability for IE8 and below */
        .altColstable tr{
                background: #b8d1f3;
        }
        /*  Define the background color for all the ODD table columns  */
        .altColstable tr td:nth-child(odd){
                background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN table columns  */
        .altColstable tr td:nth-child(even){
                background: #dae5f4;
        }

/*Ende Tablestyle mit abwechselnden Farben in den Columnen*/



/*Anfang Tablestyle bei Tabelle in Tabelle, wobei die Hintergrundfarbe der übergeordneten Tabelle übernommen werden soll und keine Rahmen; für Farbe #dae5f4*/
.tableintable{
                border-collapse:collapse;         /*Zellen werden ohne Zwischenraum verbunden dargestellt*/
                font-size:14px;                   /*Schriftgröße in der Tabelle*/
        }
        .tableintable td{
                padding:7px;                      /*Abstand der Schrift in den einzelnen Zellen unterhalb der Head-Zeile zum Zellenrand*/
                border:none;         /*Style des Zellenrands unterhalb der Head-Zeile*/
        }
        /* provide some minimal visual accomodation for IE8 and below */
        .tableintable tr{
                background: none;              /*Hintergrundfarbe der Zeilen bei Internet Explorer 8 oder niedriger*/
        }
        .tableintable tr:nth-child(odd){
                background: #dae5f4;
        }
        /*  Define the background color for all the EVEN background rows  */
        .tableintable tr:nth-child(even){
                background: #dae5f4;
        }
/*Ende Tablestyle bei Tabelle in Tabelle, wobei die Hintergrundfarbe der übergeordneten Tabelle übernommen werden soll und keine Rahmen; für Farbe #dae5f4*/

/*Anfang Tablestyle bei Tabelle in Tabelle, wobei die Hintergrundfarbe der übergeordneten Tabelle übernommen werden soll und keine Rahmen; für Farbe #b8d1f3*/
.tableintable2{
                border-collapse:collapse;         /*Zellen werden ohne Zwischenraum verbunden dargestellt*/
                font-size:14px;                   /*Schriftgröße in der Tabelle*/
        }
        .tableintable2 td{
                padding:7px;                      /*Abstand der Schrift in den einzelnen Zellen unterhalb der Head-Zeile zum Zellenrand*/
                border:none;         /*Style des Zellenrands unterhalb der Head-Zeile*/
        }
        /* provide some minimal visual accomodation for IE8 and below */
        .tableintable2 tr{
                background: none;              /*Hintergrundfarbe der Zeilen bei Internet Explorer 8 oder niedriger*/
        }
        .tableintable2 tr:nth-child(odd){
                background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN background rows  */
        .tableintable2 tr:nth-child(even){
                background: #b8d1f3;
        }
/*Ende Tablestyle bei Tabelle in Tabelle, wobei die Hintergrundfarbe der übergeordneten Tabelle übernommen werden soll und keine Rahmen; für Farbe #b8d1f3*/


/*Anfang Tablestyle von Gewebepenetration von Antibiotika, wobei die Hintergrundfarbe der übergeordneten Tabelle übernommen werden soll und keine Rahmen; für Farbe #b8d1f3*/

.tissuepenetration{
                border-collapse:collapse;         /*Zellen werden ohne Zwischenraum verbunden dargestellt*/
                font-size:14px;                   /*Schriftgröße in der Tabelle*/
        }
        .tissuepenetration td{
                padding:3px;                      /*Abstand der Schrift in den einzelnen Zellen unterhalb der Head-Zeile zum Zellenrand*/
                border:none;         /*Style des Zellenrands unterhalb der Head-Zeile*/
        }
        /* provide some minimal visual accomodation for IE8 and below */
        .tissuepenetration tr{
                background: none;              /*Hintergrundfarbe der Zeilen bei Internet Explorer 8 oder niedriger*/
        }
        .tissuepenetration tr:nth-child(odd){
                background: #dae5f4;
        }
        /*  Define the background color for all the EVEN background rows  */
        .tissuepenetration tr:nth-child(even){
                background: #dae5f4;
        }

/*Ende Tablestyle von Gewebepenetration von Antibiotika, wobei die Hintergrundfarbe der übergeordneten Tabelle übernommen werden soll und keine Rahmen; für Farbe #b8d1f3*/



table.cyptable {
   background: none;
   border:none;
   font-size: 10px;
}

.selectiontable {
   background: none;
   border:none;
   font-size: 14px;
/*   border-spacing: 2px 8px; */
}


.selectiontable td {
   border:1px solid black;
   padding: 10px;
}


.others {color:black}


.reference {
  font-size: 12px;
}

.impressum {
  color: white;
}
.impressum a {
  color: white;
}


.reset {
  background: red;
}


.backbutton {
  float: right;
}


.input {                                     /*  Style des Suche-Eingabefeldes  */
padding-left:5px;
padding-right:5px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
background-color: #FFFFFF;
border: 1px solid #0020FF;
height:30px;
font-size: 16px;
color: black;                                     /*  #5F5F5F; */
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
float: right;
}



.button {                                   /*  Style der Search- und Submit-Buttons für alle Browser außer Firefox  */
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000DF), color-stop(1, #0070C0) );
background: -moz-linear-gradient( center top, #0000DF 5%, #0070C0 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000DF', endColorstr='#0070C0');
background-color: #8FFF49;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height:30px;
border: 1px solid #0000FF;
display: inline-block;
color: blue;
font-size: 14px;
font-weight: bold;
font-face: arial;
padding: 6px 24px;
text-decoration: none;
cursor: pointer;
float: right;
}


@-moz-document url-prefix() {      /*  Style der Search- und Submit-Buttons für den Firefox-Browser  */
    .button {
        background: #8FFF49;
    }
}



input.button:hover {                 /*Design des Searchbuttons beim Drüberfahren mit dem Cursor*/
         background-color: blue;         /*Hintergrundfarbe der Menuebuttons beim Drüberfahren mit dem Cursor*/
         color: lime;
         border: 1px solid lime;
 }

input.button:active {                 /*Design des Searchbuttons beim Drüberfahren mit dem Cursor*/
         background-color: #dae5f4;         /*Hintergrundfarbe der Menuebuttons beim Anklicken*/
         color: blue;
         border: 1px solid lime;
 }



.home_button {                                   /*  Style der Search- und Submit-Buttons für alle Browser außer Firefox  */
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000DF), color-stop(1, #0070C0) );
background: -moz-linear-gradient( center top, #0000DF 5%, #0070C0 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000DF', endColorstr='#0070C0');
background-color: #00ffc0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height:30px;
border: 1px solid #0000FF;
display: inline-block;
color: blue;
font-size: 14px;
font-weight: bold;
font-face: arial;
padding: 6px 24px;
margin: 1px 0px;
text-decoration: none;
cursor: pointer;
float: left;
}


@-moz-document url-prefix() {      /*  Style der Search- und Submit-Buttons für den Firefox-Browser  */
    .home_button {
        background: #00ffc0;
    }
}



.home_button:hover {                 /*Design des Searchbuttons beim Drüberfahren mit dem Cursor*/
         background-color: blue;         /*Hintergrundfarbe der Menuebuttons beim Drüberfahren mit dem Cursor*/
         color: orange;
         border: 1px solid lime;
 }

input.home_button:active {                 /*Design des Searchbuttons beim Drüberfahren mit dem Cursor*/
         background-color: #dae5f4;         /*Hintergrundfarbe der Menuebuttons beim Anklicken*/
         color: blue;
         border: 1px solid lime;
 }



input.button2 {                    /* Design des Lösch-Buttons im Normalzustand*/
    background-color: #fcbe22;
    color: blue;
    font-weight: bold;
    border-radius: 4px;            /* Abrundung der Button-Ecken*/
}

input.button2:hover {                  /* Design des Lösch-Buttons beim Drüberfahren mit der Maus*/
         background-color: #b8d1f3;
         color: blue;
         font-weight: bold;
         }

input.button2:active {                  /* Design des Lösch-Buttons beim Anklicken mit der Maus*/
         background-color: #dae5f4;
         color: blue;
         font-weight: bold;
         }



input.clear_button {                    /* Design des Lösch-Buttons im Normalzustand*/
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000DF), color-stop(1, #0070C0) );
    background: -moz-linear-gradient( center top, #0000DF 5%, #0070C0 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000DF', endColorstr='#0070C0');
    background-color: orange;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;             /* Abrundung der Button-Ecken*/
    height:30px;
    border: 1px solid #0000FF;
    display: inline-block;
    color: blue;
    font-size: 14px;
    font-weight: bold;
    font-face: arial;
    padding: 6px 24px;
    text-decoration: none;
    cursor: pointer;
}

input.clear_button:hover {                  /* Design des Lösch-Buttons beim Drüberfahren mit der Maus*/
         background-color: red;
         color: white;
         font-weight: bold;
         }

input.clear_button:active {                  /* Design des Lösch-Buttons beim Anklicken mit der Maus*/
         background-color: #dae5f4;
         color: blue;
         font-weight: bold;
         }





.breakWord {
  width: 3em;
  background: gold;
  overflow-wrap: break-word;
}


#left {
  position: relative;
  width: 305px;
  margin: auto;
  float: left;
  min-height: 664px;

}


#links {

  float: left;
  padding: 0px;
  width: 88px;
  }


#rechts {
  clear: both;
  background-color: #8FFF49;
  float: right;
  padding: 0px;
  width: 180px;
   }


#right {
  position: relative;
  width: 639px;
  margin: auto;
  float: right;



}

#content {
  position: relative;
  padding: 20px 64px 20px 20px;
  color: #0f0f0f;
  text-align: left;
  width: 555px;
  height: auto;

}

#content img {
        border: 1px solid #003471;
}

h1 {
  margin-top: 20px;
  padding-bottom: 10px;
  font-size: 16pt;
  font-weight: bold;
  color: #003472;
}

h2 {
  position: relative;
  padding-top: 8px;
  padding-bottom: 5px;
  font-size: 14pt;
  font-weight: bold;
  font-stretch: expanded;
  color: #003472;
}

h3 {
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 12pt;
  font-weight: bold;
  color: #003472;
}


h4 {
  padding-top: 1px;
  padding-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #003472;
}



/* LEFT MENU */

#left ul.menu {
  position: relative;
  top: 10px;
  left: 80px;
  width: 185px;
  border-top: 1px solid #003471;
  border-bottom: 1px solid #003471;
  list-style: none;
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#left ul.menu a {
  color: #000;
  font-size: 16px;
  text-decoration: none;
  line-height: 1.7em;
}

#left ul.menu a:hover {
  color: #003471;
}

#left ul.menu .active a {
  text-decoration: underline;
  color: #003471;
}

#left ul.menu li {
  padding-bottom: 3px;
}




/*-------------Anfang Suchfunktion----------*/


/*
Wenn das Suchergebnis in einer eigenen Seite ausgegeben wird,
sollten mindestens die folgenden Style Angaben übernommen werden,
um die Ergebnisseite entsprechend dieser Musterdatei zu gestalten.
*/

#output {
        margin: 20px;
        background-color: #e4ecf7;               /*#dbe5f3; */
        padding-left: 10px;
        padding-top: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
        /* background-image: url(../image/wasserzeichen8.gif); */

}

#output {

}

#output p, #output li {
        font-size: 1em;
        line-height: 1.2em;
}

#output li {margin: .8em 2.5em;

}



em {
        font-weight: bold;
        font-style: normal;
}

#output a {font-weight: bold;}

.searchword  {color: #222; background-color: #ffd; border: 1px dotted #ffd;}            /*Hintergrundfarbe des 1. Suchwortes, das eingegeben wird*/
.searchword0 {color: #222; background-color: #ff0; border: 1px dotted #ff0;}            /*Hintergrundfarbe des 2. Suchwortes, das eingegeben wird*/
.searchword1 {color: #222; background-color: #0f0; border: 1px dotted #0f0;}            /*Hintergrundfarbe des 3. Suchwortes, das eingegeben wird*/
.searchword2 {color: #222; background-color: #0ff; border: 1px dotted #0ff;}            /*Hintergrundfarbe des 4. Suchwortes, das eingegeben wird*/
.searchword3 {color: #222; background-color: #fbb; border: 1px dotted #fbb;}            /*Hintergrundfarbe des 5. Suchwortes, das eingegeben wird*/
.searchword4 {color: #222; background-color: #dfd; border: 1px dotted #dfd;}            /*Hintergrundfarbe des 6. Suchwortes, das eingegeben wird*/
.searchword5 {color: #222; background-color: #faf; border: 1px dotted #faf;}            /*Hintergrundfarbe des 7. Suchwortes, das eingegeben wird*/
.searchword6 {color: #222; background-color: #ccc; border: 1px dotted #ccc;}            /*Hintergrundfarbe des 8. Suchwortes, das eingegeben wird*/

#output .mod {font-size: .85em;}
#output .mod1 {font-size: .85em;}
#output .treffer{font-size: .85em; color: #888}

/* Zeilenumbrueche einfuegen: */
/* .treffer:before, vor der Trefferanzahl */
#output .mod:before, /* vor der URL */
#output .mod1:before { /* vor dem Aenderungsdatum */
content: ".";
display:block;
visibility:hidden;
height: 0;
}


#searchfooter {
font-size: .8em;
margin-top: 1em;
}

#suchtipheader {display:inline-block;}

#klapp0 {
text-decoration: none;
color: #333;
font-size: .8em;
font-weight:normal !important;
outline:none 0;
}

#suchtipps a:focus, #suchtipps a:hover, #suchtipps a:active {text-decoration: underline;}

#output li {margin: 1em 2.5em  ; clear:left;
}

#output li img {
        float:left;
        max-width: 120px;
        margin: 0 1em 1em 0;
}

.weiter, #searchfooter, #output h3 {display:block; clear:left}

/*-------------Ende Suchfunktion----------*/


/*-------------Formular----------*/
fieldset {
  margin: 0px;
  padding: 0px;
  background: url(../Images/formularverlauf.gif) repeat-x ;
  border: solid 1px #003471;
}
legend {
  margin: 0 0 0 20px;
  padding: 5px;
}
label {
  font-weight: bold;
  float: left;
  width: 140px;
  text-align: right;
  margin: 0 10px 0 0;
}
fieldset ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
fieldset li {
  margin: 0;
  padding: 0 0 10px 10px;
}
fieldset.submit {
  background: none;
  margin: 15px 0 0 161px;
  border: none;
}
.formtext {
  font: inherit;
  width:285px;
  border: solid 1px #003471;
  background: url(../Images/input-schatten.gif) no-repeat;
}
input.submit {
  border: solid 1px #003471;
  background: lime;
  font-weight: bold;
}




optgroup {                               /*Style der übergeordneten Fächer (z.B. Infektiologie) im Database-Formular, 2. td-Feld*/
    background-color: #5483ff;
    color: white;
    font-weight: bold;
}

.optdruggroups {                        /*Style der untergeordneten Medikamentengruppen (z.B. Antibiotika) im Database-Formular, 2. td-Feld*/
    font-size:18px;
    font-weight:bold;
    color: black;
    background-color:#f4e9e9;
}

.optindications {                        /*Style der Indikationen (z.B. Arterielle Hypertonie) im Database-Formular, 3. td-Feld*/
    font-size:24px;
    font-weight:normal;
    color: black;
    background-color:#f4e9e9;
}


.optdrugs {                            /*Style der weiter untergeordneten Medikamentengruppen (z.B. Penicilline) im Database-Formular, 2. td-Feld*/
    font-size:14px;
    font-weight:normal;
    color: black;
    background-color:#f4e9e9;
}


       .show-thin {
        width: 930px;      /* complete width of alternative table view */
       }

        /* Force table to not be like tables anymore */
       .show-thin table, .show-thin thead, .show-thin tbody, .show-thin th, .show-thin td, .show-thin tr {
                display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
       .show-thin thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
        }

       .show-thin tr { border: 1px solid #ccc; }

       .show-thin td {
                /* Behave  like a "row" */
                border: none;
                border-bottom: 1px solid #eef;
                position: relative;
                padding-left: 30%;      /* distance of table-values from left margin 30px */
        }

       .show-thin td:before {
                /* Now like a table header */
                position: absolute;              /* puts field-names at left margin */
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
        }

        /*
        Label the data
        */
       .show-thin td:before { content: attr(data-label); }




             #header-fixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}