/* v.02 ms common content elements - 03.07.15 */

div.ce {display:inline;}

/* custom common elements */


.rightAlign {
  text-align: right;
  margin: 20px 0;
}

a.print_version, a.pdf_version {
  color: #9d9d9d;
  background: url(../images/ic_print.gif) 0 0 no-repeat;
  padding-left: 20px;
  font-size: 11px;
  margin-left: 10px;
  text-decoration: underline;
  padding-bottom: 3px;
}

a.print_version:hover, a.pdf_version:hover { color: #ff5400; }
a.pdf_version { background: url(../images/ic_pdf.gif) 0 0 no-repeat; }

.spin{background:#EEE;height:100%;left:0;opacity:.8;position:fixed;top:0;width:100%;z-index:99999}




              /* filelist */
              
.ms_filelist ul.file_list, .ms_filelist ul.file_list ul  {
  list-style-image: none;
  margin-top:5px;
  margin-bottom:1em;
  padding-left:0;
}

.ms_filelist ul.file_list li {
padding-left:30px;
margin-bottom:10px;
min-height:20px;
min-height:35px;
_height:35px;
padding-top:2px;
}

.file_list li span {display:block; font-size:11px; color:#777;}
.file_list li .info {font-size:12px;line-height:16px;color:#777;}

ul.file_list li.download {background: url(../ico/page.png) 0 1px no-repeat;}
ul.file_list li.pdf {background: url(../ico/pdf.png) 0 1px no-repeat;}

/* auto /bz */
ul.file_list li.ai {background: url(../ico/ai.png) 0 1px no-repeat;}
ul.file_list li.ani {background: url(../ico/ani.png) 0 1px no-repeat;}
ul.file_list li.au {background: url(../ico/au.png) 0 1px no-repeat;}
ul.file_list li.avi {background: url(../ico/avi.png) 0 1px no-repeat;}
ul.file_list li.bmp {background: url(../ico/bmp.png) 0 1px no-repeat;}
ul.file_list li.cdr {background: url(../ico/cdr.png) 0 1px no-repeat;}
ul.file_list li.css {background: url(../ico/css.png) 0 1px no-repeat;}
ul.file_list li.csv {background: url(../ico/csv.png) 0 1px no-repeat;}
ul.file_list li.doc {background: url(../ico/doc.png) 0 1px no-repeat;}
ul.file_list li.docx {background: url(../ico/docx.png) 0 1px no-repeat;}
ul.file_list li.dtd {background: url(../ico/dtd.png) 0 1px no-repeat;}
ul.file_list li.eps {background: url(../ico/eps.png) 0 1px no-repeat;}
ul.file_list li.exe {background: url(../ico/exe.png) 0 1px no-repeat;}
ul.file_list li.fh3 {background: url(../ico/fh3.png) 0 1px no-repeat;}
ul.file_list li.swf {background: url(../ico/flash.png) 0 1px no-repeat;}
ul.file_list li.gif {background: url(../ico/gif.png) 0 1px no-repeat;}
ul.file_list li.htm {background: url(../ico/htm.png) 0 1px no-repeat;}
ul.file_list li.html {background: url(../ico/html.png) 0 1px no-repeat;}
ul.file_list li.ico {background: url(../ico/ico.png) 0 1px no-repeat;}
ul.file_list li.inc {background: url(../ico/inc.png) 0 1px no-repeat;}
ul.file_list li.java {background: url(../ico/java.png) 0 1px no-repeat;}
ul.file_list li.jpg {background: url(../ico/jpg.png) 0 1px no-repeat;}
ul.file_list li.js {background: url(../ico/js.png) 0 1px no-repeat;}
ul.file_list li.max {background: url(../ico/max.png) 0 1px no-repeat;}
ul.file_list li.mid {background: url(../ico/mid.png) 0 1px no-repeat;}
ul.file_list li.mov {background: url(../ico/mov.png) 0 1px no-repeat;}
ul.file_list li.mpeg {background: url(../ico/mpeg.png) 0 1px no-repeat;}
ul.file_list li.mpg {background: url(../ico/mpg.png) 0 1px no-repeat;}
ul.file_list li.pcd {background: url(../ico/pcd.png) 0 1px no-repeat;}
ul.file_list li.pcx {background: url(../ico/pcx.png) 0 1px no-repeat;}
ul.file_list li.pdf {background: url(../ico/pdf.png) 0 1px no-repeat;}
ul.file_list li.php3 {background: url(../ico/php3.png) 0 1px no-repeat;}
ul.file_list li.png {background: url(../ico/png.png) 0 1px no-repeat;}
ul.file_list li.pps {background: url(../ico/pps.png) 0 1px no-repeat;}
ul.file_list li.ppt {background: url(../ico/ppt.png) 0 1px no-repeat;}
ul.file_list li.pptx {background: url(../ico/pptx.png) 0 1px no-repeat;}
ul.file_list li.ps {background: url(../ico/ps.png) 0 1px no-repeat;}
ul.file_list li.psd {background: url(../ico/psd.png) 0 1px no-repeat;}
ul.file_list li.sgml {background: url(../ico/sgml.png) 0 1px no-repeat;}
ul.file_list li.swf {background: url(../ico/swf.png) 0 1px no-repeat;}
ul.file_list li.sxc {background: url(../ico/sxc.png) 0 1px no-repeat;}
ul.file_list li.sxi {background: url(../ico/sxi.png) 0 1px no-repeat;}
ul.file_list li.sxw {background: url(../ico/sxw.png) 0 1px no-repeat;}
ul.file_list li.t3d {background: url(../ico/t3d.png) 0 1px no-repeat;}
ul.file_list li.t3x {background: url(../ico/t3x.png) 0 1px no-repeat;}
ul.file_list li.tga {background: url(../ico/tga.png) 0 1px no-repeat;}
ul.file_list li.tif {background: url(../ico/tiff.png) 0 1px no-repeat;}
ul.file_list li.tiff {background: url(../ico/tiff.png) 0 1px no-repeat;}

ul.file_list li.tmpl {background: url(../ico/tmpl.png) 0 1px no-repeat;}
ul.file_list li.ttf {background: url(../ico/ttf.png) 0 1px no-repeat;}
ul.file_list li.txt {background: url(../ico/txt.png) 0 1px no-repeat;}
ul.file_list li.wav {background: url(../ico/wav.png) 0 1px no-repeat;}
ul.file_list li.wrl {background: url(../ico/wrl.png) 0 1px no-repeat;}
ul.file_list li.xls {background: url(../ico/xls.png) 0 1px no-repeat;}
ul.file_list li.xlsx {background: url(../ico/xlsx.png) 0 1px no-repeat;}
ul.file_list li.xml {background: url(../ico/xml.png) 0 1px no-repeat;}
ul.file_list li.xsl {background: url(../ico/xsl.png) 0 1px no-repeat;}
ul.file_list li.zip {background: url(../ico/zip.png) 0 1px no-repeat;}
ul.file_list li.rar {background: url(../ico/rar.png) 0 1px no-repeat;}



                /* DEFAULT typo3 elements */

    /* textpic */
        
div.img_comment {
  padding:0.5em 0;
  font-size:13px; 
  color:#888;
  line-height:1.3em;
}

div.img_comment p {margin:0;}
        
div.csc-textpic-clear {
  clear:left;
}



.csc-textpic img {
  vertical-align:top;
  margin-bottom:0;
}

#content-normal .csc-textpic img {max-width:100%; height: auto;}

.gallery img {
  margin:0 1px 1px 0;
}

.csc-textpic-above .csc-textpic-text {
  margin-top:20px;
}


.csc-textpic .gallery {margin-bottom:20px;}

/*.csc-textpic {
  margin-bottom:20px;
}

evading textpic and textpic-imagewrap multiplication
*/

.csc-textpic-above .csc-textpic-imagewrap {
  margin-bottom:10px;
}

div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  margin:0 20px 20px 0;
}

/* fluid columns = fluid width */
.col img, .fluid img  {
  max-width:100% !important;
  /*width:100% \9 !important; < has drawbacks*/
  height:auto !important;
}

.col {
  display: inline-block;
  vertical-align: top;
  _overflow:hidden;
  zoom:1;
  height:auto;
  *display:inline;
  position: relative;

  box-sizing: border-box;

  padding-right:50px;  
  *width: 30.5%;
  *padding: 0 2% 0 0;

  margin-bottom:1em;
}


.col.third {
  width:33%;
  *width: 30.5%;
  *padding: 0 2% 0 0;
}

.col.twothird {
  width:66.6%;
  *width: 63.5%;
  *0 2% 0 0;
}

.col.half {
  width:49.5%;
  *width: 47.5%;
  *0 2% 0 0;
}

.col.fourth {
  width:24%;
  *width: 22%;
}

.col.last {padding-right:0 !important;}


  
                    /* INDEXED SEARCH */ 



html .tx-indexedsearch table td {
  border:none;
}

#tx_indexedsearch table {
 width:auto; 
}

.tx-indexedsearch .tx-indexedsearch-searchbox-sword {
  width:220px;
}

.tx-indexedsearch .info  {
  color:#888;
  font-size:0.8em;
}

.tx-indexedsearch-redMarkup {
  background:#007AC2;
  color:white;
}

.tx-indexedsearch .title {
  font-weight:bold;
  margin-bottom:0.5em;
}

.tx-indexedsearch .descr {
  color:black;
  font-size:11px;
}

.tx-indexedsearch .browsebox {
 overflow:hidden;
 widht:99%;
 position:relative; 
}

.tx-indexedsearch .browsebox li {
  background:none;
  float:left;
}  

.tx-indexedsearch-secHead .tx-indexedsearch-title.title {
  font-size:1.3em;
}

.tx-indexedsearch-percent.percent {
 display:none; 
}

html .content article .tx-indexedsearch-res table td {
 border:none; 
}


            /*  FORMS */
form {margin:0 0 1em}
fieldset {border:none;margin-bottom:1em;}
legend {color:#888;font-size:1.25em;margin:0;padding:0}
label {display:block}

input, select, textarea {
  margin:.25em 0 .75em;
  vertical-align:top; 
  box-sizing: border-box;
}

textarea {resize:vertical}

input[type=text] {
    background:#F8F8F8;
    border:1px solid rgba(0,0,0,.15);
    border-left-color:rgba(0,0,0,.3);
    border-top-color:rgba(0,0,0,.3);
    box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    border-color:#cecece\9;
    color:#555;
    line-height:1;
    padding:.25em .35em;
    width:100%;
  max-width:300px;
}

input[type=radio] {
  width: 20px;
  float: left;
  display: block;
}


form .item.radio {
  overflow: hidden;
  position: relative;
  padding-left: 25px;
  min-height: 1.5em;
  margin:0 0 0.5em;
}

form .item.radio > input[type=radio] {
  position: absolute;
  left:0;
  top: 0px;
}

form input[type=radio]:checked + label {
  font-weight:bold;
}

textarea {
    background:#F8F8F8;
    border:1px solid rgba(0,0,0,.15);
    border-left-color:rgba(0,0,0,.3);
    border-top-color:rgba(0,0,0,.3);
    box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    border-color:#cecece\9;
    
    /*height:2em;*/
    line-height:1.4;
    padding:.25em .35em;
    box-sizing: border-box;
    width:100%;
    *width:90%;
  max-width:650px;
  min-height:100px;
}



input[type=submit] {
    cursor:pointer;
    font-weight:normal;
    line-height:1em;
    padding:.5em 1em;
    border:none;
    
    border:solid 1px #efefef;
    border-color:rgba(0,0,0,.2);
    border-color:#efefef\9;
    
    background:#f3f4f5;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

input[type=submit]:hover {
  background-color:#c00;
  color:#fff;
  border-color:#c00;
}


input[type=file] {
  font-size:13px;
  line-height:1;
  color:#888;
}

form div.checkbox {
  overflow:hidden;
  position: relative;
  min-height: 20px;
  margin:0 0 0.5em;
}

form div.checkbox input[type=checkbox] {
  position: absolute;
  left:0;
  top:0;
}

form div.checkbox label {
  padding-left: 20px;
}


form div.field {
  position: relative;overflow:hidden;
  margin:0 0 1em;
}

form div.field > label {font-weight: bold;}

form .required > label:after {color:#D00;content:" *"}

form .field-note, form .note {
  color:#888;
  font-size:13px;
  margin: 0 0 0.5em;
}
form div.inline {overflow:hidden;}
form div.inline .field {
    float: left;
    width: 30%;
    margin: 0 3.33% 0 0;
    padding: 0 0 1.5em;
}

div.form-message {padding:20px; background:#f2f3f4; margin:0 0 1em;}
div.form-message > .head {font-size: 22px; font-weight: bold;}

 
form div[class*='cols-'] {margin-left:-17.5px;margin-right:-17.5px;font-size:0;}
form div[class*='cols-'] > .field {
  font-size: 1rem;
  position: relative;
  display:inline-block;
  box-sizing: border-box;
  vertical-align:top;
  height:auto;

  padding: 0 17.5px;
  text-align:left;
}

form div.cols-2 > .field {width:49.7%;}
form div.cols-3 > .field {width:33.1%;}
form div.cols-4 > .field {width:24.8%;}

form .ms-conditional {display:none;}

.disabled label {color:#999;}

            /* NEWS SUBSCRIPTION */
            
.tx-ms1newssubs-pi1 ul {
  list-style:none;
}
.tx-ms1newssubs-pi1 ul li {
  background:none;
  padding-left:none;
}  
.tx-ms1newssubs-pi1 ul input {
  margin-right:5px;
}
.tx-ms1newssubs-pi1 ul ul {
  padding-left:20px;
}

.tx-ms1newssubs-pi1 .msg {
  color:#0D4E9C;
  font-weight:bold;
}


            /* SITE MAP WITH IMG PREVIEW */
body .img_sitemap {
  padding-left:0px;
  overflow:visible;
  position:relative;
  zoom:1;
}
            
body .img_sitemap li, .content article .img_sitemap li {
  width:200px;
  margin: 0 10px 10px 0;
  /*float:left;*/
  background:none;
  background-image:none;
  padding:5px;
  text-align:center;
  display: inline-block;
  vertical-align:top;
  overflow:visible;
  zoom:1;
  position:relative;
  _overflow:hidden;
  zoom:1;
  *display:inline;
  height:auto;
}
.img_sitemap li img {
  display:block;
  width:200px;
  height:200px;
  padding:2px;
  border:1px solid #ddd;
}  
.img_sitemap li  em {
  color:#007AC2;
  display:block;
  margin:5px 0;
}

.img_sitemap li em a, .img_sitemap li  h4 a {
  color:#000;
  text-decoration:none;
  font-size:13px;
  font-style:normal;
  font-weight:normal;
  line-height:1.2em;
}
.img_sitemap li em a:hover, .img_sitemap li  h4 a:hover {
  color:#df2c29;
}



       /* thumbs menu */
.thumb-menu .col {
  width:200px;
  padding:0 15px 0 0;
  margin-bottom:30px;
  text-align: left;
}
.thumb-menu .image-thumb {margin-bottom:0.3em;}
.thumb-menu .chapter-thumb-text h3 {
  font-size:15px;
}

.thumb-menu .chapter-thumb-text h5 {
  margin:0;
  color: #888;
}

.thumb-menu .abstract {display: none;}



/* ms youtube videos */
.tx-ms-youtube-videos {
    font-size: 12px;
    position:relative;
}
.tx-ms-youtube-videos h4 {
    font-size: 1.2em;
}
.tx-ms-youtube-videos h5 {
    display: none;
}
.tx-ms-youtube-videos .list {
    list-style: none outside none;
    margin: 0 -5px;
    overflow: hidden;
    padding: 5px;
    width: 100%;
}
.tx-ms-youtube-videos .list-item {
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 0 10px 10px 0;
    overflow: hidden;
    padding: 3px;
    position: relative;
    vertical-align: top;
    width: 200px;
    background:none;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    
}
.tx-ms-youtube-videos .act {
    background: none repeat scroll 0 0 #BBDDFF;
}
.tx-ms-youtube-videos .list-item .description {
    font-size: 11px;
}
.tx-ms-youtube-videos dl {
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.tx-ms-youtube-videos dt, .tx-ms-youtube-videos dd {
    float: left;
    margin: 0;
}
.tx-ms-youtube-videos dt {
    font-weight: bold;
    margin-right: 0.25em;
}
.tx-ms-youtube-videos dd {
    font-weight: normal;
    margin-right: 1.25em;
}
.tx-ms-youtube-videos .pubdate {
    color: #888888;
    font-size: 11px;
}
.tx-ms-youtube-videos .title {
    font-size: 13px;
}
.tx-ms-youtube-videos .description {
    display: none;
}
.tx-ms-youtube-videos .thumbnail {
}
.tx-ms-youtube-videos .category {
    margin-top: 0.5em;
}
.tx-ms-youtube-videos .tags {
    font-size: 11px;
    margin-top: 0.5em;
}

div.tx-ms-youtube-videos .counter {
  display: none;
}


      /*  news paginator */
.paginator {
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
    margin: 20px 0 3px;
}
.paginator a, .paginator span {
    padding: 3px;
}
.paginator span {
    color: #888888;
    cursor: default;
}
.paginator span.activeLinkWrap, .paginator a:hover {
    background-color: #2881BA;
    color: white;
    text-decoration: none;
}

.browseLinksWrap {
  margin:10px 0 20px;
}

.error {color:#C00}

#content-normal .contains-0 {display:none}


.csc-section-3 {font-size:.9em;margin-left:1.5em}



.section-menu-header {
  display:none;
}

a.logout {color:#C00;margin-left:1em}

              /* news related files (tx_news) */
              
.content article .news-related-files ul  {
  list-style-image: none;
  margin-top:5px;
  margin-bottom:1em;
  padding-left:0;
}

.content article .news-related-files ul li {
  margin-bottom:10px;
  padding:0;
  background:none;
}

.content article .news-related-files ul li a {
  display:block;
  padding-left:30px;
  min-height:35px;
  _height:35px;
  padding-top:2px;
  border-bottom:none;
  border-right:none;
}

.news-related-files ul li span {
  border-right: none;
  display: block;
  margin-right: 8px;
  padding-right: 0px;
  color: #888;
  display:block;
}

.news-related-files-size {
  display:none !important;
}

.content article .news-related-files ul li a {background: url(../ico/page.png) 0 1px no-repeat;}
.content article .news-related-files ul li a.doc {background: url(../ico/doc.png) 0 1px no-repeat;}

.content article .news-related-files ul li a.docx {background: url(../ico/docx.png) 0 1px no-repeat;}
.content article .news-related-files ul li a.pdf {background: url(../ico/pdf.png) 0 1px no-repeat;}
.content article .news-related-files ul li a.xls {background: url(../ico/xls.png) 0 1px no-repeat;}

.content article .news-related-files ul li a.xlsx {background: url(../ico/xls.png) 0 1px no-repeat;}

.content article .news-related-files ul li a.zip {background: url(../ico/zip.png) 0 1px no-repeat;}

.content article .news-related-files ul li a.rar {background: url(../ico/rar.png) 0 1px no-repeat;}

.content article .news-related-files ul li a.jpg {background: url(../ico/jpg.png) 0 1px no-repeat;}

.content article .news-related-files ul li a.jpeg {background: url(../ico/jpg.png) 0 1px no-repeat;}

            /* END news related files tx_news */
            
                  /* TIPSY / tooltips */
/* tooltips */

.tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
  .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
  
              /* END tipsy */
              
/* unborder a > img */
.csc-textpic .gallery a, .csc-textpic-imagewrap a, .image-thumb a {border-bottom:none;}

.hidden {display:none}

/* buttons */
a.button {
  border: solid 1px #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.3em 0.5em;
  display: inline-block;
  text-align: center;
}

a.button:hover {
  color:#c00 !important;
  border-color:#c00 !important;
}

a.button.solid {
  background: #007dc6;
  border-color:#007dc6;
  color: #fff;
}

a.button.solid.gray {
  background: #f3f4f5;
  border-color:#ccc;
  color: #111;
}

a.button.solid:hover {
  background: #c00 !important;
  color:#fff !important;
  border-color:#c00 !important;
}


/* button like spans */
span.plate {
  border-radius: 0.3em;
  padding: 0.1em 0.3em;
  display: inline-block;
  background:#eee;
}

span.plate.blue {
  color:#fff;
  background:#007dc6;
}