/**** MASTERNAVI ***/

@import "fonts.css";

.hidden
{
	display: none;
}


#header
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-family: Thesis, Arial !important;
	font-size: 1em;
	
}


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


.masternavi13 .section,
#header .wrapper .section.sectionA
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
}



.mnHolder
{
    width: 996px;
	margin: 0 auto 0 auto;
}


.masternavi13 .intern
{
    margin-right: 32px;
	
}



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

#header .logo
{
    float: left;
    padding: 0 0 0 0;
    width: 50%;
    height: 70px;
    background: #d5d6d7;
}

/* SEARCH - BOX */

#header .searchBox
{
    float: right;
    padding: 8px 0 0 0;
    width: 40%;
}


#header .searchBox img
{
    float: left;
    height: 25px;
}

#header .searchBox input
{
    float: left;
    padding: 0 0 0 5px;
    margin: 0;
	width: 145px;
}


#header .searchToggle
{
    display: none;
}

#header .searchForm
{
    background-color: #fff;
    height: 25px;
    width: 175px;
    margin-top: 15px;
    float: right;
}

#header .searchInput
{
    float: left;
    height: 25px;
    width: 150px;
    border: none;
    padding: 0 0 0 0;
    margin: 0;
    color: #516384;
    font-size: 0.8em;
}

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

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

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


#header .naviChooser{
  width: 100%;
  float: left;
  margin-top: 4px;
  background-color: #0a3878;
  background-color: rgba(10, 65, 120, 0.9);
}


#header p{
  float: left;
  margin: 0 6px 0 0;
  color: #fff;
}

#header .naviChooser form
{
  float: right;
  margin: 4px 0 0 0;
}

#header .naviChooser select option, #header .naviChooser select optgroup{
  float: left;
  margin: 2px 0 2px 0;
}

#header .naviChooser select .sub{
  margin-left: 16px;
}

#header .wrapper,
#header .section
{
	width: 100%;
	float: left;
    overflow: visible;
}

.masternavi13 .section,
#header .wrapper .section.sectionA
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
}



/* @group Masternavi */

.masternavi13 .trigger
{    display: none; }

.masternavi13
{
    width: 100%;
    float: left;
}


.masternavi13 .section,
#header .wrapper .section
{
    margin-top: 0;
    margin-bottom: 0;
}

.masternavi13
{
float: left;
}

.masternavi13 ul
{
margin: 0 auto 0 auto;
float: left;
padding: 0;
}

.masternavi13 ul li
{
color: #001a4b;	
float: left;
margin: 0 0 0 0;
font-size: 100%;
background: none;
list-style-type: none;
}

.masternavi13 ul li.tv,
.masternavi13 ul li.radio,
.masternavi13 ul li.ardmt
{ 
font-family: ThesisBold;
font-weight: normal;
}

.masternavi13 ul li.tv
{ }

.masternavi13 ul li a
{
float: left;
color: #fff;
padding: 10px 6px 4px 6px;
background: none;
border-bottom: 0;
}


.masternavi13 ul li.active
{
	padding: 10px 6px 0 6px;
	border-bottom: 4px solid #fff;
	background: #fff;
}

.masternavi13 ul li.active a, 
.masternavi13 ul li.active a:hover
{
	padding: 0;
	border-bottom: 0 solid #fff;
	text-decoration: none;
	color: #001a4b;
}

.masternavi13 ul li a:hover,
.masternavi13 li a:focus,
.masternavi13 li a:active
{
    color: #001a4b;
    background: #fff;
	padding-bottom: 0;
    border-bottom: 4px solid #fff;
	text-decoration: none;
	border-top: 0;  
}

.masternavi13 .ardlogo
{
    width: auto;
    float: right;
}

.masternavi13 .ardlogo a:link
{
margin: 0 0 0 0;
background: url('img2013/ardlogo_weiss.png') no-repeat 0 0;
padding: 0 2px 0 2px;
width: 70px;
float: right;
height: 35px;
}



xxbody.ard .masternavi13 ul li.ard a:link, 
xxbody.ard .masternavi13 ul li.ard a:visited,
xxbody.ratgeber .masternavi13 ul li.ratgeber a:link, 
xxbody.ratgeber .masternavi13 ul li.ratgeber a:visited,
xxbody.wissen .masternavi13 ul li.wissen a:link, 
xxbody.wissen .masternavi13 ul li.wissen a:visited,
xxbody.kultur .masternavi13 ul li.kultur a:link, 
xxbody.kultur .masternavi13 ul li.kultur a:visited,
xxbody.kinder .masternavi13 ul li.kinder a:link, 
xxbody.kinder .masternavi13 ul li.kinder a:visited,
xxbody.intern .masternavi13 ul li.intern a:link, 
xxbody.intern .masternavi13 ul li.intern a:visited,
xxbody.radio .masternavi13 ul li.radio a:link, 
xxbody.radio .masternavi13 ul li.radio a:visited,
xxbody.mediathek .masternavi13 ul li.mediathek
{
    color: #001a4b;
}


/* Weisse Pfeile in der Navi */

#header .collapseArrow
{
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-right: 4px;
    background: url('img2013/icon/arrow_collapsible.png') no-repeat scroll 0px -20px transparent;
    }


#header .collapsed .collapseArrow
{
    background: url('img2013/icon/arrow_collapsible.png') no-repeat scroll 0px -40px transparent;
}


/* @end */





/* @group Hintergruende */


.ard #header .masternavi13
{	
background: url('img2013/masternavi/mn_ard.png') repeat-x bottom;
}

.tagesschau #header .masternavi13
{	
background: url('img2013/masternavi/mn_tagesschau.png') repeat-x bottom;
}

.sportschau #header .masternavi13
{
background: url('img2013/masternavi/mn_sportschau.png') repeat-x bottom;
}

.boerse #header .masternavi13
{
background: url('img2013/masternavi/mn_boerse.png') repeat-x bottom;
}

.boerse #header .masternavi13
{
background: url('img2013/masternavi/mn_boerse.png') repeat-x bottom;
}

.ratgeber #header .masternavi13
{
background: url('img2013/masternavi/mn_ratgeber.png') repeat-x bottom;
}

.wissen #header .masternavi13
{
background: url('img2013/masternavi/mn_wissen.png') repeat-x bottom;
}

.kultur #header .masternavi13
{
background: url('img2013/masternavi/mn_kultur.png') repeat-x bottom;
}

.kinder #header .masternavi13
{
background: url('img2013/masternavi/mn_kinder.png') repeat-x bottom;
}

.intern  #header .masternavi13
{
background: url('img2013/masternavi/mn_intern.png') repeat-x bottom;
}

.tv  #header .masternavi13
{
background: url('img2013/masternavi/mn_tv.png') repeat-x bottom;
}

.radio  #header .masternavi13
{
background: url('img2013/masternavi/mn_radio.png') repeat-x bottom;
}

.ardmt  #header
{
background: url('img2013/masternavi/mn_ardmediathek.png') repeat-x bottom;
}



/* @end */

/* header ist marke plus suche */

/* @group Markenbox incl. Suche */

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

#header .logo
{
    float: left;
    padding: 0 0 0 0;
    width: 50%;
    height: 70px;
}

#header .searchBox
{ }

#header .searchBox img
{ }

#header .searchBox input
{
    float: left;
    height: 25px;
    font-size: 0.9em;
    color: #516384;
}

#header .searchBox .searchInput
{ 

}

#header .searchBox .searchToggle .collapseArrow
{
    display: none;
}

#header .searchBox .searchToggle
{


}

.menueToggle
{
    background-color: #fff;
    height: 25px;
    padding: 0 4px 0 0;
    float: right;
    display: none;
}

.menueToggle a
{
    padding: 4px 0 0 4px;
    float: left;
}



/* @end */