* {
padding : 0;
margin : 0;
}
html, body {
background : #777777;
font-family : Calibri, Verdana, sans-serif;
height : auto;		/*2100px*/
max-width : 98%;	/*98%*/
margin : -10px auto 20px auto;
}
h1, h2, h3, p {
padding : 5px;
text-align : justify;
}
h1 {
font-weight : bold;
font-size : 1.8em;
}
h2 {
font-weight : bold;
font-size : 1.6em;
}
h3 {
font-weight : bold;
font-size : 1.4em;
}
p {
font-weight : normal;
font-size : 1.3em;
}
p.italictext {
font-family : calibri;
font-style : italic;
font-weight : normal;
}
p.boldtext {
font-family : calibri;
font-style : normal;
font-weight : bold;
}
p, ul, table {
line-height : 1.4em;
font-family : calibri;
font-size : 1.3em;
font-style : normal;
font-weight : normal;
text-align : justify;
}
table {
width : 95%;
padding : 10px;
font-size : 1.0em;
}
th {
text-align : left;
font-size : 1.3em;
}
td {	
vertical-align : top;
}
.zentrierte-tabelle {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#logo {
float : left;
padding : 1em;
/*width : 14.0em;*/
max-width : 50%;
height : auto;
}
#wrapper {
display : flex;
flex-direction : column;
height : 100%;
min-height : 100%;
margin : 0 auto;
hyphens : auto;
}
#header {
background : #336000;
border-radius : 8px;
margin : 10px 0 0 0;
padding-top : 1em;
width : 100%;
height : 180px;
color : #FFFFFF;
}
#header img {
border-radius : 2px;
}
#mehrspaltig {
flex : 1;
display : flex;
flex-direction : row;
background : #777777;
}
article {
flex : 4;
display : flex;
flex-direction : row;
}
aside {
flex : 1;
display : flex;
flex-direction : row;
}
#aside {
float : right;
margin : 10px 5px 0 0;
background : #9FC29A;
border-radius : 8px;
padding : 10px;
width : 100%;
}
#imgshow {
float : left;
margin : 10px 5px 0 0;
background : #568F4C;
border-radius : 8px;
padding-left : 50px;
padding-right : 50px;
padding-top : 30px;
width : 100%;
}
#imgshow a {
text-decoration : none;
color : #D0FFC9;
transition-property : background-color;
transition-duration : 0.5s;
}
#imgshow a:hover {
text-decoration : none;
color : #FFFFFF;
background-color : #996600;
}
.imgshow {
border : #000000 solid 1px;
box-shadow : 3px 3px 10px 2px #444444;
cursor : zoom-in;
}
#main_img {
float : left;
margin : 15px 20px 20px;
border-radius : 4px;
border : #000000 solid 1px;
box-shadow : 3px 3px 10px 2px #444444;
background-color : #766600;
font-weight : normal;
}
#main_content {
float : left;
margin : 10px 5px 0 0;
background : #568F4C;
border-radius : 8px;
padding : 20px 50px;
width : 100%;
}
#main_content img {
float : right;
margin : 15px 20px 20px;
border-radius : 4px;
border : #000000 solid 1px;
box-shadow : 3px 3px 10px 2px #444444;
}
#main_content iframe {
float : right;
margin : 15px 20px 20px;
border-radius : 4px;
border : #000000 solid 1px;
box-shadow : 3px 3px 10px 2px #444444;
width : 425px;
height : 350px;
}
#main_content a {
text-decoration : none;
color : #D0FFC9;
transition-property : background-color;
transition-duration : 0.5s;
}
#main_content a:hover {
text-decoration : none;
color : #FFFFFF;
background-color : #996600;
}
#main_content a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
color : #000000;
text-decoration : none;
background : none;
}
#main_content a[href^="sms"]:link, a[href^="sms"]:visited, a[href^="sms"]:hover {
color : #000000;
text-decoration : none;
background : none;
}
@media only screen and (max-width:960px) {
#main_content a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
color : #CCCCCC;
text-decoration : none;
}
}
@media only screen and (max-width:960px) {
#main_content a[href^="sms"]:link, a[href^="sms"]:visited, a[href^="sms"]:hover {
color : #CCCCCC;
text-decoration : none;
}
}
#ticker {
position : absolute;
left : 16.5em;
top : 11.0em;
width : 500px;
height : 24px;
font-size : 1.0em;
}

.marker {
color: #DEB887;
}
.wunsch {
color : #FFFAFA;
}

.wunsch a:link {
text-decoration : none;
color: #D0FFC9;
}
.wunsch a:hover {
text-decoration : none;
color: #daa520;
background : none;
}
.wunsch a:visited {
text-decoration : none;
color: #D0FFC9;
}
a[href^="http://"], a[href^="www."], a[href^="https://"], a[href^="https://www."] {
padding-right : 10px;
background : url('../img/main/extern-link.png') right no-repeat;
}
a[href^="http://gruenlabor-biomassepark.de"] {
padding-right : 0;
background : none;
}
a[href^="https://gruenlabor-biomassepark.de"] {
padding-right : 0;
background : none;
}
#footer {	
clear : both;
float : left;
margin-top : -10px;
background : #336000;
border-radius : 8px;
width : 99.5%;
height : 90px;
color : #FFFFFF;
}
nav ul {
float : right;
margin : 20px -400px 0 0;
width : 800px;
padding : 0;
list-style : none;
position : relative;
font-size : 18px;
}
nav ul li {
margin : 0 -7px 0 0;
display : inline-block;
background-color : #336000;
}
nav a {
display : block;
padding : 0 10px;
color : #FFFFFF;
line-height : 35px;
text-decoration : none;
}
nav a:hover {
background-color : #996600;
}
nav ul ul {
margin-top : -5px;
display : none;
position : absolute;
top : 100%;
}
nav ul li:hover > ul {
display : inherit;
}
nav ul ul li {
max-width : 180px;
display : list-item;
position : relative;
border : solid 1px;
}
.side_nav {
margin : 5px;
float : none;
text-align : left;
padding : 0 5px;
}
.side_nav li {
margin : 5px;
float : none;
list-style : none;
}
.side_nav li a {
float : none;
color : #000000;
padding : 2px 5px;
text-decoration : none;
transition-property : background-color;
transition-duration : 0.5s;
}
.side_nav li a:hover {
background-color : #996600;
color : #FFFFFF;
}
.foot_nav {
float : left;
margin : 20px 10px;
width : 95%;
}
.foot_nav li {
float : left;
list-style : none;
}
.foot_nav li a {
float : left;
color : #FFFFFF;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
transition-property : background-color;
transition-duration : 0.5s;
}
.foot_nav li a:hover {
background-color : #996600;
color : #FFFFFF;
}
.ul_main_content {
list-style : disc inside none;
padding-left : 10px;
}
.ol_main_content {
list-style : decimal inside none;
padding-left : 20px;
}
.listing {
list-style : disc outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 38px;
padding-right : 20px;
font-size : 1.3em;
line-height : 1.5em;
}
.decimal {
list-style : decimal outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 38px;
padding-right : 20px;
font-size : 1.3em;
line-height : 1.4em;
}
.lower-alpha {
list-style : lower-alpha outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 35px;
font-size : 1.0em;
line-height : 1.4em;
}
.disc {
list-style : disc inside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 20px;
font-size : 1.0em;
line-height : 1.4em;
}
.zeiger_zoom-in {
cursor : zoom-in;
}
.zeiger_help {
cursor : help;
}
.author {
text-align : right;
}
.film video {
width : 40em;	
}
.flyer img {
height: 15em;
}
/****mittlerer Bildschirm****/

@media only screen and (max-width:800px) {
html, body {
background : #424242; /*#777777;*/
font-family : Calibri, Verdana, sans-serif;
height : auto;		/*2800px*/
max-width : 95%;
margin : -1px auto 5px auto;
}
h1, h2, h3, p {
padding : 0.5em;
text-align : left;
}
h1 {
font-weight : bold;
font-size : 1.3em;
}
h2 {
font-weight : bold;
font-size : 1.2em;
}
h3 {
font-weight : bold;
font-size : 1.1em;
}
p {
font-weight : normal;
font-size : 1.0em;
}
p.italictext {
font-family : calibri;
font-style : italic;
font-weight : normal;
}
p.boldtext {
font-family : calibri;
font-style : normal;
font-weight : bold;
}
p, ul, table {
line-height : 1.4em;
font-family : calibri;
font-size : 1.0em;
font-style : normal;
font-weight : normal;
text-align : left;
}
table {
width : 99%;
padding : 0.2em;

}
th {
text-align : left;

}
td {
vertical-align : top;
}
.zentrierte-tabelle {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#logo {
float : left;
padding : 0.5em 0.5em;
/*width : 14.0em;*/
max-width : 50%;
height : auto;
}
#wrapper {
display : flex;
flex-direction : column;
height : 100%;
min-height : 100%;
margin : 0 auto;
hyphens : auto;
}
#header {
background : #336000;
border-radius : 4px;
margin : 0.5px 0 0 0;
padding-top : 0.1em;
width : 100%;
height : 120px;
color : #FFFFFF;
}
#header img {
border-radius : 1px;
}
#mehrspaltig {
flex : 1;
display : flex;
flex-direction : row;
background : #424242; /*#777777;*/
}
article {
flex : 4;
display : flex;
flex-direction : row;
}
aside {
flex : 1.5;
display : flex;
flex-direction : row;
}
#aside {
float : right;
margin : 5px 2px 0 0;
background : #9FC29A;
border-radius : 4px;
padding : 5px;
width : 100%;
}
#imgshow {
float : left;
margin : 5px 2px 0 0;
background : #568F4C;
border-radius : 4px;
padding-left : 25px;
padding-right : 25px;
padding-top : 15px;
width : 100%;
}
#imgshow a {
text-decoration : none;
color : #D0FFC9;
transition-property : background-color;
transition-duration : 0.5s;
}
#imgshow a:hover {
text-decoration : none;
color : #FFFFFF;
background-color : #996600;
}
.imgshow {
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
cursor : zoom-in;
}
#main_img {
float : left;
margin : 8px 10px 10px;
border-radius : 2px;
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
background-color : #766600;
font-stretch : condensed;
}
#main_content {
float : none;
margin : 5px 2px 0 0;
background : #568F4C;
border-radius : 4px;
padding : 5px 12px;
width : 100%;
}
#main_content img {
float : none;
margin : 8px 10px 10px;
border-radius : 2px;
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
}
#main_content iframe {
width : 22em;
height : 15em;
float : none;
margin : 8px 10px 10px;
border-radius : 2px;
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
}
#main_content a {
text-decoration : none;
color : #D0FFC9;
transition-property : background-color;
}
#main_content a:hover {
text-decoration : none;
color : #FFFFFF;
background-color : #996600;
}
#main_content a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
color : #000000;
text-decoration : none;
background : none;
}
#main_content a[href^="sms"]:link, a[href^="sms"]:visited, a[href^="sms"]:hover {
color : #000000;
text-decoration : none;
background : none;
}
#main_content a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
color : #CCCCCC;
text-decoration : none;
}
#main_content a[href^="sms"]:link, a[href^="sms"]:visited, a[href^="sms"]:hover {
color : #CCCCCC;
text-decoration : none;
}
#ticker {
position : absolute;
left : 1.5em;
top : 8.0em;
width : 450px;
height : 12px;
font-size : 0.9em;
}
.marker {
color: #DEB887;
}
.wunsch {
color : #FFFAFA;
}
a[href^="http://"], a[href^="www."], a[href^="https://"], a[href^="https://www."] {
padding-right : 0;
background : none;
}
a[href^="http://gruenlabor-biomassepark.de"] {
padding-right : 0;
background : none;
}
a[href^="https://gruenlabor-biomassepark.de"] {
padding-right : 0;
background : none;
}
#footer {
clear : both;
float : left;
margin-top : -10px;
background : #336000;
border-radius : 4px;
padding: 0.4em;
width : 98%;
height : 110px;
color : #FFFFFF;
}
nav ul {
float : right;
margin : 0.5px -100px 0 0;
width : 400px;
padding : 0;
list-style : none;
position : relative;
font-size : 1.0em;
}
nav ul li {
margin : 0 -4px 0 0;
display : inline-block;
background-color : #336000;
}
nav a {
display : block;
padding : 0 5px;
color : #FFFFFF;
line-height : 18px;
text-decoration : none;
}
nav a:hover {
background-color : #996600;
}
nav ul ul {
margin-top : -3px;
display : none;
position : absolute;
top : 100%;
}
nav ul li:hover > ul {
display : inherit;
}
nav ul ul li {
max-width : 120px;
display : list-item;
position : relative;
border : solid 1px;
}
.side_nav {
margin : 2px;
float : none;
text-align : left;
padding : 0 3px;
}
.side_nav li {
margin : 2px;
float : none;
list-style : none;
}
.side_nav li a {
float : none;
color : #000000;
padding : 1px 3px;
text-decoration : none;
transition-property : background-color;
}
.side_nav li a:hover {
background-color : #996600;
color : #FFFFFF;
}
.foot_nav {
float : left;
margin : 2px 1px;
padding-left : 6px;
padding-right : 6px;
width : 100%;
}
.foot_nav li {
float : left;
padding-left : 6px;
padding-right : 6px;
list-style : none;
}
.foot_nav li a {
float : left;
color : #FFFFFF;
padding-left : 6px;
padding-right : 6px;
text-decoration : none;
transition-property : background-color;
}
.foot_nav li a:hover {
background-color : #996600;
color : #FFFFFF;
}
.ul_main_content {
list-style : disc inside none;
padding-left : 5px;
}
.ol_main_content {
list-style : decimal inside none;
padding-left : 10px;
}
.listing {
list-style : disc outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 19px;
padding-right : 10px;
font-size : 1.0em;
line-height : 1.4em;
}
.decimal {
list-style : decimal outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 19px;
padding-right : 10px;
font-size : 1.0em;
line-height : 1.4em;
}
.lower-alpha {
list-style : lower-alpha outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 18px;
font-size : 1.0em;
line-height : 1.4em;
}
.disc {
list-style : disc inside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 10px;
font-size : 1.0em;
line-height : 1.4em;
}
.zeiger_zoom-in {
cursor : zoom-in;
}
.zeiger_help {
cursor : help;
}
.author {
text-align : right;
}
.film video {
width : 20em;	
}
.flyer img {
height: 15em;
}
/****kleiner Bildschirm****/

@media only screen and (max-width:400px) {
html, body {
background : #424242;	/*#777777;*/
font-family : Calibri, Verdana, sans-serif;
height : auto;		/*3800px*/
max-width : 98%;
margin : -8px auto 3px auto;
}
h1, h2, h3, p, ul {
padding : 0.01em;
text-align : left;
}
h1 {
font-weight : bold;
font-size : 0.2em;
}
h2 {
font-weight : bold;
font-size : 0.1em;
}
h3 {
font-weight : bold;
font-size : 0.1em;
}
p {
font-weight : normal;
font-size : 0.1em;
}
p.italictext {
font-family : calibri;
font-style : italic;
font-weight : normal;
}
p.boldtext {
font-family : calibri;
font-style : normal;
font-weight : bold;
}
p, ul, table {
line-height : 1.0em;
font-family : calibri;
font-style : normal;
font-weight : normal;
text-align : left;
}
table {
width : 99%;
padding : 0;
}
th {
text-align : left;
}
td {
vertical-align : top;
}
.zentrierte-tabelle {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#logo {
float : none;
padding : 0.1em 0.1em;
width : 9.0em;
height : auto;
}
#wrapper {
display : flex;
flex-direction : column;
height : 100%;
min-height : 100%;
margin : 0 auto;
hyphens : auto;
}
#header {
background : #336000;
border-radius : 4px;
margin : 0.5px 0 0 0;
padding-top : 0.1em;
width : 100%;
height : 190px;
color : #FFFFFF;
}
#header a {
text-decoration : none;
background-color : #336000;
}
#header a:hover {
text-decoration : none;
background-color : #336000;
}
#header img {
border-radius : 1px;
}
#mehrspaltig {
display : flex;
background : #424242; /*#777777;*/
}
article {
flex : 3;
display : flex;
flex-direction : row;
}
aside {
flex : 1.7;
display : flex;
flex-direction : row;
}
#aside {
float : right;
margin : 3px 1px 0 0;
background : #9FC29A;
border-radius : 4px;
padding : 1px;
width : 100%;
}
#imgshow {
float : left;
margin : 5px 2px 0 0;
background : #568F4C;
border-radius : 4px;
padding-left : 25px;
padding-right : 25px;
padding-top : 15px;
width : 100%;
}
#imgshow a {
text-decoration : none;
color : #D0FFC9;
transition-property : background-color;
transition-duration : 0.5s;
}
#imgshow a:hover {
text-decoration : none;
color : #FFFFFF;
background-color : #996600;
}
.imgshow {
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
cursor : zoom-in;
}
#main_img {
float : right;

margin : 0.5em 0.5em;
border-radius : 2px;
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
background-color : #766600;
font-stretch : condensed;
}
#main_content {
float : none;
margin : 5px 2px 0 0;
background : #568F4C;
border-radius : 4px;
padding : 5px 12px;
width : 100%;
}
#main_content img {
float : none;
margin : 4px 5px 5px;
border-radius : 2px;
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
width : 70%;
}
#main_content iframe {
width : 11.0em;
height : 9.0em;
float : none;
margin : 4px 5px 5px;
border-radius : 2px;
border : #000000 solid 1px;
box-shadow : 2px 2px 5px 1px #444444;
}
#main_content a {
text-decoration : none;
color : #D0FFC9;
transition-property : background-color;
}
#main_content a:hover {
text-decoration : none;
color : #FFFFFF;
background-color : #996600;
}
#main_content a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
color : #000000;
text-decoration : none;
background : none;
}
#main_content a[href^="sms"]:link, a[href^="sms"]:visited, a[href^="sms"]:hover {
color : #000000;
text-decoration : none;
background : none;
}
#main_content a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
color : #CCCCCC;
text-decoration : none;
}
#main_content a[href^="sms"]:link, a[href^="sms"]:visited, a[href^="sms"]:hover {
color : #CCCCCC;
text-decoration : none;
}
#ticker {
position : absolute;
left : 3.0em;
top : 15.0em;
width : 370px;
height : 12px;
font-size : 0.6em;
}
.marker {
color: #DEB887;
}
.wunsch {
color : #FFFAFA;
}
a[href^="http://"], a[href^="www."], a[href^="https://"], a[href^="https://www."] {
padding-right : 0;
background : none;
}
a[href^="http://gruenlabor-biomassepark.de"] {
padding-right : 0;
background : none;
}
a[href^="https://gruenlabor-biomassepark.de"] {
padding-right : 0;
background : none;
}
#footer {
clear : both;
float: left;
margin-top : -10px;
background : #336000;
border-radius : 4px;
width : 96%;
height : 100px;
color : #FFFFFF;
}
.head_nav ul {
float : right;
margin : 20px -100px 0 0;
width : 400px;
padding : 0;
list-style : none;
position : relative;
font-size : 14px;
}
nav ul li {
margin : 0 -4px 0 0;
display : inline-block;
background-color : #336000;
}
nav a {
display : block;
padding : 0 5px;
color : #FFFFFF;
line-height : 18px;
text-decoration : none;
}
nav a:hover {
background-color : #996600;
}
nav ul ul {
margin-top : -3px;
display : none;
position : absolute;
top : 100%;
}
nav ul li:hover > ul {	
display : inherit;
}
nav ul ul li {	
max-width : 130px;
display : list-item;
position : relative;
border : solid 1px;
}
.side_nav {
margin : 2px;
float : none;
text-align : left;
padding : 0 3px;
}
.side_nav li {
margin : 2px;
float : none;
list-style : none;
}
.side_nav li a {
float : none;
color : #000000;
padding : 1px 3px;
text-decoration : none;
transition-property : background-color;
}
.side_nav li a:hover {
background-color : #996600;
color : #FFFFFF;
}
.foot_nav {
float : left;
margin : 2px 1px;
padding-left : 0.4em;
width : 100%;
}
.foot_nav li {
float : left;
padding-left : 0.4em;
list-style : none;
}
.foot_nav li a {
float : left;
color : #FFFFFF;
padding-left : 0.4em;
text-decoration : none;
transition-property : background-color;
}
.foot_nav li a:hover {
background-color : #996600;
color : #FFFFFF;
}
.ul_main_content {
list-style : disc inside none;
padding-left : 5px;
}
.ol_main_content {
list-style : decimal inside none;
padding-left : 10px;
}
.listing {
list-style : disc outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 19px;
padding-right : 10px;

line-height : 1.4em;
}
.decimal {
list-style : decimal outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 19px;
padding-right : 10px;

line-height : 1.4em;
}
.lower-alpha {
list-style : lower-alpha outside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 18px;

line-height : 1.4em;
}
.disc {
list-style : disc inside none;
border-top : 1px;
border-bottom : 1px;
padding-left : 10px;

line-height : 1.4em;
}
.zeiger_zoom-in {
cursor : zoom-in;
}
.zeiger_help {
cursor : help;
}
.author {
text-align : right;
}
.film video {
width : 10em;	
}
.flyer img {
height: 4em;
}