/*
 * grün: 	669900
 * blau		6666ff
 * orange	ff6600
*/

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

#head {background-color: #fff; border-bottom: #ff6600 5px solid; min-height: 50px; max-height: 100px; padding: 5px;}
#head input[type='text'] {height: 50px; width: 60%; font-size: 35px; float: left;}
#head input {height: 50px; width: 50px; font-size: 40px;}
#head img {background-color: #fff; float: right; padding-left: 10px;}
#head p {color: #669900; padding: 0 10 5px 0; margin: 0px; font-size: 30px; text-align: left; font-weight: bold;}
#head p.sub {color: #6666ff; padding: 0 10 5px 0; margin: 0px; font-size: 14px; text-align: left;}

#footer_container {background-color: #6666ff; border-top: #ff6600 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; padding-right: 10px;}

#status p {margin: 3px; font-size: 12px; color: #000; font-size: 12px; font-weight: bold;}
#status p.clear {clear: both; height:1px;}

#list {margin: 0px; padding: 10px;}
#list p {border-bottom: #4fb4e0 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: #4fb4e0; font-size: 40px; margin-top: 0px;}

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

#content {margin: auto; padding: 10px; max-width: 800px;}
#content h2 {color: #ff6600; font-size: 26px; margin-top: 0px; text-align: left;}
#content h3 {color: black; font-size: 20px; margin-top: 0px; text-align: left;}
#content p {border-bottom: blue 0px solid; padding: 5px; width: 100%; height: auto; font-size: 14px; line-height: 1.4em;}
#content h3.left {text-align: left;}
#content h4.underline {border-bottom: solid 2px #4fb4e0;}
#content p a {color: #4fb4e0; text-decoration: none;}
#content p a:hover {text-decoration: none;}
#content p.clear {clear: both;}
#content p.right {text-align: right;}
#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 {width: 100%; height: auto; font-size: 14px; margin: 6px 0; line-height: 1.4em;}

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

#content div a {color: #4fb4e0; 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: 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 #4fb4e0;}

#menu {position: absolute; top: 70px; left: auto; right: 0px; width: 200px; background-color: #fff; border: solid 2px #6666ff; height: 70%; display: none;}
#menu p {border-bottom: solid 2px #6666ff; padding: 5px; font-size: 13px; line-height: 1.3em;}
#menu p a {text-decoration: none; color: black;}

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

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

span.orange {color: #ff6600;}

/*
@media (min-width: 1220px) {
#menu {position: absolute; top: 0px; left: 0;} 
}
*/
 
@media print {
    
    #menu {display: none;}
    #footer {display: none;}
    #footer_container {display: none;}
    #head {display: none;}
    
    p.autotranslated {display: none;}
}

#goog-gt-tt {display: none;}
