a:link {
		text-decoration: none;
		color: #e16600 ;
	}
	
	a:hover { text-decoration: none; }
	a:visited { color: #e16600 ; }
	a:active { color: #e16600 ; }


/* start sticky top navigation ----------------------------------------------*/
 
.stickyNavigation {
	visibility: hidden;
	position: fixed;
	height: 83px;
	margin-top: 0;
	z-index: 100;
	border-top: 0;
	box-sizing: border-box; 
}

.stickyNavigation ul.navigation {
	margin-top: 18px; 
}

.stickyNavigation .logoL {
		margin-top: 18px; 
		width: 71px;
		height: 53px;
		float: right;
}

.stickyNavigation .monthNumber {
		margin-top: 18px; 
		width: 70px;
		height: 48px;
		float: right;
}

.stickyVisible {  
	visibility: visible;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.9);
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-ms-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
}

/* end sticky top navigation ----------------------------------------------*/

#header_programm { position: relative; }

#hausDesBuches {
	float:left;
	margin: 127px 0px 0px 0px; 
	font-family:"DTLFleischmann_Text_Reg";
	font-size: 1.813rem;
	font-weight: normal;
}
 
#SubnavigationProgramm {
	float: left;
	padding: 0px;
	width: 100%;
	font-family:"DTLFleischmann_Text_Reg";
	font-size: 1.688rem;
	font-weight: normal;
}

#hausDesBuches #literaturhausleipzig {  color: #e16600 ; font-weight: normal; }

#break {  display: none; }

.logoL {  float: left; }

.logoArte { 
	position: relative;
	float: right;
	clear: left;
}

.logoLiteraturhausNet { 
	position: relative;
	float: right;
	clear: right;
}

#logoLmonthNumberLogoArte{
	margin-top: 0px;
	display: inline-block;
	float: right;
}

#header { position: relative; }
 
/* start menu Literaturhaus | Programm | Service | Kontakt ----------------------------------------------*/

#headNavigation { float: left; }

/* clear fix */
#headNavigation:after {
	content: '';
	display: block;
	clear: both;
}

ul.navigation {
	margin: 0px; 
	padding: 0;
	float: left;
	clear: both;
	list-style: none;
	position: relative;
}

ul.navigation li {
	font-family:"DTLFleischmann_Text_Reg";
	font-weight: normal;
	font-size: 1.1rem;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #000;
}

ul.navigation li a {
	padding: 0px 15px 0px 15px;
	display: block;
	color: #000;
	text-decoration: none;
}

ul.navigation li:hover span {  display: block;  }

ul.navigation li span a { display: inline; border-right: 1px solid #000; }

ul.navigation li span a:hover {  color: #e16600 ;  }

ul.navigation li span a:first-child  {  padding: 0px 15px 0px 0px;  } /* alle, kuratorium, kartenvorverkauf */

ul.navigation li span a:last-child {  padding: 0px 15px 0px 15px;  border-style:none;  } /* geschichte, junge leser, newsletter, literatur auf arte */

ul.navigation li:last-child {  border-style:none;  } /* kontakt */

ul.navigation li a:hover  {  color: #e16600 ;  }

ul.navigation li span {
	float: left;
	padding-top: 8px;
	position: absolute;
	left: 0px;
	display: none;
	width: 800px; /* also width fo sticky navigation */
}
#firstStickyNavigation { padding-left: 0px; }
#firstMenuElement { padding-left: 0px; }
ul.navigation li span#lastMenuElement a { padding-left: 0px; }
ul.navigation li span#lastMenuElement { margin-top: 24px }

/* end menu Literaturhaus | Programm | Service | Kontakt ----------------------------------------------- */

/* start media query  ----------------------------------------------------------------------------------*/

/* iphone in portrait (320px) & landscape (480px)-----*/

@media (max-width: 767px) {

	#headNavigation { display: none; }
	
	#header { display: none; }
	
	#header_programm { display: none; }

	#buttonMenuNavigation { 
 		margin-top: 8px;
 		display: none;
	}

	#headerSmartphone { padding-bottom: 22px; }

	#buttonMenuLogoArte { margin-top: 8px; } 

	#buttonMenuNavigation { margin-top: 8px; } 

	#buttonMenuOff { cursor: pointer; }

	#buttonMenuOn { cursor: pointer; }
	
	#deleteCross {
		float: right;
		cursor: pointer;
	}

	.logoArte {
		margin: 4px	7px 0px 0px;
		width: 39px;
		height: 25px;
	}

	.logoLiteraturhausNet {
		margin: 4px	0px 0px 0px;
		width: 23px;
		height: 24px;
	}

	#logoLmonthNumber { margin-top: 44px; }	

	.monthNumber {
		float: right;
		height: 79.5px;
		width: 113px;
	}

	.logoL {
		float: none;
		width: 117px;
		height: 87px;
		padding-right: 20px;
	}

	#hausDesBuches {
		margin-top: 12px;
		font-size: 1.25rem; 
		font-weight: normal;
	}

	#navigationSmartphone {
		margin-top: 22px;
		padding-bottom: 22px;
		border: 1px dotted #e16600 ;
		border-style: none none dotted;
	}

	#navigationLeft {
		float: left;
		text-align: center;
		width: 50%;
	}

	.clearfix { clear: both; }

	#navigationRight{
		float:right;
		text-align: center;
	}

	.menuHead {
		font-family: "TodaySBOP-Medium";
		font-size: 1rem;
		line-height: 1.250rem;
		color: #e16600 ;
		text-decoration: none;
	}

	.menuItem {
		font-family: "TodaySBOP-Regular";
		font-size: 1rem;
		line-height: 1.250rem;
		color: #e16600 ;
		text-decoration: none;
	}

	#break { display:block;	} /* haus des buches div id=break */

	ul.navigation {		/* hide navigation for large screens */
		visibility: hidden;
	}
}

/* screen 768px ----*/
	
@media (min-width: 768px) {
	
	.stickyNavigation { width: 694px;  }

	#header { height: 200px; }

	#header_programm { height: 245px; }
	#SubnavigationProgramm { margin-top: 59px;  }

	#headerSmartphone { display: none; }
	
	#hausDesBuches {
		float:left;
		margin-top: 43px;
		font-size: 1.813rem;
		font-weight: normal;
	}

	#break {  display: block; }

	.logoL {
    	float: left;
		margin-top: 35px; 
		height: 88px;
		width: 117px;
	}

	.monthNumber {
		margin-top: 32px; 
		margin-left: 7px;
		margin-bottom: 10px;
		height: 79.5px;
		width: 113px;
	}

	.logoArte {
		width: 38px;
		height: 25px;
		float: right;
	}
	
	.logoLiteraturhausNet {
		margin-left: 6px;
		width: 24px;
		height: 24px;
		float: right;
	}

	ul.navigation {
		position: absolute;
		margin-top: 117px;
	}
	
	ul.navigation li { font-size: 1.05rem; }
}
/* screen 1024px ----*/

@media (min-width: 1024px) { 
  
	#header {  height: 182px;  }

	#header_programm { height: 227px; }
	#SubnavigationProgramm { margin-top: 38px;  }

	#headerSmartphone { display: none; }

	.stickyNavigation {  width: 919px;  }
	
	#hausDesBuches {
		margin-top: 56px;
		/* font-size: 1.813rem;
		font-weight: normal; */
	}

	#break {  display: none; }

	.logoL {
    	float: left;
		margin-top: 38px; 
		height: 88px;
		width: 117px;
	}

	.monthNumber {
		margin-top: 38px; 
		margin-left: 7px;
		margin-bottom: 10px;
		height: 79.5px;
		width: 113px;
	}

	.logoArte {
		width: 38px;
		height: 25px;
		float: right;
	}
	
	.logoLiteraturhausNet {
		margin-left: 6px;
		width: 24px;
		height: 24px;
		float: right;
	}

	ul.navigation {
		position: relative;
		margin-top: 6px;
	}

	ul.navigation li { font-size: 1.1rem; }
}

/* screen  1280px ----*/

@media (min-width: 1280px) { 

	#header {  height: 180px;  }

	#header_programm { height: 225px; }
	
	#SubnavigationProgramm { margin-top: 35px;  }

	#headerSmartphone { display: none; }

	.stickyNavigation {  width: 1069px;  }

	#hausDesBuches { margin-top: 56px; }

	#break {  display: none; }
	
	.logoL {
    	float: left;
		margin-top: 40px; 
		height: 88px;
		width: 117px;
	}

	.monthNumber {
		margin-top: 40px; 
		margin-left: 7px;
		margin-bottom: 10px;
		height: 79.5px;
		width: 113px;
	}

	.logoArte {
		width: 38px;
		height: 25px;
		float: right;
	}
	
	.logoLiteraturhausNet {
		margin-left: 6px;
		width: 24px;
		height: 24px;
		float: right;
	}

	ul.navigation {
		position: relative;
		margin-top: 6px;
	}

	ul.navigation li { font-size: 1.1rem; }
}

/* end media query  ----------------------------------------------------------------------------------  */