/*!
 * override.css
 * CSS-Definitionen von Bootstrap-Standard überschreiben
 */


/* MEDIA / AUFLÖSUNGEN */

@media (max-width: 767px) {

	.navbar
	{
		height: 100px;
		width: 100%;	
		z-index: 999;
		background-color: #000000;
	}
	
	.navbar-collapse {
		border-top: 1px solid #000!important;
		z-index: 999!important;
		width: 100%;	
		background-color: #000000;
	}
	
	.navbar-default
	{
		background: none!important;
		border: none!important;	
		z-index: 999!important;
		width: 100%!important;
		background-color: #000000;
	}
	
	.nav li a {
		padding: 5px 5px 10px 5px !important;
		text-decoration: none;
		font-size: 0.8em;
		width: 100%;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif!important; 
		font-weight: 700;
		letter-spacing: 0.05em;
		height: 35px!important;
		letter-spacing: 0.1em;
		z-index: 999;
		background-color: #000000;
	}
	
	.nav li a:hover {
		text-decoration: none!important;
		background-color: #202020!important;
		z-index: 999;
		
	}
	
	li.current a {
		background-color: #fab300!important;
		z-index: 999;		
	}
	
	ul.nav {
		padding: 0 0 0 0 !important;
		margin: 0 0 0 !important;
		background-color: #000000;
		
	}
	
	.nav-pills > li {
		float: none!important;
	}

	.slogan {
		font-family: 'dejavu_serifcondensed' !important;
		text-transform: uppercase;
		font-size: 4.0m !important;
		line-height: 1.0em !important;
		padding-top: 145px;
		display: none;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {

	.navbar
	{
		height: 250px;
		width: 100%;	
		z-index: 999;
	}
	
	.navbar-collapse {
		border-top: 1px solid #000!important;
		z-index: 999!important;
		width: 100%;		
	}
	
	.navbar-default
	{
		background: none!important;
		border: none!important;	
		z-index: 999!important;
		width: 100%;	
	}
	
	.nav li a {
		padding: 3px 1px!important;
		text-decoration: none;
		font-size: 0.8em;
		width: 100%;
		text-transform: uppercase;
		font-family: 'gotham_blackregular';
		font-weight: normal;
		height: 20px!important;
		letter-spacing: 0.1em;
		z-index: 999;		
	}
	
	.nav li a:hover {
		text-decoration: none!important;
		background-color: #202020!important;
		z-index: 999;
		
	}
	
	li.current a {
		background-color: #fab300!important;
	z-index: 999;		
	}
	
	.slogan
	{
		font-family: 'dejavu_serifcondensed'!important;
		text-transform: uppercase;
		font-size: 1.5em!important;
		line-height: 1.0em!important;
		padding-top: 45px;
	}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	#wrapper {
		position: relative;
		margin: 0 auto;
		width: 980px;
		background: #000;
		height: auto !important; 
		height: 100%;
		min-height: 100%; 
	}

	.navbar
	{
		height: 250px;
		width: 100%;	
		z-index: 999;
	}
	
	.navbar-collapse {
		border-top: 1px solid #000!important;
		z-index: 999!important;
		width: 100%;		
	}
	
	.navbar-default
	{
		background: none!important;
		border: none!important;	
		z-index: 999!important;
		width: 100%;	
	}
	
	.nav li a {
		padding: 3px 1px!important;
		text-decoration: none;
		font-size: 0.8em;
		width: 100%;
		text-transform: uppercase;
		font-family: 'gotham_blackregular';
		font-weight: normal;
		height: 20px!important;
		letter-spacing: 0.1em;
		z-index: 999;		
	}
	
	.nav li a:hover {
		text-decoration: none!important;
		background-color: #202020!important;
		z-index: 999;
		
	}
	
	li.current a {
		background-color: #fab300!important;
	z-index: 999;		
	}

	.slogan
	{
		font-family: 'dejavu_serifcondensed'!important;
		text-transform: uppercase;
		font-size: 1.5em!important;
		line-height: 1.0em!important;
		padding-top: 45px;
	}	
	
}
@media (min-width: 1200px) {
	#wrapper {
		position: relative;
		margin: 0 auto;
		width: 1140px;
		background: #000;
		height: auto !important;
		height: 100%;
		min-height: 100%;
	}

	.navbar
	{
		height: 20px;
	}
	
	.navbar-collapse {
		border-top: 3px solid #000!important;
	}
	
	.navbar-default
	{
		background: none!important;
		border: none!important;	
	}
	
	.nav li a {
		padding: 30px 10px!important;
		text-decoration: none;
		font-size: 0.8em;
		text-transform: uppercase;
		font-family: 'gotham_blackregular';
		font-weight: normal;
		height: 60px;
		letter-spacing: 0.1em;
	}
	
	.nav li a:hover {
		text-decoration: none!important;
		background-color: #202020!important;	
	}
	
	li.current a {
		background-color: #fab300!important;	
	}

	.slogan
	{
		font-family: 'dejavu_serifcondensed'!important;
		text-transform: uppercase;
		font-size: 1.5em!important;
		line-height: 1.0em!important;
		padding-top: 45px;
	}
	
}


/* STRUKTUR */

html, body
{
	background: url(../images/mei_background_transparent_500x500.png)!important;
	background-repeat: repeat!important;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif!important; 
	color: #808080!important;
	font-size: 1.05em!important;
	line-height: 1.4em!important;
	background-color: #202020!important;
}
.n2-style-09efebcef1f2f45d29438e0cabcf79bc-dot .n2-active{background:#5d0101 !important;}
div
{
	margin-bottom: 0px!important;
}

div .bgcolorprimary
{
	padding: 0px 10px!important;
}

.container
{
	background-color: #000!important;
}

.container-fluid
{
	background-color: #000!important;
}

p.img_caption
{
	background-color: #666666!important;
	text-align: center;
	padding: 0 0 0 0;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	line-height: 2.5em;
}

a {
	text-decoration:none!important;
	color:#ffffff!important;
}

a:hover {
	text-decoration:underline!important;
	color:#404040!important;
}

a:active {
	text-decoration:none;
	color:#808080!important;
}

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

.essen a {
	text-decoration:none!important;
	color: #721c2b!important;
}

.essen a:hover {
	text-decoration:underline!important;
	color: rgba(114,28,43,0.50)!important;
}

.essen a:active {
	text-decoration:none;
	color:#721c2b!important;	
}

.essen a:visited {
	text-decoration:none;
	color:#721c2b;
}

.dortmund a {
	text-decoration:none!important;
	color: rgba(93, 1, 1,1.00)!important;
}

.dortmund a:hover {
	text-decoration:underline!important;
	color: rgba(93, 1, 1,0.5)!important;
}

.dortmund a:active {
	text-decoration:none;
	color:rgba(93, 1, 1,1.00)!important;	
}

.dortmund a:visited {
	text-decoration:none;
	color:rgba(93, 1, 1,1.00);
}


/* IDS / ELEMENTE / KOMPONENTEN */

#header .container-fluid .container
{
	background: none;
}

#eyecatcher .container-fluid
{
	background: none;
	padding: 0px;
}

.page-header {
    padding-bottom: 0px!important;
    margin: 0px 0px 30px 0px!important;
    border-bottom: none!important;
}

#footer
{
	background-color: #202020!important;
}

#footer .container
{
	background-color: #none!important;
}

#footer p {
	color:#202020!important;
	font-size: 0.80em;
	line-height: 1.5em;
}

.breadcrumbs {
	font-size: 0.80em;
}

.item-image img 
 {
	max-width: 100%;
	height: auto; 
	display: block; 
	margin: 0 0 0 0;
}

.box  {
    margin-bottom: 20px;
}

.box-content ul
{
	list-style: none;
	margin: 0 0 1.50em 0;
	padding: 0;
	
}

.box-content h2, .box-content p, .box-content ul, .box-content li
{
    color: #fff;
}

.box .box-layer {
    padding: 15px;
    background-position: top center;
	background-size: auto 200px;
    background-repeat: no-repeat;
}

.box.dortmund {
    background: linear-gradient(0deg,rgba(0,0,0,.5),#b69147);
}

.box.essen {
    background: linear-gradient(0deg,rgba(0,0,0,.5),#b92323);
}

.box.white {
    background-color: #fff;
}

.box.essen .box-content, .box.dortmund .box-content {
    border: 1px solid #fff;
}

.box.white .box-content {
    border: 1px solid #000;
}

.box .box-content {
    width: calc(100% -60px);
    height: calc(100% -60px);
    padding: 30px;
	
}

.box .box-content.has-img {
    padding-top: 220px;
}

.box.shadow {
    box-shadow: 0 10px 11px 0 rgba(0,0,0,.5);
}

.page-header h4 {
    position: relative;
    top: 2.10em;
	padding-top: 5px;
	
}
dd.create {
    bottom: 3em;
    position: relative;
	font-size: 0.85em;
}
.item {
    min-height: 5em;
}

/*
.item {
    border-bottom: 1px solid #808080;
}
*/

#googlemap
{
	height: 400px;
}

.gotop {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    color: #000;
    background-color: #ccc;
    text-align: center;
    font-size: 1.0em;
    font-weight: 700!important;
    padding-top: 5px;
	transition: .3s all ease;
}

.gotop a {
    color: #333;
    text-align: center;
    font-size: 1.0em;
    font-weight: 700;
	transition: .3s all ease;

}


/* PLUGINS */

ul.sige {
	padding: 0 0 0 0 !important;
}

.sige_thumb img {
    display: inline-block;
    position: relative;
    background: #FFF;
    border: 2px solid #101010!important;
    margin: -5px 5px 5px -5px;
    padding: 0px!important;
}

li.deeper
{
	padding: 0 0 20px 0;
}

ul.nav 
{
	padding: 0 0 20px 0;
}

/* TYPO */

h1, h2, h3, h4, h5, h6
{
    font-family: 'dejavu_serifcondensed'!important;
	text-transform: uppercase;
    margin: 0 0 1.0em!important;
}

h1
{
	font-size: 2.5em!important;
}

h2
{
	font-size: 2.0em!important;
}

h3
{
	font-size: 1.75em!important;
}

h4
{
	font-size: 1.5em!important;
}

h5
{
	font-size: 1.25em!important;
}

h6
{
	font-size: 1.0em!important;
}

p {
    margin: 0 0 1.4em!important;
}

ul {
    padding: 0 0 0 15px!important;
    margin: 0 0 1.4em!important;
}

i
{
	font-weight: 100;
	letter-spacing: 0.05em;
}

strong
{
	font-weight: 700;
	letter-spacing: 0.05em;
}


/* FARBEN */

.bgcolorprimary
{
 background-color: #808080;
}

/* Primäarfarbe Coral #f88379 */
/* Sekundärfarbe Dortmund #b69147 */
/* Sekundärfarbe Essen #b92323 */


/*! SPACES */ 

.nomargin {
	margin: 0px!important;
}

.margintop0 {
	margin-top: 0px!important;
}

.marginright0 {
	margin-right: 0px!important;
}

.marginbottom0 {
	margin-bottom: 0px!important;
}

.marginleft0 {
	margin-left: 0px!important;
}

.margintop5 {
	margin-top: 5px!important;
}

.margintop10 {
	margin-top: 10px!important;
}

.margintop20 {
	margin-top: 20px!important;
}

.margintop30 {
	margin-top: 30px!important;
}

.margintop40 {
	margin-top: 40px!important;
}

.margintop50 {
	margin-top: 50px!important;
}

.marginbottom5 {
	margin-bottom: 5px!important;
}

.marginbottom10 {
	margin-bottom: 10px!important;
}

.marginbottom20 {
	margin-bottom: 20px!important;
}

.marginbottom30 {
	margin-bottom: 30px!important;
}

.marginbottom40 {
	margin-bottom: 40px!important;
}

.marginbottom50 {
	margin-bottom: 50px!important;
}

.marginbottom60 {
	margin-bottom: 60px!important;
}

.paddingtop5 {
	padding-top: 5px!important;
}

.paddingtop10 {
	padding-top: 10px!important;
}

.paddingtop15 {
	padding-top: 15px!important;
}

.paddingtop20 {
	padding-top: 20px!important;
}

.paddingtop30 {
	padding-top: 30px!important;
}

.paddingtop40 {
	padding-top: 40px!important;
}

.paddingtop50 {
	padding-top: 50px!important;
}

.paddingbottom5 {
	padding-bottom: 5px!important;
}

.paddingbottom10 {
	padding-bottom: 10px!important;
}

.paddingbottom20 {
	padding-bottom: 20px!important;
}

.paddingbottom30 {
	padding-bottom: 30px!important;
}

.paddingbottom40 {
	padding-bottom: 40px!important;
}

.paddingbottom50 {
	padding-bottom: 50px!important;
}

.paddingleft10 {
	padding-left: 10px!important;
}

.paddingright10 {
	padding-right: 10px!important;
}

.paddingleft0 {
	padding-left: 0px!important;
}

.paddingright0 {
	padding-right: 0px!important;
}