/**
 * @description		menu styles
 * @project			Frage trifft Antwort
 * @site			frage-trifft-antwort.de
 */


/**
 * main menu
 *
 * @section main menu :: first level
 */

/** header control or navigation box :: start **/
header .controlbox {
	position: relative;
	float:right;
	margin: 0 0 0.8em 1%;
	width: 34em;
	max-width: 56%;
	height: 8.5em;
	line-height: 1.5em;
	color:#FFF;
}

/* topline */
header .controlbox .topline {
	height: 32px;
	background-color: #7e8c2c;
	overflow-y: hidden;
}

header .controlbox .topline ul {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
header .controlbox .topline ul li {
	float: left;
	width: 95px;
	height: 32px;
	text-align: center;
	margin-top:2px;
}
header .controlbox .topline ul li.first {
	background: transparent url('../../images/layout/controlbox/topline_menu_item_first.png') no-repeat  right 5px;
}
header .controlbox .topline ul li.second,
header .controlbox .topline ul li.middle {
	background: transparent url('../../images/layout/controlbox/topline_menu_item_second.png') no-repeat  right 5px;
}
header .controlbox .topline ul li.third {
	background: transparent url('../../images/layout/controlbox/topline_menu_item_third.png') no-repeat  right 5px;
}
header .controlbox .topline ul li.last {
	background: transparent url('../../images/layout/controlbox/topline_menu_item_last.png') no-repeat  right 5px;
}
/* header .controlbox .topline ul li:focus,
header .controlbox .topline ul li:hover,
header .controlbox .topline ul li:active {
	background: url('../../images/layout/controlbox/topline_menu_item_active.png') no-repeat left top;
} */
header .controlbox .topline ul li.active {
	height: 34px;
	margin-top:0;
	background: url('../../images/layout/controlbox/topline_menu_item_active.png') no-repeat right top;
}
header .controlbox .topline ul li#top_item_3,
header .controlbox .topline ul li.top_item_45 {
	height: 34px;
	margin-top:0;
	background: url('../../images/layout/controlbox/topline_menu_item_active.png') no-repeat right top;
}

header .controlbox .topline ul li a {
	display: block;
	color: #cbdb6d;
	color: #e0f279;
	text-decoration: none;
	padding: 0.45em 0 0.15em 0;
	background-color: transparent;
}
header .controlbox .topline ul li#top_item_3 a,
header .controlbox .topline ul li.top_item_45 a {
	color: #fff;
}
header .controlbox .topline ul li a:focus,
header .controlbox .topline ul li a:hover,
header .controlbox .topline ul li a:active {
	color: #fff;
}
header .controlbox .topline ul li.active a {
	color: #fff;
}
header .controlbox .nav_search {
	float: right;
}

/* bottomline */
header .controlbox .bottomline {
	height: 85px;
	padding-top: 0.5em;
	margin-right: 10%;
	background: #b0c04b url('../../images/layout/controlbox/bottomline_bg.png') repeat-x 0 bottom;
}
header .controlbox .nav_selection {
	width: 100%;
	text-align: left;
}
header .controlbox .nav_selection ul {
	display: inline;
	padding: 0;
	margin: 0;
}
header .controlbox .nav_selection ul li {
	float: left;
	width: 23.5%;
	text-align: center;
}
header .controlbox .nav_selection ul li:first-child {
	margin-left:3%;
}
header .controlbox .nav_selection ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-top: 4.2em;
}

header .controlbox .nav_selection ul li a:focus,
header .controlbox .nav_selection ul li a:hover,
header .controlbox .nav_selection ul li a:active {
	color: #697525;
}

header .controlbox .nav_selection ul li.title a {
	background: url('../../images/layout/controlbox/title_button.png') no-repeat center 0;
}
header .controlbox .nav_selection ul li.keywords a {
	background: url('../../images/layout/controlbox/keywords_button.png') no-repeat center 0;
}
header .controlbox .nav_selection ul li.subject a {
	background: url('../../images/layout/controlbox/subject_button.png') no-repeat center 0;
}
header .controlbox .nav_selection ul li.age a  {
	background: url('../../images/layout/controlbox/age_button.png') no-repeat center 0;
}

header .controlbox .nav_selection ul li.title a:focus,
header .controlbox .nav_selection ul li.title a:hover,
header .controlbox .nav_selection ul li.title a:active {
	background: url('../../images/layout/controlbox/title_button_active.png') no-repeat center 0;
}

header .controlbox .nav_selection ul li.keywords a:focus,
header .controlbox .nav_selection ul li.keywords a:hover,
header .controlbox .nav_selection ul li.keywords a:active {
	background: url('../../images/layout/controlbox/keywords_button_active.png') no-repeat center 0;
}

header .controlbox .nav_selection ul li.subject a:focus,
header .controlbox .nav_selection ul li.subject a:hover,
header .controlbox .nav_selection ul li.subject a:active {
	background: url('../../images/layout/controlbox/subject_button_active.png') no-repeat center 0;
}
header .controlbox .nav_selection ul li.age a:focus,
header .controlbox .nav_selection ul li.age a:hover,
header .controlbox .nav_selection ul li.age a:active {
	background: url('../../images/layout/controlbox/age_button_active.png') no-repeat center 0;
}

header .controlbox .nav_selection ul li a.active {
	color: #697525;
}

header .controlbox .rssbox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 46px;
	height: 90px;
	background: transparent url('../../images/layout/controlbox/rss_bg.png') no-repeat right bottom;
}
header .controlbox .rssbox .rss_button {
	position: absolute;
	right: 5px;
	bottom: 6px;
}

/* mobile select menu styles */
header .controlbox .nav_selection .item {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	margin: 0 0 8px 0;
}
header .controlbox .nav_selection select.selection_button {
	position: relative;
	top: 0;
	width: 60px;
	height: 60px;
	margin: 0;
	opacity: 0;
	z-index: 5;
	cursor: pointer;
}
header .controlbox .nav_selection span.select_button {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
	z-index: 1;
}
header .controlbox .nav_selection span.button_text {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	z-index: 1;
}
header .controlbox .nav_selection span.button_text.active {
	color: #697525;
}
header .controlbox .nav_selection span.select_button img {
	height: 60px !important;
	width: 60px !important;
}

/** header control or navigation box :: end **/


	/* main menu link active :: end */


	/**
	 * main menu 2
	 *
	 * @section main menu 2:: second level
	 */
	/* main menu :: second level */
	ul.main_menu li.with_sub {
		padding: 0.4em 0 0.4em 0;
		border: none;
	}

	ul.main_menu_level2 {
		list-style:	none;
		padding: 0 0 0 30px;
		margin: 0;
	}

	ul.main_menu_level2 li {
		padding: 0.2em 0 0.2em 0;
		margin: 0;
	}

	/* main menu link :: second level :: begin */
	ul.main_menu_level2 li a,
	ul.main_menu_level2 li a:visited {
		display: block;
		padding: 0 0 0 4px;
		margin: 0;
	}
	ul.main_menu_level2 li a:focus,
	ul.main_menu_level2 li a:hover,
	ul.main_menu_level2 li a:active {
		color: #006600;
		margin-left: -4px;
		border-left: 4px solid #872028;
	}
	/* main menu link :: second level :: end */

	/* main menu link :: second level active :: start */
	ul.main_menu_level2 li a.active,
	ul.main_menu_level2 li a.active:visited,
	ul.main_menu_level2 li a.active:focus,
	ul.main_menu_level2 li a.active:hover,
	ul.main_menu_level2 li a.active:active {
		color: #006600;
		margin-left: -4px;
		border-left: 4px solid #872028;
	}
	/* main menu link :: second level active :: end */


/**
 * footer menu
 *
 * @section footer menu
 */
ul.footerMenu {
	list-style: none;
	padding: 0;
	margin: 1.8em 0 0 0;
}
ul.footerMenu li {
	float: left;
	line-height: normal;
	padding: 0;
	margin: 0;
}
ul.footerMenu li a,
ul.footerMenu li span,
ul.footerMenu li a:visited {
	font-size: 1.0em;
	text-decoration: none;
	margin: 0 1em;
}
ul.footerMenu li.logo a {
	margin: 0;
}
ul.footerMenu li span img {
	margin-top: -14px;
}

ul.footerMenu li a:focus,
ul.footerMenu li a:hover,
ul.footerMenu li a:active {
}

ul.footerMenu li a.active,
ul.footerMenu li a.active:visited,
ul.footerMenu li a.active:focus,
ul.footerMenu li a.active:hover,
ul.footerMenu li a.active:active {
}


	/**
	 * sitemap menu
	 *
	 * @section sitemap menu
	 */
	div.csc-sitemap ul li a,
	div.csc-sitemap ul li a:visited {
		font-size: 1.0em;
		font-weight: bold;
		color: #706250;
		text-decoration: none;
		padding-left: 3.0em;
	}
	div.csc-sitemap ul li a:focus,
	div.csc-sitemap ul li a:hover,
	div.csc-sitemap ul li a:active {
		font-weight: bold;
		text-decoration: underline;
		padding-left: 3.0em;
	}
	div.csc-sitemap ul li a.level1_with_sub,
	div.csc-sitemap ul li a.level1_with_sub:visited {
		background-color: #fff;
	}
	div.csc-sitemap ul li a.level1_with_sub:focus,
	div.csc-sitemap ul li a.level1_with_sub:hover,
	div.csc-sitemap ul li a.level1_with_sub:active {
		background-color: #fff;
	}
	div.csc-sitemap ul li ul li a,
	div.csc-sitemap ul li ul li a:visited {
		font-size: 1.0em;
		font-weight: normal;
		color: #706250;
		text-decoration: none;
		padding-left: 1.5em;
	}
	div.csc-sitemap ul li ul li a:focus,
	div.csc-sitemap ul li ul li a:hover,
	div.csc-sitemap ul li ul li a:active {
		font-weight: normal;
		text-decoration: underline;
		padding-left: 1.5em;
	}

	ul.csc-menu-1 li a,
	ul.csc-menu-1 li a:visited {
		font-size: 1.0em;
		font-weight: bold;
		color: #706250;
		text-decoration: none;
		padding-left: 3.0em;
	}
	ul.csc-menu-1 li a:focus,
	ul.csc-menu-1 li a:hover,
	ul.csc-menu-1 li a:active {
		font-weight: bold;
		text-decoration: underline;
		padding-left: 3.0em;
	}
	ul.csc-menu-1 ul li a,
	ul.csc-menu-1 ul li a:visited {
		font-size: 1.0em;
		font-weight: normal;
		color: #706250;
		text-decoration: none;
		padding-left: 1.5em;
	}
	ul.csc-menu-1 ul li a:focus,
	ul.csc-menu-1 ul li a:hover,
	ul.csc-menu-1 ul li a:active {
		font-weight: normal;
		text-decoration: underline;
		padding-left: 1.5em;
	}