/**********************/
/* NAVIGATION SECTION */
/**********************/

#topnavigation{
    margin-left:0;
    padding-left:0;
}
#topnavigation .navi ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}
#topnavigation .navi li {
    display:inline-block;
    margin-right: 1px;
}
/*Style menu links*/
#topnavigation .navi li a {
    display:block;
    min-width:135px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "lato", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #54565e;
    text-decoration: none;
}
#topnavigation .navi li.active a { 
	background-color: #2f3036; 
	color: #fa0;
}
/*Hover Status für top level links*/
#topnavigation .navi li:hover a {
    background: #2f3036;
	color: #fa0;
}
/*Style für dropdown links*/
#topnavigation .navi li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover Status für dropdown links*/
#topnavigation .navi li:hover ul a:hover {
    background: #2f3036;
    color: #fff;
}
/*Hide dropdown links bis diese gebraucht werden*/
#topnavigation .navi li ul {
    display: none;
}
/* dropdown links vertikal*/
#topnavigation .navi li ul li {
    display: block;
    float: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu wenn invisible checkbox aktiviert ist*/
input[type=checkbox]:checked ~ #topnavigation{
    display: block;
}
label, legend {
	width: 100% !important;
}
/*Style 'show menu' label button und hide bei Standard*/
.show-menu {
    font-family: "lato", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #54565e;
    text-align: center;
    padding: 10px 0;
    display: none;
}

/********************/
/* NAVIGATION COLOR */
/********************/

/*Navi aktiver Tab*/
#topnavigation .navi li.active a {
	color: #D50006;
	background-color: #ffffff;
	border:1px;
	border-style: solid;
	border-color: #54565e;
}
/*Navi Hoover Farben*/
#topnavigation .navi li:first-child:hover a { background-color: #ffdf00; color: #c90713;} 
#topnavigation .navi li:nth-child(2):hover a { background-color: #bc852e; color: #f7ea99;} 
#topnavigation .navi li:nth-child(3):hover a { background-color: #c6071c; color: #ffffff;} 
#topnavigation .navi li:nth-child(4):hover a { background-color: #ffdf00; color: #c90713;} 
#topnavigation .navi li:nth-child(5):hover a { background-color: #ffdf00; color: #c90713;}

/*Farbe Anmeldebutton*/
#topnavigation .navi li.reganmeldung a {
	background-color: #0073BE;
}
/*Hover Farbe Anmeldebutton*/
#topnavigation .navi li.reganmeldung a:hover {
	color: #ffffff;
	background-color: #1653b1;
}

/******************/
/* FOOTER SECTION */
/******************/

#footer_container {
	display:block;
}
#footernavlist{
    margin:0 0 10px 0;
    padding-left:0;
	font-family: "lato", Helvetica, Arial, sans-serif;
}
#footernavlist li {
	display: inline; 
	list-style-type: none;  
	margin:0;	
}
#footernavlist a {
	text-decoration: none;
}
/*Footer menu Trennlinie*/
li#footernavi:before {
	padding 0 10px; content: " | ";
}
/*Footer menu verlinkung*/
a.footerlink:link, a.footerlink:visited {
	font-size:12px;
	color:#003365;
	text-decoration:none;
} 
/*Hover footer menu*/
	a.footerlink:hover, a.footerlink:active {
	color:#D50006;
	text-decoration:none;
} 
/*Footer text*/
.footertext {
	font-family: "lato", Helvetica, Arial, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding-bottom:15px;
}
/*Pflichthinweise*/
.pflichthinweise p{
    margin:0;
    padding:0 0 10px 0;
}

/************************/
/* MEDIA SCREEN SECTION */
/************************/

@media screen and (max-width : 850px) {
    /* dropdown links inline*/
    ul {
        position: static;
        display: none;
    }
    /*vertikaler Abstand*/
    li {
        margin-bottom: 1px;
    }
    /* Alle menu links full width*/
    ul li, li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
		float:none;
    }
	.container {
		display:block;
	}
	.pflichthinweise {
		font-size:12px;
		line-height:20px;
	}
}
