/* Colors: http://paletton.com/#uid=73R0u0k2i++00++00++ak++gH+- */
html {
	margin: 0.5em;
}
/*body {*/
/*	background-color: #eff2ff;*/
/*}*/
img {
	border: none;
}
footer {
	margin-top: 0.5em;
}


#startrow div {
	margin-bottom: 10px;
}

nav {
    height: 40px;
    text-align: center;
   	margin-top: 0.5em;
   	position: relative;  /* absolute positioning of 'menu' link */
   	background: #d8ddfa;
}

/* Show the "Menu" button on phones */
nav #nav-menu-button {
    display: block;
    top: 0.5em;
    right: 0.5em;
    position: absolute;
    color: black;
}

nav.active {
    height: 100%;  /* if menu button selected, extend the menu */
}

/* default: don't show menu items */
.nav-inner {
    display: none;
}

/* but show menu items if clicked (=active) */
nav.active .nav-inner {
    display: block;
    padding: 0.5em 0;
    margin-right: 1em;
}

nav a:link {
	color: black;
}

nav a:visited {
	color: black;
}

nav .pure-menu {
    background: transparent;
    border: none;
    text-align: left;
    padding-right: 0.5em;
}

nav .pure-menu-link:hover,
nav .pure-menu-link:focus {
	background: #FFF4AD;
}

nav .pure-menu-link {
	color: black;
	margin-left: 0.5em;
}

nav .pure-menu-heading {
    border-bottom: none;
    font-size: 110%;
    color: #AD87FE;
}
	
main {
	margin-top: 0.5em;
}

.pure-table thead {
	background: #d8ddfa;
}

.pure-g > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a.registerYes {
	color: green;
	text-decoration: none;
}

a.registerNo {
	color: red;
	text-decoration: none;
}

fieldset {
	margin-right: 8px !important;
}

legend {
	font-weight: bold;
}

.infobox, .newsbox {
  padding: 0.5em;
  border: 1px solid black;
  overflow: hidden;
  background-color: rgb(233, 236, 249);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

.newsmargin {
	padding-left: 0;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0;
}

.newsbox h1 {
	margin: 0;
	font-size: medium;
	border-bottom: 1px solid black;
}

.newsbox p {
	margin-bottom: 0;
	margin-top: 1em;
}

.newsbox img {
	margin-right: 0.5em;
	margin-top: 1em;
	margin-left: 0;
	float: left;
}

.newsdate {
	display: block;
	color: #909090;
	font-size: 10px;
}

.menu-topnews {
	color: red;
}

.quicklinks {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.quicklinks li:first-child {
	margin-top: 0;
}

.quicklinks li {
	margin-top: 0.5em;
}

.disziplin {
	float: left;
	margin-right: 4px;
}

.versiondate {
	text-align: end;
}

table {
	border-collapse: collapse;
	border: none;
}

th, td {
	padding: 4px;
}

td.year {
	background-color: #d8def9;
	text-align: center;
}

UL#fastlinks {
	PADDING-BOTTOM: 1em; 
	LIST-STYLE-TYPE: none; 
	MARGIN-left: -10px;
	margin-top: 0px; 
	PADDING-LEFT: 0px; 
	WIDTH: 100%; 
	BOTTOM: -1.4em; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0.5em; 
	LEFT: 1px;
}

UL#fastlinks LI A {
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 10px; 
	WIDTH: auto; 
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FLOAT: left; 
	BORDER-TOP: medium none; 
	BORDER-RIGHT: #aaa 1px dotted; 
	PADDING-TOP: 0px
}

UL#fastlinks LI A {
	COLOR: #06c; TEXT-DECORATION: underline
}

sup {
	color: red;
}

div.error strong {
	color: red;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65) !important;
}

.button-error {
    background: rgb(202, 60, 60) !important;
}

.button-warning {
    background: rgb(223, 117, 20) !important;
}

.button-secondary {
    background: rgb(66, 184, 221) !important;
}

.clearfix {
	-display: inline-block;
}

.clearfix:after {
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	line-height: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

@media (max-width: 760px) {
  .versiondate {
  	text-align: left;
  }
}

/* show menu completely if screen is wide enough */
@media (min-width: 35.5em) {
    nav {
        overflow: auto;
        height: 100%;
        background: transparent;
    }

    /* show menu items */
    .nav-inner {
        display: block;
    }

    nav.active .nav-inner {
       margin-right: 0;
    }
    
    /* hide the menu button */
    nav #nav-menu-button {
        display: none;
    }
}