@import url("//hello.myfonts.net/count/2ae299");

@font-face {
	font-family: 'DINNextLTPro-LightCondensed';
	src: url('webfonts/2AE299_0_0.eot');
	src: url('webfonts/2AE299_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/2AE299_0_0.woff') format('woff'), url('webfonts/2AE299_0_0.ttf') format('truetype');
}

html *
{
   font-size: 100%;
}
  

body {
	background: #f8fbf0;
	text-align: center;
	color: #404040;
	font-family: "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, sans-serif;
	/*font-size: 100%;*/
	position: relative;
}

* {
	font-size: 1em;
	margin: 0pt;
	padding: 0pt;
}

h1 {
	color: #404040;
	/*-webkit-text-size-adjust: none;*/
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 31px;
	line-height: 1em;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
}

h2 {
	color: #404040;
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 22px;
	/*font-weight: bold;*/
	margin-bottom: 4px;
}

h3 {
	/*color: #404040;
	 font-family: DINNextLTPro-LightCondensed;
	 font-weight: normal;
	 font-style: normal;
	 font-size: 22px;*/
}

h4 {
	color: #404040;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 4px;
	line-height: 15px;
}

h5 {
	color: #404040;
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

a {
	color: #da0081;
}

p {
	-webkit-text-size-adjust: none;
	/*font-size: 1em;*/
	/*line-height: 1.2em;*/
}

.invisible_bob {
	visibility:hidden;
}

.hidden {
	visibility:hidden;
}

.liste {
	width: 100%;
	margin-top: 12px;
	*padding-left: 4px;
}

.liste_oben {
	width: 100%;
	float: left;
	margin-top: 0px;
}

.lstrich {
	float: left;
	width: 8px;
	/*text-align: right;*/
	font-size: 13px;
	color: #404040;
	font-family: "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, sans-serif;
}

.ltext {
	float: left;
	width: 97%;
	font-size: 13px;
	color: #404040;
	font-family: "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, sans-serif;
}

.details p {
	-webkit-text-size-adjust: none;
	/*font-size: 1.8em;*/
	/*line-height: 1.2em;*/
}


fieldset, a img {
	border: 0pt none;
}

ul li {
	list-style-type: none;
	font-size: 0.8125em;
	line-height: 1.2em;
}

.partner_list li {
	line-height: 18px;
	margin-bottom: 8px;
}

.partner_list li a {
	color: #da0081;
}

.partner_list li a:hover {
	color: #da0081;
}

a, a:visited:hover, a:visited:focus, a:visited:active {
	text-decoration: none;
	color: #da0081;
}

a:link:hover, a:link:focus, a:link:active {
	text-decoration: none;
}

a img {
	border: none;
}

/*** Container für Alles ***/
#wrap {
	margin: 0px auto;
	width: 520px;
	text-align: left;
	position: relative;
	padding-bottom: 50px;
}

@media screen and (max-width: 520px) {
	#wrap {
		width: 90%;
	}
}




	/* Einträge zu Ribbon */

#notice {
	width: 100%;
	background: #c7266e;
	
}

#notice div {
	margin: 0px auto;
	/*width: 980px;
	text-align: left;
	/*position: relative;
	margin: 48px auto 0px auto;
	/*padding-bottom: 50px;*/
}

#notice div p {
	text-align: left;
	color: #f8fbf0;
	width: 80%;
	margin: 0 10px auto 17px ;
   font-size: 0.9em;     /*font-size bitte auf: 0.9em; !!! */
  
 
 

}



#notice p { 
  text-align: left;
  color: #FF99FF;
  width: 50%; 
  margin: 0 auto;

  
}

	/* ENDE Einträge zu Ribbon */



/*** Container für Inhalte zwischen  Header und Footer ***/

.content {
	/*float: left;*/
	width: 520px;
	margin-top: 1em;
}

@media screen and (max-width: 520px) {
	.content {
		width: 100%;
		/*margin-left: 0.5em;*/
	}
}

.content p {
	color: #404040;
	padding-right: 0.2em;
	font-size: 0.8125em;
}

#hyphenList ul {
	margin: 0.8em 0 0.8em 0;
}

#hyphenList ul li {
	padding-left: 8px;
	background: url(img/li.gif) 0 5px no-repeat;
	background-size: 4px 4px;
	font-size: 0.8125em;
}

#mobileHeader {
	width: 100%;
	float: left;
	padding: 0.5em 0px 2em 0px;
	/*padding-bottom: 120px;*/
}

#mobileLogo {
	float: left;
	width: 52%;
}

#mobileLogo a img {
	width: 100%;
}

/**************** #rt Mobile Navigation (Hamburger) ********************/

#navSymbol {
	height: 20px;
	width: auto;
	margin-right: 8px;
}

#responsive-nav {
	float: right;
}

nav {
	display: none;
	-webkit-text-size-adjust: none;
	float: left;
	width: 100%;
	font-size: 100%;
	margin-left: -20px;
	position: absolute;
	top: -9999px;
}

nav ul {
	margin: 0;
	padding: 0;
	float: left;
}

nav a {
	display: block;
	/*color: #404040;*/
}

nav ul li {
	position: relative;
	float: left;
	list-style: none;
	color: #fff;
	transition: 0.5s;
}
/******** Menüeinträge ************/
nav ul li a {
	padding: 20px;
	text-decoration: none;
	color: #404040;
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	line-height: 0.2em;
}

nav ul > li.submenu > a:after {
	position: relative;
	float: right;
	content: '';
	margin-left: 10px;
	margin-top: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	border-bottom: 5px solid transparent;
}

nav ul ul li.submenu > a:after {
	margin-left: auto;
	margin-right: -10px;
	border-left: 5px solid #fff;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	background: #333;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	z-index: 1;
}

nav ul ul li {
	float: none;
	width: 200px;
	border-bottom: 1px solid #555;
}

nav ul ul li a {
	padding: 10px 20px;
}

nav ul ul li:last-child {
	border-bottom: none;
}

nav ul li:hover > ul {
	top: 100%;
	left: 0;
}

nav ul ul li:hover > ul {
	top: 0;
	left: 200px;
}

input#responsive-nav, label.responsive-nav-label {
	display: none;
}

label.responsive-nav-label {
	position: relative;
	float: right;
	display: block;
	cursor: pointer;
	color: #404040;
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 1.8em !important;
}

input#responsive-nav[type=checkbox]:checked ~
nav {
	position: relative;
	top: 0;
}

nav a:after {
	display: none;
}

nav li {
	float: none !important;
	width: 100% !important;
	border-bottom: none !important;
}

nav li a {
	margin-bottom: 10px !important;
	padding: 10px 20px !important;
}

nav ul li:hover {
	/*background: #999999;*/
}

nav ul li a:hover {
	/*background: #4096ee;*/
	background: none !important;
	color: #404040 !important;
}

nav ul ul {
	position: relative !important;
	width: 99%;
	left: 0 !important;
	top: 0 !important;
	background: none !important;
	box-shadow: none;
}

/*** #rt Mobile Navigation END ***/


/*.content #metaNav {
	font-size: 1.2em;
}*/

.default p strong {
	display: block;
}

.details {
	overflow: hidden;
	margin-bottom 2em;
	/*border-bottom: 1px solid #404040;*/
}

.details p {
	-webkit-text-size-adjust: none;
	/*font-size: 1em;*/
}

.details .wrapper {
	margin-left: -12px;
}

#metaNav {
	font-size: 1em;
	position: relative;
	/*left: 20px;*/
	bottom: 0;
	clear: left;
	float: left;
	margin-top: 2em;
	margin-bottom: 1em;
}

#metaNav ul {
	position: relative;
	width: 100%;
}

#metaNav ul a, #metaNav ul span {
	/*-webkit-text-size-adjust: none;*/
	color: #404040;
	font-size: 13px;
	/*margin-left: .3em;*/
	display: block;
	float: left;
}

#metaNav ul span {
	margin: 0 0.15em 0 0.15em;
}

#metaNav ul a:hover {
	text-decoration: underline;
}

#metaNav ul li {
	display: inline;
	font-size: 1em;
}

#metaNav ul li .activ {
	color: #da0081;
}

#mobilePDF {
	margin-bottom: 0.6em;
}

#mobilePDF a {
	-webkit-text-size-adjust: none;
	font-size: 0.8125em;
	color: #404040;
}

#mobilePDF a:hover {
	color: #da0081;
}

#mobilePDF img {
	margin-bottom: -0.3em;
	margin-right: 8px;
	height: 1.8em;
	width: auto;
}

/********************* Device Anpassungen #rt ***************************/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-o-min-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	* {
   font-size: 160%;
   }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	* {
		font-size: 160%;
	}
}*/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-o-min-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	body {
		font-size: 150%;
	}
}*/

/*@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	body {
		font-size: 1em;
	}
}*/

/********** Überschriften global *************/
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-o-min-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	h1 {
		font-size: 3.0em;
		line-height: 1.1em;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	h1 {
		font-size: 3.0em;
		line-height: 1.1em;
	}
}*/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-o-min-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	h3 {
		font-size: 1.8em;
	}
}*/

/*********** Schrift Absätze global ***************/
/*@media only screen and (-webkit-max-device-pixel-ratio: 2) , only screen and (-o-max-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	p {
		-webkit-text-size-adjust: none;
		font-size: 2em;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	p {
		font-size: 1em;
	}
}*/


/*@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	h1 {
		font-size: 3.2em;
	}
}*/



/*Hauptenüsymbol und -beschriftung*/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-o-min-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	label.responsive-nav-label {
		font-size: 2em !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	label.responsive-nav-label {
		font-size: 2em !important;
	}
}*/

/************** Schrift Haupmenüeinträge **************/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-o-min-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	nav ul li a {
		font-size: 2em;
		line-height: 1em;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	nav ul li a {
		font-size: 2em;
		line-height: 1em;
	}
}*/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (-o-min-device-pixel-ratio: 20/10) , only screen and (min-resolution: 300dpi) {
	#metaNav {
		font-size: 1.8em;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) , only screen and (-o-min-device-pixel-ratio: 30/10) , only screen and (min-resolution: 300dpi) {
	#metaNav {
		font-size: 1.8em;
	}
}*/


/********************* Device Anpassungen ENDE #rt ***************************/

.select, input.text, textarea {
	font-family: "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, sans-serif;
	float: left;
	width: 13.333em;
	padding: 0.083em;
}

/*   typo
 ------------------------------- */
.strong {
	font-weight: 700;
}






/**************** #rt Mobile Wrapper ******************** Wird nicht gebraucht???*/
/*#mobile_phone {
	width: 560px;
	overflow: hidden;
	margin: 0px auto;
	text-align: left;
}

@media screen and (max-device-width: 560px) {
	#mobile_phone {
		width: 98%;
	}
}*/



#mainImage {
	position: relative;
	width: 520px; /* #rt Bildgroesse Bild oben neben Logo */
	height: auto;
	overflow: hidden;
}

#mainImage img {
	/*border: 1px solid #cdcdcc;*/
	margin: 10px 0 18px 0;
	width: 100%;
	/*width: 712px; /* #rt Bildgroesse Bild oben neben Logo */*/
}

@media screen and (max-width: 520px) {
	#mainImage {
		width: 98%;
		/*margin: 0px auto 0px 0.3em;*/
	}
}

#backLink {
	/*font-family: DINNextLTPro-LightCondensed;*/
	/*font-weight: normal;
	font-style: normal;
	font-size: 82% !important;
	line-height: 1em;*/
	width: 23% !important;
	height: 11%;
	position: absolute;
	top: 8%;
	border: none !important;
}

/*#backLink span {
	font-size: 150%;
	float:left;
	margin: auto 0px;
}

#backLink div {
	float:left;
	margin: auto 0px;
}*/

/*@media screen and (max-device-width: 520px) {
	#mainImage {
		width: 98%;
	}
}*/

.block_m {
	width: 100%;
	height: auto;
	float: left;
	font-size: 1em;
	/*line-height: 18px;*/
	border-bottom: 1px solid #CDCDCC;
	margin-top: 16px;
	padding-bottom: 16px;
}

.block_m div img {
	float: left;
	width: 100%;
	height: auto;
	/*margin-bottom: 0.2em;*/
}

.block_m div h3 {
	float: right;
	width: 73%;
	color: #404040;
	font-family: "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.95em;
	line-height: 1em;
	margin: 0 0em 0em 0;
	padding-bottom: 0px;
	/*padding-left: 2px;*/

}

.block_m div p {
	float: left;
	width: 98%;
	font-size: 0.8125em;
	line-height: 1em;
	margin: 0em 0.5em 1em 0;
	/* padding-left: 2px; */
}

/*.block_m div p {
	float: right;
	width: 400px;
	margin: 0 0.5em 1em 0;
}*/

.contentWrap {
	width: 745px; /* #rt Spaltenbreite: Container für Spalten (.block_1-3 ab Zeile 416) verbreitert (vorher 640px) */
	clear: left;
	float: left;
	min-height: 502px;
	height: auto !important;
	height: 502px;
}

@media screen and (max-width: 979px) {
	.contentWrap {
		width: 69%;
		display: inherit;
		border-right: 1px solid #C9CBC3;
	}
}

@media screen and (max-width: 739px) {
	.contentWrap {
		margin-top: 48px;
		width: 560px;
		border: none;
	}
}

.picWrap {
	margin-left: 14px;
}

.picWrap ul {
	clear: left;
	float: left;
	margin-top: 0.8em;
	margin-bottom: 13px;
}

.picWrap ul li {
	float: left;
	margin: 0pt 0.416em 0em 0pt;
}

.picWrap ul li  li a, .picWrap ul li  li img {
	float: left;
}

.picWrap ul li img {
	border: 1px solid #9c9a9b;
	height: 16.75em;
	width: 16.75em;
}

img.full {
	border: 1px solid #CDCDCC;
	width: 708px;
	/*height:auto;*/	/* Breite Objektbeispiel Logo OBEN */
	margin-bottom: 22px;
}

img.headline {
	margin-bottom: 1px;
}

img.subheadline {
	margin: 64px 0 15px 0;
}

img.first {
	margin: 0 0 15px 0;
}

.fullCont {
	margin-top: 51px;
}

dl.info {
	clear: left;
	float: left;
	width: 100%;
	margin: 5px 0 16px 0;
}

dl.info dt {
	-webkit-text-size-adjust: none;
	font-size: 0.8125em;
	clear: left;
	float: left;
	/*line-height: 1em;*/
	display: inline-block;
	margin-right: 4px;
	/* margin-right: 4px; */
}

dl.info dd {
	-webkit-text-size-adjust: none;
	font-size: 0.8125em;
	clear: none;
	/*line-height: 1em;*/
	/* float: left;
	 font-weight: bold; */
	/* margin-le */
}

.default .headline {
	margin-bottom: 9px;
}

.default p {
	margin: 0 0 2.2em 0;
}

.default p strong {
	display: block;
}

/*.default ul li a {
	font-size: 14px;
	line-height: 21px;
	color: #404040;
	padding-right: 0.2em;
}

.default ul li a:hover {
	color: #da0081;
}*/

.image_box {
	position: relative;
	width: 25%;
	float: right;
}

.image_box:first-child {
	float: left;
}

.image_box img {
	width: 100%;
	height: auto;
}


/* gleich hohe boxen */
.block_1 {
	float: left;
	width: 231px; /* #rt Spaltenbreite: Spalten verbreitern (vorher 198) */
	border-right: 1px solid #C9CBC3;
}

.block_2 {
	float: left;
	width: 231px; /* #rt siehe Zeile 418 */
	border-right: 1px solid #C9CBC3;
}
.block_3 {
	float: left;
	width: 231px; /* #rt siehe Zeile 418 */
	border-right: 1px solid #C9CBC3;
}
.block_4 {/* #rt Zeile über 3 Spalten mit Strich rechts */
	margin-left: 12px;
	width: 716px;
	border-right: 1px solid #C9CBC3;
}

@media screen and (max-width: 979px) {
	.block_1 {
		width: 47%;
	}
	.block_2 {
		width: 47%;
		border: none;
	}
}

@media screen and (max-width: 979px) {
	.block_3 {
		border: none;
	}
}

@media screen and (max-width: 979px) {
	.block_4 {
		width: 100%;
		border: none;
	}
}

.block_4 p {
	font-size: 14px;
	line-height: 18px;
	color: #404040;
	padding-right: 28px;
}

/* Start Mac IE5 filter \*/
.block_1, .block_2, .block_3 {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
	margin-left: 11px;
}
/* End Mac IE5 filter */

#contentWrap.uebersicht {
	margin: 110px 0px 0pt 13px;
	*margin: 94px 0px 0pt 13px;
}

#contentWrap.beispiel {
	margin: 110px 0px 0pt 13px;
}

.wrapper {
	/*float: left;*/
	overflow: hidden;
	/*width: 100%;*/
	position: relative;
}

.typ2 .block_1, .typ2 .block_2 {
	margin-top: 54px;
}

.typ3 .block_1, .typ3 .block_2 {
	margin-top: 100px;
}
.typ2 .block_3 {
	padding-top: 54px;
}

.typ3 .block_3 {
	padding-top: 100px;
	*padding-top: 100px;
}

.uebersicht img.first {
	margin-top: 10px;
	margin-bottom: -40px;
}

.uebersicht img.typ2 {
	margin-top: 0px;
	margin-bottom: -40px;
}

.next {
	*margin-top: -18px;
}

.next .block_1, .next .block_2 {
	margin-top: 115px;
}

.next .block_3 {
	padding-top: 115px;
}

.uebersicht img.next {
	margin-top: 0px;
	margin-bottom: -40px;
	position: relative;
	top: 60px;
	*top: 49px;
}

/* easy clearing */

/* end easy clearing */
/* Safari needs this - otherwise the ghost overflow, though painted
 correctly obscures links and form elements that by rights should be above it.
 An unintended side-effect is that it cause such elements to vanish in IE 5.01
 and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}

.insidebox {
	/*padding-bottom: 2em; /* #rt lae Objekt Projektübersicht Abstand unten */*/
}
.clearer {
	background: Fuchsia;
	height: 10px;
	position: absolute;
	index: 8000
}

.insidebox h3 {
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	/*margin: .5em .5em 1.15em 0;*/
	margin-right 0em;
}

.insidebox a h3 {
	color: #404040;
	font-size: 16px;
	line-height: 19px;
	font-weight: normal;
}

.insidebox p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 1.4em;
	margin-right: 1em;
}

.insidebox img {
	height: 100px;
	width: 100px;
	/*border: 1px solid #CDCDCC;*/
}

/*@media screen and (max-width: 1023px) {
 .insidebox img  {
 width: 96%;
 height: auto;
 }
 }*/

.fullCont .block_1 {
	width: 442px;
}

.fullCont .block_2 {
	border-right: none;
	width: 164px;
}

.fullCont .block_2 img {
	/*height: 10.333em;*/
	height: auto;
	width: 13.666em;
	margin-bottom: 6px;
	*margin-bottom: 1px;
}

.fullCont .block_2 .insidebox p {
	font-size: 10px;
	margin-bottom: 1.6em;
}

.fullCont .block_1 ul {
	font-size: 11px;
}

.fullCont .block_1 ul li {
	padding-left: 8px;
	background: url(../images/li.gif) 0 7px no-repeat;
}

/* offleft technique instead of "display: none;" to support IE-Win based screenreader */
.hide, hr {
	position: absolute;
	top: -1000px;
	left: -1000px;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

.navSkip {
	position: absolute;
	left: -2000px;
	top: -1000px;
	height: 0px;
}

.navSkip a:active, .navSkip a:focus {
	position: absolute;
	left: 2185px;
	top: 1000px;
	width: 150px;
	font-size: 0.8em;
	font-weight: 600;
	color: #333;
	text-decoration: none;
	z-index: 1;
}

.previewImg {
	display: block;
	width: 100%;
	height: auto;
	margin-left: 0px !important;
	margin-top: 0px !important;
}

.previewImg img.zoom, .previewImg img.link {
	float: right;
	display: block;
	position: absolute;
	bottom: 0;
	border: 0;
	height: auto;
	width: 1em;
	right: 0;
	/* top: -5%; */
	/* margin-top: -1.06em; */
}

.previewImg img.zoom {
	/*right: -1px;*/
}

.previewImg img.link {
	position: absolute;
	top: 3.8em;
	left: 16%;
}

.link img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24% !important;
	height: auto;
	border: none;
}

.DINNextLTPro-LightCondensed {
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
}

.nav a {
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
}

.hyphenList li {
	padding-left: 8px;
	background: url(../images/li.gif) 0 10px no-repeat;
	background-size: 4px 2px;
	line-height: 22px;
}

.navLink {
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	line-height: 32px;
}

.navSublink {
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 22px;
}

.active {
	color: #da0081;
}

.lineHigh1 p {
	font-size: 82px !important;
	line-height: 142px !important;
}

.unhide {
	display: none;
	float: left;
	padding: 15px 15px 15px 0px !important;
}

.desaturate {
	filter: none;
}

.desaturate:hover {
	filter: grayscale(70%);
	-webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	filter: url(resources.svg#saturate);
	filter: gray;
	-webkit-filter: grayscale(0.7);
	border: 1px;
}

.desaturate:hover a h3 {
	color: #8B919F
}

.desaturateLink {
	filter: grayscale(70%);
	-webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	filter: url(resources.svg#saturate);
	filter: gray;
	-webkit-filter: grayscale(0.7);
	border: 1px;
}

.desaturateLink a h3 {
	color: #8B919F
}

/*Test Collapse*/

.expandLink {
	/*margin-right: 24px;*/
	/*border-top: 1px solid #404040;*/
}

.expandLinkBottom {
	/*margin-top: 40px;*/
	/*border-bottom: 1px solid #404040;	*/
}

.hrBorder {
	border-top: 1px solid #CDCDCC;
}

.expandLink a {
	font-family: DINNextLTPro-LightCondensed;
	font-weight: normal;
	font-style: normal;
	font-size: 1.4375em;
	/*font-size: 23px;*/
	line-height: 2.05em;
	color: #404040;
}

.expandLink a:hover {
	color: #da0081;
}

.expandLink .details a {
	font-family: "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 13px;
	margin-top: 13px;
	margin-left: 8px;
}

.expand {
}

.show {
	color: #da0081 !important;
}

.details .block_m:first-child	{
	border-top: 1px solid #CDCDCC;
	padding-top: 1em;
	margin-top: 4px;
}

.details .block_m:last-child	{
	/*border-bottom: none;*/
	border-top: 1px solid #CDCDCC;
}

.details,
.show,
.expand:target {
  display: none;
}
.expand:target + .show,
.expand:target ~ .details{
  display: block;
}