#nav{
	width:100%;
	height:125px;
	background:#ccc;
	display:-webkit-flex;
	display:flex;
        font-size: 12px;  
	text-align:center;
        color: #fff;
        font-family: "Verdana", Helvetica, sans-serif;

}

#box1 {
	background: #d06503;
        background-image: url(../img/symbol/symbol_tanken_75.png);
        background-position: center center;
        background-repeat: no-repeat;
	-webkit-flex: 1;
	flex: 1;
}

#box2 {
	background: #e9931a;
        background-image: url(../img/symbol/symbol_energie_75.png);
        background-position: center center;
        background-repeat: no-repeat;
	-webkit-flex: 1;
	flex: 1;
}

#box3 {
	background: #1691be;
        background-image: url(../img/symbol/symbol_kommunikation_75.png);
        background-position: center center;
        background-repeat: no-repeat;
	-webkit-flex: 1;
	flex: 1;
}

#box4 {
	background: #166ba2;
        background-image: url(../img/symbol/symbol_finanzen_75.png);
        background-position: center center;
        background-repeat: no-repeat;
	-webkit-flex: 1;
	flex: 1;
}

#box5 {
	background: #1b3647;
        background-image: url(../img/symbol/symbol_lifestyle_75.png);
        background-position: center center;
        background-repeat: no-repeat;
	-webkit-flex: 1;
	flex: 1;
}

#box6 {
	background: #152863;
        background-image: url(../img/symbol/symbol_reisen_75.png);
        background-position: center center;
        background-repeat: no-repeat;
	-webkit-flex: 1;
	flex: 1;
}

.schatten:hover {box-shadow: -10px 10px 20px #666;
                 width: 101%;
}

a {
        text-decoration:none;
}

.link {
        width:100%;
	height:100%;
        text-decoration:none;
}