body {
	font-family : Calibri, arial , "Times New Roman", sans-serif;
	font-family: Georgia, Lucida Sans,Verdana,Comic Sans MS,Arial,Times New Roman, sans-serif;
	font-size : 1.0em;
	width : 100.0%;
	/* extra für Android */
	background-color : #f0f0f0;
	color : #333;
	padding : 0.0em;
	margin : 0.0em;
	-moz-hyphens: auto;
	-o-hyphens: auto; 
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-hyphens: auto; 
	/* border : 0px solid blue ; */
}
div#sprungRegFrm {
	margin : 0.0em 0.0em 0.0em 0.0em ;
}
section#oben {
	width: 99%;
	border : 0px solid green;
	margin : 0.0em;
	padding : 0.0em 0.7em;
	background-color : #f0f0f0;
}
header#navmen {
	background-color : #fcfcfc ; 
	padding : 1.0em 0.0em 0.0em 0.0em;
	box-shadow: 0px 0px 5px 0px;
	height : 5em;
	font-size : 1.0em;
	width : 100% ;
	position: fixed;
	left: 0px;
	top: 0px;
	display: flex ;
	flex-direction: row;
	border-bottom : 0px solid #77d7ef;
	z-index : 5 ;
}
#men01 {
	display : inline ;
	float: right;
}
#men01 a:hover {
	color: black;
}	
nav#demoTst ul li button ,
nav#smartph1 ul li button ,
nav#men01 ul li button {
	background-color : #fcfcfc;
	margin : 0.5em ;
	width : 8em;
	padding : 0.3em 0.5em;
	font-family : Calibri, arial , "Times New Roman", sans-serif;
	font-size : 1.0em;
	font-style : italic ;
	color : #333 ;
	border-radius: 0px ;
	border: 1px solid #77d7ef ;
}


nav#demoTst ul li button:hover ,
nav#smartph1 ul li button:hover ,
nav#men01 ul li button:hover {
	background-color : #fcfcfc ;
	border: 1px solid #77d7ef ;
	border: 1px solid #999 ;
}

nav#men01 ul ,
nav#demoTst ul,
nav#c1RegMen ul,
nav#c1RegMenAkt ul,
nav#smartph1 ul {
	font-size : 1.0em;
	margin : 0em 0em 0em 0em ;
	padding : 0.2em ;
	list-style-type : none ;
}

nav#demoTst ul li ,
nav#c1RegMenAkt ul li,
nav#c1RegMen ul li,
nav#men01 ul li {
	margin : 0.0em 0.0em 1.0em 0.0em  ;
	padding : 0.3em ;
	line-height : 3em ;
	display : inline ;
}

nav#demoTst ul li {
	display : block ;
}

nav#demoTst ul li button {
	margin : auto;
	padding : 1em;
	width : 30em;
}


/* Allgemein Anweisungen */
div#cLogo {
	padding-left : 7.0em ;
	min-width : 20em ;
	border : 0px solid blue;
}
div#cLogo p.sp1 {
	color : #333 ;
	font-size : 2.0em ;
	font-weight: 100 ;
	margin : 0.0em ;
	padding : 0.0em ;
}
div#cLogo p.sp2 {
	color : #333 ;
	font-size : 1.02em ;
	font-weight: 200 ;
	margin : 0.0em ;
	padding : 0.0em ;
}
nav#demoTst,
div#c1,
div#imp ,
div#ds {
	font-size : 1.0em;
	width : 65%;
	padding : 0.0em;
	margin : auto ;
	border : 0px solid green;
}
nav#demoTst,
div#c1,
div#imp,
div#ds {
	padding-top : 6.0em ;
}
nav#demoTst {
	padding-left : 8.0em ;
	border-bottom : 2px solid #eee ;
}
div#c1 p#anmelden ,
div#c1 p#registrieren {
	font-size : 1.5em ;
	font-weight : bold ;
	margin : 1.5em 0.0em 0.0em 0.5em ;
	padding : 0.0em ;
	color : #333 ;
}

div#c1 p#registrieren {
	margin : 0.0em 0.0em 0.0em 0.5em ;
}

div#c1Login p {
	margin : 1.0em 0.0em 1.0em 0.5em ;
	font-size : 1.0em ;
	color : #333 ;
}

nav#c1RegMenAkt ,
nav#c1RegMen {
	background-color : #f0f0f0 ;
	padding : 0.5em ;
	font-size : 1.0em ;
}
nav#c1RegMenAkt button ,
nav#c1RegMen button {
	font-size : 1.0em ;
	margin: 0.5em 0.0em ;
	padding: 0.3em ;
	border-radius: 0px ;
	color : #333 ;
}
nav#c1RegMen ul li button#regAx {
	width: 10.5em ;
}
nav#c1RegMen ul li button#regTn {
	width: 9.5em ;
}
nav#c1RegMen ul li button#regAz {
	width: 9.5em ;
}
nav#c1RegMen ul li button#regBe {
	width: 5.5em ;
}
nav#c1RegMen ul li button#regIn {
	width: 5.5em ;
}
div#c1 button#login ,
div#c1 button#regi ,
div#c1 button#kwVg  {
	margin  : 0em 0.0em 0.5em 0.0em ;
	padding : 0.5em 3.0em ;
	font-size : 1.2em ;
	width : 24.1em;
	color : #333 ;
	border-radius: 0px ;
}

div#c1 button#regi {
	width : 19.4em;
}

div#c1 button#kwVg {
	margin  : 1.0em 0.0em 0.2em 0.0em ;
	padding : 0.2em 0.5em ;
	font-size : 1.0em ;
	width : 10.0em;
	font-style : italic ;
	background-color : #fff ; 
}
div#c1 button#kwVg:hover {
	background-color : #f0f0f0 ;
}
div#c1 fieldset {
	margin : 1.0em 0.0em 0.0em 0.0em;
	padding : 0.5em 0.5em 0.0em 0.5em;
	border : 0px solid #eee ;
}
div.c1Reg label,
div.c1Reg input,
div.c1Reg select,
div#c1 fieldset label,
div#c1 fieldset input,
div#c1 fieldset button,
div#c1 fieldset select {
	padding : 0.5em ;
	margin : 0.5em 0.0em ;
	width : 23em;
	font-size : 1.2em;
	color : #333;
}

div#c1 p#regAls {
	margin : 0.0em 0.0em 0.0em 0.0em;
	padding : 0.5em ;
	font-size : 1.0em;
	color : #333;
}

.dsTxt p {
	font-size : 0.9em;
	margin : 0.0em 0.0em 0.5em 0.0em ;
	text-align : justify ;
}

p#txtDs0 {
	margin : 0.0em 0.5em 0.0em 0.5em ;
	padding : 0.0em
}

div#logDs {
	padding : 0.5em 0.5em 0.5em 0.5em ;
}

div#c1 button,
nav#c1RegMen button,
nav#c1RegMenAkt button,
div.c1Reg button {
	padding : 0.3em 0.5em;
	/*
	font-family : Georgia, "Times New Roman", serif;
	*/
	font-family : Calibri, arial , "Times New Roman", sans-serif;
	font-size : 1.2em;
	font-style : italic ;
	background-color : #77d7ef ; 
	border : 1px solid #77d7ef;
	color : #333 ;
	border-radius: 0px ;
}

nav#c1RegMenAkt button ,
nav#c1RegMen button {
	background-color : #fcfcfc ; 
	border : 1px solid #77d7ef;
}

div#c1 button:hover,
nav#c1RegMen button:hover,
nav#c1RegMenAkt button:hover,
div.c1Reg button:hover,
div.c1Reg select:hover {
	color : #000 ;
	background-color : #f0f0f0 ;
}

div.legend {
	padding-top : 1.0em;
}

div#c1 button.janein {
	padding : 0.5em ;
	margin : 0.5em ;
	padding : 0.3em 0.5em;
	/*
	font-family : Georgia, "Times New Roman", serif;
	*/
	font-family : Calibri, arial , "Times New Roman", sans-serif;
	font-size : 1.2em;
	font-style : italic ;
	background-color : #eee ;
	color : #333 ;
	border-radius: 0px ;
	border: 1px solid 1px solid #77d7ef ;
}

span.plus {
	color : #77d7ef;
	font-size: 1.5em;
	font-weight : 900 ;
}

h1#u1 {
	text-align: center ;
}
p.rotate {
	font-size : 1.0em;
	position: fixed;
	right: 0px;
	top: 200px;
	margin : 0em -4.0em 0em 0em ;
	padding : 0.3em ;
	color : #000;
	background-color : #77d7ef ;
	width : 9.2em;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg) ;
	transform: rotate(90deg);
	border : 0px solid #48D1CC ;
	border-bottom-left-radius: 5px ;
	border-bottom-right-radius: 5px ;
	z-index : 20;
}
div#c7 {
	background-color : #ccc ;
	color : #666 ;
	margin : 0.0em 0.0em ;
	padding : 0.0em 0.0em;
	width : 100.0% ;
	display: flex ;
	flex-direction: row;
	border : 0px solid red ;
}
div#c71 {
	width : 30% ;
}
div#c72 {
	width : 70% ;
}
div#c71 p,
div#c72 p {
	text-align : center;
	font-weight : 50 ;
}
div#c71 h3,
div#c72 h3 {
	width : 60% ;
	font-size : 1.0em;
	text-align : center;
}
div#logNein {
	font-size : 1.2em;
	color : #f00 ;
	padding : 0.0em 1.0em 1.0em 1.0em ;
}
table.dozGesFrg {
	font-size : 1.0em;
	margin : 0.5em ;
	border : 1px solid #77d7ef;
	border-collapse : collapse ;
}

table.dozGesFrg td {
	background-color : #f0f0f0 ;
	color : #333 ;
	padding : 0.5em ;
	border : 1px solid #77d7ef;
}

table.dozGesFrg td.rechts {
	text-align : right ;
}