@import url(https://fonts.googleapis.com/css?family=Merienda+One);

@import url(https://fonts.googleapis.com/css?family=Courgette);

@import url(https://fonts.googleapis.com/css?family=Cantarell:700italic);

@import url(https://fonts.googleapis.com/css?family=Damion);

@import url(https://fonts.googleapis.com/css?family=Carter+One);

@import url(https://fonts.googleapis.com/css?family=Averia+Sans+Libre);

html

{

	font-family: 'Averia Sans Libre', cursive;

	font-size: 16pt;

	font-weight:bold;

}

body

{

	background-color:#000000;

	background-position:50% 0px;

	background-repeat: repeat;

	margin: 0px 0px 0px 0px;

}

#alles

{

	background-repeat: repeat;

	margin-left: auto;

	margin-right: auto;

	margin-bottom:50px;

	max-width:1000px;

	-webkit-box-shadow: 0px 0px 50px 25px rgba(0,0,0,1);

	-moz-box-shadow: 0px 0px 50px 25px rgba(0,0,0,1);

	box-shadow: 0px 0px 50px 25px rgba(0,0,0,1);

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

}

#header

{

	text-align: center;

	margin-left: auto;

    margin-right: auto;

	max-height:250px;

	max-width:1000px;

	background-position:50% 0px;

	background-repeat: no-repeat;

}

#raberey

{

    display: block;

	margin-top:0px;

	display: block;

	width:100%;

	max-width:562px;

    margin-left: auto;

    margin-right: auto;

	vertical-align:middle;

}

.balken

{

	margin-left: auto;

	margin-right: auto;

	height:46px;

	width:100%;

	max-width:1200px;

	background-color:#1c517f;

	border-bottom: 2px solid #fff;

	border-top: 2px solid #fff;

}

h1

{

	font-size: 24pt;

	text-align:center;

	color:#fff;

}

h2

{

	font-size: 20pt;

	text-align:center;

	color:#fff;

}

h3

{

	font-size: 16pt;

	text-align:center;

	color:#fff;

}

.text-center

{

	text-align:center;

}

.center

{

	max-width:800px;

	margin-left: auto;

	margin-right: auto;

}

#banner

{

    display: block;

	margin-top:0px;

	display: block;

	width:100%;

	max-width:700px;

    margin-left: auto;

    margin-right: auto;

}

#logo 

{

    display: block;

	margin-top:0px;

	display: block;

	width:100%;

	max-width:200px;

    margin-left: auto;

    margin-right: auto;

}

#content

{

	background:#000;

	margin-left: auto;

	margin-right: auto;

	z-index:70;

	color:#fff;

}

a.links:link,a.links:visited 

{

	text-decoration:underline;

	color:#fff;

}

a.links:hover, a.links:active, a.links:focus

{

	text-decoration:none;

	color:#1c517f;

}

#roadmap 

{

	margin-left: auto;

	margin-right: auto;

	z-index:8;

	width:95%;

	height:500px;

}

#flipH

{

	transform: scaleX(-1);

}

#flipV

{

	transform: scaleY(-1);

}



#menu

{

	margin-left: auto;

	margin-right: auto;

	height:100%;

	max-height:100px;

	max-width:700px;

	vertical-align:top;

	border-radius: 15px 15px 0px 0px;

	-moz-border-radius: 15px 20px 0px 0px;

	-webkit-border-radius: 15px 15px 0px 0px;

}

#copy

{

	display: block;

	display: block;

	width:100%;

	max-width:562px;

	margin-left: auto;

	margin-right: auto;

	color:#ffffff;

	text-align:center;

	font-size:16px;

}

#copy a:link,a:visited 

{

	text-decoration:none;

	color:#ff0000;

}

#copy a:hover, a:active, a:focus

{

	text-decoration:none;

	color:#ffffff;

}


#dollar

{

	display: block;

	display: block;

	width:100%;

	max-width:562px;

	margin-left: auto;

	margin-right: auto;

	color:#ffffff;

	text-align:center;

	font-size:16px;

}

#dollar a:link,a:visited 

{

	text-decoration:none;

	color:#ffffff;

}

#dollar a:hover, a:active, a:focus

{

	text-decoration:none;

	color:#ff0000;

}


#logout

{

	display: block;

	display: block;

	width:100%;

	max-width:562px;

	margin-left: auto;

	margin-right: auto;

	color:#ff0000;

	text-align:center;

	font-size:16px;

}

#logout a:link,a:visited 

{

	text-decoration:none;

	color:#ff0000;

}

#logout a:hover, a:active, a:focus

{

	text-decoration:none;

	color:#ffffff;

}





#keypad {margin:auto; margin-top:20px;}



#keypad tr td {

	vertical-align:middle; 

	text-align:center; 

	border:1px solid #ff0000; 

	font-size:32px; 

	font-weight:bold; 

	width:1cm; 

	height:1cm; 

	cursor:pointer; 

	background-color:#ffffff; 

	color:#000000;}

#keypad tr td:hover {background-color:#999999; color:#ff0000;}



.display {

	width:3cm; 

	height:1cm;

	text-align:center;

	margin:10px auto auto auto; 

	background-color:#ffffff; 

	color:#000000; 

	font-size:24px;

	font-weight:bold; 

	border:1px solid #ff0000;

}

.reset {

	width:1cm; 

	height:1cm;

	text-align:center;

	margin:10px auto auto auto; 

	background-color:#ffffff; 

	color:#000000; 

	font-size:24px;

	font-weight:bold; 

	border:1px solid #ff0000;

}

#message {

	text-align:center; 

	color:#ff0000; 

	font-size:24px; 

	font-weight:bold; 

	display:none;

}