@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);

/* dbFCZ Schriften -- CSS Document */

body {
	font-family: Ubuntu, Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
	color: #000000;
    line-height:1.35em; /*1.25em*/
}


/* Links */
a:link {color: #000099;
text-decoration: none;}

a:visited {color: #000099;
text-decoration: none}

a:hover {color: #3399FF;
text-decoration: none;}


h1 {
	font-size: 2.125rem;
	font-weight: bold;
	color: #3300CC;
    margin: 0.2em 0
    /*background-color: #FFE1E6;*/
}

h2 {
	font-size: 1.3rem;
	/*font-size: 0.875em;*/
	font-weight: bold;
	color: #000000;
    /*background-color: #FFE1E6;*/
}
h3 {
	font-weight: bold;
    color: #666666;
    background-color: #e7f5fe;
    margin-bottom:0.2em;
}

h4 {
	font-weight: normal;
    color: #666666;
    /*background-color: #e7f5fe;*/
    margin-bottom:0.2em;
}

h3, h4, p {
padding-top:0;
margin-top:0;
}

p, h3, h4, ul, table, form, div#blaettern, quote {
	font-size: 1rem;
	/*font-size: 0.875em;*/
	/*font-size: 0.75em;*/
    /*background-color: #fff0f2;*/
}

quote {
    font-style: italic;
    }


/*angepasst an Zeilenhöhe h3*/
img.ImgPlusMinus {
    height:20px;
    }

.trennung {
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.legende {
	font-weight: normal;
	color: #666666;
    padding-right:0.4em;
    /*text-decoration:underline;*/
    /*background-color: #FFE1E6;*/
}

.zusatz {      /*weitere Erläiterungen, etwas kleiner*/
	font-weight: normal;
	color: #666666;
    font-size: 0.875rem;
    vertical-align:bottom;
    /*padding-right:0.4em;*/
    /*text-decoration:underline;*/
    /*background-color: #FFE1E6;*/
}

.legende_bild {
	font-weight: normal;
	font-size: 0.725rem;   /*0.6875*/
	color: #666666;
    padding:0;
    margin:0;
    line-height:1.1em;
}

.legende_story {
	font-weight: normal;
    font-size: 0.725em;
	/*font-size: 0.786em; *//*Relation: 0.6875em zu 1em --> 0.875em*/
	color: #666666;
    padding:0em;
    margin-top:-0.1em;
    /*margin-top:-1.3em;*/
    line-height:1.1em;
}

.stats {
	font-weight: normal;
    font-size: 0.725em;
    vertical-align:middle;
	/*font-size: 0.875em;*/
	color: #666666;
    padding:0em;
}

.fokus{
	font-size: 1.125rem;
}

.grau {
	color: #666666;
    }

.bold {
    font-weight:bold;
    }

.right {
    text-align: right;
    }

.nav{
    outline:1px solid #3300CC;
    }

form {
	font-size: 0.875em;
	/*font-size: 0.75em;*/
    /*background-color: #FFE1E6;*/
}

/* NOCH LOGIK ANPASSEN !!! */
input, select, option, textarea {
	font-size: 1em;
	font-family: Ubuntu, Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
	color: #000000;
    /*font-family: Ubuntu;*/
	/*font-size: 0.9em;*/
}


/* Aufzählung Startseite */
ul.start {
  list-style: none;  
  margin-left: 1.25em;
  padding: 0em 0em 0em 0em;
}

ul.start > li:before {
    content:  '\00279C';
  	font-weight: bold;
	color: #666666;
	/*color: #999999;*/
    position: absolute;
    margin-left: -1.25em;
}

/* Aufzählung – flexible Navigation*/
pagination{display:inline-block;padding:0;margin:0;border-radius:0px}

ul.pagination{padding:0;margin-bottom:0.5rem}  

.pagination>li{display:inline}

/*.pagination::after{clear: both}*/
.pagination:after {
  content: "";
  display: table;
  clear: both;
}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:0.5em 0.79em;margin-left:0px;margin-right:-1px;line-height:1.42857;color:#000099;text-decoration:none;background-color:#fff;border:1px solid #ddd}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{z-index:2;color:#000099;background-color:#eee;border-color:#ddd}

.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:0px;border-bottom-left-radius:0px}

.pagination>li:last-child>a,
.pagination>li:last-child>span{border-top-right-radius:0px;border-bottom-right-radius:0px}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#0000cd;border-color:#0000cd}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.pagination-lg>li>a,
.pagination-lg>li>span{padding:0.5em 0.79em;font-size:1em;line-height:1.33333}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span{border-top-left-radius:0px;border-bottom-left-radius:0px}
.pagination-lg>li:last-child>a,

.pagination-lg>li:last-child>span{border-top-right-radius:0px;border-bottom-right-radius:0px}
.pagination-sm>li>a,
.pagination-sm>li>span{padding:0.5em 0.79em;font-size:0.875em;line-height:1.5}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-top-left-radius:0px;border-bottom-left-radius:0px}
.pagination-sm>li:last-child>a,

.pagination-sm>li:last-child>span{border-top-right-radius:0px;border-bottom-right-radius:0px}
.active{color:#777}











/* Aufzählung – Navigation*/
navflex{display:inline-block;padding:0;margin:0;border-radius:0px}

ul.navflex{padding:0;margin-bottom:0.5rem}  

.navflex>li{display:inline}

/*.navflex::after{clear: both}*/
.navflex:after {
  content: "";
  display: table;
  clear: both;
}

.navflex>li>a,
.navflex>li>span{position:relative;float:left;padding:0.5em 0.5em;margin-left:0px;margin-right:-1px;line-height:1.42857;min-width:94px;max-width:141px;color:#000099;text-decoration:none;background-color:#fff;border:1px solid #ddd}

.navflex>li>a:focus,
.navflex>li>a:hover,
.navflex>li>span:focus,
.navflex>li>span:hover{z-index:2;color:#000099;background-color:#eee;border-color:#ddd}

.navflex>li:first-child>a,
.navflex>li:first-child>span{margin-left:0;border-top-left-radius:0px;border-bottom-left-radius:0px}

.navflex>li:last-child>a,
.navflex>li:last-child>span{border-top-right-radius:0px;border-bottom-right-radius:0px}

.navflex>.active>a,
.navflex>.active>a:focus,
.navflex>.active>a:hover,
.navflex>.active>span,
.navflex>.active>span:focus,
.navflex>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#0000cd;border-color:#0000cd}

.navflex>.disabled>a,
.navflex>.disabled>a:focus,
.navflex>.disabled>a:hover,
.navflex>.disabled>span,
.navflex>.disabled>span:focus,
.navflex>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.navflex-lg>li>a,
.navflex-lg>li>span{padding:0.5em 0.79em;font-size:1em;line-height:1.33333}

.navflex-lg>li:first-child>a,
.navflex-lg>li:first-child>span{border-top-left-radius:0px;border-bottom-left-radius:0px}
.navflex-lg>li:last-child>a,

.navflex-lg>li:last-child>span{border-top-right-radius:0px;border-bottom-right-radius:0px}
.navflex-sm>li>a,
.navflex-sm>li>span{padding:0.5em 0.79em;font-size:0.875em;line-height:1.5}

.navflex-sm>li:first-child>a,
.navflex-sm>li:first-child>span{border-top-left-radius:0px;border-bottom-left-radius:0px}
.navflex-sm>li:last-child>a,

.navflex-sm>li:last-child>span{border-top-right-radius:0px;border-bottom-right-radius:0px}
.active{color:#777}