/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * modifed screen stylesheet for Rg - FULLPAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse - Modification Copyright 2012-15, Olaf Berg (Max Planck Institut for European Legal History)
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2 | modifikation: v 0.3
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2015-03-03 11:18:14 +0200 (Di, 03 Mrz 2015) $
 */

@media all {
    	.linearized-visible {
	    display: none !important;
	}

}

@media screen, projection {
    
    /* zusätzliche grid klasse für Spalte in ganzer Breite aber mit max Zeichen */
    .ym-g100 { 
        width:100%;
        max-width: 50em;
    }
}

@media screen {

	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
	}

	/* Layout Module Configuration */
	.ym-wrapper {
		/* max-width: 108em; */
		margin: 0 auto;
	}

	.ym-wbox {
		padding: 1.5em;
	}
	
	ym-column {
		margin: 0 auto;
	}



	/* fallback for missing media queries support*/
	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 760px;
	}

	/* Basic Element Styling */
	
	
	


	body > header h1 {
		background: transparent;
		color: #000000;
	}

	nav {
		background: #222222;
	}

	#main .info {
		margin-bottom: 1.5em;
	}

	footer {
        position: fixed;
        bottom: 0px;    
		background: #eee;
		color: #444;
        z-index:5;
        
	}

	footer p {
		margin: 0;
	}

	header .ym-wbox {
        padding: 1.5em;
    }
	footer .ym-wbox {
		padding: 0.5em 1.5em;
	}

	.ym-gbox { padding: 0 1.5em; }
	.ym-gbox-left { padding: 0 1.5em 0 0; }
	.ym-gbox-right { padding: 0 0 0 1.5em; }

	section.box { padding: 0 1.5em 1.5em 1.5em; }

	#main aside .ym-gbox-right {
		border-left: 1px #ddd solid;
	}

	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color:#fff;
		background:#333;
		border-bottom:1px #000 solid;
		padding:10px 0;
		text-align: center;
		text-decoration:none;
	}

	div.ym-g38 {
		margin: 1.5em 0 0 0;
	}

	/* hier beginnt das aus vormals rg-styles übernommene rg spezifische css */




/* horizontale navi unterm header*/



.ym-hlist{background-color:black;}

	.ym-hlist ul li a,
	.ym-hlist ul li{
	    color:#FFFFFF;
		line-height: 2em;
	}

.ym-wbox { padding: 0px; 
}

.mpi-navi{
    color:#FFFFFF;
    list-style-type:none;
}

.rainbow{
    height:2em;
    width: 2em;
   float:left;
   list-style-type:none;
    }
    

#rainbow1{background-color:#017C70;}
#rainbow2{background-color:#018749;}
#rainbow3{background-color:#6EBB1F;}
#rainbow4{background-color:#A6BC09;}
#rainbow5{background-color:#EDD000;}
#rainbow6{background-color:#FFB300;}
#rainbow7{background-color:#F79910;}
#rainbow8{background-color:#FF7800;}
#rainbow9{background-color:#FE4110;}
#rainbow10{background-color:#F20017;}
#rainbow11{background-color:#CC0033;}
#rainbow12{background-color:#B10057;}
#rainbow13{background-color:#7C1272;}
#rainbow14{background-color:#4B2582;}
#rainbow15{background-color:#00368A;}
#rainbow16{background-color:#0060A9;}
#rainbow17{background-color:#006A8D;}
#rainbow18{background-color:#017C70;}
#rainbow19{background-color:#018749;}
#rainbow20{background-color:#6EBB1F;}
#rainbow21{background-color:#A6BC09;}

.ym-hlist ul.mpi-navi{
    float:right;
   }

#main .ym-col1 { float: left; width: 28em; 
}

#main .ym-col3 { margin: 0 0 0 28em; 
max-width: 80em;
} 

/*column in header rg-logo | Titel | Minerva */
.pageheader .ym-col1 { width: 190px; } /* left column */
.pageheader .ym-col2 { width: 105px; } /* right column */
.pageheader .ym-col3 { margin-left: 185px; margin-right: 105px; width:auto;} /* center column */


/* content */

/* typography änderungen*/

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/
	h1,
	h2,
	h3,
	h4,
	h5,
	h6, 
	p.head,
	p.headline1,
	p.headline2 {
		font-family: "Droid Sans Bold", Arial, Helvetica, sans-serif;
		font-weight: 600;
		color:#161e21;
		margin:0;
	}

	h1 {
		font-size:150%;
		line-height: 1.2em;
		margin: 0.8em 0 0;
	}

h1.kopfzeile{
            font-size:300%;
            color:black;
            vertical-align:middle;
            margin-top: 20px;
            margin-left: auto;
            margin-right:auto;
            text-align:center;
}

	h2 {
		font-size:120%;
		line-height: 1.2em;
		margin: 0.8em 0 0 0;
	}
	
	h2.appendix {
	    text-align:left;
	    padding-bottom: 1em;
	    ;
	}

	h3 {
		font-size:100%;
		line-height: 1.2em;
		margin:0.8571em 0 0 0;
	}
    
    h3.kopfzeile{
            
            clear:right; 
            text-align:right;
            margin-bottom: -15px;
         /*   margin-right: 0;
            margin-left: auto; */
}

	h4 {
		font-size:100%;
		line-height: 1.125em;
		margin:1.125em 0 0 0;
	}

	h5 {
		font-size:116.67%;
		line-height: 1.2857em;
		margin: 1.2857em 0 0 0;
	}

	h6 {
		font-weight: bold;
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
	}
	
	p.head {
	    font-size:120%;
		line-height: 1.2em;
		margin: 0.6em 0 0 0;
		font-variant:small-caps;
	}
	
	p.headline1 {
	    font-size:150%;
		line-height: 1.2em;
		margin: 0.8em 0 0;
	}
	p.headline2 {
	    font-weight: bold;
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
	}


	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

    p.epigraph {
	    font-style:italic;
	    line-height:1.5em;
		margin: 0.5em 0 0 0;
		padding: 0 0 0 4em;
		text-align:right;
	}

    .quotation {
		padding: 0 0 0 2em;
	}

	/*--- notes ----------------------------------------------------------------------------------------- */
    div.margnote {
        margin: 0 0  0.5em 0;
        line-height:1.5em;
    }
    
    div.margnote p, span.noteBody p {
        display:inline;
    } 
    
    span.margnoteLabel {
        color:#4D87C7;
        margin: 0  0.5em 0 0;
    }
    
    div.noteHeading {
        font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		font-weight: 400;
		color:#161e21;
		font-size:120%;
		line-height: 1.2em;
		margin: 0.6em 0 0 0;
    }
    div.note {
        margin:0.5em 0 0 0;
    }
    
    
	/*--- Pagebreak marks ----------------------------------------------------------------------------------------- */
    .pagebreak {
        color:#4D87C7;
        background:transparent;
        font-weight:bold;
    }

    .pb-line {
        color:#4D87C7;
        background:transparent;
        font-weight:normal;
        font-size:100%;
        position:absolute;
        left:-3em;
        text-decoration:overline;
        font-style:normal;
    }
    
    div.ym-g62 div.ym-gbox p {
    	position:relative;
    }

    
    /*--- Footer --------------------------------------------------------------------------------------------------*/
    .footer-l {
        text-align:left;
    }
    .footer-r {
        text-align:right;
    }
    
    /*--- Tables --------------------------------------------------------------------------------------------------*/
    table {
        margin: 0.5em 5.5em 0.5em 1em;
        width:99%;
    }



/* änderungen zum original tabs.css */

	.jquery_tabs ul.tabs-list li a {
		padding:0.5em;
	}



	.jquery_tabs ul.tabs-list li {
		border:0 none;
		display:inline;
		float:left;
		margin:0 0 0 0;f
		padding:0;
	}

	.jquery_tabs ul.tabs-list li a {
		background: white;
		border:1px #ccc solid;
		border-radius: 0.8em 0.8em 0 0;
		color:black;
		display:block;
		float:left;
		font-weight:normal;
		margin:0;
		background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,.5);
        background-color: transparent\9;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF);
        zoom:1;	

	}

	.jquery_tabs ul.tabs-list li a:focus,
	.jquery_tabs ul.tabs-list li a:hover,
	.jquery_tabs ul.tabs-list li a:active {
		background:silver;
		border-radius: 0.8em 0.8em 0 0;
		color:#000;
		font-weight:normal;
		outline: 0 none;
		text-decoration:none;
	}

	.jquery_tabs ul.tabs-list li.current a,
	.jquery_tabs ul.tabs-list li.current a:focus,
	.jquery_tabs ul.tabs-list li.current a:hover,
	.jquery_tabs ul.tabs-list li.current a:active {
		background:silver;
		border:1px #ccc solid;
		border-bottom:0 none;
		border-radius: 0.8em 0.8em 0 0;
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}



/* text definitionen für tab - inhaltsverzeichnis */

# Original O. Berg
#.contentblock {
#	border: 1px solid gray; padding: 4px; margin: 2px;
#}

.contentblock {
	border: 1px solid gray; padding: 4px; margin: 2px;
}

.contentblock p.author {
	font-variant: small-caps; margin: 0px;
}

.contentblock p.format {
	text-align: right; margin: 0px;

}

#VN

.contentblock p.page {
	text-align: left;
}


.tabs-list {
	color:red; background:none; margin:0px; padding:0px;
}

.tabhead {
	color:red; margin:0px; padding:0px;
}

.current {
	color:red; background: none; border: 10px solid red;
}

.content {
	color:black;
	background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.3);
    background-color: transparent\9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF);
    zoom:1;
}

/*--- Sticky Menu -----------------------------------------------------------------------------------
   #js-info {
      display:block;
      padding: 10px 20px;
      background: #fee;
      color: #800;
      margin: 0 0 10px 0;
   }
   .js .js-info { display: none; }
   #formswitch { display:none; }
   .js #formswitch { display:block; }
   .fix {
      position:fixed;
      top:0;
      z-index: 10000;
      width: 100%;
      -webkit-box-shadow: 0 0 12px 6px rgba(0,0,0,.5);
      -moz-box-shadow: 0 0 12px 6px rgba(0,0,0,.5);
      box-shadow: 0 0 12px 6px rgba(0,0,0,.5);
   }
*/

/* Logos / Bilder */

img.rg{ 
    display:block;
    vertical-align:top;
    margin-top: -12px;
}
/* img.minerva{ 
    margin-right: 30px;
    margin-top: -95px;
    margin-bottom: 10px;
    float:right;
}
*/
img.graphic{
    width: 100%;
    padding-top: 15px;
}

img.flag{
	border-width: 1px;
	border-color: white;
}

img.cover{
    float:left;
    margin-right:50px;
}

}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {

	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 0;
	}
}

@media screen and ( max-width: 80em ) {

    footer{
        position: static;       
	}
    
}


@media screen and ( max-width: 60em ) {

	body {
	    background-image: none;
	}
	
    footer{
        position: static;       
	}
	.secondary {
		border-top: 1px #888 solid;
		margin-top: 1.5em !important;
	}

	#main aside .ym-gbox-right {
		border: 0 none;
	}
	
	.linearized-visible {
	    display: block !important;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	#main .linearize-level-1 > [class*="ym-col"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}

	.linearize-level-1  [class*="tei_body"] {
	    padding: 0 0 0 1em; /* extend padding value for enogh space for page-break pb-line number on left column side */
	}

	.ym-searchform {
		display:block;
		float: none;
		width: auto;
		text-align: right;
	}

	.ym-searchform input[type="search"] {
		width: 14%;
	}
	
	img.rg {
	    display:none;
	}
	img.minerva {
	    display:none;
	}
}

@media screen and ( max-width: 45em) {

	header .ym-wbox {
		padding: 0.75em 10px;
	}

    footer{
        position: static;       
	}
    
	footer .ym-wbox,
	.ym-wbox,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}

	header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2, 
	.linearize-level-2 > [class*="ym-g"], 
    .linearize-level-2  .ym-g62,
    .linearize-level-2  .ym-g80,
    .linearize-level-2  .ym-g100,
	.linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}
	  
	 .linearize-level-2  .ym-g38,
	 .linearize-level-2  .ym-g20 {
	    display: none !important; 
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}
    
	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}
}

.marg_footer {
        margin: 0 0 8em;
    }