/* DATEI: forum.css */

/* Farbpalette
		#333	dunkelgrau (Schriftfarbe)
		#c00	rot
		#fdc36b	ocker (Formularfelder, Hilfetext-HG)
		#ffd89d hellocker (Formularfelder)
		#36c	blau (Links)
		#69f	hellblau (Links hover)
		#e6e6e6 mittelgrau (Rahmen Navigation)
		#f2f2f2 hellgrau (Hintergrundgrau)*/
	
/*-----------------------------------------------------------fonts------------------------------------------------------*/

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

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

/* body { background:url('images/kacheln/golconda.png') fixed, url('images/kacheln/magrittewolken.png') fixed; } */

/* body { background:url('images/kacheln/calder.png') fixed, url('images/kacheln/texture.jpg') fixed; box-shadow: 2px 2px 2px #666; } */

/* body { background:url('images/kacheln/delft3.png') fixed, url('images/kacheln/texture.jpg') fixed; }
 */
body { background:url('images/kacheln/miro2.png') fixed; box-shadow: 2px 2px 2px #666; border-radius: 10px; }

#fixed2 { position: fixed; bottom: 5px; right: 10px; width: 300px; text-align:right;  font-size: 0.85em; color: #fff; font-weight: 900; }
			/*Copyright bzw. Stand unten rechts*/
			
#stand { color:#fff; font-weight: 100; }
			/* Stand unten rechts */

/* -- Weiches Einblenden der folgenden Bereiche--*/
header,section,figure,aside { animation:fadein 1.1s;-moz-animation:fadein 1.1s;-webkit-animation:fadein 1.1s; display:block; }
		@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;}}

nav,section,header,aside,footer,figure,a,div,label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

nav { position: fixed; top: 0; margin: auto; width: 100%; }

header { height:110px; margin: auto; margin-bottom: 10px; width: 980px; padding: 10px 5px 5px 5px; background-color: #fff; box-shadow: 2px -5px 2px #666; }

section { width: 980px; background-color: #fff; margin: auto; margin-bottom: 30px; border-radius: 1px 1px 10px 10px; box-shadow: 2px 2px 2px #666; }

figure { margin: 0; float:left; padding-left: 12px; width:200px; padding-top: 58px; }

aside { margin-left: 200px; }

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

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

p { padding: 0 0.7em 0.35em 0.7em; }

h1 { font-family: 'Collegia'; font-size: 2em; margin: 0; margin-top: -10px; margin-bottom: 15px; 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.2em; letter-spacing: 0.04em; line-height: 1.4em; color:#c00; padding-left: 10px; font-weight: 100; padding-top: 12px; }

a { white-space: nowrap; }
	a:link { color:#03c; text-decoration: none; cursor:url('images/cursor.png'),pointer; transition: all 0.5s ease; }
	a:visited { color:#69f; }
	a:hover { color:#69f; text-decoration: underline; text-decoration-style: dotted; }
	a:focus { outline: none; }
	a:active { color:#f00; }
		
/* ul, li { list-style-image: url('images/list.png'); } */

/* Markierungsfarbe ändern */
::selection { background: #ffd697; color: #000; }
::-moz-selection { background: #ffd697; color: #000; }


/*---------------------------------------------------------Classes----------------------------------------------------------------*/

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

.bold { font-family: 'Alegreya Sans Bold'; color: #333; font-size: 1em; }

.boldpadd { font-family: 'Alegreya Sans Bold'; font-weight: 600; color: #6f6f6f; font-size: 1em; padding-right: 0.6em; } 

.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 */

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

.margleft { margin-left:0; }
.bggrey2 { background-color: #f2f2f2; padding: 5px 5px 5px 0; margin: 0 10px 0 10px; }
		/* Für die einspaltigen Seiten */
	
.leftmarg { margin: 4px 0 0 10px; }
		/* Einrückungen Seiten Bibliografie Allgemeines und Links */
		
.toppad { width: 140px; margin: 5px 0 0 10px; border: none; }
		/* Portraets Seiten Bibliografie */

.empty { padding-right: 20px; }

.date { font-weight: 600; color: #666; }

.anamepadd { position: relativ; top:34px; }

.small { font-size: 0.8em; }
		/* siehe auch b. Bibliografie */
		
.small2 { font-size: 1em; }
		/* Verwendet fuer Links innerhalb class small */
		
.small3 { position:relative; top:-3px; font-size: 0.8em; }
		/* Aliasnamen Bibliografie */
		
.small4 { position:relative; top:-6px; font-size: 0.8em; }
		/* Aliasnamen Bibliografie, 2. Zeile */		

.aktuellbild { float:left; margin: 0 15px 15px 10px; }
		/* Klasse für auf der Seite Aktuell eingebundene Bilder */
		
.sectionarchive { width: 800px; margin: 0; box-shadow: none; background-image: none; }
		/* Fenster Biografien und Archiv */
		
.lksrts { width: 24px; height: 24px; border: none; margin: 10px 0 0 10px; transition: filter 0.9s; }
.lksrts:hover { filter: opacity(30%); }

.bildlink:link { border: 0; }
		
.imagemarg { width: 170px; border: none; margin-bottom: 70px;
 transition: filter 0.5s;
 -moz-transition transform 0.5s;
 -webkit-transition: transform 0.5s;
 -o-transition: transform 0.5s; 
 -ms-transition: transform 0.5s; }
 
.imagemarg:hover {
transform: scale(0.95, 0.95);
 -moz-transform: scale(0.95, 0.95);
 -webkit-transform: scale(0.95, 0.95);
 -o-transform: scale(0.95, 0.95);
 -ms-transform: scale(0.95, 0.95);
filter;  blur(1px) opacity(80%);
-moz-filter: blur(1px) opacity(80%);
-webkit-filter: blur(1px) opacity(80%);
-o-filter: blur(1px) opacity(80%);
-ms-filter: blur(1px) opacity(80%); }

.imagemargborder { width: 170px; margin-bottom: 70px; border: 1px dotted #e6e6e6;
 transition: filter 0.5s;
 -moz-transition transform 0.5s;
 -webkit-transition: transform 0.5s;
 -o-transition: transform 0.5s; 
 -ms-transition: transform 0.5s; }
.imagemargborder:hover { 
transform: scale(0.95, 0.95);
 -moz-transform: scale(0.95, 0.95);
 -webkit-transform: scale(0.95, 0.95);
 -o-transform: scale(0.95, 0.95);
 -ms-transform: scale(0.95, 0.95);
filter; blur(1px) opacity(80%);
-moz-filter: blur(1px) opacity(80%);
-webkit-filter: blur(1px) opacity(80%);
-o-filter: blur(1px) opacity(80%);
-ms-filter: blur(1px) opacity(80%);
}
		/* Abstände Grafiklinks Aktuell, Bibliografie, Filmografie */

.red { color: #c00; font-size: 1em; }

.sup { vertical-align: 4px; font-size : 80%; }

.head3:link { font-family: 'Collegia', sans-serif; font-size:1em; color: #36c; }
.head3:hover { color:#69f; text-decoration: underline; text-decoration-style: dotted; transition: color 0.25s ease-in-out; }
		/* Verlinkte Überschriften Seiten Aktuell und Archiv */
		
.bold2 { font-size:1em; font-weight: 700; }	
.bold2:link { color: #03c; }
.bold2:hover { color: #69f; }
.bold2:visited { color: #69f; }
.bold2:active { color: #c00; }
		/* Fette Links Filmografie, Biblografie und Links */

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

.biblio:link { color: #36c; padding: 0.4em 0.4em 0.3em 0.4em; border: 1px solid #e6e6e6; font-family: 'Futurist'; font-size:0.9em; font-weight:100; }
.biblio:hover { background-color: #36c; color: #fff !important; padding: 0.4em 0.4em 0.3em 0.4em; border: 1px solid #fff; text-decoration: none; transition: background-color 0.3s ease-in-out; }
.biblio:visited { color: #666; }
.biblio:active { border: 1px solid #36c; background-color: transparent; color: #36c; }
.bibliodeaktiv { color: #d7d7d7 !important; padding: 0.4em 0.4em 0.3em 0.4em; border: 1px solid #e6e6e6; font-family: 'Futurist'; font-size:0.9em; font-weight:100; cursor: default !important; }
		/* Navigation Seiten Bibliografie */
		
.pdflink { width:9px;height:9px;border:none; padding-right:0.4em; }

.anamepadd { padding-top:62px; }

.lupe { width:18px;height:18px;border:none;position:relative; }

.headlist { width:15px;height:15px;border:none;margin-right: 8px; }

.ebook { color: #c00; white-space: nowrap; }

/* -----------------------------------------------------DIV-Tabelle-------------------------------------------------------------*/

.table { display: table; margin: 10px; }
.table div { display: table-row; }
.table div div { display: table-cell; padding: 5px 0 5px 0; }

.tblrts { width: 490px;height:280px; overflow:auto; overflow-x: hidden; margin-bottom:5px; display:block! important; }
		/* Definiert die Breite der rechten Spalte auf den Seiten Bibliografie/Autoren und Kuenstler */
.tbllks { width: 280px; }/*  height:330px; */
		
/*------------------------------------------------------------Id's---------------------------------------------------------------*/

#logodiv { width:300px; float: left; margin-top:28px; }
#logo { width:200px;height:65px;border:none;-webkit-transition: all 1.5s; }
#logo:hover { -webkit-transform: rotateY(180deg); }
#rtsoben { float:left; width: 665px; height: 60px; text-align: right; margin-top:28px; }
#firstimage { margin-top: 58px; }

#headita { font-family: 'Collegia'; font-size: 1.0em; color: #000;letter-spacing: 0.01em; line-height: 1em; font-style: italic; }

#back { width: 16px; height: 16px; text-decoration: none; background-image: url('images/links/rueck.png'); border:0; }
#for { width: 16px; height: 16px; text-decoration: none; background-image: url('images/links/vor.png'); border:0; }
#top { width: 16px; height: 16px; text-decoration: none; background-image: url('images/links/top.png'); border:0; }
#back:hover { background-image: url('images/links/rueck_hover.png'); }
#for:hover { background-image: url('images/links/vor_hover.png'); }
#top:hover { background-image: url('images/links/top_hover.png'); }
			/*Navigation footer*/

#gatter { font-size:1px; color:#fff; }
			/* Mit Gatter-Taste zum Seitenanfang */

/* Initial Startseite */

#init/* :first-letter */ {
color: #fff;
background-color: #c00;
padding: 0.2em 0.01em 0.1em 0.04em;
font-family: 'Collegia';
font-size: 2.8em;
margin: 0.05em 0.08em 0 0;
float: left;
line-height: 0.55em;
}
			
/*----------------------------------------------------------Hilfe----------------------------------------------------------------*/

#hilfe { color:#fff; font-family: 'Collegia'; font-size: 1em; letter-spacing:0.1em; padding-left: 6px; }
#hilfetop { background-color: #36c; padding: 3px 10px 2px 2px; margin: 0 10px 0 10px; transition: all 0.5s ease; }
#hilfetop:hover { background-color: #69f; }
#hilfeinhalt { background-color: #fdc36b; padding: 10px 0 15px 0; margin: 0 10px 15px 10px;display: none; border-radius: 1px 1px 7px 7px; */ }

#hilfeinhalt2 { background-color: #fdc36b; padding: 10px 0 15px 0; margin: 0 10px 15px 10px; border-radius: 1px 1px 7px 7px; */ }
/* popup-Seiten */

#einaus { color: #fff; text-decoration: none; border: none; font-weight: 900; margin-left:20px; padding-right:620px;/*  cursor: help; */ }

.hilfetext { font-size: 0.9em; line-height: 1.4em; }

.hilfelink { font-size: 1em; }

.hilferot { font-size: 0.9em; background-color: #c00; padding: 0 0.15em 0 0.15em; color: #fff; font-weight: 700; border-radius: 2px; }

#hilfehead { margin-top:8px;line-height:0.1em;font-size:1em; }

/*---------------------------------------------------------Formular--------------------------------------------------------------*/

		textarea { background-color:#fdc36b; color:#333; border:1px solid #333;  font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif; overflow:auto; font-size:1em; }
		.button { font-family: 'Collegia'; font-size: 1em; width: 98px; letter-spacing:0.1em; width: 98px;background-color: #36c; color: #fff; border:1px solid #36c; cursor:pointer; margin-right: 5px; cursor:url('images/cursor.png'),pointer; transition: all 0.45s ease; }
		.button:hover { color: #fff; padding: 0; background-color: #69f;border-color: #69f; }
		.button:active { border: 1px solid #36c; color: #36c; padding: 0; background-color: #fff; }
		.field { background-color:#fdc36b; color:#333; border:1px dotted #333; font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif; overflow:auto; font-size:1em; margin: 2px 0 8px 0; }
		input:required { border: 1px dotted #333; }
		
		#search { width: 335px; border:1px dotted #333; background-color:#fdc36b; }
		/* Suchfeld Startpage */
		
.kleingedruckt { font-size:0.9em; }

/* Ixquick-Suche */
		.button2 { color:#fff; font-size: 0.9em; font-weight:900; width: 40px; letter-spacing:0.1em; background-color: #36c; color: #fff; border:1px solid #36c; cursor:pointer; margin-right: 5px; cursor:url('images/cursor.png'),pointer; transition: all 0.45s ease; position: relative; height:21px;
		transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1); }
		.button2:hover { color: #fff; padding: 0; background-color: #69f;border-color: #69f; }
		.button2:active { border: 1px solid #36c; color: #36c; padding: 0; background-color: #fff; }
		
/*-----------------------------Bilderzoom----------------------------------*/

img.zoom {
 transition: transform 0.5s;
 -moz-transition: transform 0.5s;
 -webkit-transition: transform 0.5s;
 -o-transition: transform 0.5s;
 -ms-transition: transform 0.5s;
  filter: alpha(opacity=95); opacity: 0.95; -moz-opacity:0.95;
}

 img.zoom:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(2.5, 2.5);
 -moz-transform: scale(2.5, 2.5);
 -webkit-transform: scale(2.5, 2.5);
 -o-transform: scale(2.5, 2.5);
 -ms-transform: scale(2.5, 2.5);
  box-shadow: 4px 4px 15px #707070;
 z-index:500;position:relative;
  filter: alpha(opacity=95); opacity: 0.95; -moz-opacity:0.95;

}