body  /* Hintergrundfarbe der gesamten Webseite */
{
      margin-top: 20px;
      font-family: Arial, Helvetica, sans-serif;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e696+41,d1d360+69 */
background: #e5e696; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #e5e696 41%, #d1d360 69%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(41%,#e5e696), color-stop(69%,#d1d360)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #e5e696 41%,#d1d360 69%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #e5e696 41%,#d1d360 69%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #e5e696 41%,#d1d360 69%); /* IE10+ */
background: radial-gradient(ellipse at center, #e5e696 41%,#d1d360 69%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



header 
{
		width: 80%;/*70%; oder 960px;*/
		height: 100px;
		border-radius: 10px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(../bilder/regenbogen.jpg);
		
		box-shadow: inset -5px -6px 11px 8px #99964B,18px 15px 39px -2px #3f3f3f;
				-webkit-box-shadow: inset -5px -6px 11px 8px #99964B,18px 15px 39px -2px #3f3f3f;
				-moz-box-shadow: inset -5px -6px 11px 8px #99964B,18px 15px 39px -2px #3f3f3f;
				-o-box-shadow: inset -5px -6px 11px 8px #99964B,18px 15px 39px -2px #3f3f3f;
		
}


header h1 
{
		padding-top: 18px;
		padding-right: 50px;
		text-align: center;
		font-size:45px;
		font-weight:bold;
		color:yellow;
		font-family:Monotype Corsiva;
		/*text-shadow: 10px 8px 10px black;*/
		color: rgb(21, 88, 140);
		font-size: 40px;
		text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 
		0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 
		0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.15) 
		0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.1) 
		0px 20px 20px;
		
}


nav ul 
{
	
	padding: 18px;
	text-align: center;
	
}

nav li 
{
	list-style: none;
	display: inline-block; /*legt die Buttons horizontal*/
	width: 150px; /*10%; */
	margin: 0;
	padding: 0;
}

nav a, nav span 
{
	display: block;
	padding: 0.3em;
	text-decoration: none; /*entfernt Unterstrich*/
	font-weight: bold;
	border-radius: 5px;
	color: #3f3f3f;
	box-shadow:  0px 0px 10px 0px #0f0f0f; /*2px 11px 7px 0px #242424;*/
	background: linear-gradient(96deg, rgba(0, 0, 0, 0.2)0%, rgba(215, 255, 126, 0.8)87%);
background: -moz-linear-gradient(96deg, rgba(0, 0, 0, 0.2)0%, rgba(215, 255, 126, 0.8)87%);
background: -webkit-linear-gradient(96deg, rgba(0, 0, 0, 0.2)0%, rgba(215, 255, 126, 0.8)87%);
background: -o-linear-gradient(96deg, rgba(0, 0, 0, 0.2)0%, rgba(215, 255, 126, 0.8)87%); 

}

nav a:focus, nav a:hover, nav span 
{
	color: royalblue;
	background-color: yellow;
}

nav a:focus, nav a:hover 
{
margin-top: 0;

}
img.center 
{
	display: block;
	margin: 5px auto;
	padding: 10px 10px 10px 10px;
	box-shadow: inset 0px 0px 10px #888
}

foto_box {
    position: auto; 
	  margin-top: 10px;
	  margin-bottom: 10px;
	 width: 63%; /* 63% */
      height: auto;
	  text-align: center;
      border-radius: 10px;
	
}


/********************* Algemeines Seitendesign *******************/

main article
{
      border-bottom: 1px dotted #AFAFAF;
      margin-bottom: 20px;
}

main h5
{
      
	  color: #B45F04;
}

main h2, h3, h4
{
      text-align: center;
		font-size:30px;
		text-shadow:  8px 8px 10px #888;
		color:royalblue;
		font-family:Monotype Corsiva;
}

img center 
{
	display: block;
	margin: 5px auto;
	padding: 10px 10px 10px 10px;
	box-shadow: inset 0px 0px 10px #888
}


#footer 
{
      height: 30px;
      margin-left: auto;
      margin-right: auto;
      width: 960px;
	  margin-top: 70px; /* 20%;*/
	  text-align: center;
      font-size: 12px;
      color: black;
}

#box1{
	
	
	
	padding: 10px 10px 10px 0px;
	box-shadow: inset 0px 0px 0px #888;
	text-align: center;
    border-radius: 10px;
	position: absolute;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto; /*430px;*/
	height: auto; /*800px;*/
	border-style: solid; /*löschen dann transparent*/
	border-color: white;
	/*margin-top: 40px;*/
	margin-left: 55%;
	
}

info_rechts, info_links{
     /*position: relative;*/
	 /*padding: 0.8em;*/
	 margin-left: 50%; /*60%;*/
	/* margin-top: 10px;
	 width: auto;
	 height: auto;*/
	
}
nachricht{
	padding: 0.8em;
	/* margin-left: 60%;
	 margin-top: 10px;*/
	 width: auto;
	 height: auto;
      font-size: 25px;
      color:royalblue;
	position: relative;
}
ueberschrift{
	padding: 0.8em;
	/* margin-left: 60%;
	 margin-top: 10px;*/
	 width: auto;
	 height: auto;
      font-size: 25px;
      color:royalblue;
	position: relative;
}

ueberschrift_1{
	padding: 0.8em;
	/* margin-left: 60%;
	 margin-top: 10px;*/
	 width: auto;
	 height: auto;
      font-size: 20px;
      color:gray;
	position: relative;
}
/*automatische Worttrennung mit hyphens*/
p {
        font-size: 80%; /*1em;*/
        -ms-hyphens: none;
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
        max-width: 25em;
        text-align: justify;
}
  
 ul {
	list-style-type: disc;
	color: #3f3f3f;
	/*font-weight: bold;*/
	font-family:Arial;
} 
ul h2, ul h4{
	color:blue;
}

/******************* Das Kontaktformular (alt)**********************/
				

												
#input, name, textarea {
  
  width: 70%;
  margin-top: 5px;
  height: 5em;
  background-color: white;
  
}


/************** Text für "Impressum" *************/
#impress 
{	
        width: 960px;
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
		font-size:15px;
		color:black;
		font-family:arial;	
		padding: 20px 50px 20px;
}
/************** Text für "Ueber mich" (profil) *************/

text {
        width: 960px;
        margin-left: auto;
		margin-right: auto;
		margin-top: auto;
        Firefox
		-moz-column-width: auto;
        -moz-column-count: 2;
        -moz-column-gap: 3em;
        -moz-column-rule: 2px solid #CCC;
		/*Chrome*/
		-webkit-column-width: auto;
        -webkit-column-count: 2;
        -webkit-column-gap: 3em;
        -webkit-column-rule: 2px solid #CCC;-moz-column-width: auto;
        
		-o-column-width: auto;
        -o-column-count: 2;
        -o-column-gap: 3em;
        -o-column-rule: 2px solid #CCC;
}

#um {
 	font-family: Arial, sans-serif;
 	font-size: 18px;
 	color: #4a4a4a;
 }
 

/************** Text für "Gastindex" *************/
/*
fieldset {
	/*background: #eee;
	border-style: solid; /*löschen dann transparent*/
	/*border-color: white;
	text-align: left;
	}
*/



fieldset {
    display: block;
	width: 660px; /*ergibt die Breite der Kasten*/
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 0px; /* groove (internal value); gibt Außenrahmen */
	font-size:18px;

}

/************** Configurierung der  *************/
/*************************************************/