/**** Mediadefinition ****/

@media screen {
  .screen_only        {visibility:  visible;}
  .print_only         {visibility:  hidden;}
}

@media print {
  .screen_only        {visibility:  hidden;}
  .print_only         {visibility:  visible;}
}

/***** Seitendefinition *****/
@media screen {
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		line-height:16px;
		background-color: #a8a8a8;
		/*background-color: #ffffff;*/
		
		background-color: #C2CCD2;
		background-image: url(../../images/background_page.gif);
		background-repeat: repeat-x;
		
		margin-top:5px;
		padding-top:0;
	}
}
@media print {
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		/*line-height:16px;*/
		/*background-color: #a8a8a8;*/
		background-color: #ffffff;
		/*
		background-color: #C2CCD2;
		background-image: url(../../images/background_page.gif);
		background-repeat: repeat-x;
		*/
		margin-top:5px;
		padding-top:0;
	}
}

/***** Links *****/

@media screen {
  a:link {
    color:            #808080;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:visited {
    color:            #808080;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:hover{
    color:            #000000;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:active {
    color:            #808080;
    font-weight:      normal;
    text-decoration:  none;
  }
}

@media print {
  a:link {
    color:            #808080;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:visited {
    color:            #808080;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:hover{
    color:            #000000;
    font-weight:      normal;
    text-decoration:  none;
  }
  a:active {
    color:            #808080;
    font-weight:      normal;
    text-decoration:  none;
  }
}

/* Bereich für den Kopfbereich auf jeder Seite */
/*
#header {  
  font-size:          11px;
  position:           absolute;
  top:                0;
  width:              800px;
  border:             0;
}
*/

@media screen {
  #content {   /* Bereich für den eigentlichen Seiteninhalt */
    /*position:           absolute;*/
    top:                0px;
    width:              796px;
    margin:             0 4px;
    padding:            10px 0;
    border-color:       #CCCCCC;
    border-width:       1px;
    border-style:       none;
  }
}

@media print {
  #content {   /* Bereich für den eigentlichen Seiteninhalt */
    position:           absolute;
    top:                0px;
    width:              796px;
    margin:             0 4px;
    padding:            0;
    border-color:       #CCCCCC;
    border-width:       1px;
    border-style:       none;
  }
}

#content_home {   /* Bereich für den eigentlichen Seiteninhalt */
  position:           absolute;
  top:                200px;
  width:              796px;
  margin:             0 4px;
  padding:            10px 0;
}

/***** Überschriften *****/

h1 {  /* Überschrift groß */
  color:              #37a58c;
  font-size:          14px;
  font-weight:        bold;
  margin-top:         14px;
  margin-bottom:      7px;
}

h2 {  /* Überschrift mittel */
  color:              #37a58c;
  font-size:          13px;
  font-weight:        bold;
  margin-top:         12px;
  margin-bottom:      6px;
}

h2.topic {  /* Überschrift mittel */
  color:              #37a58c;
}

h3 {  /* Überschrift klein */
  color:              #37a58c;
  font-size:          12px;
  font-weight:        bold;
  margin-top:         10px;
  margin-bottom:      5px;
}

h3.link { /* für Hyperlinks */
  margin-top:         0px;
  margin-bottom:      0px;
}

h3.topic {  /* für Themenüberschrift, mit Marker */
  color:              #606060;
  font-size:          13px;
  margin-left:        15px;
  margin-right:       0px;
  margin-top:         5px;
  margin-bottom:      0px;
}

h3.topiclist {  /* für Themenlisten, mit Marker */
  font-size:          12px;
  margin-left:        15px;
  margin-right:       0px;
  margin-top:         0px;
  margin-bottom:      0px;
}

h4 {  /* Zwischenüberschrift */
  color:              #000000;
  font-size:          12px;
  font-weight:        bold;
  margin-top:         10px;
  margin-bottom:      5px;
}

/***** Absatzformatierung *****/

@media screen {
  p {  /* Default-Absatz, Standard-Block-Element */
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    color:            #000000;
    font-size:        11px;
    text-align:       left;
    margin-top:       6px;
    margin-bottom:    6px;
  }

  div {  /* Standard-Block-Element */
    border:           thin solid #ffffff;
    color:            #000000;
    font-size:        11px;
    margin:           0px;
  }

  div.topimage        {margin-top:    10px;}
  div.topstory        {margin-top:    25px;}
  div.topline         {margin-top:    40px;}
}

@media print {
  p {  /* Default-Absatz, Standard-Block-Element */
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    color:            #000000;
    font-size:        12px;
    text-align:       left;
    margin-top:       5px;
    margin-bottom:    5px;
  }

  div {  /* Standard-Block-Element */
    border:           thin solid #ffffff;
    color:            #000000;
    font-size:        12px;
    margin:           0px;
  }

  div.topimage        {margin-top:    8px;}
  div.topstory        {margin-top:    20px;}
  div.topline         {margin-top:    30px;}
}


div.theme             {margin-top:    20px;}

div.news {  /* Seite für Infoletter */
  width:              610px;
  text-align:         left;
  border: solid 1px #818886;
  margin:             10px auto auto auto;
  background-color:#ffffff;
  padding:10px;
  
}
@media screen {
	p.topiclist {  /* für Themenlisten, mit Marker */
	  font-size:          11px;
	  margin:             0 0 0 15px;
	}
}
@media print {
	p.topiclist {  /* für Themenlisten, mit Marker */
	  font-size:          12px;
	  margin:             0 0 0 15px;
	}
}

span {}   /* Standard-Inline-Element */

span.figure {
  border:             thin silver solid;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_mid_right {  /* class="figure right" geht beim Druck nicht */
  float:              right;
  border:             thin silver solid;
  margin:             10px 2px 10px 10px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_top_right {
  float:              right;
  border:             thin silver solid;
  margin:             2px 2px 10px 10px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_mid_left {
  float:              left;
  border:             thin silver solid;
  margin:             10px 10px 10px 2px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

span.figure_top_left {
  float:              right;
  border:             thin silver solid;
  margin:             2px 10px 10px 2px;
  padding:            4px;
  text-align:         center;
  font-style:         italic;
  font-size:          smaller;
}

/***** Tabellenformatierung *****/

table { /* Standard mit weißem Hintergrund */
  background-color:   #ffffff;
  border-collapse:    collapse;
  border-spacing:     0px;
  table-layout:       fixed;
  empty-cells:        show;
}

table.inline { /* Tabelle ohne Außenränder zum Gebrauch innerhalb einer Zeile */
  background-color:   #ffffff;
  padding:            0px;
  margin:             0px;
}

table.wide {
  width:              792px;
  margin:             0 0 0 4px;
}

@media screen {
  td {
    color:            #000000;
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    font-size:        11px;
    padding:          10px;
    border-spacing:   0px;
    margin:           0px;
  }
}

@media print {
  td {
    color:            #000000;
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    font-size:        12px;
    padding:          9px;
    border-spacing:   0px;
    margin:           0px;
  }
}

td.twocolumn { /*  2 Spalten auf der vollen Breite */
  width:              300px;
  padding:            0px;
  margin:             0px;
}

td.list { /*  für Listen */
  vertical-align:     top;
  padding:            5px;
  margin:             0px;
  border:             solid 1px #bbe9df;
}

td.inline {
  background-color:   #ffffff;
  padding:            0px;
  margin:             0px;
}

/***** Bilder *****/

img {
  border:             thin solid #ffffff;
}

img.logo {  /* Logo */
  position:           relative;
  left:               10px;
  top:                10px;
  float:              right;
}

img.bar {  /* Balken */
  margin:             10px 0 10px 0;
}

img.portrait {  /* Portrait links */
  margin:             0 5px 2px 0;
  float:              left;
  border:             thin solid silver;
}

img.topic {  /* Marker */
  position:           relative;
  top:                22px;
  left:               0px;
}

img.topiclist {  /* Marker */
  position:           relative;
  top:                16px;
  left:               0px;
}

/* Positionierungen */

.left                 {text-align:  left;}
.right                {text-align:  right;}
.center               {text-align:  center;}
.justify              {text-align:  justify;}

.indent               {margin-left: 20px;}
.indent5              {margin-left: 5px;}
.indent10             {margin-left: 10px;}
.indent20             {margin-left: 20px;}
.indent40             {margin-left: 40px;}

.topmargin            {margin-top:  20px;}
.topmargin0           {margin-top:  0;}
.topmargin10          {margin-top:  10px;}
.topmargin15          {margin-top:  15px;}
.topmargin20          {margin-top:  20px;}
.topmargin25          {margin-top:  25px;}
.topmargin30          {margin-top:  30px;}
.topmargin40          {margin-top:  40px;}

.vtop                 {vertical-align:top;}
.vbottom              {vertical-align:top;}
.lowpad               {padding:       5px;}

.inline { /*  keine Abstände */
  padding:            0px;
  margin:             0px;
 }

.border               {border: solid 1px #3cb499;}
.thinborder           {border: solid 1px silver;}
.noborder             {border: 0;}

.floatex              {clear:   both;}


.top_right {  /* Bild oben rechts */
  float:              right;
  margin:             2px 2px 10px 10px;
}

.top_left {  /* Bild oben links */
  float:              left;
  margin:             2px 10px 10px 2px;
}

.mid_right {  /* Bild mittig rechts */
  float:              right;
  margin:             10px 2px 10px 10px;
}

.mid_left {  /* Bild mittig links */
  float:              left;
  margin:             10px 10px 10px 2px;
}

.bottom_right {  /* Bild unten rechts */
  float:              right;
  margin:             10px 2px 2px 10px;
}

.bottom_left {  /* Bild unten links */
  float:              left;
  margin:             10px 10px 2px 2px;
}

.framed {  /* Bild mit Rahmen */
  float:              inherit;
  margin:             5px 5px 2px 5px;
}

/**** Listenformatierung *****/

@media screen {
  ul {
    color:            #000000;
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    font-size:        11px;
    list-style-type:  disc;
    margin-top:       0px;
    margin-bottom:    0px;
  }
}

@media print {
  ul {
    color:            #000000;
    font-family:      Verdana, Helvetica, Geneva, sans-serif;
    font-size:        12px;
    list-style-type:  disc;
    margin-top:       0px;
    margin-bottom:    0px;
  }
}

ul ul                 {list-style:       square; }
ul ul ul              {list-style:       disc; }
ul.compact            {margin-left:      15px; }
ul.left               {margin-left:      0px; }

ol                    {list-style:       upper-alpha; }
ol.decimal            {list-style:       decimal; }
ol ol                 {list-style:       decimal; }
ol ol ol              {list-style:       lower-alpha; }

li                    {margin-top:       5px; }
li.compact            {margin-top:       1px; }


/***** Linienformatierung *****/

hr {
  background-color:   #3cb499;
  height:             1px;
  margin:             5px 0;
  border:             0;
}

hr.light              {background-color: silver;}

/***** Fonts und Farben *****/

@media screen {
  .smallest           {font-size: 10px;}
  .smaller            {font-size: 11px;}
  .small              {font-size: 11px;}
  .normal             {font-size: 11px;}
  .large              {font-size: 14px;}
  .larger             {font-size: 15px;}
  .largest            {font-size: 20px;}
}

@media print {
  .smallest           {font-size: 6pt;}
  .smaller            {font-size: 7pt;}
  .small              {font-size: 8pt;}
  .normal             {font-size: 11px;}
  .large              {font-size: 12px;}
  .larger             {font-size: 12pt;}
  .largest            {font-size: 16pt;}
}

.bold                 {font-weight: bold;}
.italic               {font-style:  italic;}
.header               {font-weight: bold;
                       text-align:  center;}
.highlighted          {font-weight: bold;
                       color:       #37a58c}
.alarm                {font-weight: bold;
                       color:       #ff0000;}
.underline            {text-decoration: underline;}

.subline { /* Unterüberschrift, Bildunterschrift, etc. */
  font-size:          11px;
  font-style:         italic;
  margin-top:         0px;
  margin-bottom:      0px;
}

/**** Flaechenformatierung ****/

.bgv { /* hellblau */
  background-color:   #d3e9ff;
  color:              #004a9c;
  border:             solid 1px #004a9c;
}

.bgw { /* weiß */
  border:             solid 1px #CCCCCC;
}

.bgx { /* mint */
  background-color:   #ECF3F6;
  border:             solid 1px #CCCCCC;
}

.bgy { /* hellgelb */
  background-color:   #F6FAFB;
  border:             solid 1px #CCCCCC;
}

.bgz { /* dunkelgrün */
  background-color:   #34766a;
  border:             solid 1px #CCCCCC;
}

@media screen {
  .fachgruppe {
    font-family:        Verdana, Helvetica, Geneva, sans-serif;
    font-size:          11px;
    text-align:         center;
    font-weight:        bold;
    padding:            5px;
    border:             solid 1px #CCCCCC;
  }
}

@media print {
  .fachgruppe {
    font-family:        Verdana, Helvetica, Geneva, sans-serif;
    font-size:          12px;
    text-align:         center;
    font-weight:        bold;
    padding:            3px;
    border:             solid 1px #CCCCCC;
  }
}

.verein {
  color:              #3cb499;
  background-color:   #F6FAFB;
}

.telemed {
  color:              #0061BC;
  background-color:   #CFE8FF;
}

.biomat {
  color:              #04B05D;
  background-color:   #C6FEE4;
}

.pharma {
  color:              #C81C00;
  background-color:   #FFA495;
}

.minimalinvasiv {
  color:              #9400FC;
  background-color:   #E9C7FF;
}

.generationen {
  color:              #DA7100;
  background-color:   #FFCC8F;
}

.strukturwandel {
  color:              #5FA800;
  background-color:   #E4FFC5;
}

.sonstige {
  border:             solid 1px #CCCCCC;
}

/* Schriftfarben für Monitor:
   Farbton 118, Sättigung 128 */

.s_light              {color: #52c6ac;} /* Helligkeit 140 */
.s_normal             {color: #37a58c;} /* Helligkeit 110 */
.s_dark               {color: #DE7800;} /* Helligkeit  80 */

/* Graphikfarben für Monitor:
   Farbton 118, Sättigung 128 */

.g_lightest           {color: #e8f8f4;} /* Helligkeit 240 */
.g_lighter            {color: #bbe9df;} /* Helligkeit 210 */
.g_light              {color: #70d0bb;} /* Helligkeit 160 */
.g_normal             {color: #3cb499;} /* Helligkeit 120 */
.g_dark               {color: #2d8773;} /* Helligkeit 90  */
.g_darker             {color: #1e5a4d;} /* Helligkeit 60  */

.mint                 {color: #329680;}
.black                {color: #000000;}
.white                {color: #ffffff;}
.red                  {color: #861300;}
.bordeaux             {color: #DE7800;}
.reduced              {color: #7000C0;}
.blue                 {color: #004a9c;}  /* Bayern Innovativ */
.yellow               {color: #ffffd7;}
.green                {color: #1e5a4d;}

.visible              {visibility: visible;}
.invisible            {visibility: hidden;}

/*----------------------- NEW --------------------------------*/
.indent_ausgabe {padding-left: 100px; width:280px; font-size:12px;}


#header {height:1px; width:1px; overflow:hidden; display:block; visibility: hidden;}
#header .screen_only {visibility: hidden;}

#dmenu {height:1px; width:1px; overflow:hidden; display:block; visibility: hidden;}
#indikator {height:1px; width:1px; overflow:hidden; display:block; visibility: hidden;}