/* MASTERNAVI */

.masternavi .wrapper, .masternavi .section, #header .wrapper , #header .section
{
    overflow: visible;
}


.masternavi .section
{
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
}

#header .wrapper .section
{
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}


.masternavi .navi
{
    position: relative;
    width: 100%;
    float: left;
}

.masternavi .menueToggle
{
    float: left;
    height: 32px;
    margin: 0;
    padding: 6px 20px 0 0;
    background-color: #fff;
	width: 140px;
	display: block;
}

.masternavi .menueToggle a
{
    float: left;
    padding: 4px 0 4px 8px;
    color: #001a4b;
}

.masternavi .menueToggle.collapsed
{
    background-color: transparent;
}

.masternavi .menueToggle.collapsed a
{
    color: #fff;
}

.masternavi .wrapper
{
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.masternavi
{
    width: 100%;
    float: left;
    height: 35px;
}

.mnHolder
{
    width: 91.5666667%;
    max-width: 425px;
	margin: 0 auto 0 auto;
	position: relative;
}



.masternavi ul
{
    position: absolute;
    background-color: #fff;
    top: 34px;
    left: 0px;
    width: 161px;
    padding-top: 8px;
    z-index: 5000;
    -moz-box-shadow:    0px 20px 25px -5px #000;
    -webkit-box-shadow: 0px 20px 25px -5px #000;
    box-shadow:         0px 20px 25px -5px #000;
}

.masternavi ul li
{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    background: none;
    border-bottom: 1px solid #ddd;
}

.masternavi ul li.active
{
    background-color: #ddd;
	padding: 4px 0 4px 4%;
	width: 96%;
	border-bottom: 0;
}

.masternavi ul li.active a
{
    background-color: #ddd;
	padding: 0 0 0 0;

}

.masternavi ul li a
{
    float: left;
    width: 96%;
    color: #001a4b;
    padding: 4px 0 4px 4%;
    border-bottom: 0;
	height: auto;
}

.masternavi ul li a:hover,
.masternavi ul li a:focus,
.masternavi ul li a:active
{
    color: #001a4b;
    background: #e9ebef;
	height: auto;
    border-bottom: 4px solid #e9ebef;
    padding: 4px 0 0 4%;
}

.masternavi .tv,
.masternavi .radio,
.masternavi .ardmt
{
    font-weight: bold;
}

.masternavi .tv
{
    margin-top: 28px;
    border-top: 1px solid #ddd;
}

.masternavi .ardlogo a
{ }

.masternavi .ardlogo a:hover
{ }



/* HEADER */


#header
{
    float: left;
    width: 100%;
}

#header .section
{
    background-color: transparent;
}


.collapseArrowSmall
{
    float:right;
    width: 20px;
    height: 15px;
    margin-top: 4px;
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_collapsible.png') no-repeat scroll 0px -15px transparent;
}

.collapsed .collapseArrowSmall
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/arrow_collapsible.png') no-repeat scroll 0px 0px transparent;
}

#header .subnavi .collapsed .collapseArrow {
    background-position: 0 0;
}



#header .logo 
{
	background: none repeat scroll 0 0 transparent;
    float: left;
	width: auto;
    height: auto;
	margin: 4px 0 0 0;
}

#header .logo img
{
   width: auto;
   height: 48px;
  }



#header .searchBox
{
    left: 160px;
    margin: 0 0 0;
    position: absolute;
    top: 0;
    
}

#header .searchToggle
{
    float: right;
    padding: 0 4px 0 0;
    width: 55px;
    height: 34px;
    border-right: 1px solid #b2c2de;
    border-left: 1px solid #b2c2de;
    border-bottom: solid 1px #fff;
	

background: #fff url('/static/img/bereich/fernsehen/das-erste/responsive/icon/lupe_searchtoggle.png') no-repeat 0px 0px;

}



#header .searchToggle.collapsed
{
    border-bottom: none;

background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/lupe_searchtoggle.png') no-repeat 0px -34px;

}

#header .searchToggle img
{
    height: 25px;
    display: none;
    padding: 4px 4px 3px 8px;
}



#header .searchForm
{
    background-color: #FFFFFF;
    height: 28px;
    left: -161px;
    padding: 6px 0;
    position: absolute;
    top: 34px;
    width: 222px;
    z-index: 100;
    -moz-box-shadow:    0px 20px 25px -5px #000;
    -webkit-box-shadow: 0px 20px 25px -5px #000;
    box-shadow:         0px 20px 25px -5px #000;
}

#header .searchInput
{
    border: 1px solid #DDDDDD;
    float: left;
    height: 25px;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
    width: 175px;
    font-size: 0.85em;
    color: #516384;
}

#header .searchInput.active
{
    color: #000;
}

#header .searchSubmit
{
    float: left;
    width: 30px;
    padding: 0;
    margin: 0 0 0 2px;
}

#header .searchSubmit
{
    float: left;
    width: 30px;
    padding: 0;
    margin: 0 0 0 2px;
}



#header .searchSubmit img
{
    float: right;
    width: 100%;
}

#header .subnavi .menueToggle
{
    background-color: #fff;
    height: 32px;
    padding: 0 0 0 0;
    float: left;
    width: 85px;
    background-color: #fff;
    color: #001a4b;
	font-weight: bold;
	display: block;
}

#header .subnavi .menueToggle.collapsed
{
    color: #001a4b;
    background:#56ecea;
    background:-moz-linear-gradient(top,#56ecea 0,#0 66%,#22b6b8 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#56ecea),color-stop(66%,#22b6b8),color-stop(100%,#aad8f2));
    background:-webkit-linear-gradient(top,#56ecea 0,#22b6b8 66%,#22b6b8 100%);
    background:-o-linear-gradient(top,#56ecea 0,#22b6b8 66%,#22b6b8 100%);
    background:-ms-linear-gradient(top,#56ecea 0,#22b6b8 66%,#22b6b8 100%);
    background:linear-gradient(to bottom,#56ecea 0,#22b6b8 66%,#22b6b8 100%);
}

.subnavi .ressorts 
{
    background: #fff;
}

.tagesschau #header .subnavi .menueToggle.collapsed, 
.tagesschau #header .subnavi .menueToggle.collapsed a
{
background: #005698;
color: #fff;
}


#header .subnavi .menueToggle a
{
    padding: 10px 0 0 6px;
    float: left;
    width: 50px;
    color: #001a4b;
}

.subnavi .ressorts .collapsed a
{
	color: #001a4b;
}


#header .subnavi .menueToggle.collapsed a
{
    color: #001a4b;
}



.subnavi
{
    float: right;
    margin: 12px 0px 0 0;
    position: relative;
    width: auto;
    z-index: 100;
}


.subnavi .ressorts li
{
    float: left;
    position: relative;
    padding: 4px 14px 3px 14px;
}

.subnavi .ressorts
{
    background-color: #FFFFFF;
    left: -143px;
    padding: 4px;
    position: absolute;
    top: 32px;
    width: 220px;
    -moz-box-shadow:    0px 20px 25px -5px #000;
    -webkit-box-shadow: 0px 20px 25px -5px #000;
    box-shadow:         0px 20px 25px -5px #000;
}

.subnavi .ressorts span
{
    float: left;
    padding: 0;
    width: 100%;
    color: #001a4b;

}

.subnavi .ressorts li a
{
	color: #000000;
    float: left;
    margin: 0 0 0 0;
    padding: 4px;
    text-align: left;
    width: 212px;
    
    }

.subnavi .ressorts li a:focus, 
.subnavi .ressorts li a:hover,
.subnavi .ressorts li a:active 
{
    background: #e9ebef;
	}

.subnavi .ressorts li
{
    position: static;
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #d9e2eb;
}

.subnavi .subressorts
{
    width: 100%;
    float: left;
}

.subnavi .subressorts li
{
    border-bottom: 1px solid #d9e2eb;
}

.subnavi .subsubressorts
{
    width: 100%;
    float: left;
    background-color: #ddd;
}


.subnavi .subsubressorts li
{
    border-bottom: 1px solid #d9e2eb;
}