/* ----------------------------------------------------------
 file: knowledgebase.css

 Styles of the aniCausa knowledgebase.

 last update: 03.03.15 by Patricia Engelskirchen
 ---------------------------------------------------------- */


/* ******************************************************
	Sections and divs. */
 
article section.mainsect {
	max-width: 1024px;
}

p.teaser {
	font-style: italic;
	max-width: 55%;
	margin-bottom: 20px;
}

.glossaryindex {
	max-width: 55%;
	border: 1px dashed black;
	padding: 6px;
	margin-top: 40px;
	margin-bottom: 40px;
	
}

p.logoimage {
	float: right;
	margin-left: 33px;
	margin-right: 50px;
	max-width: 25%;
}

p.logoimage img {
	max-width: 100%;
}

p.toglossary {
	margin-top: 40px;
	margin-bottom: 40px;
}

p.synonyms {
	font-style: italic;
	margin-bottom: 40px;
}

div.fig, div.fig300 , div.fig400, div.vid, div.vid400, div.vid500, div.vid600 {
	left: 50%;
	width: 300px;
	position: relative;
	margin-left: -150px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	border: 1px dotted black;
}

div.fig400 {
	width: 400px;
	margin-left: -200px;
}

.figcaption {
	font-style: italic;
}

div.vid400 {
	width: 400px;
	margin-left: -200px;
}

div.vid500 {
	width: 500px;
	margin-left: -250px;
}

div.vid600 {
	width: 600px;
	margin-left: -300px;
}

.vidcaption {
	font-style: italic;
}


table.figtable {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
table.figtable div.fig, table.figtable div.fig300 , table.figtable div.fig400 {
	margin-top: 10px;
	margin-bottom: 0px;
}

table.figtable th {
	font-weight: bold;
	font-style: italic;
}

.todo {
	color: red;
	font-weight: normal;
	font-style: italic;
}

@media screen and (max-width: 650px) {
	.glossaryindex {
		max-width: 95%;
	}
	p.teaser {
		max-width: 95%;
	}
}