@font-face { 
font-family: "NUMBS"; 
src: url("fonts/COMBINUMERALS_BOLD.ttf") format('truetype'); 
}

Zahlen { font-family: "NUMBS"; font-size: 20px; color:#454000}



.main {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.mainbreak {
    width: 100%;
    height: 30px;
    display: inline-block;
}
 
.rechts {
    width: 73%;
/*    height: 400px; */
    height: 100%;
    display: inline-block;
    vertical-align: top;
/*    background-color: blue;    */
	margin-left: 5px;
overflow: auto;
}

.links {
    width: 26%;
/*    height: 400px;*/
    height: 100%;
    display: inline-block;
    vertical-align: top;
/*    background-color: blue;    */
overflow: auto;
}
 
.col-top{
		float: center;
/*		background: #BDBDBD;*/
        text-align: center;
}

.col {
   margin-top: 2.8ex; 
 /* Chrome, Safari, Opera */
   -webkit-column-count: 1; -webkit-column-gap:1em; /* Chrome, Safari, Opera */
   -webkit-column-rule-style:dotted; -webkit-column-rule-width:1px; -webkit-column-rule-color: grey;
   -webkit-column-break-inside: avoid;
   -webkit-page-break-inside: avoid;
   -webkit-column-rule-style: solid;

 /* Firefox */
   -moz-column-count: 1; -moz-column-gap:1em; /* Firefox */
   -moz-column-rule-style:dotted; -moz-column-rule-width:1px; -moz-column-rule-color: grey; /* Firefox */
   -moz-column-break-inside: avoid;
   -moz-page-break-inside: avoid;
   -moz-column-rule-style: solid;

 /* Allgemein */
   column-count: 1; column-gap:1em;
   column-rule-style:dotted; column-rule-width:1px; column-rule-color: grey;
   column-break-inside: avoid;
   page-break-inside: avoid;
   column-rule-style: solid;

}

.col p {
   margin: 0 0 2.7ex 0;
   font-size: 1.8ex; line-height: 2.7ex;
   text-align: justify; hyphens:auto;
   orphans:3; widows: 3;

}
.col h2 {
   font-size: 1.8ex; line-height: 2.7ex;
   margin: 2.7ex 0 0 0;
}

.col_nobreak{
    page-break-inside: avoid;
}
.container {
float: left;
    width: 100%;
    height: 100%;
}

.anzeige {
float: left;
  width: 90%;
  margin-right: 20px;

.scrollliste {
  float: left;
  width: 10%;
  margin-right: 20px;
  background-color: #ffcc00;}

}

Part {
   font-weight: bold;
column-break-before: column;
}

Part-Detail {
   page-break-after: avoid;
   text-decoration: underline;
   font-weight: bold;
   column-break-after: column;
   font-style:italic;
}

Gesamtblock {
   column-break-before: column;
}

small {
  font-size: 80%;
}

titel {
   font-size: 120%;
   color: #2E2E2E;
   font-weight: bold;
}

interpret {
   font-size: 80%;
   color: #2E2E2E;
}

textblock {
page-break-inside: avoid
column-break-inside: avoid;
   -webkit-column-break-inside: avoid;
   -webkit-page-break-inside: avoid;
   -moz-column-break-inside: avoid;
   -moz-page-break-inside: avoid;
break-inside: avoid
-webkit-break-inside: avoid

}

.navbar {
  text-align: center;
  height: 51px;
  background-color: #BDBDBD;
  color: #2E2E2E;
}

.footer {
  text-align: center;
  height: 51px;
  background-color: #BDBDBD;
  color: #2E2E2E;
}

.form-butler {
  text-align: center;
  text-align: center;
  padding: 8px 0;
  color: #2E2E2E;
}

.glyphicon {
  color: #2E2E2E;
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.blocker{
		clear:both;
}

.modal_links{
		background: #FFFF00;
		margin-right: 150px;
        text-align: left;
}

.modal_rechts{
		float: left;
		width: 150px;
		background: #FF9900;
        text-align: left;
}

beschriftung{
		float: left;
        text-align: left;
        font-weight: bold;
}

beschreibung{
		float: left;
        text-align: left;
}

.navbar-right{
		position:right;
		margin-right:20px;
        text-align: center;
		vertical-align:middle;
		line-height: 55px;
}

.col-md-4{
box-sizing: border-box;
page-break-inside: avoid;
-moz-column-count: 1;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid grey;
margin-top: 2.8ex;
font-size: 92%;
line-height: 1.42857;
min-height: 1px;
padding-left: 1px;
padding-right: 1px;
}
         
.col-md-6{
box-sizing: border-box;
page-break-inside: avoid;
-moz-column-count: 1;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid grey;
margin-top: 2.8ex;
font-size: 92%;
line-height: 1.42857;
min-height: 1px;
padding-left: 1px;
padding-right: 1px;
}
         
.col{
box-sizing: border-box;
page-break-inside: avoid;
-moz-column-count: 1;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid grey;
margin-top: 2.8ex;
font-size: 100%;
line-height: 1.42857;
min-height: 1px;
padding-left: 1px;
padding-right: 1px;
}

.col-md-7{
box-sizing: border-box;
page-break-inside: avoid;
-moz-column-count: 1;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid grey;
margin-top: 3.0ex;
/*font-size: 92%;*/
line-height: 1.42857;
min-height: 1px;
padding-left: 25px;
padding-right: 10px;
}

.col-md-3{
box-sizing: border-box;
page-break-inside: avoid;
-moz-column-count: 1;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid grey;
margin-top: 3.0ex;
/*font-size: 92%;*/
line-height: 1.42857;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}

ul { list-style: none } 
li { list-style: none }