body {font-family:Noto Sans,Arial,Helvetica,sans-serif;font-size:16px;color:#353757;background-color:#FFFFFF;margin:0;padding:0;}
#left-column {width:682px;margin:0 auto;}
#header {display:block;line-height:0;margin:32px 0 16px 0;}
#header:hover {opacity:0.8;}
#main {width:100%;}
#tabs {display:block;}
#nav {color:#FFFFFF;font-size:small;padding:10px 10px;clear:both;}
#box {padding:0 1px 1px 1px;background-color:#ccc;}
#content {background:#FFFFFF;padding:10px;line-height:1.4em;}
#footer {font-size:small;color:#808080;margin:0 5px;line-height:34px;}
#bottomnav {margin-top:20px;}
.button {float:left;width:12.5%;box-sizing:border-box;padding:15px 5px;font-size:small;color:#FFFFFF;font-weight:normal;}
.button:hover {color:#FFFFFF;opacity:0.8;}
img {border:0;vertical-align:middle;}
a {color:#CB354E;text-decoration:none;font-weight:normal;}
a.reg {color:#FFFFFF;font-weight:normal;}
a.reg:hover {color:#FFFFFF;text-decoration:underline;}
a:hover {color:#353757}
a.blogtitle {color:#353757;text-decoration:none;}
a.blogtitle:hover {text-decoration:underline;}
a.copyright {color:#808080;font-weight:normal;text-decoration:underline;}
a.copyright:hover {color:#808080;text-decoration:underline;}
h1 {color:#353757;line-height:1em;}
h2 {color:#353757;line-height:1.4em;}
h3 {color:#353757;line-height:1.4em;}
.s1 {color:#353757}
.s2 {color:#AA5A5A}
.s3 {color:#AB8259}
.s4 {color:#7AAA5A}
.s5 {color:#5A93AA}
.s6 {color:#635AAA}
.s7 {color:#A25AAA}
.s8 {color:#808080}
.bg1 {background-color:#353757}
.bg2 {background-color:#AA5A5A}
.bg3 {background-color:#AB8259}
.bg4 {background-color:#7AAA5A}
.bg5 {background-color:#5A93AA}
.bg6 {background-color:#635AAA}
.bg7 {background-color:#A25AAA}
.bg8 {background-color:#808080}
.active {font-weight:bold;text-decoration:underline;}
.blogentry {display:block;margin:0 50px 40px 50px;word-wrap:break-word;}
.blogpin {display:none;float:left;width:50px;text-align:right;}
.blogheader {margin-bottom:16px;}
.blogtitle h1 {margin:0;font-size:50px;font-weight:normal;}
.blogtitle h2 {margin:0;font-size:24px;}
.blogdate {font-size:small;}
.blogdate a {color:#353757;text-decoration:none;font-weight:normal;}
.blogdate a:hover {text-decoration:underline;}
.teaser {margin:0 0 40px 0;word-wrap:break-word;}
.teaser-header {margin-bottom:10px;}
.teaser-content {overflow:hidden;}
.teaser-img {float:left;margin-right:10px;}
.teaser-link {margin:10px 0;}
.pinentry {padding-top:10px;padding-bottom:1.4em;}
#qod-caption {font-size:small;font-weight:bold;}
#qod {padding:0px;margin:5px 0 16px 0;background-color:#ffffcc;font-size:small;}
#qod-author {font-style:italic;}
#willkommen {font-size:xx-large;font-weight:bold;}
#willkommen-text {padding-top:8px;}
.comment-form {margin:0 15px;}
.form-table {display:table;width:100%;}
.form-tr {display:table-row;}
.form-input {display:table-cell;width:50%;padding-right:15px;}
.form-label {display:table-cell;width:50%;}
.comment {border:2px solid #CCCCCC;padding:15px 40px 10px 0;margin:0 15px 25px 15px;clear:both;display:block;overflow:auto;word-wrap:break-word;}
.comment-pin {float:left;width:40px;}
.comment-column {overflow:auto;}
.comment-name {margin:10px 0 1em 0;font-weight:bold;}
.comment-text {font-style:italic;margin:1em 0;}
.comment-input {width:100%;box-sizing:border-box;margin:2px 0;padding:4px;border:2px solid #CCCCCC;}
.comment-textarea {width:100%;box-sizing:border-box;margin:2px 0;padding:4px;border:2px solid #CCCCCC;}
input,textarea {font-family:Arial,Helvetica;font-size:16px;}
ul {list-style:square;}
ul.recommended {padding-left:26px;}
ul.pin,ul.links {list-style:none;padding:0;margin:1em 0;}
ul.pin li {padding:10px 10px 0 40px;background-image:url(images/pin.gif)
;background-size:40px 25px;background-repeat:no-repeat;}
ul.links li {padding:0 0 0 26px;background-image:url(images/link.gif)
;background-size:20px 11px;background-position:1px 0.38em;background-repeat:no-repeat;}
.pagenav {margin:16px 0;}
.pagenav img,.arrow {margin-top:-2px;}
.up {margin-top:-4px;}
.column2-1 {display:inline-block;width:50%;}
.column2-2 {display:inline-block;width:50%;text-align:right;}
.column3-1 {display:inline-block;width:33%;}
.column3-2 {display:inline-block;width:34%;text-align:center;}
.column3-3 {display:inline-block;width:33%;text-align:right;}
.archive a {color: #353757;font-weight:normal;}
.archive a:hover {color: #353757;text-decoration:underline;}
pre {word-wrap:break-word;}
.socialmedia {height:32px;overflow:hidden;}
.photo-index {float:left;width:33%;}
.photo-index-frame {text-align:center;line-height:160px;}
.photo-index-caption {text-align:center;height:42px;margin-bottom:1em;}
.photo-clear {clear:both;}
.photo-landscape img {width:100%;height:auto;}
.photo-portrait {text-align:center;}
.photo-caption {text-align:center;font-weight:bold;margin:2px 0;}
.stars {white-space:nowrap;}
.star {margin-top:-6px;}
.table-div {overflow-x:auto;}
.g-1 {margin:16px 0;line-height:0;width:500px;}
.g-2,.g-3,.g-4 {display:flex;justify-content:space-around;line-height:0;}
.g-2-1,.g-2-2,.g-3-1,.g-3-2,.-g-4-1,.-g-4-2 {width:300px;}
.g-2 {margin:-24px 0 16px 0;}
.g-3 {margin:16px 0;}
.g-4 {margin:-24px 0 16px 0;justify-content:space-between;}
/* Icons */
@font-face {font-family: 'icons';src: url(data:application/x-font-ttf;base64,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) format('truetype');}
#social-icons a {color:#808080;}
.icon {font-family:'icons';font-size:20px;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-steemit:before {content:"\e900";}
.icon-facebook:before {content:"\ea90";}
.icon-twitter:before {content:"\ea96";}
.icon-youtube:before {content:"\ea9d";}
@media (min-device-width:601px) and (max-device-width:1024px) and (orientation:landscape) {
@-ms-viewport {width:800px;}
@-webkit-viewport {width:800px;}
@-o-viewport {width:800px;}
@viewport {width:800px;}
}
@media (min-device-width:601px) and (orientation:portrait) {
@-ms-viewport {width:640px;}
@-webkit-viewport {width:640px;}
@-o-viewport {width:640px;}
@viewport {width:640px;}
}
@media (min-width:601px) and (max-width:800px) {
#left-column {width:100%;}
#header {margin-left:2px;}
#box {padding:0;}
.blogentry {margin:0 20px 40px 20px;}
.p-img {margin:10px -20px;}
.p-img img[width='560'] {width:100%;height:auto;}
.p-img iframe[width='560'] {width:100%;height:56vw;}
body,input,textarea {font-size:18px;}
#qod,#qod-caption {font-size:16px;}
table {max-width:100%;}
.icon {font-size:32px;}
}
@media (max-device-width:600px),(max-width:600px) {
@-ms-viewport {width:400px;}
@-webkit-viewport {width:400px;}
@-o-viewport {width:400px;}
@viewport {width:400px;}
#left-column {width:100%;}
#header {margin-left:2px;}
#box {padding:0;}
#nav {background-color:#FFFFFF;color:#353757;padding:5px 10px}
a.reg,a.reg:hover {color:#353757;}
.button {width:25%;padding:10px 5px}
.blogentry {margin:0 20px 40px 20px;}
.teaser-img {width:165px;height:auto;}
img {max-width:100%;height:auto;}
.p-img {margin:10px -20px;}
.p-img img {width:100%;}
.p-img iframe {width:100%;height:56vw;}
body,input,textarea {font-size:18px;}
#qod,#qod-caption,#nav,#footer {font-size:16px;}
table {max-width:100%;}
.comment-input {margin-bottom:16px;}
.photo-index {width:50%;}
.g-1 {margin:16px 0;width:300px;}
.g-2,.g-3,.g-4 {flex-wrap:wrap;}
.g-2-1,.g-3-1,.g-4-1 {margin-bottom:16px;}
.icon {font-size:48px;}
}
@media (max-width:359px) {
.blogentry {margin:0 10px 40px 10px;}
.p-img {margin:10px -10px;}
.g-1 {margin:16px -10px;text-align:center;}
}