/* cmsms stylesheet: SOL modified: 12/01/20 19:03:28 */
/** Project: thinkintags-3columns basic
 *  Description: a basic 3 column layout
 *
 *  @creator       Thinkin' Tags v0.2 alpha
 *  @framework     YAML v4.02
 *  @file          base.css
 */

@media all {

	* {
		margin: 0;
		padding: 0;
	}

	option {
		padding-left: 0.4em;
	}

	select {
		padding: 1px;
	}

	* html body * {
		overflow: visible;
	}

	body {
		color: #000;
		font-size: 100%;
		text-align: left;
             /*    background: #ccc; */
	}

	div:target {
		outline: 0 none;
	}

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}

	audio,
	canvas,
	video {
		display: inline-block;
	}

	audio:not([controls]) {
		display: none;
	}

	[hidden] {
		display: none;
	}

	input[type="search"] {
		-webkit-appearance: textfield;
	}

	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	fieldset,
	img {
		border: 0 solid;
	}

	ul,
	ol,
	dl {
		margin: 0 0 1em 1em;
	}


	li {
		line-height: 1.5em;
		margin-left: 14px;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1em 0.8em;
	}

	blockquote {
		margin: 0 0 1em 0.8em;
	}

	q {
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

td {padding: 10px; font-size: 0.9em;}

td p {
	line-height: 1.2em;
	margin: 0 0 1em 0;
}

p.name { margin: 0;}
	.ym-clearfix:before {
		content: "";
		display: table;
	}

	.ym-clearfix:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-contain-dt {
		display: table;
		overflow: visible;
		width: 100%;
	}

	.ym-contain-oh {
		display: block;
		overflow: hidden;
		width: 100%;
	}

	.ym-contain-fl {
		float: left;
		width: 100%;
	}

	.ym-skip,
	.ym-hideme,
	.ym-print {
		left: -32768px;
		position: absolute;
		top: -32768px;
	}

	.ym-skip:focus,
	.ym-skip:active {
		left: 0;
		position: static;
		top: 0;
	}

	.ym-skiplinks {
		left: -32768px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0px;
		width: 100%;
		z-index: 1000;
	}

	.ym-skiplinks .ym-skip:focus,
	.ym-skiplinks .ym-skip:active {
		left: 32768px;
		outline: 0 none;
		position: absolute;
		width: 100%;
	}

	.ym-form,
	.ym-form fieldset {
		overflow: hidden;
	}

	.ym-form div {
		position: relative;
	}

	.ym-form label,
	.ym-form .ym-message {
		display: block;
		position: relative;
	}

	.ym-form .ym-fbox-check label {
		display: inline;
	}

	.ym-form input,
	.ym-form textarea {
		cursor: text;
	}

	.ym-form input[type="checkbox"],
	.ym-form input[type="radio"],
	.ym-form select,
	.ym-form label {
		cursor: pointer;
	}

	.ym-form textarea {
		overflow: auto;
	}

	.ym-form input[type=hidden] {
		display: none !important;
	}

	.ym-form .ym-fbox-text:before,
	.ym-form .ym-fbox-select:before,
	.ym-form .ym-fbox-check:before,
	.ym-form .ym-fbox-button:before {
		content: "";
		display: table;
	}

	.ym-form .ym-fbox-text:after,
	.ym-form .ym-fbox-select:after,
	.ym-form .ym-fbox-check:after,
	.ym-form .ym-fbox-button:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.ym-form select,
	.ym-form input,
	.ym-form textarea {
		display: block;
		position: relative;
		width: 58.5%;
	}

	.ym-form .ym-fbox-check input {
		display: inline;
		width: auto;
	}

	.ym-form .ym-fbox-button input {
		display: inline;
		overflow: visible;
		width: auto;
	}

	.ym-form .ym-fbox-check input:focus,
	.ym-form .ym-fbox-check input:hover,
	.ym-form .ym-fbox-check input:active {
		border: 0 none;
	}

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea {
		margin-right: -3px;
		width: 94.2%;
	}

	.ym-columnar .ym-fbox-text label,
	.ym-columnar .ym-fbox-select label {
		display: inline;
		float: left;
		width: 30%;
	}

	.ym-columnar .ym-fbox-check {
		position: relative;
	}

	.ym-label {
		display: block;
	}

	.ym-columnar .ym-fbox-check .ym-label {
		position: absolute;
		top: 0;
	}

	.ym-columnar .ym-fbox-check input,
	.ym-columnar .ym-error .ym-message {
		margin-left: 30%;
	}

	.ym-columnar fieldset .ym-fbox-button,
	fieldset.ym-columnar .ym-fbox-button {
		padding-left: 30%;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea {
		float: left;
		margin-right: -3px;
		width: 67.2%;
	}

	.ym-fbox-select select {
		width: 60%;
	}

	.ym-full .ym-fbox-select select {
		width: 94.8%;
	}

	.ym-columnar .ym-fbox-select select {
		width: 68.8%;
	}

}

@media screen, projection {

	.ym-column {
		display: table;
		/* SOLgroup */
                background: url('https://sol.physik.hu-berlin.de/uploads/images/SOL/computerpapier_grau.png');
		width: 100%;
	}

	.ym-col1 {
		float: left;
		width: 30px;
		padding: 5px 5px 5px 25px;
                display: none;
	}

	.ym-col2 {
		float: right;
		width: 18%;
		padding: 5px 25px 5px 5px;

	}

	.ym-col3 {
		margin: 0 2%; 
		width: auto;
	}

	.ym-cbox {
		padding: 0 10px;
	}

	.ym-cbox-left {
		padding: 0 10px 0 0;
	}

	.ym-cbox-right {
		padding: 0 0 0 10px;
                padding-right: 10px;
	}

	.ym-ie-clearing {
		display: none;
	}

	.ym-grid {
		display: table;
		list-style-type: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		table-layout: fixed;
		width: 100%;
	}

	.ym-gl {
		float: left;
		margin: 0;
	}

	.ym-gr {
		float: right;
		margin: 0 0 0 -5px;
	}

	.ym-g20 {
		width: 20%;
	}

	.ym-g40 {
		width: 40%;
	}

	.ym-g60 {
		width: 60%;
	}

	.ym-g80 {
		width: 80%;
	}

	.ym-g25 {
		width: 25%;
	}

	.ym-g33 {
		width: 33.333%;
	}

	.ym-g50 {
		width: 50%;
	}

	.ym-g66 {
		width: 66.666%;
	}

	.ym-g75 {
		width: 75%;
	}

	.ym-g38 {
		width: 38.2%;
	}

	.ym-g62 {
		width: 61.8%;
	}

	.ym-gbox {
		padding: 0 10px;
	}

	.ym-gbox-left {
		padding: 0 10px 0 0;
	}

	.ym-gbox-right {
		padding: 0 0 0 10px;
	}

	.ym-equalize {
		overflow: hidden;
	}

	.ym-equalize > [class*="ym-g"] {
		display: table-cell;
		float: none;
		margin: 0;
		vertical-align: top;
	}

	.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
		margin-bottom: -10000px;
		padding-bottom: 10000px;
	}

}

@media print {

	.ym-grid > .ym-gl,
	.ym-grid > .ym-gr {
		display: table;
		overflow: visible;
	}

	.ym-print {
		left: 0;
		position: static;
	}

	.ym-noprint {
		display: none !important;
	}

}


/* Stylesheet: YAML3Columns // yaml-base Modified On 2014-11-27 11:42:31 */
/** Project: thinkintags-3columns basic
 *  Description: a basic 3 column layout
 *
 *  @creator       Thinkin' Tags v0.2 alpha
 *  @framework     YAML v4.02
 *  @file          screen.css
 */

@media screen, projection {

	.ym-wrapper {
		margin: 0 auto;
		max-width: 1000px;
		min-width: 0px;
		width: auto;
	}

	.ym-wbox {
		border: 0px solid Gray;
	}

	#header {
	}

	#main {
		padding: 0;
	}

	.ym-col1 {
	}

	.ym-cbox-left {
	}

	.ym-col2 {
	}

	.ym-cbox-right {
	}

	.ym-col3 {
	}

	.ym-cbox {
	}

	#footer {
            height: 20px;
	}
        .footerline {
           font-size: 80%;
        }

}


/* Stylesheet: YAML3Columns // yaml-screen Modified On 2014-11-20 11:27:50 */
/** Project: thinkintags-3columns basic
 *  Description: a basic 3 column layout
 *
 *  @creator       Thinkin' Tags v0.2 alpha
 *  @framework     YAML v4.02
 *  @file          form-theme.css
 */

@media screen, projection {

         .cms_form {padding-top: 11px;}

	.ym-form input,
	.ym-form input,
	.ym-form textarea,
	.ym-form select {
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 60%;
	}

	.ym-columnar label {
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ym-columnar .ym-fbox-select select,
	.ym-columnar .ym-fbox-text input,
	.ym-columnar .ym-fbox-text textarea {
		width: 70%;
	}

	.ym-full .ym-fbox-select select,
	.ym-full .ym-fbox-text input,
	.ym-full .ym-fbox-text textarea {
		width: 100%;
	}

	.ym-form {
		-moz-box-shadow: 0 0 4px #ddd;
		-webkit-box-shadow: 0 0 4px #ddd;
		background: #f4f4f4;
		border: 2px #fff solid;
		box-shadow: 0 0 4px #ddd;
		margin: 1.5em 0 0 0;
		padding: 0;
	}

	.ym-form fieldset {
		background: transparent;
		margin: 0.75em 0 0.75em 0;
		padding: 0 0.5em;
		position: static;
	}

	.ym-form legend {
		background: transparent;
		color: #000;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.25em;
		padding: 0 0.5em;
	}

	.ym-form label {
		color: #666;
		line-height: 1.5em;
	}

	.ym-label {
		color: #666;
		padding-top: 0.25em;
	}

	.ym-form .ym-form div.ym-fbox-check:focus + label {
		color: #000;
	}

	.ym-form div.ym-fbox-text,
	.ym-form div.ym-fbox-select,
	.ym-form div.ym-fbox-check,
	.ym-form div.ym-fbox-button {
		margin-bottom: 0.5em;
		padding: 0.3em 1em;
	}

	.ym-form div.ym-fbox-button {
		background: #ececec;
		border-top: 1px #e0e0e0 solid;
		margin: 0;
		padding: 0 1em 1.5em 1em;
	}

	.ym-form .ym-gbox {
		margin-right: 0;
		padding: 0 0.5em;
	}

	.ym-form h6 {
		color: #000;
		margin: 1em 0 0 1em;
	}

	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea {
		line-height: 1em;
		margin-top: -2px;
		padding: 0.25em 0.3em;
	}

	.ym-form .ym-fbox-select select {
		line-height: 1em;
		margin-top: -2px;
		padding: 0.25em 2px 0.25em 1px;
	}

	.ym-form input,
	.ym-form textarea,
	.ym-form select,
	.ym-form optgroup {
		-moz-box-shadow: inset 0 0 4px #eee;
		-webkit-box-shadow: inset 0 0 4px #eee;
		box-shadow: inset 0 0 4px #eee;
		font-family: Arial, Helvetica, sans-serif;
	}

	.ym-form optgroup {
		font-style: normal;
		font-weight: bold;
	}

	.ym-form .ym-fbox-text input,
	.ym-form .ym-fbox-text textarea,
	.ym-form .ym-fbox-select select {
		border: 1px solid #ddd;
	}

	.ym-form .ym-message {
		color: #666;
		margin-bottom: 0.5em;
	}

	.ym-form .ym-required {
		color: #800;
		font-weight: bold;
	}

	.ym-form input:valid,
	.ym-form textarea:valid {
		background-color: #fff;
	}

	.ym-form input:invalid,
	.ym-form textarea:invalid {
		background-color: #fdd;
	}

	.ym-form .ym-error label {
		color: #800;
		font-weight: normal;
	}

	.ym-form .ym-error input,
	.ym-form .ym-error select,
	.ym-form .ym-error textarea {
		border: 1px #800 solid;
	}

	.ym-form .ym-error input:hover,
	.ym-form .ym-error input:focus,
	.ym-form .ym-error select:hover,
	.ym-form .ym-error select:focus,
	.ym-form .ym-error textarea:hover,
	.ym-form .ym-error textarea:focus {
		border: 1px #800 solid !important;
	}

	.ym-form .ym-error .ym-message {
		color: #800;
		font-weight: bold;
		margin-top: 0;
	}

	.ym-form div.ym-fbox-text input:focus,
	.ym-form div select:focus,
	.ym-form div textarea:focus,
	.ym-form div.ym-fbox-text input:hover,
	.ym-form div select:hover,
	.ym-form div textarea:hover,
	.ym-form div.ym-fbox-text input:active,
	.ym-form div select:active,
	.ym-form div textarea:active {
		background: #fff;
		border: 1px #888 solid;
	}

	.ym-button,
	.ym-form button,
	.ym-form input[type="button"],
	.ym-form input[type="reset"],
	.ym-form input[type="submit"] {
		-moz-border-radius: .2em;
		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		-webkit-border-radius: .2em;
		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		background-color: #ccc;
		background-image: -webkit-linear-gradient(top, #eee, #ccc);
		background-image: -moz-linear-gradient(top, #eee, #ccc);
		background-image: -ms-linear-gradient(top, #eee, #ccc);
		background-image: -o-linear-gradient(top, #eee, #ccc);
		background-image: linear-gradient(top, #eee, #ccc);
		border: 1px solid #777;
		border-radius: .2em;
		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
		color: #333 !important;
		cursor: pointer;
		display: inline-block;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		font: normal 1em/2em Arial, Helvetica;
		margin: 1.5em 0.75em 0 0;
		overflow: visible;
		padding: 0 1.5em;
		text-decoration: none !important;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
		white-space: nowrap;
	}

	.ym-form button:hover,
	.ym-form input[type="button"]:hover,
	.ym-form input[type="reset"]:hover,
	.ym-form input[type="submit"]:hover,
	.ym-button:hover {
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
		background-image: -o-linear-gradient(top, #fafafa, #ddd);
		background-image: linear-gradient(top, #fafafa, #ddd);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}

	.ym-form button:active,
	.ym-form input[type="button"]:active,
	.ym-form input[type="reset"]:active,
	.ym-form input[type="submit"]:active,
	.ym-button:active {
		background-color: #bbb;
		background-image: -webkit-linear-gradient(top, #ccc, #bbb);
		background-image: -moz-linear-gradient(top, #ccc, #bbb);
		background-image: -ms-linear-gradient(top, #ccc, #bbb);
		background-image: -o-linear-gradient(top, #ccc, #bbb);
		background-image: linear-gradient(top, #ccc, #bbb);
		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
		position: relative;
		top: 1px;
	}

	.ym-form button:focus,
	.ym-form input[type="button"]:focus,
	.ym-form input[type="reset"]:focus,
	.ym-form input[type="submit"]:focus,
	.ym-button:focus {
		background: #fafafa;
		outline: 0;
	}

	.ym-form button:before,
	.ym-button:before {
		-moz-border-radius: .15em 0 0 .15em;
		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		-webkit-border-radius: .15em 0 0 .15em;
		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		background: rgba(0,0,0,.1);
		border-radius: .15em 0 0 .15em;
		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
		float: left;
		font-size: 1.5em;
		margin: 0 1em 0 -1em;
		padding: 0 .2em;
		pointer-events: none;
		text-align: center;
		width: 1em;
	}

	.ym-add:before {
		content: "\271A";
	}

	.ym-delete:before {
		content: "\2718";
	}

	.ym-edit:before {
		content: "\270E";
	}

	.ym-email:before {
		content: "\2709";
	}

	.ym-like:before {
		content: "\2764";
	}

	.ym-next:before {
		content: "\279C";
	}

	.ym-play:before {
		content: "\25B6";
	}

	.ym-save:before {
		content: "\2714";
	}

	.ym-spark:before {
		content: "\2737";
	}

	.ym-star:before {
		content: "\2605";
	}

	.ym-form button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	.ym-form input[type=button]::-moz-focus-inner,
	.ym-form input[type=reset]::-moz-focus-inner,
	.ym-form input[type=submit]::-moz-focus-inner {
		padding: .4em;
	}

	.ym-form button[disabled],
	.ym-form button[disabled]:hover,
	.ym-form input[type=button][disabled],
	.ym-form input[type=button][disabled]:hover,
	.ym-form input[type=reset][disabled],
	.ym-form input[type=reset][disabled]:hover,
	.ym-form input[type=submit][disabled],
	.ym-form input[type=submit][disabled]:hover,
	.ym-button.ym-disabled,
	.ym-button.ym-disabled:hover {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		background: #eee;
		border-color: #aaa;
		box-shadow: none;
		color: #aaa !important;
		cursor: default;
		position: static;
		text-shadow: none;
	}

	* html .ym-button,
	* html .ym-form button {
		background-color: #ccc;
		border: 1px solid #777;
		color: #333 !important;
		cursor: pointer;
		display: inline-block;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
		font: normal 1em/2em Arial, Helvetica;
		margin: 1.5em 0.75em 0 0;
		overflow: visible;
		padding: 0 1.5em;
		text-decoration: none !important;
		white-space: nowrap;
	}

	* html .ym-form button:focus,
	* html .ym-button:focus {
		background: #fafafa;
		outline: 0;
	}

	* html .ym-form button:hover,
	* html .ym-button:hover {
		background-color: #ddd;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}

	* html .ym-form button:active,
	* html .ym-button:active {
		background-color: #bbb;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
		position: relative;
		top: 1px;
	}

	* html .ym-button.ym-disabled,
	* html .ym-button.ym-disabled:hover {
		background: #eee;
		border-color: #aaa;
		color: #aaa !important;
		cursor: default;
		position: static;
		text-shadow: none;
	}

}


/* Stylesheet: YAML3Columns // yaml-form-theme Modified On 2014-11-10 16:54:37 */
/** Project: thinkintags-3columns basic
 *  Description: a basic 3 column layout
 *
 *  @creator       Thinkin' Tags v0.2 alpha
 *  @framework     YAML v4.02
 *  @file          hlist.css
 */

@media all {

	.ym-hlist {
		/* SOLgroup */
		background: #FFA500;
		line-height: 1em;
		overflow: hidden;
		position: relative;
		width: 100%;
		/* SOLgroup */
		 font-family: MyCustomFont, Impact, "Arial Black", sans-serif;
	}

	.ym-hlist ul {
		display: inline;
		float: left;
		margin: 0;
		padding: 0.5em 1.5em;
	}

	.ym-hlist ul li {
		display: inline;
		float: left;
		font-size: 1.0em;
		line-height: 1em;
		list-style-type: none;
		margin: 0 .25em 0 0;
		padding: 0;
	}

	.ym-hlist ul li a,
	.ym-hlist ul li strong {
		background: transparent;
		color: #000;
		display: block;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 2em;
		padding: 0 0.5em;
		text-decoration: none;
		/*text-shadow: 0 1px 1px rgba(0,0,0,.5);*/
		width: auto;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active {
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		background: rgba(255,255,255,.25);
		border-radius: 0.2em;
		color: #888;
		outline: 0 none;
		text-decoration: none;
	}

	.ym-hlist ul li.active {
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		background: rgba(255,255,255,.3);
		border-radius: 0.2em;
		color: #fff;
	}

	.ym-hlist ul li.active strong,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
		background: transparent;
		color: #fff;
		text-decoration: none;
	}

	.ym-searchform {
		display: inline;
		float: right;
		line-height: 2em;
		padding: 0.5em 1.5em;
	}

	.ym-searchform .ym-searchfield {
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		background: #fff;
		border: solid 1px rgba(255,255,255,.1);
		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		line-height: 1em;
		outline: none;
		padding: 0.25em;
		width: 12em;
	}

	.ym-searchform .ym-searchbutton {
		-moz-border-radius: .2em;
		-webkit-border-radius: .2em;
		background: rgba(255,255,255,.2);
		border: solid 1px transparent;
		border-radius: .2em;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		line-height: 1.3571em;
		padding: 0.25em;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);
	}

}


/* Stylesheet: YAML3Columns // yaml-hlist Modified On 2014-11-10 15:56:07 */
/** Project: thinkintags-3columns basic
 *  Description: a basic 3 column layout
 *
 *  @creator       Thinkin' Tags v0.2 alpha
 *  @framework     YAML v4.02
 *  @file          vlist.css
 */

@media all {

	.ym-vlist {
		background: transparent;
		border: 0 none;
		list-style-type: none;
		margin: 0 0 1.5em 0;
	}

	.ym-vtitle {
		/*background-color: #fff;
		border-top: 2px #ddd solid;*/
		color: #444; 
		/* font-family: Arial, Helvetica, sans-serif;*/
		font-size: 100%;
		margin: 55px 0px 0px 0px;
		padding: 3px 0px 3px 10%;
		width: 90%;
	}

	.ym-vlist ul {
/*		border-bottom: 2px #ddd solid;
		border-top: 2px #ddd solid;
*/
		list-style-type: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}

	.ym-vtitle + ul {
		 border-top: 4px #888 solid;
	}

	.ym-vlist ul ul {
		 border: 0 none;
	}

	.ym-vlist li {
		/*background-color: #fff;*/
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.ym-vlist a,
	.ym-vlist strong,
	.ym-vlist span {
		/* border-bottom: 1px #ddd solid; */
		display: block;
		padding: 3px 0px 3px 10%;
		text-decoration: none;
	}

	.ym-vlist a,
	.ym-vlist a:visited {
		color: red;
	}

	.ym-vlist li span {
		border-bottom: 1px #ddd solid;
		display: block;
		font-weight: bold;
}

	.ym-vlist li.active {
		/*background-color: #444;*/
		color: #000;
	}

	.ym-vlist li.active strong {
		font-weight: bold;
	}

	.ym-vlist li a,
	.ym-vlist li strong,
	.ym-vlist li span {
		padding-left: 10%;
		width: 90%;
	}

	.ym-vlist li a:focus,
	.ym-vlist li a:hover,
	.ym-vlist li a:active {
		/*background-color: #888;*/
		color: #000;
		outline: 0 none;
	}

	.ym-vlist li ul li a,
	.ym-vlist li ul li strong,
	.ym-vlist li ul li span {
		padding-left: 20%;
		width: 80%;
	}

	.ym-vlist li ul li a,
	.ym-vlist li ul li a:visited {
		/*background-color: #f8f8f8;*/
		color: #333;
	}

	.ym-vlist li ul li a:focus,
	.ym-vlist li ul li a:hover,
	.ym-vlist li ul li a:active {
		/*background-color: #888;*/
		color: #000;
	}

	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li strong,
	.ym-vlist li ul li ul li span {
		padding-left: 30%;
		width: 70%;
	}

	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li a:visited {
		/*background-color: #f0f0f0;*/
		color: #222;
	}

	.ym-vlist li ul li ul li a:focus,
	.ym-vlist li ul li ul li a:hover,
	.ym-vlist li ul li ul li a:active {
		/*background-color: #888;*/
		color: #fff;
	}

	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li strong,
	.ym-vlist li ul li ul li ul li span {
		padding-left: 40%;
		width: 60%;
	}

	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li a:visited {
		/*background-color: #e8e8e8;*/
		color: #111;
	}

	.ym-vlist li ul li ul li ul li a:focus,
	.ym-vlist li ul li ul li ul li a:hover,
	.ym-vlist li ul li ul li ul li a:active {
		background-color: #888;
		color: #fff;
	}

}


/* Stylesheet: YAML3Columns // yaml-vlist Modified On 2014-11-10 15:56:07 */
/** Project: thinkintags-3columns basic
 *  Description: a basic 3 column layout
 *
 *  @creator       Thinkin' Tags v0.2 alpha
 *  @framework     YAML v4.02
 *  @file          typography.css
 */

@media all {

	body {
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 95.00%;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		 color: #666; 
		font-weight: normal;
		margin: 0 0 0.1em 0;
margin-left: 14px;
font-family: MyCustomFont, Impact, "Arial Black", sans-serif;
	}

	h1 {
		font-size: 200%;
                /*margin-bottom: 0.7em;*/
                
	}

	h2 {
		font-size: 150%;
                margin-bottom: 0.7em;

	}

	h6 {
		font-size: 116.67%;
	}

	ul,
	ol,
	dl {
		line-height: 1.5em;
		margin: 0 0 1em 1em;
                margin-left: 14px;
	}
        ol li { margin-top: 0.5em;line-height: 1.2em;margin-left: 40px;}
	ul {
		list-style-type: disc;
	}

	ul ul {
		list-style-type: circle;
	}

	li {
		line-height: 1.5em;
		margin-left: 14px;
	}

	p {
		line-height: 1.5em;
		margin: 0 0 1em 14px;
	}


	strong,
	b {
		font-weight: bold;
	}

	a {
		background: transparent;
		/*color: #005d5d;*/
                color: red;
		text-decoration: none;
	}
a:hover {
  text-decoration: underline;
}
/*
a:before {
    content: url("https://sol.physik.hu-berlin.de/uploads/sol/link.png");
    padding-right: 4px;
}
*/

	.float_left {
		display: inline;
		float: left;
		margin-bottom: 0.15em;
		margin-right: 1em;
	}

	#footer {
		background: rgb(224,224,224) repeat 0% 0% scroll ;
		border-top: 1px solid Gray;
		box-shadow: none;
		text-align: center;
	}

}


/* Stylesheet: YAML3Columns // yaml-typography Modified On 2014-11-25 18:58:03 */
/** Project: thinkintags-3columns basic
 *  Description: a basic 3 column layout
 *
 *  @creator       Thinkin' Tags v0.2 alpha
 *  @framework     YAML v4.02
 *  @file          print.css
 */

@media print {

	body {
		font-size: 10pt;
	}

	#topnav,
	#nav,
	#search {
		display: none;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
	}

}

/* SOLgroup */

@font-face {
 font-family: MyCustomFont;
 src: url("https://sol.physik.hu-berlin.de/uploads/images/SOL/broadw__.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("https://sol.physik.hu-berlin.de/uploads/images/SOL/broadw__.ttf") /* TTF file for CSS3 browsers */
}

.broadway {
 font-family: MyCustomFont, Impact, "Arial Black", sans-serif;
 /*font-weight: bold;*/
 color: red
}
.blue {color: yellow;}

#solgroup {
	font-size: 350%;
	padding-top: 55px;
	padding-left: 23px;
}



#HU {
	/* position: absolute;
	top: 10px;
	right: 20px; */
	width: 120px;
}
a.none:before {content: "";}

#IRIS {
	position: fixed;
	top: 170px;
	right: 10px;
	width: 172px;
}
#SOL {
	position: fixed;
	top: 250px;
	right: 10px;
	font-size: 200%;
}

#pagetitle {
position: relative;
float: left;
top: 0px;
left: 30px;
}

.breadcrumbs {
 margin-left: 14px;
 margin-top: 0px;
 margin-bottom: 15px;
 font-size: 0.8em;
}
.breadcrumbs>a:before {content: "";}
.slide_nav_1>a:before {content: "";}

.ym-col2 h2 {margin-left: 0px;}
.ym-col2 p  {margin-left: 0px; line-height: 1em; font-size: 0.9em}

/* Stylesheet: YAML3Columns // yaml-print Modified On 2014-11-10 15:56:07 */

.blink {
  animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}
.people { width: 90%;
    margin-left:auto; 
    margin-right:auto;
 }
.people tr {vertical-align: top;}
.people td {width: 25%;}

.talks { width: 90%;
    margin-left:auto; 
    margin-right:auto;
    font-size: 1.2em;
 }

.gallery h3 {font-size: 1.6em; color: #000;}
.blink {
  animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0.1; }
}
.cd {list-style-type: none;}

/* reference style */
tr.reference em {
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem 0;
}
tr.reference a {
}

/* for roll-out section of a text */
input[type="checkbox"].rollout {
  display: none;
}
input[type="checkbox"].rollout + span {
  display: inline-block;
  height: 3rem;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, 
    from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
input[type="checkbox"].rollout:checked + span {
  overflow: visible;
  height: auto;
  -webkit-mask-image: none;
}
input[type="checkbox"].rollout + span + label::after {
  content: "show more";
  color: red;
  cursor: pointer;
}
input[type="checkbox"].rollout:checked + span + label::after {
  content: "show less";
  color: red;
}
/* cmsms stylesheet: Navigation_CSSMenu_Horizontal modified: 03/02/20 12:17:05 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* set the background color for the menu here */
	background-color: #666;
/* IE6 Hack */
	height: 1%;
	width: 100%;
/* one border at the top 
	border-top: 1px solid #3F565C;*/
	margin: 0;
	padding: 0;
        display: table;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 0px;
/* keeps the first menu item off the left side */
	padding-left: 10px;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	border-top: 1px solid #C8D3D7;
	border-right: 1px solid #C8D3D7;
	border-bottom: 1px solid #ADC0C7;
	border-left: 1px solid #A5B9C0;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 220px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1.1em;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: #fff;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 12px 15px 15px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
        font-family: MyCustomFont,Impact,"Arial Black",sans-serif;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;
}
ul#primary-nav li a:before {
  content: "";
}
ul#primary-nav li li a:hover {
/* TTT this is set to #000, black, below so hover will be white text */
	color: #333;
}
ul#primary-nav li a.menuactive {
	color: #ccc;
/* bold to set it off from non active */
	font-weight: bold;
/* set your image here */
	background:  url(https://sol.physik.hu-berlin.de/uploads/ngrey/nav.png) repeat-x left 0px;
}
ul#primary-nav li a.menuactive:hover {
	color: #333;
/* keep it the same */
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(https://sol.physik.hu-berlin.de/uploads/ngrey/parent.png) no-repeat 98% center;
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(https://sol.physik.hu-berlin.de/uploads/ngrey/parent.gif) no-repeat 98% center;
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 6px 3px 6px 15px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
	color: #fff;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	background: #ff6464;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	background:  url(https://sol.physik.hu-berlin.de/uploads/ngrey/darknav.png) repeat-x left center;
	color: #000
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}