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

#head {background-color: navy; border-bottom: navy 3px solid; height: auto; max-height: auto;}
#head input[type='text'] {height: 50px; width: 60%; font-size: 30px; float: left;}
#head input {height: 50px; width: 50px; font-size: 40px;}
#head img {background-color: #eee; float: right;}
#head p {color: white; padding: 5px 10px; margin: 0px; font-size: 25px; text-align: left;}
#head p.sub {color: white; padding: 5px 10px; margin: 0px; font-size: 12px; text-align: left;}

#footer_container {background-color: navy; border-bottom: navy 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: navy 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: navy; font-size: 40px; margin-top: 0px;}

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

#content {margin: auto; padding: 10px; max-width: 800px;}
#content h2 {color: navy; 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: 14px; line-height: 1.6em;}
#content h3.left {text-align: left;}
#content h4.underline {border-bottom: solid 2px navy;}
#content p a {color: navy; text-decoration: none;}
#content p a:hover {text-decoration: none;}
#content p.clear {clear: both;}
#content p.right {text-align: right;}
#content p.center {text-align: center; font-size: 1.2em;}
#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 table tr td a {color: navy; text-decoration: none;}

#content div a {color: navy; 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 p.readmore {width: 100%; background-color: #eee; border: solid 1px black;}

#content p.readmore a {color: navy; text-decoration: none;}

#content div.blogteaser {border: solid 0px black; float: right; width: 150px; height: 150px; text-align: center; padding: 10px;}

#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: 95%; height: 100px; display: block; font-size: 30px;}
#content textarea.oneline {width: 95%; height: 40px; display: block; font-size: 30px; white-space: nowrap; overflow-x: hidden;}
#content textarea.text {width: 95%; height: 300px; display: block; font-size: 30px;}
#content input {width: 95%; height: 40px; display: block; font-size: 30px;}
#content input[type='radio'] {width: 20px; height: 20px; display: inline; font-size: 30px;}
#content input[type='checkbox'] {width: 20px; height: 20px; display: inline; font-size: 30px;}
#content select {width: 95%; height: 40px; display: block; font-size: 30px;}

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

#menu {position: absolute; left: -200px; width: 200px; background-color: #eee; border-right: solid 2px navy; height: auto;}
#menu p {border-bottom: solid 2px navy; padding: 15px 5px; margin: 0px;}
#menu p a {text-decoration: none; color: black;}

#selector {width: 60%; background-color: white; border: solid navy 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 navy; padding: 10px; text-align: center;}

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


@media (min-width: 1220px) {
/*#menu {right: 0; left: auto; border-left: solid 2px navy; } */
#menu {left: 0;}
#head img {display: none;} 
#head p {font-size: 30px;}
  
#content h2 {font-size: 40px;}
#content h3 {font-size: 30px;}
#head p {font-weight: bold;}
  
}