html, body {
  margin: 0;
  padding: 0;
  border: 0;
font-size: small;
font-family: Verdana, Helvetica, sans-serif;
background-color:#ffffff; 
padding: 30px;/* gesamt alles verschieben*/
/* background-image: url(bilder/bggradient.jpg);
background-repeat: repeat-x;
  color: #404040; */
}



footer, header, menu {
  display: block;
}

#headerimage {
 color: #fff;
 width: 910px;
 padding: 4px;
 height: 160px;
 background-color: #fff;
 margin: 50px 0px 50px 510px; /*Logo runter rauf links rechts*/
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #fff;
}


#contentprojekt {
 color: #fff;
 width: 886px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px -100px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;
}
#contentkontakt {
 color: #fff;
 width: 470px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px -350px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;
}
#contentgestaltung {
 color: #fff;
 width: 886px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px -300px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;
}
#contentpflege {
 color: #fff;
 width: 886px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px 450px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;
}
#contentplanung {
 color: #fff;
 width: 886px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px 450px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;
}
#contentgestaltung {
 color: #fff;
 width: 886px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px -280px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;
}
#contentübermich {
 color: #fff;
 width: 886px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px 450px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;


}    
#contentblog {
 color: #fff;
 width: 886px;
 padding: 4px 16px 4px 16px;
 height: 100%;
 background-color: #fff; /*Hintergrundfarbe */
 margin: 80px 0px 0px 450px; /*Projekt runter rauf links rechts */
 border-radius: 7px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
 border: 1px solid #000; /*Rahmenbreite und Rahmenfarbe*/
 overflow: auto;
    
}
body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

header {
  padding-top: 0px;
  
  }   

#menuleiste {
 color: #333;
 padding: 8px 0px 8px 10px;
 margin: 0px 0px 5px 190px; 
 background: transparent;
 width: 890px;
}



#navigationlist li {
  display: inline-block;
  list-style-type: none; 
}
#navigationlist {   
  background-color: #fff; /*Menüleiste - Hinterfrundfarbe */
  padding: 3.25px 8px;
  border: 1px solid #000; /*Menüleiste - Rahmenfarbe*/
  border-radius: 7px;
  margin: 0px 0px 0px 400px; /*Menüleistze runter rauf links rechts */
  width: 525px;  /* Länge der Navigationsliste */
  list-style-type: none;
}
#navigationlist a {
  color: black;  /*Menüleiste - Hinterfrundfarbe */                
  text-decoration: none;        
  padding: 2px 8px; /* zusammenziehen der einzelnen Navipunkte*/      
  list-style-type: none;
}
#navigationlist a:hover,    
#projektseite #listitem01 a, 
#planungsseite #listitem02 a,
#gestaltungsseite #listitem03 a,
#pflegeseite #listitem04 a,
#ubermichseite #listitem05 a,
#kontaktseite #listitem06 a,
#blogseite #listitem07 a
{  
  background-color:     #68a921; /*Hintergrundfarbe Navigatiosnleiste*/ 
  /* background-image: url(bilder/gradient.jpg); */ 
  background-repeat: repeat-x; 
  background-position: top left; 
  color:#fff; /*Schriftfarbe ändert sich wenn cursor darübergeht*/
  list-style-type: none; 
    
    
  
    
}
#untermenuprojekt {
color: #000;
background: fff;
padding: 0px 0px 0px 10px;
margin: -50px 270px 0px 565px;
}
#untermenukontakt {
color: #000;
background: fff;
padding: 0px 0px 0px 10px;
margin: -50px 270px 0px 957px;
}
#untermenugestaltung {
color: #000;
background: fff;
padding: 0px 0px 0px 10px;
margin: -50px 270px 0px 715px;
}




#text {
	text-align: left;
	color: #000;
	line-height: 150%;
}
#text a {
text-decoration: none; 
color: #000;
}
#text a:hover{
text-decoration: none; 
color: #fff;
background-color: #6c10d5;
}
h1{
	text-align: center;
	color: #6c10d5;
	font-size: 120%;
	font-weight: bold;
}
h1 a{
text-decoration: none;
color: #6c10d5;
}


h2{
	text-align: left;
	color:    #68a921; /* Schriftfarbe content */
	font-size: 100%; /* Schriftgröße */
	font-weight: bold; /* fett */
}
h3{
	text-align: left;	
	font-weight: normal;
	color: #6c10d5;
	font-size: 100%;
}
h4{
	text-align: left;	
	font-weight: bold;
	color: #6c10d5;
	font-size: 100%;
}
h4 a{
text-decoration: none; 
color: #000;
}
h4 a:hover{
text-decoration: none; 
color: #fff;
background-color: #6c10d5;
}
h5{
	text-align: center;	
	color: #000;
	font-weight: medium;
}
h6{
	text-align: right;	
	color: #6c10d5;
}
h6 a {
text-decoration: none; 
color: #6c10d5;
}
h6 a:hover{
text-decoration: none; 
color: #6c10d5;
background-color: transparent;
}
#liste li {
 list-style-type: none;
 display: block;
 text-decoration: none;
 color: #000;
 line-height: 150%;
 }
#liste {
 list-style-type: none;
text-decoration: none;
 color: #000;
}
#liste a {
 list-style-type: none;
text-decoration: none;
 color: #000;
}
#liste a:hover {
 list-style-type: none;
text-decoration: none;
 color: #fff;
 background-color: #68a921;/* Schriftfarbe hintergrund Untermenü */
}
#listepoli li {
 list-style-type:circle;

 text-decoration: none;
 color: #000;
 line-height: 150%;
 }
#listepoli {
 list-style-type:circle;
text-decoration: none;
 color: #000;
}






/* slide show */

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width:5000px;
  position: relative;
  margin: 0px 0px 0px 235px;
 padding: 0px 0px 0px 0px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 7px; /*pfeilhintergrungfarbe */
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 247px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 13px;
  width: 13px;/*Punkte */
  margin:0 2px;/*abstand zwischen Punkten*/
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color:  #68a921;/*punkte werden grün */
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}