@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);
/* --------------------------------- Hauptdesign --------------- */
body {
 font-family: 'Open Sans', "Lucida Sans Unicode", "Lucida Grande", sans serif, Arial, Verdana, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑";
 /*   font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; */
    font-size: 16px;
    line-height: 27px;
    background-color: #313b3d;
    /*#394A58; */
 /*#303D4B; */
 margin: 0 25px 0 25px;
    text-align: center;
    color: #c6d6e8;
}
strong, b {
   /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans serif, Arial, Verdana;*/
   font-weight: 700;
    color: #c6d6e8;
}
em, i {
   /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans serif, Arial, Verdana;*/
}
strong, em, b{
/*color: #ffccff; */
}
sub {
    color: red;
    font-style: normal;
}
blockquote {
    color: #303D4B;
    margin: 0;
    padding: 0 55px 5px 0;
    margin-left: 10px;
}
blockquote p {
    line-height: 40px;
    padding-bottom: 100px;
}
div#contenu {
    max-width: 1000px;
    width: 90%;
    /*background-image: url(header_mit_insel.png);
    background-repeat: no-repeat;
    background-position: top left; */
 /*background-color: #394A58; */
 border: none;
    padding: 25px;
    margin: 0 auto;
    text-align: left;
}
div#hauptspalte {
    /*float: right; */
 min-height: 600px;
    /*background-color: #C6D6E8; */
 border: none;
    max-width: 700px;
    width: 70%;
    padding: 0 0 0 0;
    /* Betrifft nur die ‰
    ussersten R‰
    nder der ganzen Mittelspalte, also auch nur den allerletzten Abstand in der Spalte */
    overflow: auto;
}
div#rechts {
    color: #c6d6e8;
    float: right;
    max-width: 250px;
    width: 25%;
    margin-left: 25px;
    padding: 0 0 0 0;
    /*background-color: #333; */
}
/* --------------------------------- Titelhierarchie --------------- */
h1 {
    font-size: 28px;
    line-height: 30px;
    color: #c6d6e8;
    padding-top: 10px;
}
h2 /* Titel wird im Moment nur für News gebraucht*/
 {
    font-size: 16px;
    padding-bottom: 5px;
}
h3 {
    font-size: 17px;
    color: #c6d6e8;
    margin: 24px 0 4px 0;
}
h4 {
/* h4 Titel sind reserviert für die Episodas, wo sie die Angaben unter dem Titel ansteuern:
Ort, Datum und Weltkarte (wobei die Weltkarte per span auf 12 px gedrosselt ist) 
    font-size: 15px; */
    color: #c6d6e8;
    margin-top: 20px;
    margin-bottom: 15px;
}
h6 {
    font-size: 17px;
    color: #c6d6e8;
    margin: 24px 0 8px 0;    
} 
/* --------------------------------- Links --------------- */
a:link {
    color: #c6d6e8; 
}
a:visited {
    color: #c6d6e8;
}
a:hover {
    color: red;
}
a:active {
    color: #c6d6e8;
}
div#rechts .csc-default a:link,.sprachwahl_header a:link {
    color: #c6d6e8;
}
div#rechts .csc-default aa:visited,.sprachwahl_header a:visited {
    color: #c6d6e8;
}
div#rechts .csc-default aa:hover,.sprachwahl_header a:hover {
    color: #F90;
}
div#rechts .csc-default aa:active,.sprachwahl_header a:active {
    color: #F90;
}
/* ------------------------------------------------ Text ---------------------------------------*/
/*#hauptspalte p,#hauptspalte h1,#hauptspalte h2,#hauptspalte h3,#hauptspalte h4,#hauptspalte h5,#hauptspalte h6 {
    padding-left: 50px;
    padding-right: 50px;
}
 */
#hauptspalte .csc-textpic-caption /* Legende saemtlicher querformatiger Bilder in der Hauptspalte*/
 {
    font-size: 15px;    /* bis 18. Juli 13px;*/
   /* font-weight: bold;*/
    margin: 12px 0 0 0;
}
#hauptspalte .csc-textpic-intext-right-nowrap .csc-textpic-caption {
    margin: 12px 12px 0 0;
}
#c5917 .csc-textpic-intext-right-nowrap .csc-textpic-caption {
    margin: 12px 12px 0 0;
    color: red;
}
#hauptspalte .legende_hochformat p {
    /* Legende der hochformatigen Bilder*/
 font-size: 11px;
    padding-left: 10px;
    padding-right: 40px;
    padding-top: 20px;
}
.bodytext /* Betrifft alle Lauftexte */
 {
    font-size: 16px;  /* bis 20.7.2015 14px;*/
    line-height: 27px;  /* bis 20.7.2015 20px;*/
    margin: 0;
    padding-bottom: 8px;
    /* Abstand nach p, halbe Zeile w‰
    re 8px; */
}
/* Silbentrennung */
div#contenu {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
/* Ende Silbentrennung */
#Layer1 {
    position: absolute;
    left: 727px;
    top: 278px;
    width: 187px;
    height: 189px;
    z-index: 1;
}
#Layer2 {
    position: absolute;
    left: 161px;
    top: 369px;
    width: 223px;
    height: 126px;
    z-index: 1;
    visibility: hidden;
}
ul, ol {
    /* font-size: 11px*/
 /*margin-left: 0px;*/
    /* Abstand Punkt zu Seite */
  margin-top: 0px;
  margin-right: 30px;
    /* Umgestellt am 24-6-2013 von 50 auf 0px,*/
  margin-bottom: 30px;
  padding-left: 10px;
/* line-height: 27px;*/
}
/* Diese Liste muss ein Margin links haben weil die Zahlen sonst nicht sochtbar sind */
ol {
margin-left: 12px;
}
ul {
padding-left: 20px;
}
#rechts ul {
    padding-left: 14px;
}
li {
    margin-left: 0;
    /* Abstand Punkt Seite */
 margin-right: 0;
    /*Neu eingerichtet am 24-6-2013*/
 padding-left: 0;
    /* Abstand Punkt-Text */
 padding-right: 0px;
    /* Umgestellt am 18-6-2013 von 50 auf 0px,*/
}
/*.csc-firstHeader {
    font-size: 18px;
}*/ /* Das habe ich am 4 November 2014 auskommentiert weil alle h1-Titel ohne Bild darüber in 18ü Schrift erschienen und ich nicht verstehe, was dieses Element genau ansteuert*/
.csc-subheader {
    padding-bottom: 15px;
    line-height: 2pt;
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    background-color: #999;
}
.csc-textpic-imagewrap {
    margin-top: 15px;
    margin-bottom: 10px;
    max-width: 100%}
#hauptspalte div.csc-default:first-child .csc-textpic-imagewrap /* Betrifft nur das erste Div-Element der Hauptspalte */
 {
    margin-top: 0;
}
/* --------------- Bildlegende, Videolegende - alte - heute werden Videos mit separatem Element legendiert  ------------------------*/
.csc-textpic-caption, iframe + p {
    font-size: 11px;
    padding-bottom: 10px;
}
.csc-html iframe + p {
    margin-top: 53%;
}
div.csc-html + div {
  margin-top: 40px;
}
.absender {
    font-size: 9px;
}
.zutaten {
    /*font-size: 10px; */
 /* padding-left: 5px; */
 padding-bottom: 15px;
    margin-right: 2px;
    /* Am 24-6-2013 von 20 auf 2 px gesetzt */
 padding: 0 55px 15px 0;
    margin-left: 15px;
    text-indent: -15px;
    color: #c6d6e8;
}
.zutaten a:link {
    color: #c6d6e8;
}
.zutaten a:visited {
    color: #c6d6e8;
}
.zutaten a:hover {
    color: red;
}
.zutaten a:active {
    color: #c6d6e8;
}
.infobox p /*Die Angaben am Beginn der Ort-Porträts*/
   {
   font-family: "Trebuchet", "Lucida Grande", sans serif, Arial, Verdana;
   font-size: 15px;
   line-height: 20px;
   margin: 10px 0 30px 0;
   color: #c6f8e1;
   }
.infobox strong, em, b
   {
  /* color: #c6f8e1;*/  
   }
 
.infobox a:link {
  color: #c6f8e1;
}
.infobox a:visited {
  color: #c6f8e1;
}
.infobox a:hover {
  color: #c6f8e1;
}
.infobox a: a:active {
  color: #c6f8e1;
}
.publikation {
    /*background-color: #c6d6e8; */
 padding: 15px 0 20px 0;
}
.publikation p {
    font-size: 8px;
    line-height: 16px;
    color: #c6d6e8;
    padding: 0 0 0 0;
}
   .soundcloud {
   margin-top: 40px;
}
    .legende_ton p {
    font-size: 15px;
    margin-top: 10px;  
    margin-bottom: 30px;
}
    .legende_film p {
    font-size: 15px;
    margin-top: -24px;
}
/* --- 1. Flasche, 2. Flasche etc. --- */
 .weinflasche p {
 font-size: 14px;
 text-transform: uppercase;
 color: #c6d6e8;
}
/* --- Der Link zur Übersichtsseite Von Flasche zu Flasche --- */
 .vonflaschezuflasche p {
 font-size: 14px;
 text-transform: uppercase;
 margin: 35px 0 15px 0;
}
 .vonflaschezuflasche a:link {
 color: #98fb98;
}
 .vonflaschezuflasche a:visited {
color: #98fb98;
}
 .vonflaschezuflasche a:hover {
   color: red;
}
.vonflaschezuflasche a:active {
color: #98fb98;
}
#hauptspalte .vorspann {
    /* Legende zu den Bildern von Weinflaschen */
 font-size: 13px;
    font-weight: 800;
    color: #004aa4;
    /*Blau der lemusischen Flagge*/
 padding: 15px 50px 25px 50px;
}
.angabenzumbuch p {
    font-size: 14px;
    margin: 50px 50px 0 25px;
}
.produktaus p {
    font-size: 16px;
    margin: 50px 50px 0 25px;
}
.listerechtespalte li {
    font-size: 12px; /* bis 18. Juli 11px;*/
    line-height: 23px;
}
/* Header */
#header {
    position: relative;
    height: 75px;
}
#slogan {
    color: #c6d6e8;
    position: relative;
    /*width: 250px; */
}
.slogan_gross {
    float: left;
    font-size: 40px;
    line-height: 1em;
    font-weight: bold;
}
.slogan_klein {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 4px;
    margin-left: 15px;
}
#footer {
    clear: both;
    /*margin-left: 275px;*/
}
#footer p {
    font-size: 10px;
    color: #4E6177;
    padding: 50px 0 0 0;
}
#footer a:link {
    text-decoration: none;
    color: #4E6177;
}
#footer a:visited {
    text-decoration: none;
    color: #4E6177;
}
#footer a:hover {
    text-decoration: none;
    color: #C6D6E8}
#footer a:active {
    text-decoration: none;
    color: #c6d6e8;
}
/* ------------- Suche ------------------ */
strong.tx-indexedsearch-redMarkup {
    color: red;
}
#hauptspalte .tx-indexedsearch {
    padding-left: 50px;
    padding-right: 50px;
}
#hauptspalte .tx-indexedsearch p {
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 10px 0;
}
.tx-indexedsearch .browsebox {
    font-size: 12px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}
.tx-indexedsearch .tx-indexedsearch-browsebox li {
    margin-right: 5px;
    margin-left: 0;
    padding: 0;
}
/* ------------- Sprachwahl ------------------ */
#sprachwahl {
    margin-bottom: 20px;
}
#sprachwahl .language_selected a:link, #sprachwahl .language_selected a:visited {
    color: red;
}
#sprachwahl .language_inactive a {
    text-decoration: none;
}
/* ------------- Audio ------------------ */
audio {
    width: 100%;
}
/* ------------------------------------------------ Menue */
#menu /* Betrifft ganzes Menu links */
 {
    /*font-family: Arial; */
 width: 250px;
    margin: 50px 25px 0 0;
    padding: 0;
    font-size: 11px;
}
ul#tabnav {
    list-style-type: none;
    line-height: 16px;
    margin: 0;
    padding: 10px 0;
}
ul#tabnav li {
    /* background-color: #405163; */
 padding-left: 5px;
    padding-bottom: 2px;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 0;
}
ul#tabnav li.tabnav2 {
    /* background-color: #47596D; */
 padding-left: 15px;
    text-transform: none;
}
ul#tabnav li.tabnav3 {
    /* background-color: #4E6177; */
 padding-left: 25px;
    text-transform: none;
}
ul#tabnav li.tabnav4 {
    /* background-color: #556981; */
 padding-left: 35px;
    text-transform: none;
}
ul#tabnav li.tabnav5 {
    /* background-color: #5C718B; */
 padding-left: 45px;
    text-transform: none;
}
ul#tabnav li.tabnav6 {
    /* background-color: #5C718B; */
 padding-left: 55px;
    text-transform: none;
}
ul#tabnav li.tabnav7 {
    /* background-color: #6c819a; */
 padding-left: 65px;
    text-transform: none;
}
ul#tabnav li.active {
    background-color: #999;
}
ul#tabnav li.active2 {
    background-color: #999;
    padding-left: 15px;
    text-transform: none;
}
ul#tabnav li.active3 {
    background-color: #999;
    padding-left: 25px;
    text-transform: none;
}
ul#tabnav li.active4 {
    background-color: #999;
    padding-left: 35px;
    text-transform: none;
}
ul#tabnav li.active5 {
    background-color: #999;
    padding-left: 45px;
    text-transform: none;
}
ul#tabnav li.active6 {
    background-color: #999;
    padding-left: 55px;
    text-transform: none;
}
ul#tabnav li.active7 {
    background-color: #999;
    padding-left: 65px;
    text-transform: none;
}
ul#tabnav a:link {
    text-decoration: none;
    color: #333333;
}
ul#tabnav a:visited {
    text-decoration: none;
    color: #333333;
}
ul#tabnav a:hover {
    text-decoration: none;
    color: red;
    /*#000; */
}
ul#tabnav a:active {
    text-decoration: none;
    color: #000;
}
/* ------------- read more ---------------- */
/* .expandable -> .intro */
/*.expandable .summary, steuert das Element "Schliessen" */
.expandable .read-less {
    font-family: Comic Sans MS,Verdana,Helvetica;
    display: block;
    padding-left: 0px;
    padding-right: 50px;
    color: #fffabc;
}
.expandable {
    /* background-color: #bbccdd; */
 padding: 10px 0 10px 0px;
    color: #fffabc;
}
.expandable p {
    /*font-family: Comic Sans MS,Verdana,Helvetica; */
 /* font-size: 13px; */
 /* color: #ff9900; */
 color: #fffabc;
}
.expandable a:link {
    color: #fffabc;
}
.expandable a:visited {
    color: #fffabc;
}
.expandable a:hover {
    color: red;
}
.expandable a:active {
    color: #fffabc;
}
/* audio */
.tx-mbkdvideo-pi1 {
    padding: 25px 50px 10px 50px;
}
/* randspalte rechts */
#c3835 p {
    font-size: 11px;
}
/* newsletter subscription */
.tx-sremailsubscribe-pi1 {
    margin: 20px;
}
.tx-sremailsubscribe-pi1 input[type=text] {
    width: 280px;
}
/* tt_news */
/*.news-list-morelink {
    display: none;
}
.news-list-date, .news-list-container IMG {
    margin: 10px 0 0 50px;
}
.news-list-container IMG {
    clear:both;
    width: auto;
    height: auto;
}
.news-single_next {
    margin: 10px 50px 0 0;
}
.news-single-rightbox,.news-single-img {
    margin-right: 50px;
}
.news-single-backlink {
    margin-left: 50px;
}*/
/* tt_news neu 2015-11-26 */
.news-list-container {
 }
.news-list-item {
 width: 45%;
 float: left;
 margin-right: 4%;
 margin-bottom: 10px;
}
.newstext p {
 font-size: 13px;
 line-height: 20px;
}
.newstext p:last-child {
 padding-bottom: 0;
}
.news-list-item:nth-child(even) {
  width: 48%;
  margin-right: 0;
}
.news-list-item:nth-child(odd) {
  clear: both;
  width: 48%;
  margin-right: 4%;
}
@media screen and (max-width: 700px) {
    .news-list-item,
    .news-list-item:nth-child(even),
    .news-list-item:nth-child(odd)
     {
     width: 100%;
  }
}
.news-list-morelink {
    display: none;
}
.news-list-date, .news-list-container img {
    float: none;
    margin: 0;
    padding: 0;
}
.news-list-container IMG {
    clear:both;
    width: auto;
    height: auto;
}
.news-single_next {
    margin: 10px 50px 0 0;
}
.news-single-rightbox,.news-single-img {
    margin-right: 50px;
}
.news-single-backlink {
    margin-left: 50px;
}
.news-list-browse {
  clear:both;
}
/* ende tt_news neu 2015-11-26 */
/* rss icon */
#c18994 .csc-textpic-imagewrap {
    margin-left: 50px;
    margin-top: 0;
}
/* nach Update auf 4.7 - am 17-9-2014 neutralisiert weil sonst die Bilder auf 2477 problematisch dargestellt wurde*/
/* #hauptspalte .csc-textpic-imagerow {
    width: 502px;
} */
/*#rechts .csc-textpic-imagewrap,#rechts .csc-textpic-imagerow {
    width: 185px;
}
*/
/*.tx-flseositemap-pi1 .list {
}
 spricht alle Ebenen an,.tx-flseositemap-pi1 .deep0 {
}
, .tx-flseositemap-pi1 .deep1 {
}
 etc. die einzelnen Ebenen.*/
.tx-flseositemap-pi1 .list {
    list-style-type: disc;
    margin-bottom: 0px;
    /* Abstand zwischen Punkt und Text */
 text-indent: -7px;
    line-height: 24px;
}
.tx-flseositemap-pi1 ul,.tx-flseositemap-pi1 li {
    margin-right: 0;
    padding-right: 0;
}
/*.tx-flseositemap-pi1 li {
    margin-left: 0px;
}
*/
/* Einrueckung der Unterpunkte */
.tx-flseositemap-pi1 .list li {
    padding-left: 5px;
}
/* Korrektur der Einrueckung fuer oberste Ebene */
 /*.tx-flseositemap-pi1 .deep0 {
   margin-left: 50px;
}*/
/*.tx-flseositemap-pi1 .deep1>li {
    margin-left: 10px;
}
/*.tx-flseositemap-pi1 .deep2>li {
    margin-left: 0px;
    text-indent: -20px;
}
*/
img {
    max-width: 100% !important;
  height: auto;
  width: auto;
}
/* Make Firefox images scale with screen width. The width:100% messes up on Safari */
@-moz-document url-prefix() {
  img {   
    width: 100%;   
  }
}
#weather {
  font-size: 12px;
  line-height: 16px;
}
#weather img {
  width: auto;
  display: block;
}
@media screen and (min-width: 900px) {
#weather img {
  float: left;
}
}
#weather h2 {
  font-size: 12px;
}
.yahoo {
  display: none;
}
#c25064 {
  clear: both;
}
  
.csc-html {
    /*float: none;
    clear: both;*/
    width: 100%;
    position: relative;
    padding-bottom: 52.5%;
    padding-top: 25px;
    height: 0;
}
.csc-html iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* collapsible menu */
#mobile-menu {
    background: url("img/icon-mobile.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 30px;
    margin: 5px 5px;
    width: 41px;
}
div#menu {
    float: none;
    position: absolute;
    top: 0;
    left: 50px;
    display: none;
    background-color: #c6d6e8;
    opacity: .925;
    z-index: 100;
}
#slogan {
    margin-left: 70px;
}
@media screen and (max-width: 520px) {
    .slogan_klein {
    display: none;
}
}
@media screen and (max-width: 700px) {
    div#hauptspalte {
    width: 100%;
}
 div#rechts {
    display: none;
}
}
/*@media screen and (max-width: 959px) {
    body {
    margin: 0;
}
 div#contenu {
    max-width: 720px;
}
 div#hauptspalte {
    float: none;
    margin-right: 300px;
    margin-top: 50px;
}
 div#rechts {
    margin-top: 50px;
}
}
@media screen and (min-width: 960px) and (max-width: 1049px) {
    div#contenu {
    max-width: 960px;
}
}*/
/* tt_content layout-typen */
/*
layout-1 = Titel mit icon
layout-2 = Wein
layout-3 = Literatur
*/
/* ------- Titel mit Ikon --------*/
.layout-1 h1 {
/* text-decoration: underline; */
}
.layout-1 img {
width: 50px;
float: right;
}
.layout-1 .csc-textpic-text {
margin-left: 50px;
}
/*--- Wein ---*/
/* In der Rubrik von Flasche zu Flasche die Angaben zum jeweiligen Wein */ 
/* SO WAR ERSTE ANSTEURUNG 
.layout-2 img {
width: 300px;
}
.layout-2 .csc-textpic-text {
margin-top: 20px;
margin-left: 0px;
margin-right: 340px;
}
.layout-2 DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float: right;
padding-bottom: 30px;
}
.layout-2 ol {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0px;
}*/
.layout-2 img {
width: 200px;
}
.layout-2 .csc-textpic-text {
margin-top: 10px;
margin-left: 0;
}
@media screen and (min-width: 768px) {
    .layout-2 .csc-textpic-text {
    margin-right: 240px;
  }
}
.layout-2 DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float: right;
padding-bottom: 10px;
padding-top: 15px; /* Oberer Abstand Bild */
padding-left: 10px;
}
@media screen and (max-width: 520px) {
    .layout-2 DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
    padding-bottom: 0;
    padding-top: 10px; /* Oberer Abstand Bild */
    padding-left: 0;
  }
}
#hauptspalte  div.layout-2:first-child .csc-textpic-imagewrap {
  margin-top: 15px;
}
/* ------- Literatur --------*/
.layout-3 img {
width: 165px;
}
.layout-3 .csc-textpic-text {
margin-top: 50px;
margin-left: 200px;
margin-right: 150px;
color: #c6d6e8;
font-style: italic;
}
/*.layout-3 DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float: left;
}*/
/*----------- Liste mit Bild ---------------------------------*/
/*Gilt nicht nur für Liste, sondern auch für Lauftext.
Gilt für «Siehe auch» mit Bild wie es in der Mission Kaki vorkommt,
für ibid. «Menu Maille», «In 20 Wannen um die Welt»,
«Teka Maki Memory», «Die 12 Arbeiten des Hektor Maille»,
einzelne der Kommentare in der Syrien-Episode, das Kongoalphabet von Love H Kiri */ 
.layout-4 img {
width: 200px;
}
.layout-4 .csc-textpic-text {
margin-top: 10px;
margin-left: 0px;
margin-right: 240px;
color: c6d6e8;
}
.layout-4 DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float: right;
padding-bottom: 30px;
}
.layout-4 ol {
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0px;
}
/*----------- Text und kleines Bild ---------------------------------*/
/* Eine Kombine aus einem meist kürzeren Text oder einer Liste und einem kleinen Bild. 
Standardeingabe ist Bildbreite: 500 - Position: Neben dem Text links Spalten: 1.
Wird gebraucht für: Beluga-Alphabet, Triemli-Gewürzseite (hier steuert es zwei Bilder übereinander),
Santa Lemusa Bezirke Übersicht, Hinweis auf HOIO-Gewürze auf den Gewürzseiten,
Menu aus dem «Sourire» (hier sind die Bilder im Hochformat, 
was geht wenn viel Text da ist, werden die Bilder doch ziemlich gross), 
Fleisch Zuschnitte (ebenfalls manchmal mit Bildern im Hochformat),
HOIO-Gewürze (ab 3-2016) - mit Bildern im Hochformat,
Ab 3-2016 auch für revidierte Mission Kaki Rezepte (Vorbild ist Tabouleh),
die entsprechende Anweisung im kaki-stylesheet ist Liste mit Bild */ 
.layout-5 img {
width: 200px;
}
.layout-5 .csc-textpic-text {
margin-top: 10px;
margin-left: 0;
}
@media screen and (min-width: 768px) {
    .layout-5 .csc-textpic-text {
    margin-right: 240px;
  }
}
.layout-5 DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float: right;
padding-bottom: 10px;
padding-top: 15px; /* Oberer Abstand Bild */
padding-left: 10px;
}
@media screen and (max-width: 520px) {
    .layout-5 DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
    padding-bottom: 0;
    padding-top: 10px; /* Oberer Abstand Bild */
    padding-left: 0;
  }
}
#hauptspalte  div.layout-5:first-child .csc-textpic-imagewrap {
  margin-top: 15px;
}
/* -------- Accordion ---------- */
.tx-jfmulticontent-pi1 .ui-widget-content {
  background: transparent;
  color: #c6d6e8;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans serif, Arial, Verdana;
  font-size: 11px;
  line-height: 18px;
  border: none;
  padding: 0 0 0 2px;
}
.tx-jfmulticontent-pi1 .ui-accordion-header {
  background: transparent;
  border: none;
  padding: 0;
  clear: both;
  font-size: 16px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0;
}
/*.tx-jfmulticontent-pi1 .ui-icon {
  float: left;
  zoom: 1.5;
}*/
.tx-jfmulticontent-pi1 .ui-accordion-content {
  clear: both;
}
div#rechts .tx-jfmulticontent-pi1 h3 {
  
}
div#rechts .tx-jfmulticontent-pi1 h3 a:link,
div#rechts .tx-jfmulticontent-pi1 h3 a:visited {
  color: #ff0000;
  padding-left: 20px;
}
/* Pseudo Wolke */
.tx-form4tags-similartopics:after {
    content:'';
    display:block;
    clear: both;
}
.tx-form4tags-similartopics li {
  float:left;
  list-style-type: none;
  margin-left: 10px;
  line-height: 22px;
}
.tx-form4tags-similartopics li:nth-child(5n+0) {
  font-style: italic;
}
.tx-form4tags-similartopics li:nth-child(3n+0) {
  font-size: 18px;
}
.tx-form4tags-similartopics li:nth-child(4n+0) {
  font-weight: bold;
}
#rechts .cse .gsc-control-cse, .gsc-control-cse {
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#rechts td.gsc-input {
	padding-top: 2px;
}
#rechts td.gsc-clear-button {
	display: none;
}
#rechts input.gsc-search-button {
	border-color: #aaa;
}