@import url(http://fonts.googleapis.com/css?family=Quicksand:400,300,700);

body{
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
    background: #fff;
}

h2, h3, h4, h5, h6{
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
}

h1{
    font-family: 'Quicksand', sans-serif;
 font-size: 1.4em;
}

td { vertical-align: top; padding-bottom: 12px; }

.header-black { margin-top: 30px; }


.navbar-brand, .navbar-brand:hover{
    color:#000;
    font-weight: 400;
    font-size:2.2em;
 }

.header-black{
    background: #fff;
    min-width:1250px;
}

.header-black div ul li a, .header-black div ul li a:focus, .header-black div ul li a:hover{
    color: #000;
    background:none;
    transition: 0.5s ease;
}

.icon-bar{
    background: #fff;
}

.ml-container{
    width:1250px;
    margin: 0 auto;
}

nav{
    background: #fff;
    font-size: 0.9em;
    margin: 2em 0.5em 0.5em 0.5em;
    width:300px;
    float:left;
	line-height: 53px;
}

nav header{
    margin: 0.5em;
    font-size: 1.4em;
	padding-left: 20px;
}


.ml-nav{
    list-style-type: none;
    margin: 0 0 2em 0.9em;
}

.ml-nav li{
    margin: 0 0 0 -2.45em;
}

.ml-nav li a, .ml-nav li a:hover{
    color:#000;
    display:block;
    padding:0 0 0 0.6em;
    line-height: 1.4em;
    transition:0.5s ease;
	text-decoration: none;
}

/*.ml-nav li a:hover{
    color:#000;
    background:#fff;
    display:block;
    text-decoration: none;
}*/

.t-blau{
	color: #3582c5;
	/*font-size: 14px;*/
}

.ml-nav-orange{
    border-left: solid 5px #fa0;
}
.t-orange{
	color: #fa0;
	padding-left: 14px;
}

.ml-nav-gruen{
    border-left: solid 5px #0b0;
}
.t-gruen{
	color:  #0b0;
	padding-left: 14px;
}

.ml-nav-violett{
    border-left: solid 5px #a0a;
}
.t-violett{
	color:  #a0a;
	padding-left: 14px;
}

.ml-nav-black{
    border-left: solid 5px #000;
}
.t-black{
	color:  #000;
	padding-left: 14px;
}

.t-black-klein, .t-black-klein a, .t-black-klein a:hover{
	color:  #000;
	padding-left: 7px;
	padding-top: 20px; padding-left: 15px;
	font: 12px/50px 'Quicksand', sans-serif;
	text-decoration: none;
}

.black-klein, .black-klein a, .black-klein a:hover{
	color:  #000;
	font: 12px/50px 'Quicksand', sans-serif;
	text-decoration: none;
}

.blacklink, .blacklink a, .blacklink a:hover{
	color:  #000;
	font-size: 0.9em;
	text-decoration: none;
	top: 9px;
}
.blacklink a:hover{
	color:  #000;
	text-decoration: none;
}


#content{
    font-size: 0.9em;
    background: #eee;
    float:right;
    width:910px;
    margin: 2em 0em 0.5em 0.5em;
}

#content article{
    margin: 1em;
}

#content article h1{
    margin-top:25px;
}

#content article img{
    margin:1em 0 0 0;
    max-width:100%;
}

#content article .ml-imagecapton{
    margin: 0 0 0.5em 0.3em;
    display:block;
    font-size: 0.9em;
    font-weight: 400;
}

/* BILDUNTERSCHRIFTEN */
a { position: relative; display: inline-block }

a img {
    width:100%;
}

a p {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 16px 0 0;
    background: rgba(2, 2, 2, 0.7);
    color: #fff;
}

a:hover p {
    /*display: block;*/
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 30px;
	padding-right:  30px;
	
	/*height: 50%;
	margin-top: auto;
	margin-bottom: auto;*/
}    
    

#pfeil { position: fixed; bottom: 10px; right: 10px; }