/* Allgemein
-------------------------------------------------------------------*/

/* amatic-sc-regular - latin */

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('amatic-sc-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('amatic-sc-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('/fonts/AmaticSC-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/AmaticSC-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('/fonts/Ubuntu-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/Ubuntu-Regular.ttf') format('truetype'); /* Safari, Android, iOS */	   
}

@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Calibri.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/Calibri.woff') format('woff'), /* Modern Browsers */
	   url('/fonts/Calibri.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/Calibri.ttf') format('truetype'); /* Safari, Android, iOS */
} 

body{
 
  font-family: Ubuntu;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.8em;
  text-align: justify;
  color: #3c3c3c;
  background-color:white;
  
  /* Hintergrundbild*/
  
  background-image: url(bild11.jpg);
  background-repeat: repeat-x;
  background-position: center;
  background-attachment: fixed;
  
  -webkit-animation-delay: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
}


@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
  
strong {
  font-weight: bold;
}

/* Links
-------------------------------------------------------------------*/

a:link,
a:visited{
  color: #1AAF99;
  text-decoration: none;
}
a:hover,
a:active{
  color: #26F8D9;
  text-decoration: none;
}

/* Ueberschriften 
--------------------------------------------------------------------*/

h1 {	
	font-family: Arial, sans-serif;
	font-size:1.9em;
	color: #1AAF99;
	font-weight: bold;
	letter-spacing: 0.05em;
	word-spacing: 0.2em;
	line-height: 1.3em;
}

h1 a:link,
h1 a:visited{
  color: #EAEAEA;                
}
h1 a:hover,
h1 a:active{
  color: #EAEAEA;
  text-decoration: none;
}

h2 {
	font-family: Ubuntu;
    font-size: 13px;
	font-weight: 500;
	line-height: 1.8em;
	text-align: justify;
	color: #3c3c3c;
}

/* h3 - kapitaelchen */

/* 1. ueberschrift bei text & science */
 
h3{
	font-family: Calibri; 
	font-size: 16px;
	font-variant: small-caps;
	font-weight: lighter;
	text-align: justify;
    color: #3c3c3c;
}

/* h4 ist h3 groesser & turkis */

h4{
	font-family: Arial, sans-serif;
	font-size:1.2em;
    color: #1AAF99;
	font-weight: 500;
	line-height: 1.5;
	text-align: left;
}

/* Spezialschrift für Zitate */ 

h6{
	font-size: 95%;
    margin-bottom: 1em;
    width: auto;
	text-align: left;
	color: #454545
}

/* Video 
----------------------------------------------------------*/

video {
	display: block;
	margin: 0 auto;
}

/* Site-Structure 
----------------------------------------------------------*/

.siteWrapper{
	
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  width: 480px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
  background-color: white;
  overflow: hidden; 
}

#siteDescription{                         
  font-size: 1.2em;
  margin: 10px auto 60px;
  width: 500px;
  padding: 11px 0 13px;
  color: #999;
  font-style: italic;
}

/* h5 für impressum */

h5{
  font-family: Arial, sans-serif;
  font-size:1.4em;
  letter-spacing: .05em;
  word-spacing: 0.2em;
  margin-top: 15px;
  padding: 5px; 
}  


/* Navigation
-------------------------------------------------------------------*/

#mainNav{
	
  font-family: 'Amatic SC', Arial, sans-serif;
  font-size: 1.9em;
  letter-spacing: 0.05em;
  word-spacing: 0.2em;
  margin-top: 10px;
  padding: 15px;
  background-color: #FBFBFB;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;  
}

#mainNav a:link,
#mainNav a:visited{
  color: #999;
  white-space: nowrap;
}
#mainNav a:hover,
#mainNav a:active{
  text-decoration: underline;
  color: #2E301C;
}


/* Slideshow
-------------------------------------------------------------------*/

#div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

#div.gallery:hover {
    border: 1px solid #777;
}

#div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
	padding: 10px;
    text-align: center;
    
}

/* Seiten-Navigation
-------------------------------------------------------------------- */

.pageNav{
  margin-bottom: 40px;
}
.pageNav a:link,
.pageNav a:visited {
  font-size: 1.5em;
    
}
.pageNav .prev,
.pageNav .next{
  display: block;
}
.pageNav .prev{
  float: left;
}
.pageNav .next{
  float: right;
}

/* Footer
-------------------------------------------------------------------- */

footer{
	
    bottom: 5px;
    height: 100px; 
	text-align: center;	
}


/* Self Clearing Floats
-------------------------------------------------------------------- */

#siteWrapper:after,
.post:after,
.commentEntry:after,
.commentForm:after,
#footer .elsewhere:after,
#metaContent .metaExtend:after,
#mainNav:after,
#mainNav ul:after,
#subNav ul:after,
#archives ul:after,
#coreContent .postMeta:after,
#recentPosts li:after,
#galleryNav:after,
#galleryNav_controls:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


/*Table of Content (TOC)
-------------------------------------------------------------------*/

#toc_container {
    width: auto;
}

.toc_title {
	font-family: Ubuntu;
	font-size: 16px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: lighter;
	text-align: justify;
}

#toc_container li, #toc_container ul, #toc_container ul li{
    list-style: outside none none !important;
}


/*Prettify Code in html
-------------------------------------------------------------------*/

div.box { 
	width:90%; 
	text-align:left;
	margin:25px;
	font-size: 12px;
}

pre.prettyprint { display: left; background-color: #333 }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}