/* CSS Document */
/* ein Großteil der CSS befindet sich beim Anbieter Boostrap (auf den in den Dikkumenetn verlinkt wird). Dieser Teil sorgt zum Beispiel dafür das alle Elemente sich dem Bildschirminhalt anpassen*/
/*In dieser Css befindet sich eigene einstellungen*/

body{
	padding: 0;
	margin: 0;
	font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-image: url('../images/hintergrund.jpg');
	
	
}


/*header*/

	
	
/*nav*/
	
	.navbar-inverse .navbar-nav>li>a.gelb{ color: #F5CF38}			/* Farben für die Menüpunkte*/
	.navbar-inverse .navbar-nav>li>a.blau{ color: #759FFF}
	.navbar-inverse .navbar-nav>li>a.gruen{ color: #47CA26}
	.navbar-inverse .navbar-nav>li>a.orange{ color: #F5A418}
	.navbar-inverse .navbar-nav>li>a.lila{ color: #B942F5}
	.navbar-inverse .navbar-nav>li>a.beche{ color: #a29563}
	.dropdown-menu>li>a.rot { color: #F54E42}
	.dropdown-menu>li>a.tuerkis { color: #6EF5EC}
	.dropdown-menu>li>a.gruen2 { color: #598e60}
	.dropdown-menu>li>a.pink { color: #F54CEF}
	.dropdown-menu>li>a.blau2 { color: #5240F5}
	.dropdown-menu>li>a.gelb2 { color: #bd7b24}
	.dropdown-menu>li>a.orange02 { color: #f99c49}
	.navbar-inverse .navbar-brand { color: #FFFFFF}
	.navbar-inverse .navbar-nav>li>a.rot02{ color: #851537}


/*main*/

		
	section{
		
		max-width: 700px; 		/*Maximalgröße der des Hauptteils, verkleinert sich wenn das Bild auf einem kleinern Bildschirm befindet. Kann agepasst werden*/
			
	
}

/*Überschriften*/
h1{
	color: white; 
	}

		
	h2{
	color: white;
		font-size: 3em;
		}
		
	h3{
		margin: 2em 0 0 0.8em 0;
	
}
		
		.gelb{ color: #F5CF38}			/*Farben für den Text im Hauptteil*/
		.blau{ color: #759FFF}
		.gruen{ color: #47CA26}
		.orange{ color: #F5A418}
		.lila{ color: #B942F5}
		.rot { color: #F54E42}
		.tuerkis { color: #6EF5EC}
		.gruen2 { color: #9DF5A9}
		.pink { color: #F54CEF}
		.blau2 { color: #5240F5}
		.gelb2 { color: #F5DB71}
		.orange02 { color: #f99c49}
		.rot02 { color: #851537}
		
		
		.hinweis{ font-size: 0.75em;}
		
		

	ul#galerie{							/*Einstellungen Bildergalrie*/

		padding: 0;
	
}

	ul#galerie li{								/*Einstellungen Bildergalrie*/
	float: left;
	margin:  0 1em 1em 0;

	border: 5px solid transparent;
}

	ul#galerie a{

}

	ul#galerie li:hover{							/*Einstellungen Bildergalrie*/
		border: 5px solid #759FFF;
	
}


		/*Einstellungen Abstände für einzelnen Bilder auf den Seiten*/
.float-bild img{
float: left;
margin: 1em 1em 0 0;
	
}

 ul#refernzen li{
	font-size: 1.7em;
	margin: 0.7em 0 0.7em 0;
}


#ballonbilder img{
	margin: 0 1em 0 0;
	float: left;
}

.hochzeit{
	float: left;
	margin-right: 1em;
}

#wir{
	margin: 0 0 4em 0;
}

#wir img{
	float: left;
	margin-right: 1em;
}

/*footer*/

		footer{

			margin: 2em 0 0 0;
			
			}
			
		ul#footerliste{
				float: right;
				margin: 0 1em 0 0;
	
				}
				
		#footerliste a{  
				color: white;
				font-size: 0.8em;
				}
				
		#footerliste li{  
				float: left; 
				margin-left: 1em;
				
	
				}
		#border{
			padding: 0 0.5em 0 0.5em;
			border-left: 1px solid white;
			border-right: 1px solid white;
			}
/*sonstiges*/

p{
			color: white; 
			font-size: 1.7em; /*Schriftgröße im Hauptteil*/
			}
			
ul{
	list-style: none;
	}