/*
 * Copyright 2016 Google Inc.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

* {
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
/*  font-family: 'Helvetica', 'Verdana', sans-serif;*/
  font-weight: 400;
/*  font-display: optional;
  color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/ }

html {
  overflow: hidden; }

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
	background-color: 	#a3907c;
  }

.header {
  top: 0px;
  width: 100%;
  height: 56px;
/*  height: 10%;*/
  color: #FFF;
  background-color: 	#79573b;
  position: fixed;
  position: absolute;
  font-size: 20px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 4px 2px -2px rgba(0, 0, 0, 0.2);
  padding: 16px 16px 0 16px;
  will-change: transform;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-transition: -webkit-transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;
  transition: -webkit-transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;
  transition: transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;
  transition: transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s, -webkit-transform 0.233s cubic-bezier(0, 0, 0.21, 1) 0.1s;
  z-index: 1000; }

  .headerPointer {
    cursor: pointer; }


@font-face {
   font-family: Legacy;
   font-weight: bold;
   src: url("LegacySansStd-Ultra.otf") format("opentype");
}
@font-face {
   font-family: Legacy;
   src: url("LegacySerifEFBookRegular.otf") format("opentype");
}

.header__title {
   color: 				#fff;	
	font-size: 			1.2em;
	font-family: 		Georgia, "Times New Roman", Times, serif;
	line-height:		50px;
   font-weight: 400;
   margin: 0;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
       -ms-flex: 1;
           flex: 1; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  to {
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

@-webkit-keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    stroke-dasharray: 65.973, 21.9911;
    stroke-dashoffset: 0; }
  100% {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -65.973;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    stroke-dasharray: 65.973, 21.9911;
    stroke-dashoffset: 0; }
  100% {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -65.973;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

.main {
  padding-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
 }

.mainobg {
  padding-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.prgmain {
  top: 56px;
  height: calc(100% - 56px);
  padding-top: inherit;
  padding: 1px;
  position: relative;	
  box-sizing: border-box;
  border-radius: 2px;
  margin: 12px;
  overflow: auto;
 }

#prgmain {
  border : none;
  width: 98%;
  height: calc(100% - 56px - 40px);
 }

.range {
  top: 1px;
  left: 1px;
  position: absolute;
}

@media (max-width: 450px) {
  .header__title {
    font-size: 10px; }
  .header {
    height: 96px; }
  .footer {
    font-size: 8px; 
    height: 16px; }
 }


@media (max-width: 1050px) {
  .header .header__title {
    font-size: 15px; }
  .header {
    height: 72px; }
  .footer {
    font-size: 10px; 
    height: 20px; }
}

.navi {
  color: #FFF;
/*  background-color: 	brown;*/
} 

.footer {
  bottom:0px;
  position:absolute;
  width:100%;
  color: #FFF;
  background-color: 	#79573b;
  padding-left: 10px;
} 


span{
	
	color: 				#cc0033;
	padding: 			5px;

}

#logo span{
	font-family:		Arial, Tahoma, Verdana;
	font-size:			0.9em;
	color: 				#cc0033;

}

a img{
	border: 			none;
}


a:link,
a:visited {
	color: 				white;
	font-weight:		lighter;
}	


a:hover,
a:focus {
	color: 				#a3907c;
}


#mail a:hover,
a:focus {
	color: 				#544536;
}



/*mail*/

	
#mail a{
	font-size:			1.1em;
	color:				#fff;	
}


#content{

	font-family:		Arial, Tahoma, Verdana;
	height: 			auto;
	margin-top: 		0;
	margin-right: 		auto;
	margin-bottom: 		0;
	margin-left: 		auto;
	
}


#ueberschrift {
	position: 			absolute;
	top: 				190px;
	width: 				630px;
	z-index:			2;		
}

#ueberschriftm {
	top: 				90px;
}


#ueberschrift2 {
	top: 				225px;
	z-index:			2;		
}

#ueberschrift2m {
	top: 				125px;
	width: 				630px;
}




/* BEGIN: NAVI */
#navi{
	position: 			absolute;
	top:				290px;
	left:				40px;
	z-index:			3;	
}

#subnavi{
	position: 			absolute;
	top:				341px;
	left:				130px;
	z-index:			3;
}

li a.current{
	color: 				#cc0033;
	
}

h1.info{
	color: 				#cc0033;
	
}


/* BEGIN: NAVIM */
#navim{
	top:				1290px;
	left:				40px;
	text-align: 		center;
}

#subnavim{
	top:				341px;
	left:				130px;
	z-index:			3;
}




/* text */

#text {
	
	
}

#textm {
	
	
}


h1 {
	color: 				#fff;	
	font-size: 			2.0em;
	font-family: 		Georgia, "Times New Roman", Times, serif;
	line-height:		50px;
	font-weight:		100;
}



h2  {
	font-family: 		"Times New Roman", Times, serif;
	color: 				#000;
	font-size:			1.6em;
	font-weight: 		100;

}

h3 {
	color: 				#fff;	
	font-size: 			1.6em;
	font-family: 		Georgia, "Times New Roman", Times, serif;
	font-weight:		100;
}


span.cb {
	color: 				white;	
	background-color: #cc0033;
	font-size: 			1.6em;
	font-family: 		Legacy, "Times New Roman", Times, serif;
}

span{
	
	color: 				#cc0033;
	padding: 			5px;

}

#logo span{
	font-family:		Arial, Tahoma, Verdana;
	font-size:			0.9em;
	color: 				#cc0033;

}

/*
ul, table, h1,h2,h1,h4 {
	margin:				0;
	padding: 			0;
}
*/

/* links */

ol {	
	font-size:			1.0em;
	line-height: 		1.1em;
	color:				#544536;
	list-style-type: 	none;
	height:				25px;
/*	font-family: 		Arial, Tahoma, Verdana;*/
	font-weight:		100;
	
}

a {
	text-decoration: 	none;
}

li {	
	font-size:			1.2em;
	color:				#544536;
	list-style-type: 	none;
	height:				25px;
	font-family: 		Arial, Tahoma, Verdana;
	font-weight:		100;
	
}

a:hover,
a:focus {
	color: 				#a3907c;
}


#mail a:hover,
a:focus {
	color: 				#544536;
}



/*mail*/

	
#mail a{
	font-size:			1.1em;
	color:				#fff;	
}

#prgmain  {
	
	color: 				#544536;
	font-size:			1.3em;
	line-height: 		1.4em;
/*	font-weight: 		100;*/

}


#footer p{
	position:			absolute;
	top:				660px;
	left:				60px;
	color:				#fff;
	font-weight: 		lighter;
	text-align: 		center;
	font-family: 		Arial, Helvetica, sans-serif;
	font-variant: 		normal;
}