*, *:before, *:after {-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */box-sizing: border-box; /* Opera/IE 8+ */}
html    { font-size: 100%;}
body { color: #282828; font-size: 0.9em; /* 16px */ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #fff; /* 24px */}
#page-wrapper { margin: 0 auto; }
#content { width: 100%; padding: 0.8em 10px; }
a:link { color: #e70000; text-decoration: none; outline-style: none }
a:visited { color: #e70000; text-decoration: none; outline-style: none  }
a:hover, a:focus, a:active { color: #0079ab;}
p { color: #4b4b4b; font-size: 1em; line-height: 1.55em; margin-top: 4px; }
ul { margin: 0; padding: 0; }

h2,h3,h4,h5,h6  {font-weight: normal}
h1  { font-size: 0.95em; line-height: 1.4em; text-align: center; margin-bottom: 0; padding-bottom: 0; }

#head   {    }
#head img{ max-width: 50%;   }
#head img{ display: block;  margin-left: auto; margin-right: auto   }

#head ul { text-align: center; margin-bottom: 10px; }
#head ul > li{ font-size: 0.8em; line-height: 1.5em; list-style: none; display: block; }
#head a:link { color: #e70000; outline-style: none}
#head a:hover { color: #0079ab; outline-style: none}
.about { color: #0079ab}
		
h5{ color: #4b4b4b; font-size: 0.75em; font-weight: normal; margin-top: 0; margin-bottom: 0; }

.blogentry { margin-bottom: 20px; border-bottom: 1px solid #e70000; }
.blogtext p, .blogslides p { font-size: 1em; line-height: 1.5em; margin-bottom: 8px; }
.blogtext p.credits{ font-size: 0.75em; line-height: 1.5em; margin-bottom: 12px; margin-top: -4px; }
.blogtext p a { color: #00aedd; }
.blogtext p a:hover { color: #505050; }

.blogslides img { max-width: 100%; margin-bottom: px; }

#blogfooter { margin-top: -10px; margin-bottom: 20px; }
#blogfooter li { font-size: 0.9em; line-height: 1.5em; list-style-type: none; display: inline; }
#blogfooter li:last-child { float: right }

@media screen and (min-width: 40em)
{

#head img{ max-width: 100%;}
h1  { font-size: 1.3em; line-height: 1.3em;  }
#head ul > li{ font-size: 1em; line-height: 1.5em; margin-right: 10px; display: inline; }
}

@media screen and (min-width: 55em) 
{
.blogtext p { max-width: 800px; }
.blogslides p { font-size: 0.9em; line-height: 1.4em; margin-bottom: 15px; }
#head{ width: 800px  }
}

@media screen and (min-width: 72em) 
{ 


h1  { font-size: 1.5em; line-height: 1.3em;  }
#head ul > li{ font-size: 1.25em; line-height: 1.5em; }
#head img { max-width: 400px  ;  }

#page-wrapper { max-width: 800px;  }
#content { width: 800px;  }

.blogentry { width: 800px; float: left; }
.blogtext p,.blogslides p { font-size: 1.1em; line-height: 1.5em;  }

.blogslides img { max-width: 800px  ;  }
.blogslides p { max-width: 800px }

h5{ font-size: 0.9em }
.blogtext p.credits{ font-size: 0.9em; line-height: 1.5em; margin-bottom: 12px; margin-top: -4px; }

#blogfooter { width: 800px ; float: left;}
#blogfooter ul {  }
#blogfooter li { font-size: 0.8em; }
#blogfooter li:last-child { padding-top: 0px; }