html {
	box-sizing: border-box;
}

*,
::before,
::after {
	box-sizing: inherit;
}

header,
nav,
nav a,
main,
article,
section,
aside,
footer {
	border-radius: 0.5em 0.5em 0.5em;
	border: 3px solid;
	padding: 0px;
	margin: 5px;
	background: #E6D8C6 ;
	border-color: #e7c157;
}

section.rpinfo {
	background: #E6D8C6 ;
	border-color: #e7c157;
	margin-left: 15em;
	min-height: 30em;
}

section.nonav {
	background: #ff0000 ;
	border-color: #e7c157;
	min-height: 30em;
}

nav {
	font-size: 12px;
	float: left;
	width: 14em;
	padding: 0;
	background: #fffbf0;
	border-color: #e7c157;
}

nav ul {
	padding: 0;
}

nav li {
	list-style: none;
	margin: 0;
	padding: 0.0em;
}

nav a {
	display: block;
	padding: 0.2em 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #e7c157;
	color: #333;
}

nav ul a:hover,
nav ul a:active {
	color: #fffbf0;
	background-color: #dfac20;
	;
}

main {
	background: #c4ced3;
	border-color: #8a9da8;
	margin-left: 15em;
	min-width: 16em;
	min-height: 16em;
	/* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

section {
	background: #F1F3F4;
	border-color: slateblue;
}

article {
	background: #ffede0;
	border-color: #df6c20;
}

aside {
	background: #ebf5d7;
	border-color: #8db243;
}

footer {
	background: #e4ebf2;
	border-color: #8a9da8;
}

footer p {
	float: right;
	margin: 0;
}


/* klassisch */
body.globalbody
{
	margin: 10px auto;
        text-align: center;
        font-family: sans-serif, helvetica, times;
        font-weight: normal;
        font-size: 12px;
        color: #000000;
        background-color: #E6D8C6;
}

/* Force some defaults to 0 */
table th {
	padding: 0;
}
table td {
	padding: 0;
	font-family: sans-serif, helvetica, times;
	font-weight: normal;
	font-size: 12px;
} 
table tr.grau {
	background-color: #c2bcbb;
}

.nolink {
        font-family: sans-serif, helvetica, times;
        font-weight: normal;
        font-color: #000000;
        text-decoration: none;
}
.nolink:link	  { font-weight:bold; color:black; text-decoration:none; }
.nolink:visited { font-weight:bold; color:black; text-decoration:none; }
.nolink:focus   { font-weight:bold; color:black; text-decoration:none; }
.nolink:hover   { font-weight:bold; color:black; text-decoration:none; }
.nolink:active  { font-weight:bold; color:black; text-decoration:none; }

caption.rpheadline {
        text-align: center;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
}

div.lostpassword { 
	padding: 4px;
        text-align: left;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
	width:300;
	border:2px solid #888;
}
div.register { 
	padding: 4px;
        text-align: left;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
	width:420px;
	border:2px solid #888;
}
div.activate { 
	padding: 4px;
        text-align: left;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
	width:630px;
	border:2px solid #888;
}
div.returncodes { 
	padding: 4px;
        text-align: left;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
	border:2px solid #888;
}


table.register {
	padding: 2px;
        text-align: right;
        font-family: sans-serif, helvetica, times;
        font-weight: normal;
        font-size: 12px;
}
table.login {
	padding: 2px;
        text-align: right;
        font-family: sans-serif, helvetica, times;
        font-weight: normal;
        font-size: 12px;
}
div.login { 
	width:250px;
	border:2px solid #888;
}
div.edit { 
	width:400;
	border:2px solid #888;
}

td.error {
        text-align: left;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #ff0000;
}

table.admin {
	padding: 2px;
	border: 1px solid #000000;
        font-family: sans-serif, helvetica, times;
        font-weight: normal;
        font-size: 12px;
}
table.nameedit {
	padding: 5px;
	border: 1px solid #000000;
        font-family: sans-serif, helvetica, times;
        font-weight: normal;
        font-size: 12px;
}

table.rpshow {
	padding: 5px;
        text-align: left;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
	width: 100%;
	border: 1px solid #000000;
	border-collapse: collapse;
}
/*	border: 1px solid #000000; */
th.admin {
        text-align: center;
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
        color: #000000;
}
td.admin {
        font-family: sans-serif, helvetica, times;
        font-weight: normal;
        font-size: 14px;
        color: #000000;
}
td.namelist {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
        color: #000000;
        text-align: center;
}
td.kslheader1 {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 14px;
        color: #000000;
        text-align: center;
}
td.nameedit {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: center;
}
td.rpshow1 {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: left;
	width: 12em;
	padding: 3px;
	border: 1px solid #000000;
}
td.rpshow2 {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: left;
	padding: 3px;
	border: 1px solid #000000;
}

input.nameedit {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: center;
	height: 22px;
	width: 250px;
	padding :3px;
}

input.rpedit {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: left;
}
td.rpinfo {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: left;
}
td.rpedit {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: left;
}
textarea.rpedit {
        font-family: sans-serif, helvetica, times;
        font-weight: bold;
        font-size: 12px;
        color: #000000;
        text-align: left;
	height: auto;
	width: auto;
}

.right {
        text-align: right;
}
.center {
        text-align: center;
}
.xred {
        font-size: 22px;
        color: #ff0000;
}

/* Login modal window */
	.logindialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

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

	.logindialog > div {
		width: 300px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #D8C8B8;
/*		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
*/
	}

	.loginclose {
		background: #606061;
		color: #FFFFFF;
		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: #00d9ff; }

/* Register modal window */
	.registerdialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

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

	.registerdialog > div {
		width: 300px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #D8C8B8;
	}

	.registerclose {
		background: #606061;
		color: #FFFFFF;
		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;
	}

/* Lost Password modal window */
	.lostdialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

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

	.lostdialog > div {
		width: 300px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #D8C8B8;
	}

	.lostclose {
		background: #606061;
		color: #FFFFFF;
		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;
	}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
}
select {
  border: 1px solid #e7c157;
  padding:.5em .5em .5em .5em;
  background-color:#E6D8C6;
}

select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

option {
  background:#E6D8C6;
  border-top:1px solid #444;
}

html, body, #container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}