/* MARCO JORIO */

html, body { }
body { background:#1F1E23 url('https://www.marco-jorio.ch/img/bg.jpg') fixed; color:#333; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.25em; }
a { text-decoration: underline; color:#777;}
a:hover { color: #2D698F; }
ul, ol { margin: 5px 20px; list-style-position: outside; overflow: visible; }
li { padding-bottom: 3px; }


/* ---------------------------Hintergruende / Layout ---------------------------- */

#layout_wrapper { }
#contentwrap { background-color: #fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }

#header { color:#fff; }
#navi{ padding: 78px 15px 15px 15px; }
#content{ padding: 30px 15px 15px 15px; }

/* ------------------------- Formatierung ------------------------- */
/* Kopfzeile */

#header { color:#fff; padding: 50px 0 5px 0;}
#header a { color: #fff; text-decoration: none; }
#header-titel {font-size: 48px; font-weight:bold; display: inline; padding-right: 12px;}
#header-zusatz {font-weight:bold; display: inline;}


/* Navigation */
#navi a { text-decoration: none; }
#navi a:hover { text-decoration: underline; }
#navi .index_nesting_0 { padding: 3px 0; }



/* ------------------------- Module------------------------- */
/* Titel-Modul */
.titel_datum {display:none;}

#content h1 { margin-bottom: 12px; font-size: 36px;  color:#2D698F; line-height: 36px; font-weight: normal;}


/* Artikel */
h3 { margin-bottom: 10px; font-size: 20px; color:#3D7FA8; line-height: 24px; font-weight: bold; }
#content .artikel_text { margin-bottom: 30px; }
.artikel_datum { padding: 3px 0; color:#777; }
.artikel_text img, .artikel_text a img { margin-top: 5px; }
.artikel_bild_legende { font-size: 12px; font-style: normal; color: #000;  background-color: #dbdbdb; line-height: 1.3em; margin: -4px 0 0; padding: 7px 5px 5px 5px;}


/* Akkordeon */
div.accordian { margin:16px 0px; border-bottom: 1px dashed  #797979; padding:0px;}
div.accordian_hdr { border-top: dashed 1px  #797979; padding:6px 0px; cursor:pointer; cursor:hand; }
a.accordian_hdr_link { text-decoration:none; }
div.accordian_body { border-top:1px dashed  #797979; padding:10px 1px 10px 0px; }
div.accordian .ui-state-active a { font-size: 20px; color:#3D7FA8; line-height: 24px; font-weight: bold; }



/* Veranstaltungen in Content */
#content .event { margin: 0 0 8px 0; }
#content .event_datum { }
#content h3.events_monat { padding: 24px 0 0 0; }



/* Google-Maps */
div.google_maps { height:460px; margin:0 0 30px 0; }



/* Download-Listen */
#content ul.downloads { padding:0px !important; list-style:none !important; margin:10px 0px 20px 0px !important; border-bottom: dashed 0px  #797979; padding:6px 0px;}
#content li.downloads_titel { color: #5C83A0; font-size: 20px; font-weight: bold; line-height: 24px; margin:0px 0px 7px 0px; text-decoration: non; padding:0; list-style:none; }
#content li.download { font-family: 'Bitter', serif; font-size: 15px; font-style: italic; color: #797979; border-top: dashed 0px #797979; padding:5px 0 5px 20px !important;   background-image:url('https://kige.ch/img/download.png'); background-position:2px 2px; background-repeat:no-repeat; margin:0px; }
#content li.download  a { text-decoration:none; }


/* Formular */
fieldset { float: left; clear: left; width: 100%; margin: 15px 0 5px 0; padding: 0; } 
legend { font-weight: bold; padding-left: 140px; padding-bottom: 5px; color: #666666;}  
fieldset ol { list-style: none; margin: 0; }
fieldset li { float: left; width: 100%; padding-bottom: 5px; }  
fieldset fieldset { margin: 0px; }
label, fieldset fieldset legend { float: left; width: 130px; margin-right: 10px; text-align: right; padding-left: 0px; }
fieldset fieldset legend { font-weight: normal; }     
fieldset fieldset ol { padding: 0; margin: 0 0 0 140px; min-height: 45px; }  
fieldset fieldset label { float: none; width: auto; margin-right: auto; }
fieldset.submit { border-style: none; }
div.formular { margin-bottom: 20px; }
div.formular input.formular_submit { cursor:pointer;cursor:hand; margin-top:5px; margin-left: 140px; border:solid 1px #555555; background-color:#777777; color:#ffffff; }
div.formular .std { width:300px; }
div.formular .form_privacy { }
input[type="checkbox"] {margin-right: 5px; }


/* Highslide */
div.galerie_legende { display:none; }
div.hs_thumbnail { float:left; margin:0px 8px 10px 7px; text-align:center;
   width: 190px;
   height: 145px;
   overflow:hidden;
}
div.hs_thumbnail  a { text-align:center; }
div.hs_thumbnail  img { margin-top: 8px;}
div.hs_thumbnail .legende { font-size: 0.8em; }
div.highslide-caption { font-size:0.9em; line-height:1.3em;}
img.thumbnail { margin:auto; }