/* ************************************ 
 SECTION FOR SCREEN AND PRINT - OUTPUT 
 ************************************ */
@media screen, print {
 BODY  {
  margin-top:            0px;
  margin-left:           0px;
  margin-right:          0px;
  padding:               0px;
  font-family:            arial,helvetica,sans-serif;
  color:                  #000000;
  background-color:       #FFFFFF;
  font-size:              x-small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 P, OL, UL, DL, DD, LI, FORM, TABLE, TR, TD  {
  font-family:            arial,helvetica,sans-serif;
  color:                  #000000;
  font-size:              x-small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 .tabborder {
  border-collapse:collapse;
  border: solid 1px #c9d8ff;
 }
 .tabborder TD {
  border: solid 1px #c9d8ff;
 }
 .tabborder TH { 
  background-color: #c9d8ff;
  border: solid 1px #ffffff;
 }

 UL {
  list-style-image:url(https://www.uni-karlsruhe.de/dyn/img/filledcircle/00207e/trans/7/10/2/5.png);
 }
 UL UL {
  list-style-image:url(https://www.uni-karlsruhe.de/dyn/img/circle/00207e/trans/7/10/2/5.png);
 }
 UL UL UL {
  list-style-image:url(https://www.uni-karlsruhe.de/dyn/img/circle/00207e/trans/5/8/2/5.png);
 }
 LI.triangle {
  padding-bottom: 3px;
  list-style-image:url(https://www.uni-karlsruhe.de/dyn/img/filledtriangle/00207e/trans/9/12/5/5.png);
 }
 b,strong {
  font-weight: bold;
 }
 A:link IMG, A:visited IMG, A:hover IMG, A:active IMG  {
  border-width: 0px;
 }
 A:link {
  color:               #1754ff;
  text-decoration:     none;
 }
 A:hover {
  background-color:    #c9d8ff;
  text-decoration:     none;
 }
 A:visited {
  color:               #7196ff;
  text-decoration:     none;
 }
 A:visited:hover {
  background-color:    #c9d8ff;
  text-decoration:     none;
 }
 .xxsmall {
  font-size: xx-small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: xx-small;
 }
 .xsmall {
  font-size: xx-small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: x-small;
 }
 .small {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 .medium {
  font-size: small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: medium;
 }
 .large {
  font-size: medium;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: large;
 }
 .lineheight16 {
  line-height:16px;
  text-align:left;
 }
 .bgbalken {
  background-image:     url(/img/balken.gif);
  background-color:     #c9d8ff;
  background-repeat:    repeat-y;
 }
 .bghead {
  background-color:     #EDE7CF;
 }
 .bgtheme {
  background-color:     #00207e;
 }
 .bgdecoration {
  background-color:     #c9d8ff;
 }
 .white {
  color:     #ffffff;
 }
 .themealt {
  color:     #ffffff;
 }
 .strong {
  font-weight:     bold;
 }
 /* list without indent*/
 .listni UL, .listni OL {
  margin: 0 0 0 0;
  padding: -0.1em 0 0 0.5em;
 }
 H1 {
  font-size: small;
  border-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 16px;
  border-color: #00207e;
  padding-left: 5px;
  margin-top:  15px;
  border-style: solid;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: medium;
 }
 H2 {
  font-size: small;
  border-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 16px;
  border-color: #c9d8ff;
  padding-left: 5px;
  margin-top:  15px;
  border-style: solid;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: medium;
 }
 H3 {
  font-size: x-small;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #00207e;  border-style: solid;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 H4 {
  font-size: x-small;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #c9d8ff;
  border-style: solid;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 H5 {
  font-size: x-small;
  font-weight: normal;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #c9d8ff;
  border-style: solid;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 H6 {
  font-size: x-small;
  font-weight: normal;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 .backgroundtheme{
  background-color: #00207e;
 }
 .bglightgrey {
  background-color: #EFEFEF;
 }
 .bgmediumgrey{
  background-color: #CCCCCC;
 }
 .bgdarkgrey {
  background-color: #333333;
 }
 .backgroundlink{
  background-color: #1754ff;
 }
 .backgroundblack{
  background-color: #000000;
 }
 .bottomborderdeco {
  border-style:           solid;
  border-bottom-width:    1px;
  border-color:            #c9d8ff;
 }
 .topborderdeco {
  border-style:           solid;
  border-top-width:           1px;
  border-color:            #c9d8ff;
 }
 .leftborderdeco {
  border-style:           solid;
  border-left-width:      1px;
  border-color:            #c9d8ff;
 }
 .rightborderdeco {
  border-style:           solid;
  border-right-width:     1px;
  border-color:            #c9d8ff;
 }
 .bottombordertheme {
  border-style:           solid;
  border-bottom-width:    1px;
  border-color:            #00207e;
 }
 .topbordertheme {
  border-style:           solid;
  border-top-width:           1px;
  border-color:            #00207e;
 }
 .leftbordertheme {
  border-style:           solid;
  border-left-width:      1px;
  border-color:            #00207e;
 }
 .rightbordertheme {
  border-style:           solid;
  border-right-width:     1px;
  border-color:            #00207e;
 }
 .topborderdotteddeco {
  border-top:dotted 1px #c9d8ff;
 }
 #middleline A:link {
  background-color: transparent;
 }
/* ************************************ 
 HEADER ELEMENTS                                    
 ************************************ */
 .fakultaet { 
  color:                   #000000;
  font-size:               11px;
  line-height:             11px;
  text-decoration:         none;
 }
 .fakultaet:hover { 
  color:                   #999999;
 }
 .fakultaet:visited { 
  color:                   #999999;
 }
/* ************************************ 
 HEADER AND MIDDLELINE
 ************************************ */
 #header {
  height:                 90px;
  background-image:       url('/img/fakuinst_bg.gif');
  background-repeat:      repeat-x;
  border-style:           solid;
  border-width:           0px 1px 0px 0px;
  border-color:           #999488;
  font-size:              11px;
 }
 #middleline {
  height:                 auto;
  border-style:           solid;
  border-width:           1px 0px 0px 0px;
  border-color:           #000000;
  background:             #00207e;
 }
 .middleline {
  font-family:            arial,helvetica,sans-serif;
  color:                  #ffffff;
  padding-left:           7px;
  padding-top:            2px;
  padding-bottom:         1px;
  font-weight:            bold;
  font-size:              11px;
  line-height:            12px;
 }
 .middleline A, .middleline A:hover, .middleline A:visited  {
  color:                  #ffffff;
  text-decoration: none;
  background-color:      #00207e; 
 }
 #middleline INPUT {
  height:                 11px;
  font-size:              9px;
  line-height:            10px;
  background-color:       #c9d8ff; 
  border-width:           0px;
  color:                  #000000;
  font-weight:            normal;
  vertical-align:         top;
 }
 #middleline INPUT.search {
  width:                  150px;
 }
 #middleline INPUT.gobutton {
  width:                  20px;
  cursor:                 hand;    
   height:                 15px;
  padding:      0;
  border-width:     0;
  }
/* ************************************ 
 HEADER NAVIGATION
 ************************************ */
 .headernavi {
  width:                  100%;
 }
 /* THE CELL */
 .headercell {
   font-family:    arial,helvetica,sans-serif;
 color:          #000000;
 font-size:      11px;
 line-height:    11px;
 text-align:     left;
 border-style:   solid;
 border-width:   1px;  background:             #FFFFFF;
  border-color:           #999488;
 }
 .headercell A, .headercell A:visited {
  color:                  #000000;
  display:                block;
 }
 .headercell A:hover {
  width:                 auto;
  background:             #D2CDB7;
  color:                  #000000;
 }
 .headercellactive {
   font-family:    arial,helvetica,sans-serif;
 color:          #000000;
 font-size:      11px;
 line-height:    11px;
 text-align:     left;
 border-style:   solid;
 border-width:   1px;  background:             #D2CDB7;
  border-color:           #000000;
 }
 .headercellactive A, .headercellactive A:hover, .headercellactive A:visited {
  background:             #D2CDB7;
  color:                  #000000;
 }
 .headercellempty {
   font-family:    arial,helvetica,sans-serif;
 color:          #000000;
 font-size:      11px;
 line-height:    11px;
 text-align:     left;
 border-style:   solid;
 border-width:   1px;  background :       transparent;
  border: 0px;
 }
/* ************************************ 
 MAIN
 ************************************ */
 #main{
  clear:                  both;
  border-width:           0px 0px 0px 5px;
  border-style:           solid;
  border-color:           #00207e;
  padding-top:            15px;
  padding-bottom:         0;
  padding-right:          0;
  font-size:              11px;
  font-family:            arial,helvetica,sans-serif;
  height:                 auto;
  margin-top:             0px;
 }
 
/* ************************************ 
 NAVIGATION
 ************************************ */
 #main #navigation{
  float:               left;
  padding-right:       15px;
 }
 .menu {
  padding:             0;
  height:              10px;
  background-color:    #ffffff;
  border-width:        1px;
  border-style:        solid;
  border-color:        #00207e;
  margin-bottom:5px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:              12px;
 }
 .menuarrow  {
  background-image:      url(/img/arrowup_0.gif);
  background-color:      #00207e; 
  background-position:   0px 0px;
  background-repeat:     no-repeat;
  width:                 13px;
  margin:                0px;
  border:                0px;
  padding:               0px;
  height:              12px;
 }
 .menuarrowactive  {
  background-image:        url(/img/arrowup_1.gif);
  background-color:        #00207e; 
  background-position:     0px 0px;
  background-repeat:       no-repeat;
  width:                   13px;
  margin:                  0px;
  border:                  0px;
  padding:                 0px;
 }
 .menuentry {
  color:               #000000;
  background-color:    #FFFFFF;
  text-decoration:     none;
  font-size:           xx-small;
  line-height:         110%;
  border-width:        0px 0px 0px 1px;
  border-style:        solid;
  border-color:        #00207e;
  padding-left:        3px;
  height:              12px;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: x-small;
 }
 .menuentry A,.menuentry A:hover, .menuentry A:visited  {
  color:           #000000;
  padding-left:    3px;
  text-decoration: none;
  height:          12px;
  border-width:    0px;
  background-color:    #FFFFFF;
 }
 .menuentryactive {
  color:               #ffffff;
  background-color:    #00207e;
  text-decoration:     none;
  font-size:           xx-small;
  line-height:         110%;
  border-width:        0px 0px 0px 1px;
  border-style:        solid;
  border-color:        #00207e;
  padding-left:        3px;
  height:              12px;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: x-small;
 }
 .menuentryactive A,.menuentryactive A:hover,.menuentryactive A:visited  {
  color:           #ffffff;;
  padding-left:    3px;
  text-decoration: none;
  height:          12px;
  border-width:    0px;
  background-color:     #00207e;
 }
 .menuthispage {
  font-weight:         bold;
  background-color:    #00207e;
  background-image:    url(/img/this.gif);
  background-repeat:   no-repeat;  
  background-position: 0px 3px;
  color:               #ffffff;
  padding:             2px;
  padding-left:        15px;
  margin-top:          0px;
  margin-bottom:       0px;
  voice-family: "\"}\"";
  voice-family:inherit;
 }
 .submenudv {
  background-image:        url(/img/dv.gif);
  background-position:     0px 0px;
  background-repeat:       repeat-y; 
  width:                   1px;   
 }
 .submenudh {
  background-image:        url(/img/dh.gif);
  background-position:     0px 5px;
  background-repeat:       repeat-x;    
  width:                   7px;
 }
 .submenuarrow {
  background-image:        url(/img/menarr.gif);
  background-repeat:       no-repeat;    
  width:                   7px;
  background-color:        #00207e;
 }
 .submenuentry, .submenuentry A, .submenuentry A:visited, .submenuentry A:hover {
  background-color:    #FFFFFF;
  color:               #000000;
  font-size:           x-small;
  line-height:         120%;
  text-decoration:     none;
  padding-left:        3px;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:             small;
 }
 .submenuentryactive,.submenuentryactive A:link ,.submenuentryactiveA:visited, .submenuentryactive A:hover {
  background-color:    #c9d8ff;
  color:               #000000;
  font-size:           x-small;
  line-height:         120%;
  text-decoration:     none;
  padding-left:        3px;
  voice-family: "\"}\"";
  voice-family:inherit;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 
/* ************************************ 
 CONTENT
 ************************************ */
 #main #content {
  font-size:            x-small;
  padding-bottom:       0px;
  line-height:          130%;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 .withnavi {
  }
 .withoutnavi {
  }
 #main P,TD,TABLE {
  font-size:          x-small; 
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: 10pt;
 }
 #headline {
  border-style:         solid;
  border-color:         #00207e;
  height:               auto;
  min-height:          17px;
  padding:              0px;
  margin:               0px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:                auto;
 }
 H1.headline {
  border-style:         solid;
  border-color:         #00207e;
  height:               auto;
  min-height:          17px;
  padding:              0px;
  margin:               0px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:                auto;
 }
 .headlinetext {
  font-size:            12px;
  font-weight:          bold;
  line-height:          100%;
  padding-left:         10px;
  padding-top:          3px;
  padding-bottom:       0px;
 }
 .headlineimage {
  float:    right;
  width:              213px;
  text-align:         right;
  padding:   0px;
  height:    17px;
  margin:0px;
  border-width:0px;
 }
 #subheadline {
  width:                auto;
  height:               19px;
  padding:              0px;
 }
 H2.subheadline {
  width:                auto;
  height:               19px;
  padding:              0;
  border-width:         0;
  padding-left:         0;
  margin-top:           0;
  border-style:         solid;
  voice-family:         "\"}\"";
  voice-family:        inherit;
  font-size:         small;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: medium;
 }
 .subheadlinetext {
  color:                #666666;
  font-size:            12px;
  line-height:          100%;
  padding-left:         35px;
  padding-top:          3px;
 }
 .subheadlinedeco {
  float:                left;
  border-left-style:    solid;
  border-top-style:     solid;
  border-bottom-style:  solid;
  border-right-style:   solid;
  border-top-width:     0px;
  border-bottom-width:  1px;
  border-left-width:    1px;
  border-right-width:   0px;
  width:                35px;
  border-color:         #c9d8ff;
  padding:              0px;
 }
 .normalli UL  {
  list-style-type:disc;
  list-style-image:none;
  background-image:none;
  background-color:transparent;
  margin-left:0.6em;
  padding-left:0;
 }

/* ************************************ 
 HOMEPAGE
 ************************************ */
 #hpg {
  width:    auto;
  padding-right:0px;
  font-size: x-small;
  padding-top: 0;
  height:auto;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 .withbox {
   padding-right:190px;
  padding-top: 0px;
   border:         1px solid #c9d8ff;
  border-width:   0 0 1px 1px;
  margin:    0;
  text-align:     left;
 }
 .withoutbox {
  border:         1px solid #c9d8ff;
  border-width:   0 0 1px 1px;
  margin:    0;
  text-align:     left;
 }
 #hpg img.hpg {
  padding:0px;
  padding-left:25px;
  margin:0px;
  float:           right;
 }
 #hpgbox {
  height: auto; 
  width:0;   
  float:right;
  padding: 0 0 20px 0;
  margin: 0px 0px 20px 20px;
 }

/* added 09.01.2007 - Michael : Homepage-Container UEberschrift <h1> machen ohne optische AEnderung */
 #aktuell H1 {
  font-size: x-small;
  border: 0;
  padding: 0;
  margin:  0;
  display: inline;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }

 #hpgbox .hpgbox {
  border: solid 1px #999488;
  background-color: #EDE7CF;
  padding:1px;
 }
 #hpgbox .hpgboxhead {
  color:            #ffffff;
  font-weight:      bold;
  padding:          2px;
  background-color: #00207e;
  display:          block;
  height:           auto;
 }
 #hpgbox .hpgboxbody {
  color:      #000000;
  padding:    5px;
  overflow:    visible;
  /* overflow:   auto; // Scrollbalken, will Uli nicht */
  /* overflow:   hidden; // Inhalte abgeschnitten, will Michael nicht */
 }
 #hpgbox .hpgboxbody UL, #hpgbox .hpgboxbody LI {
  margin-top:5px;
  margin-bottom:5px;
  margin-left:  0.6em;
  padding: 0;
 }
 #hpgbox .hpgboxbody LI {
  margin-top:1px;
 }
 .newshead {
  border-left: 0px;
  border-top: 1px solid #00207e;
  font-weight:bold;
  padding: 3px 1px 1px 0;;
  line-height: 100%;
 }

/* added 09.01.2007 - Michael : Teaser <h2> machen ohne optische AEnderung */
 .newshead h2 {
  font-size: x-small;
  border: 0;
  padding: 0;
  margin:  0;
  display: inline;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }

 .newsbody {
  padding: 4px;
  padding-left: 10px;    
 }
 .hpgnews UL, .hpgnews OL {
  margin: 0 0 0 0;
  padding: 0em 0 0 16px;
 }
 .ftx {
  border:         1px solid #c9d8ff;
  border-width:   0 0 1px 1px;
  padding:        0 0 0 0;
  margin-left:    0;
  text-align:     left;
  /* float:          right; */
 }
 .ftxheadline {
   border:    1px solid #c9d8ff;
  border-width:    1px 0px 0px 0px;
 }
 .ftxobl {
  border:    0px;
  padding:       0 0 0 0;
  margin-left:0px;
  text-align: left;
  clear: left;
  float: left;
 }
 .epdl {
  background-color:transparent;
  /*margin-left:-23px;
  float:          right;*/
 }
 .epdl UL {
  list-style-type:     none;
  background-image:     url(/img/listbox.gif);
  background-repeat:    no-repeat;
  background-color:    #c9d8ff;
  margin-left:         -3px;
  padding-left:        20px;
 }
 .epdl LI {
  background-color:#ffffff;
 }
 .pmsuperhead { 
  font-size: small; 
  text-decoration: underline; 
  font-weight: bold; 
  color: #000000;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: medium;
 }
 .pmhead  { 
  font-size: medium; 
  font-weight: bold; 
  color:#000000; 
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: large;
 }
 .sprungmenu {
  background-color: #EDE7CF;
  padding-bottom: 0px;
  padding-left:0px;
  margin-bottom: 20px;
  line-height:18px;
 }
 .sprungmenu A:link {
  padding-bottom: 0;
  padding-left:3px;
  margin-bottom: 0;
 }
 .whitesquare {
  color: #999488;
  padding-bottom: 0;
  margin-bottom: 0;
  background-color:    #ffffff; 
  width:5px;
  height:5px;
  border:solid 1px #999488;
  overflow:hidden;
  float:left;
  position:relative;
  top:6px;
  left:0px;
 }
 .decorationsquare  {
  color:         #999488;
  padding-bottom: 0;
  margin-bottom: 0;
  background-color: #c9d8ff; 
  width:5px;
  height:5px;
  border:solid 1px #999488;
  overflow:hidden; 
  float:left;
  position:relative;
  top:6px;
  left:0px;
 }
 .sprungliste UL {
  list-style-image:url(/img/list.gif);
  margin: 0 0 0 1.2em;
  padding: -0.1em 0 0.5em 1.2em; 
 }
/* ************************************ 
 GLOSSAR
 ************************************ */
 .glossar {
  background-color:#FF0000;
  width:auto;
  height:20px;
  max-height:20px;
 }
 .glossar H1 {
  float:left;
  height:100%;
  font-size: small;
  padding:0;
  margin:0;
  padding-right:50px;
  color:#FFFFFF;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: medium;
 }

/* ************************************ 
 EVENTKALENDER
 ************************************ */
 .cos {
  padding-left: 1em;
   padding-top: 5em;
  }
 .cos HR {
  color:  #00207e; 
  height: 1px;
 }
 .cos IMG:link {
  border-width: 0; 
 }
 .cos UL {
   margin: 0 0 0 0;
  padding: 0.5em 0 0 1.2em;
  }
 .cos LI {
  padding-bottom: 3px;
  list-style-image:url(https://www.uni-karlsruhe.de/dyn/img/filledtriangle/00207e/trans/9/12/5/5.png);
 }
 
/* ************************************ 
 CONTENT - VORAGBEN FÜR FREIEN SEITENTEXT
 ************************************ */
 .content P, .content OL, .content UL, .content DL, .content DD, .content LI, .content FORM, .content TABLE, .content TR, .content TD {
  font-family: arial,helvetica,sans-serif;
  font-size: x-small;
  line-height:    130%;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: small;
 }
 .content UL {
  /*margin: -1em 0 -0.1em 0;*/
  margin: 0 0 -0.1em 0;
  padding: 0 0 0 1.2em;
 }
 /*
 .content UL.link {
  margin-top: 5px;
  margin-left: 6px;
  padding-left: 7px;
  border-left-width: 6px;
  border-left-color: #00207e;
  border-left-style: solid;
 }
 */
 .content HR {
   border-width: 0;
  border-color: #c9d8ff;
  border-bottom-width: 1px;
  }
 .content TABLE {
  /*border-width: 0px;*/
 }
 .content TD {
  /* border-width: 0px; */
 }
 .content B,STRONG {
  font-weight: bold;
 }
 .content SUP,SUB {
  font-size: xx-small;
  font-weight: normal;
  line-height: 100%;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: x-small;
 }
 .content A:link {
  text-decoration: none; 
  color: #1754ff;
 }
 .content A:visited { 
  text-decoration: none; 
  color: #7196ff;
 }
 .content A:hover {
  text-decoration: none; 
  color:   #1754ff;
  text-decoration: none; 
  background-color: #c9d8ff;
 }
 .content code,
 .content pre,
 .content xmp { 
/*  color:               #000000; */
  background-color:    transparent; 
  font-family:         'Courier New',serif; 
  font-size:            small; 
 }
 .content .source {
  color: #000000; 
  background-color: #EDE7CF; 
  border: 1px solid #999488; 
  padding:5px; 
  font-family:'Courier New',serif;  
  margin-left: auto;   
 }
/* ************************************ 
 FOOTER
 ************************************ */
 #footer {
  border-width:           0px 0px 0px 5px;
  border-style:           solid;
  border-color:           #00207e;
  padding:                10px 0 0 15px;
 }
 #footer .footertext {
  font-size:            10px;
  font-family:          arial,helvetica,sans-serif;
  border-top-style:     solid;
  border-top-width:     1px;
  padding-top:          5px;
  border-color:         #c9d8ff;
 }
 #changedate {
  border-width:           0px 0px 0px 5px ;
  border-style:           solid;
  border-color:           #00207e;
  padding-left:           15px;
 }
 #changedate .changedatetext {
  font-size:            10px;
  font-family:          arial,helvetica,sans-serif;
  padding-top:          5px;
 }
 #feedback {
  padding:                10px 0 0 0px;
  border: 0;
 }
 #feedback .mini-button-ok {
  background-color: #ded8c0; 
  border-color: #c9d8ff;
  border-style: solid;
  border-width: 1px;
  color: #000000;
 }
 
}


/* SECTION FOR SCREEN - OUTPUT  ONLY*/
@media screen { 
/* ************************************ 
 HEADER AND MIDDLELINE
 ************************************ */
 #header {
/*  width:                  100%;*/
  max-width:              1000px;
  min-width:              750px;
 }
 #middleline {
/*  width:                  100%;*/
  max-width:              1001px;
  min-width:              750px;
 }
/* ************************************ 
 HEADER NAVIGATION
 ************************************ */
 .headernavi {
/* width:                  100%;*/
 /*  max-width:              1000px;
 min-width:              750px;
 */
 }
 /* THE CELL */
 .headercell {
   height:                 12px;
 max-height:             12px;
 width:                  33%;
 max-width:              240px;
 min-width:              155px; }
 .headercell A, .headercell A:visited {
   padding-left:           3px;
 padding-right:          3px;
 padding-top:            1px;
 padding-bottom:         0px;
 overflow:               hidden;
 text-decoration:        none;
 display:                block;
 height:                 12px; width:                  auto;  }
 .headercell A:hover {
   padding-left:           3px;
 padding-right:          3px;
 padding-top:            1px;
 padding-bottom:         0px;
 overflow:               hidden;
 text-decoration:        none;
 display:                block;
 height:                 12px; width:                  auto;  }
 .headercellactive {
   height:                 12px;
 max-height:             12px;
 width:                  33%;
 max-width:              240px;
 min-width:              155px; }
 .headercellactive A, .headercellactive A:hover, .headercellactive A:visited {
   padding-left:           3px;
 padding-right:          3px;
 padding-top:            1px;
 padding-bottom:         0px;
 overflow:               hidden;
 text-decoration:        none;
 display:                block;
 height:                 12px; width:                  auto;  }
 .headercellempty {
   height:                 12px;
 max-height:             12px;
 width:                  33%;
 max-width:              240px;
 min-width:              155px; }
 
/* ************************************ 
 MAIN
 ************************************ */
 #main{
/*  width:                  100%;*/
  max-width:              981px;
  min-width:              750px;
  padding-left:           15px;
 }
/* ************************************ 
 NAVIGATION
 ************************************ */
 .menu {
  width:               165px;
 }
 .menuthispage {
  width:               148px;
 }
 .submenuentry, .submenuentry A, .submenuentry A:visited, .submenuentry A:hover {
  width:               148px;
 }
 .submenuentryactive,.submenuentryactive A:link ,.submenuentryactiveA:visited, .submenuentryactive A:hover {
  width:               148px;
 }
/* ************************************ 
 CONTENT
 ************************************ */
 .withnavi {
   padding-left: 190px;
  }
 .withoutnavi {
   padding-left: 20px;
  }
 #headline {
  border-width:         1px 1px 1px 30px;
 }
 H1.headline {
  border-width:         1px 1px 1px 30px;
 }
 .headlinetext {
  padding-right:        220px;
 }
/* ************************************ 
 FOOTER
 ************************************ */
 #footer {
/*  width:                  100%;*/
  max-width:              981px;
  min-width:              750px;
 }
 #changedate {
/*  width:                  100%;*/
  max-width:              981px;
  min-width:              750px;
 }
 #feedback {
/*  width:                  100%;*/
  max-width:              981px;
  min-width:              750px;
 }
}


/* SECTION FOR PRINT - OUTPUT  ONLY*/
@media print {
 @page {
  margin: 10%
 }
/* ************************************ 
 HEADER AND MIDDLELINE
 ************************************ */
 #header {
  width:                  auto;
  max-width:              auto;
  min-width:              auto;
 }
 #middleline {
  width:                  auto;
  max-width:              auto;
  min-width:              auto;
 }
/* ************************************ 
 HEADER NAVIGATION
 ************************************ */
 .headernavi {
  width:                  100%;
 }
 /* THE CELL */
 .headercell {
   height:                 12px;
 max-height:             12px;
 width:                  33%;
 max-width:              auto;
 min-width:              auto; }
 .headercell A, .headercell A:visited {
   padding-left:           3px;
 padding-right:          3px;
 padding-top:            1px;
 padding-bottom:         0px;
 overflow:               hidden;
 text-decoration:        none;
 display:                block;
 height:                 12px; width:                  auto;  }
 .headercell A:hover {
   padding-left:           3px;
 padding-right:          3px;
 padding-top:            1px;
 padding-bottom:         0px;
 overflow:               hidden;
 text-decoration:        none;
 display:                block;
 height:                 12px; width:                  auto;  }
 .headercellactive {
   height:                 12px;
 max-height:             12px;
 width:                  33%;
 max-width:              auto;
 min-width:              auto; }
 .headercellactive A, .headercellactive A:hover, .headercellactive A:visited {
   padding-left:           3px;
 padding-right:          3px;
 padding-top:            1px;
 padding-bottom:         0px;
 overflow:               hidden;
 text-decoration:        none;
 display:                block;
 height:                 12px; width:                  auto;  }
 .headercellempty {
   height:                 12px;
 max-height:             12px;
 width:                  33%;
 max-width:              auto;
 min-width:              auto; }
/* ************************************ 
 MAIN
 ************************************ */
 #main{
  width:                  auto;
  max-width:              auto;
  min-width:              auto;
  padding-left:           0;
 }
 
/* ************************************ 
 NAVIGATION
 ************************************ */
 #main #navigation{
  display:             none;
 }
 .menu {
  width:               auto;
 }
 .menuthispage {
     width:               auto;
    }
 .submenuentry, .submenuentry A, .submenuentry A:visited, .submenuentry A:hover {
  width:               auto;
 }
 .submenuentryactive,.submenuentryactive A:link ,.submenuentryactiveA:visited, .submenuentryactive A:hover {
  width:               auto;
 }
/* ************************************ 
 CONTENT
 ************************************ */
 .withnavi {
   padding-left: auto;
  }
 .withoutnavi {
   padding-left: auto;
  }
 #headline {
  border-width:         1px 1px 1px 1px;
 }
 H1.headline {
  border-width:         1px 1px 1px 1px;
 }
 .headlinetext {
  padding-right:        auto;
 }
/* ************************************ 
 FOOTER
 ************************************ */
 #footer {
  width:                  auto;
  max-width:              auto;
  min-width:              auto;
 }
 #changedate {
  width:                  auto;
  max-width:              auto;
  min-width:              auto;
 }
 #feedback {
  width:                  auto;
  max-width:              auto;
  min-width:              auto;
  display:    none;
 }
}

@media screen { 
    .show_print_only {
        display: none;
    }
}