/* Eigene CSS-Styles für EPIC-Free URL 2015a.pehoelzer.de */
/* ************************************************************* */
/* Installation 2020.pehoelzer.de -  Weltreise 2019/2020 ARTANIA     */
/* ************************************************************* */
/* hintergrundfarbe grüen */
#jsn-master {
	background-color:#22380e;     /* #253813; */
	background-image: url(../hoe_style/colors/green/bg-master.jpg);
}

/* Grundsätzliches */
/* Schriftgröße 20% größer als angedacht*/
#jsn-content {font-size: 120%;}
/* JSN-MAINBODY */
/* der Text klebt zusehr am linken und rechten Rand */
#jsn-mainbody {padding-left: 60px; padding-right: 60px;}


/* Text-Banner (Ersatz für Logo */
/* die Gesamtbreite muss 960px sein */
div.hoe_text_logo {margin-left: 40px; margin-bottom:-10%;}

/* Dieses Kästchen wird nicht gebraucht */
#jsn-headerright {padding: 0px;}

/* gesamten Logo-Bereich zentrieren */
/* ....und runde Ecken - passend zu #jsn-page */
#jsn-logo {margin: 0px auto;float: none; border-radius: 20px;}

/* Die Seite soll nicht am oberen Rand kleben */

/* .... und die Ecken etwas runder  */
#jsn-page {margin-top: 10px; border-radius: 20px; background-color: white;}
#jsn-page-inner  {border-radius: 20px;}
#jsn-content {border-bottom-right-radius: 20px;}

/* Slide-Show auch mit runden Ecken versehen */
div.box_clone img {border-radius: 20px;}     
div.image a {border-radius: 20px;}   
.image_main {border-radius: 20px; background-color: white;}   
.image {background-color: white;}
/* der schwarze unter Streifen der sporadisch erschein soll wech */
.box_skitter {background-color: transparent;}


/* Bilder innerhalb von Berichten analog von WORDPRESS */

/*
********* Links *********
<div class="hoepic_left">
Bild
<br>
<p class="hoepic-txt">Bildtext</p>
</div>
*/

.hoepic,.hoepic_right
        {    background-color: #f3f3f3;
             border: 1px solid #ddd;
             border-radius: 3px;
             margin: 10px 10px 10px 10px;
             max-width: 100%;
             padding-top: 4px;
             text-align: center; float:right;    }

.hoepic_left {    background-color: #f3f3f3;
             border: 1px solid #ddd;
             border-radius: 3px;
             margin: 10px 10px 0px 0px;
             max-width: 100%;
             padding-top: 4px;
             text-align: center; float:left;    }
             
.hoepic_center {    background-color: #f3f3f3;
             border: 1px solid #ddd;
             border-radius: 3px;
             margin: 10px auto 0px auto;
             max-width: 100%;
             padding-top: 4px;
             text-align: center;    } 
.hoepic-txt { font-size: 80%;
              clear:both;
             line-height: 17px;
             margin: 0;
             padding-top:   2px; 
             padding-right: 4px;
             padding-left:  4px;
             padding-bottom 5px; 
              }             
 




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Main-Manü */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*.... Farbe anpassen        */


/* Zwischenräune zwangseliminieren */
.hoe_no_margin_top_and_bottom  { margin-bottom: -10px;}

/* eigenen Kästchen*/
.hoe_box_01   {background-color: #345679; color: white;padding:15px; padding-left: 25px;}
.hoe_box_01 a {background-color: white; padding-top:5px; padding-bottom: 5px;}
.hoe_box_01 a:focus {outline: none; background: #B9BAB6;}

/*Webmaster-Zeile */
.hoe-jsn-brand,
#jsn-brand+div


                 {color: #009aca;
                  display: block;
                  padding: 3px 8px;
                  text-align: center;   }
                  
                                
                                      
/* Überschrift h5 */
h5 {font-size: 1.0em; font-weight: bold; }        

/* allg. eigene Style-Klasse für align-left */
                              
 .hoe-text-align-left {text-align: left;}           
 
 /* !!!!!!!!!!!!!!!!! Veranstaltungskalener an Stelle mainbody-top !!!!!!!!!!!!!!!!!!!!! */
/* ... damit das nächste Modul in mainbody top nicht neben sondern unter den Terminkalender plaziert wird */

.row-fluid .hoe-next-dates     {width: 100%; margin: 0px;text-align: left;}
.row-fluid .hoe-all-dates-link {width: 100%; margin: 0px;}  

 /* Modul-Titel mit etwas Abszand nach oben */
h3.jsn-moduletitle {padding :10px 0 10px   0px;}         

/* der <hr>- Strich soll Dick und schwarz sein*/    
hr {border-width:5px;border-color:grey;}                   
/* ******************************* */
/* Start Hoe-Standrad-Tabelle      */
/* ******************************* */
table.hoe_tab                        {border-collapse: collapse;}
table.hoe_tab th,table.hoe_tab td    {border: 1px solid black;}
table.hoe_tab td                     {padding-left:5px;padding-right:5px;}

/* ******************************* */
/* Suchmodul Größe anpassen        */
/* ******************************* */
 div.hoe_such input {width:140px;}

/* ******************************************************************** */
/*wegen neuer EPIC-Free Version alte Werte wieder herstellen */
/* ******************************************************************** */

/*     * Menü */  
/*alt: div.jsn-modulecontainer ul.menu-mainmenu > li > a {    font-size: 1.1em; }*/
div.jsn-modulecontainer ul.menu-mainmenu > li > a {    font-size: 1.1em; }

/* Zeilenabstand */
html, body {     line-height: 1.5;} 

/* Überschrift Modulkästchen */
h3.jsn-moduletitle {       color: #000;        font-size: 1.2em;}
/* ******************************************************************** */
/*JCE-EDitor hat zu kleine Schrift*/
/* ******************************************************************** */
 /* Damit der folgende Style vom Editor auch "gezogen" wird, mus in den PCE-Einstellungen 
 profile ---> Default Reiter: Editoreinstellung --->Typographie Editorstil von "vererben" auf "hinzufügen"geändert werden       
 und im Kästchen "eigene Dateien ist hoe_style/hoe01.css einzutragen
 Anmerkung: die CSS-Datei für den JCE Editor wird nämlich dynamisch erzeugt*/ 
body#tinymce p {font-size:14px;}


/* ******************************************************************** */
/* Teile ausblendenr                                                    */
/* ******************************************************************** */
.hoe-display-none {display:none;} {width:90%;}


/* ******************************************************************** */
/*Besuchszähler Visitcounter
/* ******************************************************************** */
.visitorcounter {width:90%;}

/* ******************************************************************** */
/*Ziggy's Gambia Tours
/* ******************************************************************** */
div.jsn-modulecontainer ul.menu-mainmenu > li
{border-right: 1px solid grey;border-left: 1px solid grey;}