/* DATEI: bio.css */

/*-----------------------------------------------------------biofonts------------------------------------------------------*/

@font-face { font-family: 'Alegreya Sans';
    src: url('biofonts/AlegreyaSans-Regular.eot');
    src: url('biofonts/AlegreyaSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('biofonts/AlegreyaSans-Regular.woff2') format('woff2'),
         url('biofonts/AlegreyaSans-Regular.woff') format('woff'),
         url('biofonts/AlegreyaSans-Regular.ttf') format('truetype'),
         url('biofonts/AlegreyaSans-Regular.svg#alegreya_sansregular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Alegreya Sans Italic';
    src: url('biofonts/AlegreyaSans-Italic.eot');
    src: url('biofonts/AlegreyaSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('biofonts/AlegreyaSans-Italic.woff2') format('woff2'),
         url('biofonts/AlegreyaSans-Italic.woff') format('woff'),
         url('biofonts/AlegreyaSans-Italic.ttf') format('truetype'),
         url('biofonts/AlegreyaSans-Italic.svg#alegreya_sansitalic') format('svg'); font-weight: normal; font-style: normal; }
		 
@font-face { font-family: 'Alegreya Sans Bold';
    src: url('biofonts/AlegreyaSans-Bold.eot');
    src: url('biofonts/AlegreyaSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('biofonts/AlegreyaSans-Bold.woff2') format('woff2'),
         url('biofonts/AlegreyaSans-Bold.woff') format('woff'),
         url('biofonts/AlegreyaSans-Bold.ttf') format('truetype'),
         url('biofonts/AlegreyaSans-Bold.svg#alegreya_sansbold') format('svg'); font-weight: normal; font-style: normal; }
		 
@font-face { font-family: 'Collegia';
    src: url('biofonts/COLLEGIA.eot');
    src: url('biofonts/COLLEGIA.eot?#iefix') format('embedded-opentype'),
         url('biofonts/COLLEGIA.woff2') format('woff2'),
         url('biofonts/COLLEGIA.woff') format('woff'),
         url('biofonts/COLLEGIA.ttf') format('truetype'),
         url('biofonts/COLLEGIA.svg#collegiateregular') format('svg'); font-weight: normal; font-style: normal; }
		 
@font-face { font-family: 'Futurist';
    src: url('biofonts/FUTRFW.eot');
    src: url('biofonts/FUTRFW.eot?#iefix') format('embedded-opentype'),
         url('biofonts/FUTRFW.woff2') format('woff2'),
         url('biofonts/FUTRFW.woff') format('woff'),
         url('biofonts/FUTRFW.ttf') format('truetype'),
         url('biofonts/FUTRFW.svg#futurist_fixed-widthregular') format('svg'); font-weight: normal; font-style: normal; }
		 
/*---------------------------------------------------------Tags-----------------------------------------------------------*/

body { margin: 0; overflow-y: scroll; min-height: 100%; }

section,header,aside,a,div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif; }

header,section,aside { animation:fadein 0.5s;-moz-animation:fadein 0.5s;-webkit-animation:fadein 0.5s; }

header { height:130px; margin-top: 24px; width: 800px; padding: 5px; padding-top: 10px; background-color: #fff; }

section { width: 800px; background-color: #fff; }

footer { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; }

p,span,div,ul,li,a { font-size:12pt; line-height:1.4em; letter-spacing: 0.04em; margin: 0; font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif; }

ul,li { list-style-image: url('../images/list.png'); list-style-position:inside; }

p { padding: 0 10px 5px 10px; }

h1 { font-family: 'Collegia'; font-size: 2.4em; margin: 0; margin-top: -10px; margin-bottom: 8px; padding-left: 10px; color: #c00; font-weight: 100; }

h2 { font-family: 'Collegia'; font-size: 1.4em; line-height: 1.4em; color:#c00; padding-left: 10px; font-weight: 100; }

h3 { font-family: 'Collegia'; font-size:1.1em; letter-spacing: 0.06em; line-height: 1em; color:#c00; padding-left: 10px; font-weight: 100; padding-top: 12px; }

a { white-space: nowrap; }
	a:link { color:#03c; text-decoration: none; }
	a:visited { color:#69f; text-decoration: underline; text-decoration-style: dotted; }
	a:hover { color:#69f; text-decoration: underline; text-decoration-style: dotted; }
	a:active { color:#f00; }
		
/*---------------------------------------------------------Classes----------------------------------------------------------------*/

.ita { font-family: 'Alegreya Sans Italic', Arial, Helvetica, sans-serif; font-size: 1em; }

.bold { font-weight: 900; color: #333; font-size: 1em; }

.bggrey { background-color: #f2f2f2; padding: 5px  5px 0 5px; margin-right: 10px; }

.forumicon { width: 16px; height: 11px; border: none; padding-right: 0.4em; }
.forumicon2 { width: 11px; height: 11px; border: none; padding-right: 0.4em; }
.linksicon { width: 16px; height: 11px; border: none; padding-left: 0.4em; }
.linksicon2 { width: 11px; height: 11px; border: none; padding-left: 0.4em; }

.justify { -moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
		hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
		text-align:justify; hyphens: auto; }
		/* Code fuer Silbentrennung */
		
.floatleft { float:left; margin: 5px 15px 15px 10px; }

.floatright { float:right; margin: 5px 10px 15px 15px; }

#gatter { font-size:1px; color:#fff; }

/*----------------------------------------------------------Hilfe----------------------------------------------------------------*/

#top { width: 16px; height: 16px; text-decoration: none; background-image: url('../images/links/top.png'); }
#top:hover { background-image: url('../images/links/top_hover.png'); }

#hilfetop { background-color: #36c; padding: 5px 10px 5px 5px; margin: 0 10px 0 10px; }

.sectionarchive { width: 800px; margin: 0; }

/* -------------------------------------------Weiches Einblenden des Section-Bereichs-----------------------------------------*/
	
		@keyframes fadein{from{opacity:0;}to{opacity:1;}}
		@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
		@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
		@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}
