a  { text-decoration:none; } /* ---------- Der Unterstrich von den linkbuttons ist weg ---------- */

body {
    margin-top: 20px;  
    font-family: Arial, sans-serif; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */
    background: rgb(135,224,253); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    
                  
}
  
#header {
    width: 100%;
    height: 120px;
    background-color: #000080;
    background-image: url(../images/header/out.jpg);
}

        #nav {
			/*	background-color: #4169E1;
				border: 1px solid black; */
				height: 2em;
				padding: 0.8em;
				width: 50em;
				margin-left: 155px;
			}
 
		#nav:after {
				clear: left;
				content: "";
			}
 
			#nav ul {
				margin: 0;
				padding: 0;
				text-align: center;
			}
 
			#nav li {
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
				position: relative;
			}
 
		                          	/* Unternavigation ausblenden */
			#nav ul ul {
				font: 0/0 serif;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 2.5em;
				z-index: -1;
				-webkit-transition: all 0.5s ease-in;
				transition: all 0.5s ease-in;
			}
 
		                           	/*  Unternavigation einblenden */
			#nav ul li:hover ul {
				font: inherit;
				z-index: auto;
			}
 
			#nav ul ul li {
				float: none;
				margin-bottom: 0.2em;
			}
 
			#nav a,
			#nav span {
				background-color: royalblue;
				border: 1px solid blue;
				border-radius: 10px 10px 0 0;
				box-shadow: 0px 5px 10px white inset;
				color: gold;
				display: block;
				font-weight: bold;
				margin: 0.6em 0 0 0;
				padding: 0.4em;
				text-decoration: none;
				/* Breite den in li enthaltenen Elementen zuweisen */
				width: 6.4em;
				-webkit-transition: all 0.5s ease-in;
				transition: all 0.5s ease-in;
			}
 
			#nav ul ul a,
			#nav ul ul span {
				border-radius: 10px;
			}
 
			              /* aktuelle Unterseite kennzeichnen */
			#nav a:focus,
			#nav a:hover,
			#nav span {
				color: royalblue;
				background-color: gold;
			}
 
			#nav a:focus,
			#nav a:hover {
				margin-top: 0;
				padding: 1em 0.4em 0.4em;
			}
 
			#nav ul ul a:hover {
				margin: 0.6em 0 0 0;
				padding: 0.4em;
			}
           
		                       	/* aktuelle Unterseite kennzeichnen */
			#nav ul ul span {
				background-color: maroon;
				color: gold;
			}


#content {
    width: 960px;
    padding: 10px 10px 10px 10px;
    background-color: #E1E1E1;
    
}
                    


#footer {
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
}


#galerie li {
    list-style-type: none;
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
    font-weight: bold;
}

#galerie img {
    width: 150px;
    height: 150px;
    display: block;
    padding: 3px;
    border: 1px solid #8B0000;
}

 .bildrechts {
    float: right;
    padding: 10px;
    border: 1px solid silver;
    margin: 10px;
}

.bildlinks {
    float: left;
    padding: 10px;
    border: 1px solid silver;
    margin: 10px;
}

 .bildrechts {
    float: right;
    padding: 10px;
    border: 1px solid silver;
    margin: 10px;
}

.bildlinks {
    float: left;
    padding: 10px;
    border: 1px solid silver;
    margin: 10px;
}

                        /* Bild wird größer anfang */
.foto {
    margin: 0;
    padding: 0;
}

.foto img {
    border: none;
}

.foto li {
    list-style: none;
    position: relative;
}

a .gross {
    display: none;
}

a:hover .gross {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

                              /* Bild wird größer ende */

                              /* Boxmodel in muster.html */

.bdesign{
    position: absolute;
    width: 75px;
    height: 300px;
}

#box1{
    left: 320px;
    background-color: red;
    background-color: hsl(0, 100%, 50%);
}

#box2{
    left: 420px;
    background-color: hsl(120, 100%, 50%);
}

#box3{
    left: 520px;
    background-color: hsl(200, 100%, 50%);
} 

#box4{
    left: 620px;
    background-color: hsl(0, 100%, 90%);
}

#box5{
    left: 720px;
    background-color: hsl(0, 100%, 20%);
}



#mat p {
    font-size: 70px;
}