body, html {
    /*height:100%;*/
    padding:10px 0 0 0;
    margin:0;
    background: #99b8cc;
    background: linear-gradient(to top, #c8dae6 33%, #99b8cc 100%);
    font-family: 'Open Sans', sans-serif;
    max-width: 1000px;
    /*overflow-y: scroll;*/
}
.mbox {
    z-index: 1;
    margin: 2em;
    position:relative;
    background: #ff1a00;
    border: 1px solid #fff;
    /*height:200px;*/
    clear:both;
    overflow: visible !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.mbox_closed:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-moz-box-shadow:  0px 0px 12px 8px rgb(128,128,128);
	-webkit-box-shadow:  0px 0px 12px 8px rgb(128,128,128);
	box-shadow:  0px 0px 12px 8px rgb(128,128,128);
	cursor:pointer;
}
.mbox_active {
	z-index: 1;
    margin: 2em;
    position:relative;
    background: #ff1a00;
    /*background: linear-gradient(to top, #ffffff 33%, #ff1a00 100%);*/
    border: 1px solid #fff;
    /*height:200px;*/
    clear:both;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.mbox * {
    padding:0;
    margin:0;
}
.mbox_content {
    z-index: 2;
    float:left;
    padding: 20px;
    background: #ffffff;
    width:60%;
    /*height:160px;*/
    overflow: hidden;
    overflow-y: hidden;
    /*transition: all 1s ease-in-out;*/
}
/*.mbox img {
    z-index:-1;
    position:absolute;
    right:0;
    max-width:38%;
}*/
.titleimg {
    z-index:-1;
    position:absolute;
    right:0;
    max-width:36%;
}
.mbox hr {
    z-index: 2;
    float:left;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: 30px;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #ffffff;
}
.mbox_bar {
	z-index: 3;
    float:right;
    width: 30;
    height: 100%;
    border-style: solid;
    border-width: 0 10px 3px 3px;
    border-color: #ffffff #ffffff #ffffff #ffffff;
}
.mbox h2 {
    text-transform: uppercase;
    font-weight:normal;
    font-size:12pt;
    top:-0.7em;
    left: 0.5em;
    position:absolute;
    color:#fff;
    background:#ff1a00;
    padding:0 1em;
    border:1px solid #fff;
    border-radius:1em;
    z-index:2;
}
.mbox_content h3 {
    font-size:17pt;
    color:#666;
    border-left:2px solid #ccc;
    padding-left: 1em;
    margin-bottom:0.5em;
}
.mbox_content h3 span {
    margin-top:0.5em;
    display:block;
    font-size:14pt;
    text-transform: uppercase;
    font-weight:normal;
}
.mbox_wrapper {
    overflow:hidden;  
    position:relative;
}
.extra_content {
	opacity: 0;
	transition: opacity 1s ease-in-out;
	background-color: #ffffff;
	border: 1px solid #fff;
    padding: 0px;
    background: #ffffff;
    overflow: hidden;
    overflow-y: hidden;
    height: 0px;
}
.extra_content li {
	margin-left: 20px;
}
.mbox_active .extra_content {
    opacity: 1;
    padding: 20px;
}
.mehr_erfahren {
	color:#FFA500;
	opacity: 1;
	display: block;
	transition: all 1s ease-in-out;
}
.mehr_erfahren_active {
	color:#FFA500;
	opacity: 0;
	display: none;
	transition: all 1s ease-in-out;
}