.header {
        text-align:center;
}

.header .header-border  {
        width:auto;
        min-height:2px;
	background-image:url(../img/header-line.png);
        background-position:center;
        background-repeat:repeat-x;
        margin:0;
}

.header  a.logo {
	display:block;
        width:354px;
        min-height:56px;
	margin:0 auto;
        background-color:#FFF;
        padding:0 20px;
	background-image:url(../img/logo.svg);
        background-position:center;
        background-repeat:none;
}

.header .navimenu {
        display:none;
}

#navi {
	padding:60px 30px 40px 30px;
	list-style:none;
	clear:both;
	margin:0 auto;
 	text-align:center;
}

#navi ul {
        display:none;
}

#navi li {
	float:left;
}

#navi li a {
	font-size:17px;
	color:#464646;
	padding-right:30px;
	display:block;
	font-family: georgia, sans-serif;

	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
 	transition:color 0.3s ease;
}

#navi li a.last {
	padding:0;
}

#navi li a:hover,
#navi li a.on {
	color:#008bd2;
}

@media only screen and (max-width: 1023px) {


#navi {
	padding:60px 0 40px 0;
	margin:0 auto;
        display:inline-block;
}

#navi li a {
	font-size:15px;
	color:#464646;
	padding-right:20px;
	display:block;
	font-family: georgia, sans-serif;

	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
}

@media only screen and (max-width: 530px) {

.header  a.logo {
	display:block;
        width:250px;
        min-height:35px;
	margin:0 auto;
        background-color:#FFF;
        padding:0 15px;
	background-image:url(../img/logo_mobile.svg);
        background-position:center;
        background-repeat:none;
}

.header .header-border  {
        margin:0 0 30px 0;
}

.header .navimenu {
        display:block;
        background-color:#008bd2;
	font-size:17px;
	color:#FFF;
	padding:5px 0;
	font-family: georgia, sans-serif;
        margin:0 0 20px 0;
        cursor:pointer;
}

#navi-container.expanded #navi{
        display:block;
}

#navi-container {
        position:relative;
        margin:0 10px;
}

#navi {
	padding:0;
	list-style:none;
	margin:0;
	text-align:center;
        display:none;
        position:absolute;
        z-index:1000;
        width:100%;
        top:0;
        left:0px;
        right:0px;
}

#navi ul {
        margin:0;
        padding:0;
        list-style:none;
        display:block;
}

#navi ul li {
        border-top:1px solid #FFF;
        border-bottom:0;
}

#navi ul li:first-child {
        border-top:0;
}

#navi li {
        border-bottom:1px solid #FFF;
        clear:both;
        width:100%;
        text-align:center;
}

#navi a.bodenbelaege {
        display:none;
}

#navi li a {
	font-size:17px;
	color:#FFF;
	padding:5px 0;
	display:block;
	font-family: georgia, sans-serif;
        background-color:#008bd2;
      
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}

#navi li a.last {
	padding:5px 0;
}

#navi li a:hover,
#navi li a.on {
	color:#FFF;
}