/* adapt.css -- Adapt Skin CSS stylesheet for PmWiki */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,600');
@import url('https://fonts.googleapis.com/css?family=Oswald:100,200,300,400,600');
/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,600');
 @import url('https://fonts.googleapis.com/css?family=Lato:300,400,600'); 
*/

body {
	color:#444444;
	font-family: 'Open Sans', sans-serif;
	/* font-family: 'Lato', sans-serif; */
	font-size: 0.9em;
	font-weight: 100;
	
}

/* cookie message box */
.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #677821 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
font-family: 'Open Sans', sans-serif;
font-weight: 100;
}
 
.cc_container a {
color: #fffc79 !important; /* Textlink-Farbe "Mehr Infos" */
}


/* Monospaced fonts */
pre, code {
	font-family:'Lucida Console','Andale Mono','Courier New',Courier,monospace;
}

/* Links */
a:link { color:#8a9c39; text-decoration:none; }
a:visited { color:#8a9c39; text-decoration:none;}
a:hover, a:active { color:#8a9c39; }

/* Highlight/Mark and Undrline*/
mark { background-color:transparent;  }
u { text-decoration:none; border-bottom:1px dotted #333; }

/* Headings */
h1 { line-height:1em; font-weight:600;}
h2 { margin:0 0 0.6em 0; font-size:1.4em; font-weight:600; color: }
h3 { margin:1.5em 0 0.7em 0; font-size:1.2em; font-weight:600;}
h4 { margin:1.7em 0 0.7em 0; font-size:1.1em; font-weight:600;}
h5 { margin:1.9em 0 0.7em 0; font-size:1em; font-weight:600; }
h6 { margin:2.1em 0 0.8em 0; font-size:0.9em; font-weight:600; }
h1 strong, h2 strong { font-weight:700; }
h3 strong, h4 strong { font-weight:900; }
h5 strong, h6 strong { font-weight:900; }
h1, h2, h3, h4, h5, h6 { line-height:1.2em; color: #666666;}

/* Lists */
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol { list-style-type:lower-roman; }
ol ol ol ol { list-style-type:lower-alpha; }
ul ul ul { list-style-type:disc }
ul ul ul ul { list-style-type:circle }

hr {
	border: 1px #efefef solid;
	width: 100%;
	margin: 1.5em 0 1.5em 0;
	clear: both;
}

/* Responsive image */
.pure-img-responsive { max-width:100%; height:auto; }

/*
Add transition to containers so they can push in and out.
*/
#layout, #menu, .menu-link {
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

/*
This is the parent `<div>` that contains the menu and the content area.
Hamburger Menu styles are first, wider @media styles are below.
*/
#layout { position:relative; padding-left:0; padding-top: 140px}
#layout.active { position:relative; left:210px; }
#layout.active #menu { left:210px; width:210px;}
#layout.active .menu-link { left:210px; }

#main{
	padding: 15px 0 0 0 ;
}
/*
The content `<div>` is where all your content goes.
*/
.content {
	margin:0 auto; padding:0 1.25em;
	margin-bottom:50px; line-height:1.3em;
}
.content img {
	/* height:auto; */
	border: 1px solid #c0c0c0;
	    box-shadow: 5px 5px 5px #999;
}
@media all and (min-width: 50px) and (max-width: 599px) {
	.content img{
		max-width:100%;
	}
}
@media all and (min-width: 960px) {
	.content img{}
}
/* links in the content area */
/*
.content a { font-weight:600; color:#0055bb; text-decoration:none; }
.content a:visited { font-weight:bold; color:#003399; text-decoration:none; }
.content a:hover {color:#0066cc; text-decoration:underline; }
*/
.content a:active { color:#9c0606; }

/* Wiki page actions */
#wikicmds {
	text-align:center; font-size:85%; white-space:nowrap;
	padding:2px 5px 1px; 0;
	border-bottom:1px #ccc dotted;
}
#wikicmds ul { list-style:none; margin:0px; padding:0px; }
#wikicmds li { display:inline; margin:0px 5px; }
#wikicmds li a { text-decoration:none; color:#666; border:none; }
#wikicmds li a.createlink { display:none; }
#wikicmds li a:hover { text-decoration:underline; color:blue; }

/* The headerlogo element is (Site|Group).HeaderLogo TODO */
.headerlogo { border-bottom:1px #ccc solid; }

#wikihead {
	display:block;
	position:relative;
	color: #ffffff;
	background: #ffffff;
	height: 145px !important;
	font-size: 1em;
	font-weight: 100;
	/* background-color: #20335d; */
	position:fixed;
	width: 100%;
	z-index: 10;
}

/* Wiki Header - Logo and Search box */
/* The #wikilogo element is the logo from $PageLogoFmt */

#wikihead a, #wikihead_ a:visited {
	font-size:1.8em;
	text-decoration:none;
	color:#ffffff;
	font-weight: 200;
}

#wikihead_logo_left{
	padding-top: 17px !important;
	text-align: left;
	float: left;
	padding: 0 50px 0 20px;
	height: 140px;
}
@media all and (min-width: 960px) {
	#wikihead_logo_left{
		padding: 0 20px 0 20px;
	}
}
@media all and (min-width: 600px) and (max-width: 959px){
	#wikihead_logo_left{
		padding: 0 10px 0 20px;
	}
}
@media all and (min-width: 10px) and (max-width: 599px) {
	#wikihead_logo_left {
		padding: 0 10px 0 20px;
	}
}
#wikihead_logo_left img{
	padding-left: 0px;
	height: 120px;
}
#wikihead_logo_build{
	padding: 0;
	float: left;
	height: 100px;
}
#wikihead_logo_build img{
	padding-left: 0;
	float: left;
	height: 95px;
}
@media all and (min-width: 50px) and (max-width: 750px) {
	#wikihead_logo_build {
		display: none;
		visibility: hidden;
	}
}
@media all and (min-width: 751px) {
	#wikihead_logo_build {}
}

#wikihead_logo_right{
	padding-top: 0px !important;
	padding-right: 20px;
	padding-left: 265px;
	margin-top: -10px;
	text-align: left;
	font-size: 4vw;
	font-weight: 100;
}
#wikihead_logo_right h1{
	color: #6a772b;
	font-weight: 600 !important;
	text-transform: none;
	white-space: nowrap;
	font-size: 3.5em !important;
	line-height: 0.8em !important;	
}
#wikihead_logo_right h3{
	color: #808080;
	font-weight: 100;
	text-transform: none;
}

@media all and (min-width: 960px) {
	#wikihead_logo_right{
	    font-size: 1.2em;
	}
	#wikihead_logo_right h1{
		position: absolute; top: -20px !important; 
		font-size: 3em;
	}
	#wikihead_logo_right h3{
		font-size: 1.1em;
	}
}
@media all and (min-width: 601px) and (max-width: 959px){
	#wikihead_logo_right{
		font-size: 1em;
	}
	#wikihead_logo_right h1{
		font-size: 2.8em;
		line-height: 0.6em;
	}
	#wikihead_logo_right h3{
		font-size: 1.0em;
	}
}
@media all and (min-width: 10px) and (max-width: 600px){
	#wikihead_logo_right{
		font-size: 1em;
		padding-top: 15px !important;
		padding-left: 90px !important;
	}
	#wikihead_logo_right h1{
		font-size: 1.85em !important;
		line-height: 0.9em;
	}
	#wikihead_logo_right h3{
		font-size: 0.7em;
	}
}






#wikihead_search {
	position: relative;
	left:0px;
	top:0px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}
#wikihead_search form { margin-top:0em; 		vertical-align: middle;}
#wikihead_search form a { color:#666; vertical-align: middle !important;}
#wikihead_search input {
	font-size:100%;
	color:#d0d0d0;
	margin-top:0em;
	border:0;  height: 35px;
	vertical-align: middle !important;
}
#wikihead_search input.inputbox {
	font-size: 1.0em !important;
	width:20em;
	line-height: 1em;
	height: 30px;
	background: #ffffff;
	border:0;
	padding: 5px;
	margin: 5px;
	box-shadow: inset 0px 0px 0px 0px;
	vertical-align: middle;
	border: 1px solid #f0f0f0;
}
#wikihead_search form { display:none; } /* don't display searchbox on small screens */
#wikihead_search span.headnav { font-size:85%; }

#wikihead_nav {
	padding-left: 0px;
	padding-right: -20px;
	font-size:0.5em;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	vertical-align: middle !important;
	text-align:left;
	display: flex;
	align-items: center; /* align vertical */
}
#wikihead_nav a {
	padding-right: 10px;
	vertical-align: middle;
	font-weight: bold;
}
#wikihead_navbar{
	padding: 10px;
}
#wikitext td {
	vertical-align: top;
}
.navbox_left {
    float:left;
}
.navbox_right {
    float:right;
}

/* Wiki page group */
.pagegroup { margin:0.5em 0 0 0; float:left; color:#666; }
.pagegroup2 { margin:0 0 0 0; color:transparent; }
.pagegroup2 a {
	color:transparent; text-shadow:none;
	pointer-events:none; cursor:default;
}


/* Wiki page title */
.title {
	margin:0 auto;
	padding:0;
	border-bottom: 0;
}
.title h1 {
	font-size:1.95em;
	font-weight:500;
	text-align:left;
	line-height:1.5em;
}

/* Edit Form */
#wikiedit form { margin:0px; width:100%; line-height:1.2em; font-size: 1em; }
#wikiedit textarea { margin:0px; width:99.5%; height:18em; }
#wikiedit input[type=text] { margin:2px; width:99.5%; }
h2.wikiaction { margin:0px }
.wikimessage {
	margin-top:3px; margin-bottom:3px;
	font-style:italic;
	color:black;
	background-color:#ffffcc; padding:2px;
}

/* For the (Site.)Search page */
.searchbox {
	margin-right:2px;
	max-width:95.5%;
}

/* Site Footer */
#wikifoot { font-size:80%; text-align:right; 	clear: both !important;}
#wikifoot { padding-top:2em; }
.footnav li {
	display: inline;
	list-style-type: none;
	padding: 2px;
}
.footnav a,.footnav a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#aaa; margin: 2px;
	padding: 2px;
}
.footnav a:hover {background: #c0c0c0; color: #ffffff;}
.lastmod{
	color: #ccc;
}

/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/

#menu {
	margin-left:-210px; /* "#menu" width */
	width:209px;
	position:fixed;
	top: 0px;
	left:0;
	bottom:0;
	z-index:1200; /* so the menu or its navicon stays above all content */
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	background:#ffffff;
	padding-top: 0px;
	padding-left: 0px;
}
/* All anchors inside the menu should be styled like this. */
#menu a {
	color:#666666;
	border:none;
	padding:0.1em 0 0.4em 0.3em;
	padding-left: 20px;
	font-size: 1.2em;
}
/* Remove all background/borders, since we are applying them to #menu.*/
#menu .pure-menu, #menu .pure-menu ul { border:none; background:transparent; }
/* Add that light border to separate items into groups. (was 0.5em */
#menu .pure-menu ul, #menu .pure-menu .menu-item-divided { padding-top:0em; }
#menu .pure-menu ul { padding:0 0 0 0; }
#menu .pure-menu li { background:#ffffff; }
/* Change color of the anchor links on hover/focus. */
#menu .pure-menu li a:hover, #menu .pure-menu li a:focus { background:#ffffff; }
/* This styles the selected menu item `<li>`. */
#menu .pure-menu-selected, #menu .pure-menu-heading { background:#ffffff; }
/* This styles a link within a selected menu item `<li>`. */
#menu .pure-menu-selected a { color:#999; }
/* This styles the menu heading. */
#menu .pure-menu-heading { font-size:110%; color:#444; margin:0; }
#menu .createlink { display:none; }
/* Sidebar (menu) headings */
#menu .sidehead {
	font-weight: 600 !important;
    color: #666666;
	border:none;
	padding:0.3em 0 0.2em 0.7em;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 1.3em;
 }
#menu .sidehead strong {
	font-weight: 100 !important;
 }
#menu .sidehead a { font-size:100%; color:#ffffff; padding:0; }
#menu .sidehead a:hover { color:#ffffff }

/* Side menu search form */
#menu .sidesearch {
	background:#f0f0f0;
	color:#666666;
	padding-bottom:0.5em; padding-top:0.5em;
	border-bottom:1px dotted #666;
	height: 2.5em;
}
#menu .sidesearch a:hover { text-decoration:underline; }
#menu form { }
#menu input.inputbox {
	width:90%; text-align:left;
	margin-left:3px;
	color:#a0a0a0;
	font-size:100%;
	border:1px solid #d0d0d0;
	line-height:1em;
}


/*
 Misc. (%wikistyles%)
 */
.lfloat, .rfloat { max-width:50%; margin-bottom:2px; }
/* Experimental:     */
.box { font-size:95%; padding:0.1em; margin:0em; border:1px solid #cccccc; }
.codebox {
	font-family:'Lucida Console','Andale Mono','Courier New',Courier,monospace;
	font-size:95%;
	padding:0.2em;
	margin:0em;
	border:1px solid #cccccc;
}
.highlight { background-color:#fff9c6; }
.underline { border-bottom:1px dotted #999; }
.nomobile { display:none; }

/* -- Dynamic Button For Responsive Menu -------------------------------------*/
/*
The button to open/close the Menu is custom-made and not part of Pure.
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
.menu-link {
	position:fixed;
	display:block; /* show this only on small screens */
	top:0;
	left:0; /* "#menu width" */
	background:#000;
	background:rgba(0,0,0,0.5);
	font-size:10px; /* change this value to increase/decrease button size */
	z-index:999;
	width:2em;
	height:auto;
	padding:2.1em 1.6em;
}
.menu-link:hover, .menu-link:focus {
	background:rgba(0,0,0,0.5); /* change transparency or color for activated menu */
}
.menu-link span { position:relative; display:block; }
.menu-link span, .menu-link span:before, .menu-link span:after {
	background-color:#fff;
	width:100%;
	height:0.2em;
}
.menu-link span:before, .menu-link span:after {
	position:absolute;
	margin-top:-0.6em;
	content:" ";
}
.menu-link span:after {  margin-top:0.6em; }

/*
 ------------------------------------------------------------------------------------
 Special FHI-Theory Styles
 ------------------------------------------------------------------------------------
*/


#meeting-headline{
	position: absolute;
	top: -18px;
	left: 180px;
}
#meeting-headline h1{
	color: #c60013;
	font-size: 24px;
	line-height:26px;
	font-weight: bold;
}
#meeting-headsubline h2{
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
}
#meeting-headline h3{
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top: -10px;
}
#meeting-form-error{
	color: #ff0000;
	font-weight: bold;
}
#meeting-frame {
	width: 100%;
	height: 2500px !important;
}
#teximg{
	border: 1px solid #c0c0c0;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(192,192,192,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(192,192,192,1);
	box-shadow: 5px 5px 5px 0px rgba(192,192,192,1);
	margin-top:10px;
	margin-bottom:10px;
}
#program {
    width: 90% !important;
    font-size:100%; line-height:1.33em;
    padding: 10px;
    border-collapse: collapse;
    border-width:0px;
    border-spacing:1px;
    border-color:#c0c0c0 !important;
    border: 1px solid #c0c0c0 !important;
}
#program td {
    vertical-align: middle;
    border-width:1px;
    border-color:#c0c0c0 !important;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    vertical-align: top;
    border: 1px solid #c0c0c0 !important;
}
#program_time {
    vertical-align: middle;
    border-width:1px;
    border-color:#c0c0c0 !important;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    vertical-align: top;
    border: 1px solid #c0c0c0 !important;
    white-space: nowrap;
}
#program #list th {
    background: #cfcfcf !important;
    text-align: left !important;
    vertical-align: middle;
    border-width:1px;
    border-color:#c0c0c0 !important;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
}
#program_break {
    background: #f0f0f0 !important;
    vertical-align: middle;
    border-width:1px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-weight: normal;
    font-style: italic;
}
#program_session {
    background: #f0f0f0 !important;
    vertical-align: middle;
    border-width:1px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-weight: bold;
}
#program_intro {
    background: #e2e1dc !important;
    vertical-align: middle;
    border-width:1px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-weight: bold;
}

#list th {
	text-align: left !important;
	font-weight: 600;
}


.lb-outerContainer {
	position: relative;
	margin: 0 auto;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-container {
	padding: 10px;
}
.lb-loader {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

/*
Responsive Styles (Media Queries)
These styles are activated when the display is wider; the Hamburger
will disappear and the Side Menu for larger displays will be visible.

/* Hide the menu at `65em`, but modify this based on your app's needs. */
@media (min-width:64em) {
	#menu .sidesearch { display:none; }
	#wikilogo, #wikihead_ { text-align:right; padding-right: 10px;}
	#wikihead_search form { display:block; }

	.title { padding-left:1.5em; padding-right:1.5em; }
	.content { padding-left:2em; padding-right:2em; }
	.lfloat, .rfloat { max-width:100%; margin-bottom:0; }
	/* width of the left (menu) column */
	#layout { padding-left:240px; left:0; padding-top: 145px;}
	#menu {
		left:210px;
		top: 150px;
		padding-top: 30px;
	}
	/* text-align:center was float:right; */
	.menu-link { position:fixed; left:210px; display:none; }
	#layout.active .menu-link {  left:210px; }
	h1, h2, h3, h4, h5, h6 { line-height:1.1em; }
	.nomobile { display:initial; }
	.onlymobile { display:none; }
}


#wikitext table { font-size:100%; line-height:1.33em; padding-bottom: 1.1em; border-color: #d0d0d0;}
#wikitext td {vertical-align: top; border-color: #d0d0d0;}
/* this affect the textarea, input, select elements */
textarea, input, select {
	margin: 3px 1px; padding: 3px;
    line-height: 14px;
    font-size: 13px;
    
}
input[type="text"], input[type="password"], textarea {
	-moz-box-sizing: border-box;
}
input[type="checkbox"], input[type="radio"] {
	vertical-align: middle;
}
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="button"], input[type="submit"], input[type="reset"], select {
	background-color: #FFFFFF;
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #cecfce;
	color: #222; padding: 0.2em;
}
body, td, textarea, input, select {
    font-size: 1.0em;
}
textarea { color: black; }

input[type="text"], input[type="password"] {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) inset;
}

input[type="text"]:hover, input[type="password"]:hover {
	border-color: #999;
}
input[type="text"]:focus, input[type="password"]:focus {
	border-color: #4a92ff;
	box-shadow: 0 0 0 white inset;
}
input[type="submit"]{
	margin: 6px 3px 6px 1px;
	padding: 3px 8px;
	background-color: #eee;
	color: #333;
	font-size: 90%;
	font-weight: bold;
	line-height: 18px;
	min-width: 16px;
	border: 1px solid #bdbebd;
	border-radius: 4px;
	text-align: center;
}
input[type="submit"]:hover {
  background-color: #f8f8f8;
  border: 1px solid #c6c6c6;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  color: #111;
}
.float_box_profile {
	float:left;
	width:180px;
	height:370px;
	margin-bottom: 30px;
	margin-right: 30px;
	/* page-break-inside: avoid; */
	/* border: 1px solid #c0c0c0; */ 
	/* display:inline-table; */
}
.float_box_profile img{
	width: 170px;
	height: auto;
	margin-bottom: 10px;
}
.no_drop_shadow div img{
	box-shadow: none !important; 
	border: 0  !important;
}

@media print {
	body{
		font-family: 'Open Sans', sans-serif !important;
		font-size: 0.9em !important;
		padding: 0;
		margin: 0;
	}
	#menu, #menulink, #wikihead_search, .menu-link {display:none; }
	.headerlogo, .content, .title { margin-left:0; }
	.highlight { background-color:yellow; } /* TODO */
	#poweredby, #wikicmds, .footnav, .noprint { display:none; }
	#layout {padding-left: 0;}
	#main {padding-left: 0px; font-size: 0.8em;}
	#wikihead {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 0.9em !important;
		top: 0 !important;
		position: absolute;
	}
	#wikihead_logo_build {
		display: none;
	}
	#wikihead_navbar{
		display: none;
	}

	#theoryhead-line1{
		font-size: 12px;
		line-break: auto;
		white-space: nowrap;
		line-height: 1em;
	}
	#theoryhead-line2 {
		font-size: 19px;
		line-break: auto;
		white-space: normal;
		line-height: 1em;
	}
}