@charset "utf-8";
/* CSS Document für Wdh meine_stadt */

*{box-sizing: border-box;}

body{font-family:"Trebuchet MS", Verdana, sans-serif;
font-size: 100%;}

article{background-color: rgba(41,135,22,0.4);
width:800px;}

h2{background-color: rgba(240,239,72,0.4);
	margin: 0;
	margin-bottom: 10px;
}


.navigation, .footer{background-color: rgba(107,10,227,0.4);
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px 0;
margin-bottom: 10px;
overflow:hidden;}

.navigation a{ background-color:rgba(116,241,101,0.4);
width: 80px;
height:60px;
float: left;
opacity: 0.8;
background-size: cover;
color:transparent;}

.navigation a:hover{ background-color:rgba(217,60,70,0.4);
opacity: 1;  }

.navigation a:nth-of-type(1){background-image: url("../img/bremen_01.jpg");}
.navigation a:nth-of-type(2){background-image: url("../img/bremen_02.jpg");}
.navigation a:nth-of-type(3){background-image: url("../img/bremen_03.jpg");}
.navigation a:nth-of-type(4){background-image: url("../img/bremen_04.jpg");}
.navigation a:nth-of-type(5){background-image: url("../img/bremen_05.jpg");}
.navigation a:nth-of-type(6){background-image: url("../img/bremen_06.jpg");}
.navigation a:nth-of-type(7){background-image: url("../img/bremen_07.jpg");}
.navigation a:nth-of-type(8){background-image: url("../img/bremen_08.jpg");}
.navigation a:nth-of-type(9){background-image: url("../img/bremen_09.jpg");}
.navigation a:nth-of-type(10){background-image: url("../img/bremen_10.jpg");}

.stadtbilder{background-color: rgba(240,239,72,0.0);
display:block;	
border: none;
width:100%;
height:600px;
margin-bottom: 10px;}