/**** Main Body Text ****/  
@font-face {
  font-family: 'TravelingTypewriter';
  src: URL('fonts/TravelingTypewriter.ttf') format('truetype');
  font-weight: bold;
  font-style: bold;
}

/**** Heading Text ****/  
@font-face {
  font-family: 'JMH Santa Maria';
  src: URL('fonts/summerbreeze_g-webfont.ttf') format('truetype');
  /* src: URL('fonts/Tannenberg-Bold.ttf') format('truetype'); */
  /* src: URL('fonts/JMH Santa Maria.ttf') format('truetype');*/
  font-weight: normal;
  font-style: normal; 
}

/*
* {
    margin: 0;
    padding: 0;
}
*/

body, option {
	background-image: url(bilder/background_01.png);
    background-attachment: fixed !important;
	background-position: left;
	background-repeat: no-repeat;
  	background-size: 100% 100%;
    padding-left: 	2pt;
	font-size: 		20px;
	font-family: TravelingTypewriter, Arial, sans-serif !important;
	text-shadow: 2px 5px 5px #777 !important;
}

input, select, textarea {
	background-color: white !important; /* lightgrey */
	font-size: 		20px;
	font-family: TravelingTypewriter, Arial, sans-serif !important;
	text-shadow: 2px 5px 5px #777 !important;
    background-attachment: fixed;
}

button , .button {
	font-size: 		20px;
	font-family: TravelingTypewriter,Arial, sans-serif !important;
	text-shadow: 2px 5px 5px #777 !important;
}

.login_centered {
  width: 50%;
  padding: 2%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: black !important;
}

header, nav, footer, aside, section {
    display: block;
}

header {
    height: 40px;
	padding-top: 	10pt !important;
	padding-left: 	10pt !important;
    width: 1480px;
     /* margin: 0 auto; */
}

header p {
    text-align: left;
    /* text-align: right; */
    padding-right: 15px;
}

header a {
    color: white;
}

#logotext {
    margin: 	2px;
    padding: 	2px;
	font-size: 	50px;    
	color: 		black;
    text-align: left;
}

#wrapper {
    width: 1480px;
     /* margin: 0 auto; */
	padding-top: 	10pt !important;
	padding-left: 	10pt !important;
    text-align: left; 
}

#steuerunglinks {
    width: 			300px;
    float: 			left;
    padding-left: 	2px;
    background-color: lightgrey;
}

#steuerunglinks a {
    color: black;
    text-decoration: none;
}

#steuerunglinks ul {
    padding-left: 	20px;
    /*padding-top: 	20px;*/
    list-style-type: none;
}

#steuerunglinks ul ul {
    list-style-type: none;
    /* list-style-type: square; */
}

#steuerungoben {
    /* background-image: url(bilder/grau-50.png); */
    background-color: black;
    height: 24px;
}

#steuerungoben ul {
    list-style-type: none;
}

#steuerungoben li {
    display: inline;
}

#steuerungoben a {
    display: block;
    width: 230px;
    float: left;
    text-align: center;
    line-height: 24px;
    color: white;
    font-weight: bold !important;
    text-decoration: none;
}

#steuerungoben a:hover {
    background-image: url(bilder/grau-50.png);
}

aside {
    width: 175px;
    float: right;
    /* background-color: lightgrey; */
}

aside a {
    color: black;
    text-decoration: none;
}

aside p {
    padding-left: 	30px;
    padding-bottom: 5px;
}

aside ul {
    padding-left: 	30px;
    padding-bottom: 5px;
}

aside img {
    color: black;
    text-decoration: none;
}

section {
    margin-left:	320px;
    margin-right:	195px;
    background-color: lightgrey;
}

section a {
    color: black;
    text-decoration: none;
}

section p {
    padding-left: 	30px;
    padding-bottom: 5px;
}

section ul {
    padding-left: 3em;
}

section li {
    padding-bottom: 0.5em;
}

footer {
    background-color: lightgrey;
    color: black;
    text-align: center;
    clear: both;

    opacity: 0.8;
	/* border: 1px solid red; */
	padding: 2px;
	border-top-right-radius: 20px 17px;
	border-bottom-left-radius: 15px 12px;
	
    margin-top: 10px;
}

.runes_head {
	font-family: 	'JMH Santa Maria' !important;
	font-weight: 	150 !important;
	font-size: 		50px;
    letter-spacing: 3px !important;
	/* letter-spacing: 0.0em;
	line-height: 	5px; */
    margin: 2px;
    padding: 20px;
    text-align: left;
}

.runes_h1 {
	font-family: 	'JMH Santa Maria' !important;
	font-weight: 	150 !important;
	font-size: 		50px;
    letter-spacing: 3px !important;
	/* letter-spacing: 0.0em; */
	margin: 2px;
    padding: 20px;
    text-align: left;
}

.runes_h2 {
	font-family: 	'JMH Santa Maria' !important;
	font-weight: 	50 !important;
	font-size: 		35px;
    letter-spacing: 3px !important;
	/* letter-spacing: 0.0em;
	line-height: 	10px; */
    margin: 2px;
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
}

.runes_h3 {
	font-family: 	'JMH Santa Maria' !important;
	font-weight: 	bold; /* 50 !important */
    letter-spacing: 3px !important;
	/* font-size: 		35px;
	letter-spacing: 0.2em; */
    margin: 2px;
    padding: 20px;
    text-align: left;
}

.runes_h4 {
	font-family: 	'JMH Santa Maria' !important;
	font-weight: 	bold; /* 50 !important */
    letter-spacing: 3px !important;
	/* font-size: 		35px;
	letter-spacing: 0.2em; */
    margin: 2px;
    padding: 20px;
    text-align: left;
}

a:hover {
    background-color: lightgrey;
    opacity: 0.8;
	/* border: 1px solid red; */
	padding: 2px;
	border-top-right-radius: 20px 17px;
	border-bottom-left-radius: 15px 12px;
}

div {
    padding-top: 	20px;
	padding-left: 	20px;
}

li { 
	display: 		block;
}

table {
	/* border-collapse: collapse;*/
	border: 0 !important;
}

.table_main {
	padding-left: 	20px;

}

th,td {
	margin: 3px;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

td.border-bottom,th.border-bottom  {
	border-bottom: 1px solid black !important; 
}

td.border-right,th.border-right  {
	border-right: 1px solid black !important; 
}

.tr_head {
	background-color:	lightgrey;
	color:				black;
}

.td_head_last, .td_head_bottom {
	border-bottom: 1px solid black !important; 
}

.td_head_middle {
	border-left: 1px solid black !important; 
	border-right: 1px solid black !important; 
}