/* Allgemeine Definitionen */
html, body {
	width:98%;
	height: auto;
	margin: 1%;
	background-color:#000000;
	color:#000000;
	font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
	font-size: 62,5% !important;
}

#chkBrw {
  width: 50vw;
  height:0px;
}

#pageLoading {
	display:block;
	text-align:center;
	vertical-align:middle;
	margin: 0 auto;
	padding:1%;
	width: 98%;
	height: 98%;
	background-color:#FFFFFF;
	color:#000000;
	overflow:hidden;
}

#pageLoading div {
    position:relative;
    top:18%;
    vertical-align: middle;
    width:100%;
    height: 100%;
}

#pageLoading div img {
	width: 50%;
	height: auto;
	min-width:50%;
	min-height:50%;
	max-width:70%;
	max-height:70%;
	border:0px;
	margin:0px;
}

#cncGameContainer {
	display:none;
	text-align:center;
	margin: 0 auto;
	padding:1%;
	width: 98%;
	height: 98%;
	background-color:#FFFFFF;
	overflow:hidden;
}

#cncGameHeader {
	text-align:center;
	vertical-align:middle;
	width: 96%;
	height: 40%;
	margin: auto;
	margin-bottom:1%;
	overflow:hidden;
}

#cncImgLogo {
	width: 100%;
	height:100%;
	border:0px;
	margin:0px;
}

#cncImgLogoSafari {
	width: 70%;
	height:auto;
	border:0px;
	margin:0px;
}

#cncPageContent, #cncGameContent {
	width: 96%;
	height: 60%;
	min-height:100%;
	text-align:left;
	margin: 0 auto;
	line-height:1.4em;;
	line-height:3vw;
	font-size:1.8em;
	font-size:1.8vw;
	font-weight:bold;
	overflow-y:auto;
}

#cncGameControls {
	text-align:center;
	width: 100%;
	height: auto;
	margin: 2em auto;
	margin: 2vw auto;
}

.noSafari {
    padding-top:4vw;
}

.cncGameButton {
    display:inline-block;
    vertical-align:middle;
    width:25%;
    padding:1em;
    padding:1vw;
    margin:1em 1em 1em auto;
    margin:1vw 1vw 1vw auto;
    background-color:#E42B2B;
    color:#FFFFFF;
    font-size:2vw; 
}

.cncGameButton:hover {
    cursor:pointer;
    background-color:#F3D15B;  
}

.roundedEdges {
	border-radius: 1em;
	-webkit-border-radius:1em;
	-moz-border-radius: 1em;
}

.roundedEdges {
	border-radius: 2vw;
	-webkit-border-radius:2vw;
	-moz-border-radius: 2vw; 
}


.borderShadow {
	box-shadow: 0px 0px 1em rgba(0, 0, 0, 4.53);
	-moz-box-shadow: 0px 0px 1em rgba(0, 0, 0, 4.53);
	-webkit-box-shadow: 0px 0px 1em rgba(0, 0, 0, 4.53);  
}

.borderShadow {
	box-shadow: 0px 0px 1vw rgba(0, 0, 0, 4.53);
	-moz-box-shadow: 0px 0px 1vw rgba(0, 0, 0, 4.53);
	-webkit-box-shadow: 0px 0px 1vw rgba(0, 0, 0, 4.53);  
}

#cncCopyright {
	display:none;
	margin:1em auto;
	text-align:center;
	color:#FFFFFF;
	font-size:2em;
	font-size:2vw;
}