/*div {
	outline-color: #FF0000;
	outline-width:thin;
	outline-style: solid;
	}  */


body{
padding: 0;
margin: 0;
width: 100%;
background-color: #FFFFFF;
}

a{
text-decoration: none;
}

#topboxgruen {
margin-top: 3%;
margin-bottom: 1%;
padding-top: 3%;
height: 20%;
background-color: #55b02f;
}

#bottomboxgruen {
margin-top: 1%;
margin-bottom: 1%;
padding-top: 1%;
height: 18%;
background-color: #55b02f;
}

#bild {
width: 85%;
}

#textbox {
margin-top: 1%;
margin-bottom: 1%;
padding: 2%;
}

#textbox2 {
margin-top: 3%;
margin-bottom: 3%;
padding: 2%;
}

#inhaltsbox {
padding: 2%;
}

#inhaltsbox2 {
padding: 2%;
}

#bildbox {
margin-bottom: 1%;
padding-top: 1%;
padding-left:3%;
width: 85%;
}

#bildbox2 {
margin-bottom: 1%;
padding-top: 1%;
width: 85%;
}

#kontaktboxgruen {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
align: center;
background-color: #55b02f;
}

#abstand {
height: 2.5%;
background-color: #ffffff;
}

#bildabstand {
display: none;
}

/* --------------------------------------------------------------------- Text    */ 

.head {
text-align: center;
color: #FFFFFF;
font-size: 1.6em;
line-height: 1.7em;
font-family: Arial, Helvetica, sans-serif;
}

.fuss {
text-align: center;
color: #FFFFFF;
font-size: 12pt;
line-height: 20pt;
font-family: Arial, Helvetica, sans-serif;
}

.kontakt {
text-align: center;
color: #FFFFFF;
font-size: 1.0em;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
}

.textregular {
text-align: left;
color: #55b02f;
font-size: 0.8em;
line-height: 1.4em;
font-family: Arial, Helvetica, sans-serif;
}

.textinhalt {
text-align: left;
color: #55b02f;
font-size: 0.9em;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
}

h3 {
text-align: left;
color: #55b02f;
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 2.0em;
}


ul { 
   padding-left: 1em;
}