Theologe Rolf J. Dietz / csseditor

/*para slides*/#simpleSlides{max-width:500px;margin:auto;}
td{padding:8px;vertical-align:top;}
img { width: 100%, height: auto}
* {color:#333;/*background:#fff;*/font-family: 'sans-serif';font-size: 1.0em;margin:0;padding:0;}
@font-face {font-family: "erasdemi"; src: url("Dosis-Medium.otf");}
@font-face {font-family: "mgocr"; src: url("MgOpenCosmeticaRegular.ttf") format("truetype");}
header {float: left;background-color:#60a5da;text-align:center;width:100%;}
header h1 {font-family: "erasdemi"; font-size:2em;}
header h2 {font-family: "mgocr"; padding-bottom:20px;}
header h1,h2 {/*color:white;*/color:black}
header img {padding:10px;padding-top:20px;}
nav li {padding-bottom:10px;background-color:#d0d0d0;margin:5px;border-radius:5px;}
nav ul {max-width:1000px;margin:auto;background-color:#808080;}
html {background-color:#f0f0f0;}
.grey {background-color:#e0e0e0;}
body {max-width:960px;margin-left:auto;margin-right:auto;}
audio {background-color: #0B3170; border: 3px solid #a0a0a0; width: 450px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 3px; }
article {margin:auto;border-radius:15px;max-width:1000px;background-color:white;clear: both;padding:20px;border: 5px; /*borda*//*border-style: solid;border-color: #fff3c6;*/}
article h1 {font-family:erasdemi,sans; text-align:center;font-size:1.6em;color:#0B2F6B;color:#748b6f;color:white;background-color:#748b6f;padding:10px 0 10px;margin-bottom:10px;/*margin:0px;*//*font-weight: normal;*/}
article h2 {font-size:1.6em;}
article h4 {clear: left;padding-top:30px;padding-bottom:10px;padding-left: 10px;color:#black;font-size:1.2em; font-weight: bold; }
article h5 {font-size:1.2em;line-height:1.5em;}
.ilustration { border: 5px solid #94ab8f;border-radius: 10px; padding:5px;float:right;}
.ilustration-left { border: 5px solid #94ab8f;border-radius: 10px; padding:5px;}
article ul, ol {margin:0 0 35px 35px;}
article li {padding-bottom:5px;}
article p {font-size:1.2em;line-height:1.5em;/*margin-bottom:0px;*/padding-bottom:.5em;}
Xarticle p a {text-decoration:none;}
article a:hover {color:#0C3A85;text-decoration:underline}
nav {/*float: right;/*background-color:#f6fbf8;*/background-color:#FFF3C7;background-color: #1c3967;background-color: white;line-height:2em;padding: 15px;}
nav img {float: left;}
nav ul {list-style: none;}
nav ul li {float: left;display: block;}
nav ul li a {border-radius:3px; color: #111; display: block; font-size: 0.8em; /*letter-spacing: 0;*/ margin: 5px 3px 0;font-weight: normal; padding: 4px 8px 4px; text-decoration: none; /*background-color: #9cb9e7;*/ box-shadow:-1px 1px 0 transparent;}
nav ul li a img {padding:8px 0 8px 0;}
/*RJD*/nav ul li.active a,nav ul li.active a:hover { color: white;background-color: #1c3967; font-weight:bold;box-shadow: -1px 1px 0 #333;}
nav ul li a:hover {color: red;text-decoration: none;}
footer {padding:20px 0px;border-top:1px solid #ccc;}
footer p {color:#666;font-size:.8em;width:47%;}
footer p.left { float:left; text-align:left; padding:5px;}
footer p.right { float:right; text-align:right; padding:5px;}
footer p a {color:#666;font-weight:bold;text-decoration:none;}
footer p a:hover { color:#0C3A85; border-bottom-color: #0C3A85; }
@media screen and (max-width: 480px) {body {max-width:470px; font-size: .8em; }
Xheader h1 {display:none;}
Xheader h2 {display:none;}
/*article h4 img {width:calc(67%-20px);}
/*RJD*/article h4 img {width: 90%;}
/*RJD*/nav img { width: 30%; height: auto;}
nav ul {padding: 0px;}
nav ul li a {Xpadding: 3px;line-height:1.2em;/*background-color:#cce967;*/Xbackground-color:#ffffff;}
nav ul li {font-size: 1em; }
nav ul li a img {height: 15px;width:auto;padding:0 0 0 0;}
/*RJD*/article{padding:5px;}
article h2 {font-size:1.5em;}
/*article img {width: 93%; height: auto;float:left;}
article h4 {}
*/.ilustration {width: 93%; height: auto;float:left;}
footer p {width:97%;}
footer p.left { float:none; text-align:center; padding:5px;}
footer p.right { float:none; text-align:center; padding:5px;}
}