@charset "utf-8";
/* CSS Document */

/* ===== Die Styles für die Fotos-Page ===== */

body {
		background-color: #022C06;
	}
	
	#outerdiv {
	background-color: #022C06;
	}
	#header {
		background-color: #D7F0ED;
	}
	
	#mainContent2 {
		color: #000;	
		background-color: #CBC7B2;
	}
	
	#container {
		background-color: #CBC7B2; /* beseitigt den Farbfehler der  .clearfloat: */
	}

	#mainContent2 h1 {
		color: #271E2D;
	}
	
	#mainContent2 h2 {
		color: #591202;
		padding: 0 0 5px 0;
	}
	
	#footer {
		background-color: #591202;
	}
	
	#footer p {
			color: #D7F0ED;
	}
	
	#footer p a:link, #footer p a:visited {
		color: #D7F0ED;
	}
	
	#footer p a:hover, #footer p a:active {
		color: #CBC7B2;
		text-decoration: none;
	}
	
	#mainContent2 img {
		margin-top: 20px;
	}
	
	.imgmiddle {
		margin-left: 6px; /* schafft einen Abstand zum linken Bild */	
		margin-right: 6px; /* schafft einen Abstand zum rechten Bild */	
	}
	
	#foto1 {
		float: left;
		display: inline;
		width: 263px;
	}
	
	#foto2 {
		float: left;
		display: inline;
		width: 206px;
		margin-left: 6px;
		margin-right: 6px; /* schafft zur dritten Box denselben Rand wie das Bild */
	}
	
	#foto3 {
		float: left;
		display: block;
		width: 213px;
	}
	
	#foto4 {
		float: left;
		display: inline;
		width: 229px;
	}
	
	#foto5 {
		float: left;
		display: inline;
		width: 220px;
		margin-left: 6px;
		margin-right: 6px; /* schafft zur dritten Box denselben Rand wie das Bild */
	}
	
	#foto6 {
		float: left;
		display: block;
		width: 233px;
	}
	
	#foto7 {
		float: left;
		display: inline;
		width: 227px;
	}

	#foto8 {
		float: left;
		display: inline;
		width: 229px;
		margin-left: 6px;
		margin-right: 6px;
	}
	
	#foto9 {
		float: left;
		display: block;
		width: 226px;
	}
	
	#foto10 {
		float: left;
		display: inline;
		width: 238px;
	}

	#foto11 {
		float: left;
		display: inline;
		width: 235px;
		margin-left: 6px;
		margin-right: 6px;
	}
	
	#foto12 {
		float: left;
		display: block;
		width: 209px;
	}
	
	#foto13 {
		/* float: left; */
		display: block;
		width: 210px;
	}