body {padding: 0px; margin: 0px; background-color: #c62829; font-family: Verdana, Helvetica, Arial; left: 0px; position: absolute; width: 100%;}

#head {background-color: white; border-bottom: #c62829 3px solid; min-height: 80px; overflow: hidden;}
#head input[type='text'] {height: 50px; width: 60%; font-size: 30px; float: left;}
#head input {height: 50px; width: 50px; font-size: 40px;}
#head img.menu {background-color: #fff; float: right;}
#head img.logo {background-color: #eee; float: left; display: none;}
#head p.main {color: black; padding: 5px 10px; margin: 0px; font-size: 25px; text-align: left; border-bottom: solid 2px #c62829;}
#head p.sub {color: black; padding: 5px; margin: 0px; font-size: 13px; text-align: left;}

#footer_container {background-color: #c62829; border-bottom: #c62829 3px solid;}
#footer {margin: auto; max-width: 800px;  min-height: 50px;}
#footer p {color: white; padding: 10px; margin: 0px; font-size: 14px; text-align: left;}
#footer p a {color: white; text-decoration: none;}

#list {margin: 0px; padding: 10px;}
#content #list p {border-bottom: #c62829 2px solid; padding: 5px; width: 100%; height: auto; font-size: 30px; display: block; min-height: 50px !important; }
#list p a {color: black; text-decoration: none; font-size: 40px;}
#list p a span {font-size: 14px;}
#list p a:hover {text-decoration: none;}
#list input.done {float: right; width: 20px; height: 20px; display: none;}
#list img {width: 50px; height: 50px;}
#list h2 {color: #c62829; font-size: 40px; margin-top: 0px;}

#content_container {background-color: #fafafa; min-height: 400px;}

#content {margin: auto; padding: 10px; max-width: 800px;}
#content h2 {color: #c62829; font-size: 30px; margin-top: 0px; text-align: center;}
#content h3 {color: black; font-size: 20px; margin-top: 0px; text-align: center;}
#content p {border-bottom: blue 0px solid; padding: 5px; width: 100%; height: auto; font-size: 13px; line-height: 1.4em;}
#content h3.left {text-align: left;}
#content h4.underline {border-bottom: solid 2px #c62829;}
#content p a {color: #c62829; text-decoration: none; display: block;}
#content p a:hover {text-decoration: none;}
#content p.clear {clear: both;}
#content p.right {text-align: right;}
#content p.center {text-align: center;}
#content p.admin a {color: darkred;}
#content p.photocredit {text-align: right; font-size: 0.6em; font-style: italic;}
#content p.autor {text-align: center; font-style: italic; font-weight: bold;}
#content p.teaserimage {width: 99%; background-color: #ccc; border: solid 1px #333; height: auto; min-height: 50px; overflow: hidden; padding: 0px;}
#content p.teaserimage img {width: 100%;}

#content ul li {border-bottom: blue 0px solid; padding: 5px; width: 100%; height: auto; font-size: 13px; line-height: 1.4em;}

font.flowtext {border-bottom: blue 0px solid; padding: 5px; width: 100%; height: auto; font-size: 13px; line-height: 1.4em;}

#content table tr td a {color: #c62829; text-decoration: none;}

#content div a {color: #c62829; text-decoration: none;}

#content p.articleimage {overflow: hidden;  border: solid 2px black; padding:0px;}
#content p.articleimage img {width: 100%;}

#content p.crop {max-height: 200px;}

#content ul.list {list-style-type: none;}
#content ul.list li {border: solid 1px black; padding: 7px; margin-bottom: 10px;}
#content ul.list li a {text-decoration: none; font-weight: bold; color: black;}
/*#content ul.list li a span {font-size: 14px;} */

#content textarea {width: 100%; height: 100px; display: block; font-size: 20px;}
#content textarea.oneline {width: 100%; height: 40px; display: block; font-size: 20px; white-space: nowrap; overflow-x: hidden;}
#content textarea.text {width: 100%; height: 300px; display: block; font-size: 20px;}
#content input {width: 100%; height: 40px; display: block; font-size: 20px;}
#content input[type='radio'] {width: 20px; height: 20px; display: inline; font-size: 20px;}
#content input[type='checkbox'] {width: 20px; height: 20px; display: inline; font-size: 20px;}
#content select {width: auto; height: 40px; display: inline; font-size: 20px;}

#content div.image a img {border: 2px solid black;}

#content table tr td.topics {vertical-align: top; padding: 5px; border-bottom: solid 1px #c62829;}

#menu {position: absolute; top: 50px; left: -202px; width: 200px; background-color: white; border: solid 2px #c62829;}
#menu p {border-bottom: solid 2px #c62829; padding: 5px; font-size: 12px;}
#menu p a {text-decoration: none; color: black;}
#menu p a.active {color: #c62829; font-weight: bold;}

#selector {width: 60%; background-color: white; border: solid #c62829 1px; padding: 5px; margin-left: 50px; display: none;}

#selector ul li {list-style-type: none; line-height: 2.5em;}
#selector a {display: block; text-decoration: none; color: black;}

div.success {background-color: lightgreen; border: solid 3px darkgreen; padding: 10px; text-align: center;}
div.error {background-color: salmon; border: solid 3px red; padding: 10px; text-align: center;}
div.notice {background-color: lightblue; border: solid 3px #c62829; padding: 10px; text-align: center;}

#content p iframe {max-width: 100%; border: solid 4px #c62829;}


div.image {background-color: #c62829; text-align: center; border: solid 5px #c62829; font-size: 11px;}
div.image img {width: 90%; height: auto;}

div.rightbar {border: solid 5px #c62829; text-align: left; font-size: 11px; width: 100%; padding: 10px;}
div.rightbar h2 {font-size: 15px!important;}

@media (min-width: 400px) {

  
#content h2 {font-size: 40px;}
#content h3 {font-size: 30px;}
#head p {font-weight: bold;}
#head p.main {border-bottom: solid 0px #c62829;}
  
div.image {background-color: #c62829; text-align: center; float: right;}
div.image img {width: auto; height: auto;}

div.rightbar {width: 45%; float: right;}
}

@media (min-width: 1220px) {
/*#menu {right: 0; left: auto; border-left: solid 2px #c62829; } */
#menu {left: 0; height: auto; top: 95px; }
#head img.menu {display: none;} 
#head img.logo {display: block;} 
#head p {font-size: 30px;}
  
#content h2 {font-size: 40px;}
#content h3 {font-size: 30px;}
#head p {font-weight: bold;}
#head p.main {border-bottom: solid 0px #c62829;}
  
div.image {background-color: #c62829; text-align: center; float: right;}
div.image img {width: auto; height: auto;}

div.rightbar {width: 45%; float: right;}
}