*, *: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: 1em; /* 16px */ font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; background-color: #fff; /* 24px */}
a    { color: #464646; text-decoration: none; outline-style: none   }
a:hover { text-decoration: underline; outline-style: none }
a:visited { color: #464646  }
p { color: #666; font-size: 1.1em; line-height: 1.6em; margin-bottom: 10px; margin-right: 2px; }
img { max-width: 100%; margin-bottom: 10px; padding-right: 10px;}
#page-wrapper { margin: 0 auto; }
#content { width: 100%; padding: 0.8em 10px; }
#header     { float: left; background-color: #009500; width: 100% ; margin-bottom: 20px; }
#headertext     { float: left; margin-top: 15px; margin-left: 20px; margin-right: 15px}
#headerbild img     { display: none }
h1   { color: #ffe600; font-size: 2.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.4em; letter-spacing: 0; margin-top: 0; margin-bottom: 6px; }
h2   { color: #fff; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.6em; letter-spacing: 0; margin-top: 0; padding-top: 0; }
h3   { color: #009500; font-size: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; letter-spacing: 0; margin-top: 0; margin-bottom: 0; }
h4   { color: #009500; font-size: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5em; letter-spacing: 0; margin-top: 0; margin-bottom: -10px; }

#partone { float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #009500; }
#parttwo { float: left; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #009500; }
#partthree { float: left; margin-bottom: 0px; padding-bottom: 20px; border-bottom: 1px dotted #009500; }
#footer { float: left }

#left {width: auto; float: left}
#sidebar{ width: auto; float: left}

.teil     { font-weight: normal; margin-right: 10px; }
.fett     { color: #009500; font-weight: bold   }
.dauer     { color: #009500; margin-bottom: 15px  }
.top    { color: #009500; font-weight: bold; margin-top: -5px  }
p.ds    {  font-size: 0.8em; line-height: 1.6em; margin-top: 10px; }


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

#content { float: left; }
#left img { max-width: 300px}
#left {width: 300px; margin-right: 20px;}
#sidebar { width: 400px; }

}

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

#left {width: 450px; margin-right: 20px;}
#left img { max-width: 440px}
#sidebar { float: left; width: 500px; }
}


@media screen and (min-width: 72em) 
{ 
#page-wrapper { max-width: 1200px;  }
#content { width: 1200px; }
#header     { width: 1090px  ; height: 120px; }
#headerbild img     { display: inline; float: right ; margin-top: 8px; margin-right: 30px; }
#left {width: 550px; margin-right: 40px;}
#left img { max-width: 550px}
#partone { float: left; }
#parttwo { float: left; }
#partthree { float: left; }
#footer { width: 1090px }
#footer p { width: 1090px }

h3   { font-size: 1.8em;line-height: 1.4em;  }
p { width: 450px;   }