/* Tag Cloud == Ze */
div#cloud {
                 font-size           : 100%;
                 line-height         : 2em;
                 margin              : 0px;
                 float               : left;
                 background-image    : url(/imperia/md/images/zim/intranet/wolken.jpg);
                 background-repeat   : repeat;
                 background-position : center;
                 background-color    : #e8e8f0;
                 border              : solid 1px #a0a0ff;
                 -moz-border-radius  : 15px;
                 padding             : 0.5em 0 0.5em 0;
}
div#cloud a {
                 text-decoration  : none;
                 border           : 0px;
}

div#cloud a:hover {
                 text-decoration  : underline;
                 border           : 0px;
}

div#cloud ol {
                 list-style-type  : none;
		 margin           : 0 0 0 -30px;
}
div#cloud ol li {
                 float            : left;
		 margin           : 1px 8px 0px 0px;
		 display          : inline;
		 padding          : 0px;
		 height           : 1.8em;
		 line-height      : 2.2em;
		 vertical-align   : baseline;
}

/* Organigramm /verwaltung/organisation/ */

div#organigramm {
  width: 100%;
  padding: 0;
}

div#organigramm div {
  /*clear: both;*/
  width:100%;
}

div#organigramm h2,
div#organigramm h3,
div#organigramm h4,
div#organigramm h5 {
  display: inline;
  clear: none;
  float: left;
  margin: 0;
  font-size:12px;
  text-align: center;
}

div#organigramm h4.drittel {
  width           : 32.66666%;
  margin          : 2px 1% 0 0;
}

div#organigramm .drittel.last,
div#organigramm ul.last {
  margin-right:0;
}

div#organigramm div.drittel_halbhoch a.oben  { padding:auto; height: 20px; margin-top: 6px ; text-align: center; }
div#organigramm div.drittel_halbhoch a.unten { padding:auto; height: 20px; margin-top: 6px ; text-align: center; }

div#organigramm a {
  display            : block;
  color              : #103080;
  margin-top         : 6px;
  padding            : 8px 0;
  border             : none;
}

div#organigramm h2 a { background: #a0c0ef;
   -moz-box-shadow   : 1px 1px 4px #202060;
   -webkit-box-shadow: 1px 1px 4px #202060;
   box-shadow        : 1px 1px 4px #202060;
}
div#organigramm h3 a { background: #b0d0ff;
   -moz-box-shadow   : 1px 1px 4px #202060;
   -webkit-box-shadow: 1px 1px 4px #202060;
   box-shadow        : 1px 1px 4px #202060;
}
div#organigramm h4 a { background: #c0d4ff;
   height: 62px;
   -moz-box-shadow   : 1px 1px 4px #202060;
   -webkit-box-shadow: 1px 1px 4px #202060;
   box-shadow        : 1px 1px 4px #202060;
}
div#organigramm h5.ganz  {
   background        : #d8e0ff;
   clear             : left;
   margin            : 0 0 10px 0;
 }

div#organigramm .ganz {
  width              : 100%;
  margin             : 2px 0 0 0;
}
div#organigramm h2.halb {
  width              : 50.0%;
}

div#organigramm h2.halb_links  {
  width              : 50.0%;
  margin             : 2px 1% 0 0;
}
div#organigramm h2.halb_rechts  {
  width              : 49.0%;
  margin             : 2px 0 0 0;
}

div#organigramm a.last { margin-right: 0; }

div#organigramm div.faclist {
   float : left;
   padding: 0 0 0 5px;
   width : 32.5%;
}
div#organigramm div.faclist ul li {
   margin : 0;
   padding : 0;
}

div#organigramm a:link,
div#organigramm a:hover,
div#organigramm a:visited,
div#organigramm a:active {
  text-decoration : underline;
}

div#organigramm a:hover {
  background : #004c93;
  color      : white;
}
div#organigramm div.faclist ul li a:link,
div#organigramm div.faclist ul li a:hover,
div#organigramm div.faclist ul li a:visited,
div#organigramm div.faclist ul li a:active {
  font-weight : bold;
  background : none;
  text-decoration : underline;
  padding : 0;
}
div#organigramm div.faclist ul li a:hover {
  background : #004c93;
  color      : white;
}
div#organigramm div.faculties {
   background-color   : #f0f0ff;
   height             : auto;
   width              : auto;
   padding            : 0px 0 10px 0;
   border             : solid 1px #d8e0ff;
   margin             : 8px 0 0 0;
   -moz-box-shadow    : 1px 1px 4px #202060;
   -webkit-box-shadow : 1px 1px 4px #202060;
   box-shadow         : 1px 1px 4px #202060;
}

div#organigramm div.faculties h5 a {
   margin             : 0;
   padding            : 6px;
}

dl.kurse dt {
   font-weight        : bold;
   background-color   : #e0e6ff;
   padding            : 0.25em 0.25em 0.25em 0.4em;
   border             : solid 1px #aac;
   border-bottom      : 0;
}
dl.kurse dd {
   font-weight        : normal;
   background-color   : #f0f6ff;
   padding            : 0.25em 0.25em 0.25em 2em;
   border             : solid 1px #aac;
   border-top         : 0;
   margin             : 0 0 0.25em 0;
}


/* ========= < 1024px ======== */
@media only screen and (max-width: 1024px) {
div#organigramm div.drittel_halbhoch a.oben  {
  padding         : 3px;
  height          : 30px;
  margin-top      : 6px;
  text-align      : center;
}
div#organigramm div.drittel_halbhoch a.unten {
  padding         : 3px;
  height          : 30px;
  margin-top      : 6px;
  text-align      : center;
}
}
/* ========= < 526px ======== */
@media only screen and (max-width: 526px) {
div#organigramm div.drittel_halbhoch a.oben  {
  padding         : 2px;
  height          : 30px;
  margin-top      : 6px;
  text-align      : center;
  font-size       : 10px;
}
div#organigramm div.drittel_halbhoch a.unten {
  padding         : 3px;
  height          : 30px;
  margin-top      : 6px;
  text-align      : center;
  font-size       : 10px;
}
}

/* ========= Android portrait 480px ======== */
@media only screen and (max-width: 480px) {
 div#organigramm a:link,
 div#organigramm a:visited,
 div#organigramm a:hover,
 div#organigramm a:active,
 div#organigramm a:focus {
   font-size       : 10.5px;
   text-decoration : none;
 }
div#organigramm h2.halb_links {
  width            : 49.0%;
  margin           : 2px 3% 0 0;
}
div#organigramm h2.halb_rechts {
  width            : 48.0%;
  margin           : 2px 0 0 0;
}
div#organigramm h2.halb_links a,
div#organigramm h2.halb_rechts a {
  min-height       : 26px;
}
div#organigramm h4.drittel {
  width            : 31.33333%;
  margin           : 2px 3% 0 0;
}

div#organigramm h4.drittel.last {
  margin-right     : 0;
}

div#organigramm div.drittel_halbhoch a.oben  {
  padding          : 2px 0 0 0;
  height           : 34px;
  margin-top       : 6px;
  text-align       : center;
  line-height      : 1.0em;
}
div#organigramm div.drittel_halbhoch a.unten {
  padding          : 2px 0 0 0;
  height           : 34px;
  margin-top       : 6px;
  text-align       : center;
  line-height      : 1.0em;
}

div#organigramm div.faculties div.faclist {
  float            : none;
  width            : 100%;
}
div#organigramm div.faculties div.faclist ul li a {
  text-decoration  : none;
}
}
/* ========= Android landscape 480x800px ======== */
@media only screen and (min-width:481px) and (max-width: 800px) {
}

/* ===== iPad2 landscape ======== */
@media only screen and (max-width: 1024px) and (max-height:768px) {

}
/* ===== iPad2 portrait ======== */
@media only screen and (max-width: 769px) and (max-height:1024px) {
}
@media print {
 div#organigramm h2.halb_links a,
 div#organigramm h2.halb_rechts a {
   min-height      : 33px;
 }
 div#organigramm h4 a {
   height: 112px;
 }
 div#organigramm div.drittel_halbhoch a.oben  { 
  height           : 45px;
 }
 div#organigramm div.drittel_halbhoch a.unten {
  height           : 45px;
 }
 div#organigramm div.faculties div.faclist {
  float            : left;
  width            : 48%;
 }
}
/* ENDE Organigramm */

/* === Google-Maps Box =========== */
    div#inh_a div.google_map,
    div#inh_b div.google_map {
       font-family    : Arial, Sans-Serif;
       font-size      : 10px;
       margin         : 0;
       padding        : 0;
       overflow       : hidden;
       border         : solid 1px #c0c0c0;
    }
    div#inh_a div.google_map {
       float          : left;
       margin         : 0 10px 10px 0;
    }
    div#inh_b div.google_map {
       float          : left;
       margin         : 0 10px 10px 0;
    }
    div#inh_a div.google_map img,
    div#inh_b div.google_map img {
       float          : left;
       margin         : 0px 5px 4px 0px;
    }
    div.googlemaptext {
       text-align     : left;
    }
    div.googlemaptextblock{
       float          : left;
       width          : 222px;
    }
    div.googlemaptextblockbreit{
       float          : left;
       width          : 480px;
    }
    div.googlemap_preview_hint {
       background     : white;
       border         : solid 1px #203080;
       margin         : 1em;
       padding        : 0.5em;
       width          : 200px;
    }
    div.google_preview_out    {
         display            : block;
         background         : #202020;
         border             : 1px solid #202020;
         -moz-border-radius : 5px;
         position           : relative; 
         margin             : 0.5em 0em; 
         left               : 1em; 
         width              : 200px;
    }
    div.google_preview_in     {
         background         : #fff0c0; 
         position           : relative; 
         left               : -.125em; 
         top                : -.2em;
         margin             : 0;
         padding            : 1em 2em;
         border             : 1px solid #202020;
         -moz-border-radius : 5px;
         font-family        : Arial, Sans-Serif;
         font-size          : 11px;
    }
/* =============================== */

/* NEWSFEED */
ul.newsfeed li {
         margin-bottom      : 15px;
}
#inhalt ul.newsfeed li p.item_date,
aside#sidebar ul.newsfeed li p.item_date,
p.item_date {
         font-size          : 10px;
         line-height        : 1em;
         padding            : 2px 0 0 0;
         margin             : 0;
         color              : #777;
}
#inhalt ul.newsfeed li img,
#inhalt img.rss_item_image {
	 float              : left;
	 margin             : 0 0px 5px 0px;
         width              : 100%;
	 max-width          : 100px;
         height             : auto;
	 max-height         : 100px;
         border             : solid 1px #c0c0c0;
         -moz-box-shadow    : 2px 2px 6px #a0a0a0;
         -webkit-box-shadow : 2px 2px 6px #808080;
         box-shadow         : 2px 2px 6px #808080;

}
#inhalt img.rss_item_image {
	 margin             : 0 20px 10px 0px;
}
aside#sidebar ul.newsfeed li img {
	 float              : left;
	 margin             : 0 0px 5px 0px;
         width              : auto;
	 max-width          : 60px;
         height             : auto;
	 max-height         : 60px;
         border             : 0px;
}
#inhalt ul.newsfeed li div.item_clear,
aside#sidebar ul.newsfeed li div.item_clear {
        clear               : both;
}
section#inhalt ul.newsfeed div.feedimage {
        width               : 20%;
        float               : left;
        margin              : 0 3.5% 0 0;
        padding             : 0;
}
section#inhalt ul.newsfeed div.feedtext {
        float               : left;
        width               : 75%;
}
section#inhalt ul.newsfeed div.feedtext p a,
aside#sidebar ul.newsfeed div.feedtext p a {
        text-decoration     : none;
        color               : #000000;     
}
section#inhalt ul.newsfeed div.feedtext p a:hover,
aside#sidebar ul.newsfeed div.feedtext p a:hover {
        text-decoration     : none;
        color               : #ffffff;
}
section#inhalt ul.newsfeed div.feedtext p a.linkinfeed,
aside#sidebar ul.newsfeed div.feedtext p a.linkinfeed {
        text-decoration     : underline;
        color               : #004c93;     
}
section#inhalt ul.newsfeed div.feedtext p a.linkinfeed:hover,
aside#sidebar ul.newsfeed div.feedtext p a.linkinfeed:hover {
        text-decoration     : none;
        color               : #ffffff;
        background-color    : #004c93;
}
section#inhalt ul.newsfeed div.feedtext h3,
aside#sidebar ul.newsfeed div.feedtext h3 {
        padding             : 0px 0 2px 0;
}

section#inhalt ul.newsfeed div.feedtext.noimage {
        float               : none;
        width               : 95%;
}
/* === Android landscape === */
@media only screen and (max-height: 480px) and (max-width: 800px) {
section#inhalt ul.newsfeed div.feedimage {
        width               : 25%;
        float               : left;
        margin              : 0 3% 0 0;
        padding             : 0;
}
#inhalt ul.newsfeed li img,
img.rss_item_image {
	 float              : left;
         width              : 100%;
         height             : auto;
         border             : solid 1px #c0c0c0;
         -moz-box-shadow    : 2px 2px 6px #a0a0a0;
         -webkit-box-shadow : 2px 2px 6px #808080;
         box-shadow         : 2px 2px 6px #808080;

}
section#inhalt ul.newsfeed div.feedtext {
        float               : left;
        width               : 72% !important;
        padding             : 0;
}
section#inhalt ul.newsfeed div.feedtext.noimage {
        float               : none;
        width               : 97%;
        padding             : 0;
}
}

/* === iPad2 landscape has smaller content-sections === */
@media only screen and (max-width: 1024px) and (max-height:768px) {
section#inhalt ul.newsfeed div.feedtext {
        float               : left;
        width               : 75%;
}
section#inhalt ul.newsfeed div.feedtext.noimage {
        float               : none;
        width               : 95%;
}
}
/* iPad2 portrait has larger content-sections */
@media only screen and (max-width: 768px) and (max-height:1024px) {
section#inhalt ul.newsfeed div.feedtext {
        float               : left;
        width               : 75%;
}
section#inhalt ul.newsfeed div.feedtext.noimage {
        float               : none;
        width               : 95%;
}
}

@media only screen and (max-width: 480px) {
section#inhalt ul.newsfeed div.feedimage {
        width               : 25%;
        float               : left;
        margin              : 0 5% 0 0;
        padding             : 0;
}
#inhalt ul.newsfeed li img,
img.rss_item_image {
	 float              : left;
         width              : 100%;
         height             : auto;
         border             : solid 1px #c0c0c0;
         -moz-box-shadow    : 2px 2px 6px #a0a0a0;
         -webkit-box-shadow : 2px 2px 6px #808080;
         box-shadow         : 2px 2px 6px #808080;

}
section#inhalt ul.newsfeed div.feedtext {
        float               : left;
        width               : 65%;
        padding             : 0;
}
section#inhalt ul.newsfeed div.feedtext.noimage {
        float               : none;
        width               : 95%;
        padding             : 0;
}
}
/* /NEWSFEED */

/* === Knowledgebase =========== */
span.personensuche ul.plain {
	list-style-image    : none;
	list-style-type     : none;
	font-family         : arial,sans-serif;
	font-size           : 13px;
}
span.personensuche ul.plain li {
	padding             : .2ex;
}
span.personensuche div.bibentry {
	padding             : .5ex;
}
span.personensuche div.answer {
	background-color    : #FFFFFF;
	padding             : 8px;
        margin-left         : 20px;
}
span.personensuche div.question {
	background-color    : #EFE4BF;
	padding             : 8px;
	margin              : 0px;
        margin-left         : 20px;
}
span.personensuche div.titles {
    font-weight:  bold;
}
span.personensuche div.authors {
    font-style: italic;
}
div#resultbox th {
        text-align          : left;
	font-family         : arial,sans-serif;
	font-size           : 13px;
}
div#resultbox tr:nth-child(even) td {
	background          : #f7f8fc;
	border              : 1px solid #8a9dd0;
	font-family         : arial,sans-serif;
	font-size           : 13px;
}
div#resultbox tr:nth-child(odd) td,
div#resultbox tr:nth-child(odd) th {
	background          : #dfe4f2;
	border              : 1px solid #8a9dd0;
	font-family         : arial,sans-serif;
	font-size           : 13px;
}
/* === /Knowledgebase ========== */

/* VCards ZIM */
div.vcard_div {
//        background-image:url(/imperia/md/images/zim/icons/vcard.gif);
        background-color : #e0e0ff;
        border           : solid 1px #a0a0c0;
        box-shadow       : 2px 2px 8px #404040;
        width            : 100%;
        max-width        : 440px; 
        height           : 225px;
        overflow         : hidden;
}
div.vcard_div div.vcard_text {
        float            : left;
        padding          : 10px;
        border           : 0;
        width            : 55%;
        max-width        : 303%;
        height           : auto;
}
div.vcard_div div.vcard_text2 {
        width            : 100%;
        max-width        : 98%;
        height           : 95px;
        border           : 0;
}
div.vcard_div div.vcard_text2 div.c1 {
        float  : left;
        margin : 0;
        border : 0;
        width  : 47%;
        padding: 0 0 0 10px;
}
div.vcard_div div.sep {
        clear  : both;
        height : 10px;
}
div.vcard_div div.vcard_text2 div.c2 {
        float  : left;
        margin : 0;
        width  : 46%;
        border : 0;
        padding: 0 0 0 10px;
}

div.vcard_div div.vcard_image {
        float  : right;
        padding: 14px 24px 0 0;
        width  : 102px;
        height : 102px;
}
div.vcard_div div.vcard_image img {
        width  : 102px;
        height : 102px;
}
div.vcard_div div.vcard_text2 div.c1 table.vcard,
div.vcard_div div.vcard_text2 div.c2 table.vcard {
        padding     : 0 10px 0 0;
        border      : 0;
        background  : transparent !important;
        width       : 200px;
        float       : left;
}

div.vcard_div div.vcard_text2 div.c1 table.vcard tr td,
div.vcard_div div.vcard_text2 div.c2 table.vcard tr td,
div.vcard_div div.vcard_text2 div.c1 table.vcard tr th,
div.vcard_div div.vcard_text2 div.c2 table.vcard tr th {
        background  : transparent !important;
        border      : 0;
        padding     : 0;
        text-align  : left;
}
div.vcard_div div.vcard_text2 div.c1 table.vcard tr td.titel,
div.vcard_div div.vcard_text2 div.c2 table.vcard tr td.titel {
        width  : 60px;
        background  : transparent !important;
        border : 0;
}

/* Inline-Images im TinyMCE-Editor */
section#inhalt article img.editor_links,
section#inhalt article img.editor_links_rahmen {
        margin      : 0 12px 10px 0;
        float       : left;
}
section#inhalt article img.editor_links_rahmen {
        border      : solid 1px #ccc;
        padding     : 2px;
}
section#inhalt article img.editor_rechts,
section#inhalt article img.editor_rechts_rahmen {
        margin      : 0 0 10px 12px;
        float       : right;
}
section#inhalt article img.editor_rechts_rahmen {
        border      : solid 1px #ccc;
        padding     : 2px;
}

/* Listenklassen, die im TinyMCE nicht direkt waehlbar sind */
ol.lower_latin {
        list-style-type : lower-latin;
}
ol.upper_latin {
        list-style-type : upper-latin;
}
ol.lower_roman {
        list-style-type : lower-roman;
}
ol.upper_roman {
        list-style-type : upper-roman;
}
ol.lower_greek {
        list-style-type : lower_greek;
}

/* === Thumbs für ZIM-Galleries */
ul.gallery li.thumbs {
        box-shadow          : 0 0 4px #001060;
        -moz-box-shadow     : 0 0 4px #001060;
        -webkit-box-shadow  : 0 0 4px #001060;
        margin              : 6px !important;
        background          : none;
        border-radius       : 0px;
}
figure a img.thumbs {
        height              : 110px;
        width               : auto;
        opacity             : 1.0;
        filter              : alpha(opacity=100);
}

figure a:hover img.thumbs,
figure a:active img.thumbs {
        height              : 110px;
        width               : auto;
        opacity             : 1.0;
        filter              : alpha(opacity=100);
        transition          : opacity 200ms ease-out;
}


/* ========= special tables ========= */
table.style1 tr td,
table.style1 tr th {
        background-color    : #d9d9d9 !important;
}
table.style1 tr td table {
        width               : 100%;
        border              : solid 1px black !important;
}
table.style1 tr td table tr th.links100center {
        width               : 100px;
        min-width           : 100px;
        vertical-align      : middle !important;
        text-align          : center !important;
        border              : 0 !important;
}

table.style1 tr td table tr th.mittelgrau_c,
table.style1 tr td table tr td.mittelgrau_c {
        padding             : 2px;
        vertical-align      : middle !important;
        text-align          : center !important;
        background-color    : #9ea7b2 !important;
        border              : solid 1px black !important;
}
table.style1 tr td table tr td.blau {
        padding             : 2px;
        vertical-align      : middle !important;
        text-align          : center !important;
        background-color    : #8cb2e0 !important;
        border              : solid 1px black !important;
}
table.style1 tr td table tr td.gruengelb {
        padding             : 2px;
        vertical-align      : middle !important;
        text-align          : center !important;
        background-color    : #bbc436 !important;
        border              : solid 1px black !important;
}

div.floatingimages {
        clear               : both;
        width               : 100%;
        max-width           : 100%;
}
div.floatingimages div.slide {
        float               : left;
        border              : solid 1px #c0c0c0;
        padding             : 2px;
        margin-left         : 5px;
        margin-bottom       : 6px;
        box-shadow          : 2px 2px 6px #808080;
        -moz-transition     : box-shadow 0.4s;
        background-color    : #ffffff;
}
div.floatingimages div.slide div.image {
        margin              : auto;
}
div.floatingimages div.slide div.image img {
        opacity             : 0.85;
        -moz-transition     : opacity 0.4s;
        border              : 0 !important;
}
div.floatingimages div.slide:hover div.image img {
        opacity             : 1.0;
}
div.floatingimages div.slide:hover {
        background-color    : #ffffff;
        box-shadow          : 2px 2px 6px #000000;
}
div.floatingimages div.slide:hover div.caption {
        background-color    : #e8e8f8;
        -moz-transition     : background 0.4s;
 }
div.floatingimages div.slide:first-child {
        margin-left         : 0px;
}
div.floatingimages div.slide div.caption {
        background-color    : #f4f4f4;
        padding             : 2px 3px 4px 3px;
        margin              : 0;
        text-align          : center;
        overflow            : hidden;
        height              : 32px;
        max-height          : 32px;
}
div.floatingimages a:hover {
        border              : 0;
        outline             : none;
        background          : none;
}
/* 3 Bilder in einer Reihe */
div._3-in-a-row-caption div.slide {
        width               : 31.5%;
}
div._3-in-a-row-caption div.slide div.caption {
        width               : 97%;
        max-width           : 97%;
}
div._3-in-a-row-caption div.slide div.image {
        width               : 100%;
        max-width           : 100%;
        height              : 85.5%;
        max-height          : 85.5%;
        overflow            : hidden;
}
div._3-in-a-row-caption div.slide div.image img {
        width               : 100%;
        max-width           : 100%;
        max-height          : 100%;
}
/* without captions */
div._3-in-a-row div.slide {
        width               : 31.5%;
}
div._3-in-a-row div.slide div.image {
        width               : 100%;
        max-width           : 100%;
        overflow            : hidden;
}

/* 4 Bilder in einer Reihe */
div._4-in-a-row-caption div.slide {
        height              : 205px;
}
div._4-in-a-row-caption div.slide div.caption {
        width               : 162px;
        max-width           : 162px;
}
div._4-in-a-row-caption div.slide div.image {
        width               : 167px;
        max-width           : 167px;
        height              : 167px;
        max-height          : 167px;
        overflow            : hidden;
}
div._4-in-a-row-caption div.slide div.image img {
        width               : 100%;
        max-width           : 100%;
        max-height          : 100%;
}
div.contactclass {
        display             : none;
        margin              : 5px 10px 10px 10px;
        width               : 92%;
        max-width           : 92%;
        background-color    : #f0f0f0;
        border              : solid 1px #ccc;
        border-radius       : 5px;
        padding             : 1%;
        box-shadow          : 0px 0px 6px #ccc;
}
div#mailresponse {
        border              : solid 1px #c0c0c0;
        width               : 90%;
        height              : 200px;
        overflow            : auto;
        padding             : 2%;
        box-shadow          : 2px 2px 4px #000;
        margin              : 0 0 20px 0;
        background-color    : #fcfcfc;
        font-color          : #404040;
}
div#mail table.contactdata {
        border              : 0;
        width               : 90%;
}
div#mail table.contactdata td.contactleft {
        border              : 0;
        position            : relative;
        left                : 0;
        top                 : 0;
        width               : 20%;
        height              : auto;
        margin              : 0 0 0 0;
        font-size           : 90%;
        text-align          : right;
        padding             : auto;
        background          : none;
}
div#mail table.contactdata td.contactright {
        position            : relative;
        left                : 73px;
        top                 : 0;
        margin              : 0;
        font-size           : 90%;
        padding             : auto;
        width               : 80%;
        height              : auto;
        border              : 0;
        background          : none;
}

@media only screen and (max-width:480px) {
ul.gallery li.thumbs {
        max-width           : 100px;
        max-height          : 100px;
}
figure a img.thumbs {
        width               : 100px;
        height              : 100px;
}
div.floatingimages div.slide {
        margin-left         : 0;
}

@media only screen and (max-width: 800px) and (orientation: landscape) { /* make sure, it's no iPad */
ul.gallery li.thumbs {
        max-width           : 100px;
        max-height          : 100px;
}
figure a img.thumbs {
        width               : 100px;
        height              : 100px;
}
}