@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/paris_01.jpg");}
.navigation a:nth-of-type(2){background-image: url("../img/paris_02.jpg");}
.navigation a:nth-of-type(3){background-image: url("../img/paris_03.jpg");}
.navigation a:nth-of-type(4){background-image: url("../img/paris_04.jpg");}
.navigation a:nth-of-type(5){background-image: url("../img/paris_05.jpg");}
.navigation a:nth-of-type(6){background-image: url("../img/paris_06.jpg");}
.navigation a:nth-of-type(7){background-image: url("../img/paris_07.jpg");}
.navigation a:nth-of-type(8){background-image: url("../img/paris_08.jpg");}
.navigation a:nth-of-type(9){background-image: url("../img/paris_09.jpg");}
.navigation a:nth-of-type(10){background-image: url("../img/paris_10.jpg");}/**/

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