/**
 * (en) IE8-Patch stylesheet for NAME
 * (de) IE8-Korrektur-Stylesheet für das NAME Layout
 *
 * @copyright       Copyright 2015, crossbase mediasolution GmbH
 * @version         1.0
 */

@media screen
{

	/* IE8 Hack for shadow replacement */

	#header .ym-wrapper.shadow {
		border-top: 2px solid #ccc;
	}

	#copyright {
		border-bottom: 2px solid #ccc;
	}

	.shadow {
		border-left: 2px solid #ccc;
		border-right: 2px solid #ccc;
	}

	/* IE8 Hack for viewing Standard Form Elements */

	input[type='radio'],
	input[type='checkbox'] {
		display:block;
		position: static;
		left: 0;
		top: 0;
		cursor: pointer;
		margin: 6px 0 0 0;
		display: inline;
		opacity: 100;
	}

	input[type='radio'] + span:before,
	input[type='checkbox'] + span:before {
		display: none;
	}

	.checkbox label,
	.radio label {
		display: none;
	}

	.checkbox span,
	.radio span {
		margin: 0 0 0 12px;
		}

	.checkbox.float-left,
	.radio.float-left {
		margin: 0 12px 24px 0;
	}


	.select2-style-input.custom-select:before{
		content: '' !important;
	}

	/* IE8 Hack for Collapsible Icon */

  h3.box-close:after,
	.accordion h3.h3accordion:after {
		font-size: 24px;
		content: '+';
		right: 8px;
		position: absolute;
  }

	h3.box-open:after,
	.accordion h3.h3accordion.current:after {
		font-size: 24px;
		top: 2px;
		content: '–';
		right: 9px;
		position: absolute;
  }

  #nav-local .nav-universal li .more:after,
	#nav-global .nav-universal li > .more:after {
		line-height: 23px;
		font-size: 24px;
		content: '+';
		right: 8px;
		position: absolute;
  }

	#nav-local .nav-universal li.hover .more:after,
	#nav-global .nav-universal li.hover > .more:after {
		line-height: 23px;
		font-size: 24px;
		top: 2px;
		content: '–';
		right: 9px;
		position: absolute;
  }

	#nav-global .nav-universal > li > a.parent:after,
	#nav-global .nav-universal > li > span.parent:after {
		font-family: FontAwesome;
		content: '\f107';
		position: absolute;
		right: 8px;
		top: 6px;
		}

	#nav-global .nav-universal > li.hover > a.parent:after,
	#nav-global .nav-universal > li.hover > span.parent:after {
		font-family: FontAwesome;
		content: '\f106';
		position: absolute;
		right: 8px;
		top: 6px;
		}
	#nav-global .nav-universal li.hover > .more:after {
  }

	#nav-global .nav-universal li > .more:after,
	#nav-global .nav-universal li.hover li > .more:hover:after {
		color: #fff;
  }

	#nav-global .nav-universal li.hover li > .more:after {
		color: #808080;
  }

}