@MEDIA screen {
	html {
		overflow-y: scroll;
		background-color: #e2ebee;
	}
	
	/*****************************************/
	/*            standard tags              */
	/*****************************************/
	
	body , input, select 
	{
		color: #535d62;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
	}
	
	body 
	{
		text-align: center;
	}
	
	input, select 
	{
		background-color: #FFF;
		border: 1px solid #e1e8eb;
	}
	
	input 
	{
		height: 1.793em; /* 19px */
		font-size: 0.85em;
		padding: 0.2em 0.490em 0; /* 3px 5px 0 */
	}
	
	table 
	{
		font-size:105%;
		
	}	
	
	select 
	{
		font-size: 95%;
	}
	
	a 
	{
		color: #0099d1;
		text-decoration: none;
	}
	
	a:hover 
	{
		text-decoration: underline;
	}
	
	em
	{
		font-style: italic;
		/*font-weight: normal;*/
	}
	
	strong
	{
		font-weight: bold;
	}
	
  /*****************************************/
  /*               website                 */
	/*****************************************/
	
	#website {
		width: 83.333em; /* 1000px */
		text-align: left;
		margin: auto;
	}
	
	#website .imgPlusMinus {
	  width: 0.917em;
	  height: 0.917em;
	}
	
  /*****************************************/
  /*               header                  */
	/*****************************************/
	
	#header, #footer {
		background-color: #fff;
		padding: 0.833em; /* 10px */
	}
	
	#header {
		/* height is 70px padding included */
		height: 4.17em; /* 50px */
		padding-bottom: 0;
	}
	
	#header #logo {
		float: right;
	}
	
	#header .bar {
		padding-top: 1.67em; /* 20px */
		white-space: nowrap;
	}
	
	
	#header .bar .tourism {
	}
	
	#header .bar .guildhall {
		margin-left: 15.8em;
	}
	
	#header .bar select {
		width: 22.0em; /* 250px */
		padding: 0.37em; /* 4px */
	}
	
	#header .bar a {
		color: #586267;
		font-size: 110%;
		margin-left: 1.515em; /* 20px */
		margin-top: 0.4em;
		position:inherit;

	}
	
	#header .bar select option {
	}
	
	#content {
		width: 83.333em; /* 1000px */ 
		background-position: 0.833em 0.833em; /* 10px 10px; */
		background-repeat: no-repeat;
		background-color: #FFF;
		overflow: hidden;
	}
	
	#selectLanguage
	{
		/*
		visibility:hidden; 
		display:none;
		*/
	}
	
	#navigation {
		width: 81.67em; /* 980px */
		height: 3.333em; /* 40px; */
/*		padding-top: 480px;
/*		overflow: hidden;*/
		cursor: default;
		position: absolute;
		z-index: 5;
		margin: 40.00em 0.833em 0; /* 480px 10px 0; */
	}
	
	#naviMenu {
		float: left;
		width: 62.1em; /* 745px; */
		height: 3.333em; /* 40px; */ 
		line-height: 1.67em; /* 20px; */
	}
	
	#naviMenu .topNaviLi {
		float: left;
	}

	#naviMenu a:hover {
		text-decoration: none;
	}
	
	#naviMenu .mainLinkHover, #naviMenu .mainLink {
		display: block;
		font-size: 110%;
		font-weight: bold;
/*		text-decoration: none;*/
		color: #fff;
		padding: 0 0.685em; /* 0 9px; */
	}
	
	#naviMenu .mainLinkHover {
		background-color: #0d9ed3;
		padding: 0.76em 0.76em; /* 10px 10px; */
		margin: 0 0 -3.05em -0.076em; /* 0 0 -40px -1px; */
		opacity: 0;
		position: relative;
		z-index: 1;
	}
	
	#naviMenu .mainLink {
		margin: 0.76em 0 0; /* 10px 0 0; */
		border-left: 0.076em solid #fff; /* 1px solid #fff; */
		position: relative;
		left: -0.076em; /* -1px; */
	}
			
	#naviMenu .subMenu {
		vertical-align: bottom;
		margin-top: -44.17em; /* -530px; */
		margin-left: -0.083em; /* -1px; */
		position: absolute;
		opacity: 0;
		visibility: hidden;
	}

	#naviMenu .out .subMenu {
		display: none;
	}

	#naviMenu .clicked .subMenu {
		display: table-row !important;
	}
	
	#naviMenu .subMenu .cell {
		height: 41.67em; /* 500px; */
		display: table-cell;
		vertical-align: bottom;
	}
	
	#naviMenu .subMenu .links, #naviMenu .subMenu .blueBottom {
		background-color: #0d9ed3;
	}
	
	#naviMenu .subMenu .links {
		display: block;
		width: 13.333em; /* 160px; */
		/* wird per js gesetzt */
/*		height: 0;*/
		overflow: hidden;
/*		background-image: url("../images/entry/blue_trans.png");*/
		padding: 0 0.833em; /* 10px; */
	}
	
	#naviMenu .boxed .subMenu .links {
		width: 45.833em; /* 550px; */
		background: none;
/*		padding: 0 0 10px;*/
		padding: 0;
		border: solid #0d9ed3;
		border-width: 0.833em 0 0 0.833em; /* 10px 0 0 10px; */ 
		/* relative position ff ignore overflow bugfix */
		position: relative;
	}
	
	#naviMenu .subMenu .links li {
		border-bottom: 0.083em solid #0dabe4; /* 1px solid #0dabe4; */
		padding: 0.333em 0; /* 4px 0; */
	}
	
	#naviMenu .boxed .subMenu .links li.box {
		cursor: pointer;
		float: left;
		width: 22.083em; /* 265px; */ 
		height: 9.17em; /* 110px; */
		overflow: hidden;
		border: none;
/*		margin: 10px 0 0 10px;*/
		padding: 0;
		border: solid #0d9ed3;
		border-width: 0 0.833em 0.833em 0; /* 0 10px 10px 0 */;
	}
	
	#naviMenu .boxed .links * {
/*		font-size: 95%;*/
		line-height: normal;
	}
	
	#naviMenu .boxed .boxCon {
		width: 22.083em; /* 265px; */
		height: 9.17em; /* 110px; */
		position: absolute;
		background-color: #007eae;
		background-image: url("../images/entry/arrows_white.png");
		background-position: 20.83em 7.90em; /* 250px 95px; */
		background-repeat: no-repeat;
	}
	
	#naviMenu .boxed .boxConOver {
		opacity: 0;
		background-color: #fff;
		background-image: url("../images/entry/arrows_grey.png");
	}

	
	#naviMenu .boxed .subMenu .links img {
		position: absolute;
		z-index: 12;
	}
	
	#naviMenu .boxConOver {
		z-index: 1;
	}
	
	#naviMenu .boxCon h1 {
		color: #ffcf09;
		font-weight: bold;
		padding: 0.42em 0 0 10.0em; /* 5px 0 0 120px; */
	}
	
	#naviMenu .boxCon p {
		padding-left: 10.0em; /* 120px; */
	}
	
	#naviMenu .boxConOut p {
		color: #fff;
	}
	
	#naviMenu .boxConOver h1 {
		font-weight: bold;
	}
	
	#naviMenu .boxConOver p {
		color: #535D62;
	}
	
	#naviMenu .subMenu .links a {
		display: block;
/*		line-height: 24px;*/
		background-image: url("../images/entry/arrows_white.png");
		background-position: right center;
		background-repeat: no-repeat;
		color: #fff;
		font-weight: bold;
		padding: 0.333em 0; /* 4px 0; */
	}
	
	#naviMenu .subMenu .links a:hover {
		background-color: #007fae;
		background-position: 0.833em center; /* 10px center; */
		padding-left: 1.833em; /* 22px; */
	}
	
	#naviMenu .subMenu li.blueBottom {
		clear: both;
		display: block;
		height: 0.833em; /* 10px; */
		overflow: hidden;
		border: none;
		padding: 0;
		margin-left: -0.833em; /* -10px; */
	}
	
  /*****************************************/
  /*               footer                  */
	/*****************************************/
	
	#footer {
		height: 3.333em; /* 40px; */
		margin-top: 0.833em; /* 10px; */
		padding: 0.833em 1.667em; /* 10px 20px; */
	}
	
	#footer #logosHover {
		position: absolute;
		z-index: 1;
	}
	
	#footer .right {
		float: right;
	}
	
	#footer .absolute {
		position: absolute;
		z-index: 1;
	}
	
	#footer .absolute img {
		position: absolute;
	}
	
	#footer #logosHover img {
		opacity: 0;
	}
		
	#logosMapTrans {
		z-index: 5;
	}
	
	#footer .left {
		float: left;
	}
	
	#footer {
		line-height: 1.667em; /* 20px; */
	}
	
	#footer .links li {
		display: inline;
		margin-right: 0.417em; /* 5px; */
	}
	
	#OverlayContainer {
		margin-top: -0.417em; /* -5px; */
	}
	
	#popCalender {font-size: 0.95em;}
	#popCalender a {font-size: 0.95em;}
	.cpDayColumnHeader {font-size: 0.95em;}
	.cpMonthNavigation {font-size: 0.95em;}
	.cpYearNavigation {font-size: 0.95em;}
	.cpTodayText {color: #000;}
	.cpOtherMonthDate {color: #9CBFCE;}
	
	.csc-sitemap{margin-left: 30px}
	.csc-sitemap li li {padding-left:30px}
	
	
	
	/* Facebook */
	.facebook	
	{		
		margin-top:9px;
		padding:5px;
		font-size: 11px;
		background-color: #fff;
		height: 25px;
	}
	
	#facebookLink
	{
		background-image:url("/fileadmin/bad_endorf/images/icon_facebook.gif");
		background-repeat:no-repeat;
		float:left;
		margin-top:5px;
		margin-left: 5px;
		padding-left:20px;				
	}
	
	#facebookLink a
	{
		color: #333;
	}
	
	#facebookLikeButton
	{
		float: left;
		margin-left: 20px;
		height: 25px;
	}
		
		
		
	/* Startseite Götterdämmerung Konig Ludwig */
	#GoetterdaemmerungKoenigLudwigSmall
	{		
		position: relative; 
		top: 480; 
		left: 695;
		
		z-index: 999;
		
		height: 40px; 
		width: 60px; 
		background-image: url('/fileadmin/bad_endorf/images/entry/ausstellungGoetterdaemmerung_small.gif');
		background-repeat: no-repeat;
	}
	
	#GoetterdaemmerungKoenigLudwigSmall:hover
	{
		top: 162;
	}
	
	#GoetterdaemmerungKoenigLudwigBig
	{		
		position: relative; 
		top: 162;		
		left: 540;		
		
		height: 0px; 
		/*width: 450px;*/
		width: 0px; 
		
		background-image: url('/fileadmin/bad_endorf/images/entry/ausstellungGoetterdaemmerung_big.jpg');
		background-repeat: no-repeat;
	}
			
				
	
		
		
	
	
	
}