.visible
	{
		display:inline;
		opacity: 1;
		transition: opacity 0.25s linear;
	}

	.hidden
	{
		display:none;
		opacity: 0;
		transition: visibility 0s 0.25s, opacity 0.25s linear;
	}
	.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 9999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;

	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 50%;
		position: relative;
		margin: 5% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
		/*box-shadow: 6px 6px 3px #444444;*/
		
	}

	.close {
		background: #606061;
		color: #000000;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #AAAAAA; }
	.startbtn {
		color: white;
        border-radius: 4px;
        background-color: #166916;
        outline:0;
        text-decoration: none;
        border: 0 none;
        font-size: 12px;
  		font-weight: bold;
  		line-height: 20px;
  		margin-bottom: 0;
  		margin-top: 10px;
  		padding: 7px 10px;
	}
	.musicbtn {
		color: white;
        border-radius: 4px;
        background-color: #003399;
        outline:0;
        text-decoration: none;
        border: 0 none;
        font-size: 12px;
  		font-weight: bold;
  		line-height: 20px;
  		margin-bottom: 0;
  		margin-top: 10px;
  		padding: 7px 10px;
	}
	.teasertext { font-family: Georgia, Times New Roman, Times, serif; }
	.txtformat { 
		color: #AAAAAA;
		font-family: Georgia, Times New Roman, Times, serif;
	}
	.hintformat { 
		font-size: 0.9em;
	}
	.headformat { 
		font-family: "Times New Roman", Georgia, Serif;
		font-size: 1.2em;
		color: #AAAAAA;
	}

	.foldoutbtn {
		color: #00002C;
        border-radius: 4px;
        background-color: #AAAAAA;
        outline:0;
        text-decoration: none;
        border: 0 none;
  		font-weight: bold;
  		/*line-height: 20px;*/
		font-size:0.9em;
  		margin-bottom: 0;
  		margin-top: 10px;
  		padding: 7px 10px;
  		width: 60%;
  		text-align:left;
	}
	.btnicons { 
		font-size: 1.5em;
		padding-right: 8px;
	}
	.txtblock {
		margin: 5px 5px 5px 5px; 
		padding-left: 20px;
  		width: 58%;
  		text-align:left;
		color: #AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.5em;
	}
	.mantable {
		padding: 10 10 10 10;
		border: 2px solid #555555;
		border-collapse: collapse;
  		width: 58%;
  		text-align:left;
		color: #AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
	}
	.conftable {
		padding: 10 10 10 10;
		border: 0px;
  		width: 58%;
  		text-align:left;
		color: #AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
	}
	.mantablerow {
		/*border: 2px solid #555555;
		border-collapse: collapse;*/
	}
	.mantablecol {
		padding: 10px 10px 10px 10px;
		margin: 10px 10px 10px 10px;
		/*border: 2px solid #555555;
		border-collapse: collapse;*/
		color: #AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
		vertical-align:top;
	}
	.txtlist {
		padding-left: 4em;
		padding-right: 1em;  
	}
@media only screen and (max-width: 1200px) {
	.foldoutbtn {
		color: #00002C;
        border-radius: 4px;
        background-color: #AAAAAA;
        outline:0;
        text-decoration: none;
        border: 0 none;
  		font-weight: bold;
  		/*line-height: 20px;*/
		font-size:0.9em;
  		margin-bottom: 0;
  		margin-top: 10px;
  		padding: 7px 10px;
  		width: 80%;
  		text-align:left;
	}
	.txtblock {
		margin: 10px 10px 10px 10px; 
  		width: 78%;
  		text-align:left;
		color: #AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.2em;
	}
	.modalDialog > div {
		width: 80%;
		position: relative;
		margin: 5% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
		/*box-shadow: 6px 6px 3px #444444;*/
		
	}
	.teasertext { font-family: Georgia, Times New Roman, Times, serif; font-size:1.0em;}
	.mantable {
		padding: 10 10 10 10;
		border: 2px solid #555555;
		border-collapse: collapse;
  		width: 78%;
  		text-align:left;
		color: #AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
	}
	.conftable {
		padding: 10 10 10 10;
		border: 0px;
  		width: 78%;
  		text-align:left;
		color: #AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
	}
	
}