@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'DINRegular';
    src: url('../../font_awesome_4.4.0/fonts/dinweb_eot.eot');
 	 src: url('../../font_awesome_4.4.0/fonts/dinweb_eot.eot?#iefix') format('embedded-opentype'),
       url('../../font_awesome_4.4.0/fonts/dinweb_woff.woff') format("woff"),
	   url('../../font_awesome_4.4.0/fonts/dinweb_ttf.ttf') format('truetype');
}
@font-face {
  font-family: 'DINBold'; 
  src: url('../../font_awesome_4.4.0/fonts/dinweb_bold_eot.eot');
  src: url('../../font_awesome_4.4.0/fonts/dinweb_bold_eot.eot?#iefix') format('embedded-opentype'),
       url('../../font_awesome_4.4.0/fonts/dinweb_bold_woff.woff') format('woff'),
	   url('../../font_awesome_4.4.0/fonts/dinweb_bold_ttf.ttf') format('truetype');
}

.ie #container #mainContent .film_text{ 
	height: auto; 
	width: 300px; 
	margin-bottom: 20px; 
	margin-top: 16px; 
	clear: both; 
	float: left; 
	position: relative; 
}

.Admin {
    background-color: #999999;
    color: #000000;
    font-family: "DINRegular",Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    text-align: center;
}
.Admin a:link {
    font-family: "DINRegular",Verdana,Arial,Helvetica,sans-serif;
}
table, td, th {
    font-size: 100%;
}
.SRahmen {
    border: 0 solid red;
}
.SRahmen ul, li {
	font-family: "DINRegular", Arial, Helvetica, sans-serif;
	font-size: 101%;
}
.SRahmen ul ul {
    font-size: 1em;
}
* html .SRahmen ul ul {
    font-size: 1em;
}
body {
    background-color: #E2E2E2;
    background-image: url(../bilder/bg1.gif);
	background-position: center center;
    background-repeat: repeat-y;
    color: #504F4F;
    font-family: "DINRegular",Arial,Helvetica,sans-serif;
    font-size: 84%;
    line-height: 150%;
}
a:link {
    color: #504F4F;
}
a:visited {
    color: #504F4F;
}
a:hover {
    color: #CF7600;
    text-decoration: underline;
}
a:active {
	color: #CF7600;
}
h1 {
    color: #796e68;
    display: block;
    font-family: "DINBold",Arial,Helvetica,sans-serif;
    font-size: 140%;
    font-weight: normal;
    line-height: 140%;
    margin: 0 0 10px;
    padding: 0;
	clear:both;
}
h2 {
	color: #796e68;
	display: block;
	font-family: "DINBold", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0px 0 0;
}
h3 {
    color: #796e68;
    font-family: "DINRegular",Arial,Helvetica,sans-serif;
    font-size: 115%;
    font-weight: bold;
}
h4 {
    color: #796e68;
    font-family: "DINRegular",Arial,Helvetica,sans-serif;
    font-size: 110%;
    font-weight: bold;
}
h5 {
    font-family: "DINRegular",Arial,Helvetica,sans-serif;
    font-size: 110%;
    font-weight: normal;
}
h6 {
    font-family: "DINRegular",Arial,Helvetica,sans-serif;
    font-size: 110%;
    font-weight: normal;
}
#container #mainContent .teaser_block {
	/* height: 280px; */
	width: 650px;
	border-bottom: solid 1px #D9D9D9;
	float: left;
	margin-bottom: 20px;
}
#container #mainContent .teaser_block:last-child {
	/* height: 280px; */
	width: 650px;
	border-bottom: none;
	float: left;
	margin-bottom: 20px;
}
#container #mainContent .teaser_quadrat {
	/* height: 240px; */
	width: 190px;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right:23px;
	padding: 0;
	float: left;
}
#container #mainContent .teaser_quadrat h2{
	color: #796e68;
	display: block;
	font-family: "DINBold", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 140%;
}
#container #mainContent .teaser_quadrat h3{
	color: #796e68;
	display: block;
	font-family: "DINRegular", Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin-top: 5px;
	padding: 0px;
	line-height: 120%;
}
#container #mainContent .teaser_quadrat p{
	color: #796e68;
	width: 190px;
	height: 150x;
    display: block;
    margin-top: 10px;
    padding: 0;
}
#container #mainContent .teaser_quadrat img{
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
    padding: 0;
	width: 190px;
	height: 107px;
}
#container #mainContent .teaser {
	height: auto;
	width: 620px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 0;
	clear:both;
}
#container #mainContent .teaser h2{
	color: #796e68;
	display: block;
	font-family: "DINBold", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0px 0 10px;
}
#container #mainContent .teaser p{
	color: #796e68;
	width: 480px;
    display: block;
    margin: 0;
    padding: 0;
}
#container #mainContent .teaser img{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
    padding: 0;
	width: 99px;
	border: none;
}
#container #mainContent .film_text{
	height: auto;
	width: 300px;
	margin-bottom: 20px;
	margin-top: 4px;
	clear: both;
	float: left;
	/* [disabled]position: absolute; */
}
#container #mainContent .film_text h2{
	color: #796e68;
	display: block;
	font-family: "DINBold", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0px 0 10px;
}
#container #mainContent .film_text p{
	color: #796e68;
	width: 300px;
    display: block;
    margin: 0;
    padding: 0;
}
#container #mainContent .film_text img{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
    padding: 0;
	width: 99px;
	border: none;
}
#container #mainContent .film_leiste{
	height: auto;
	width: 315px;
	/* [disabled]clear: both; */
	float: right;
}
#container #mainContent .film_teaser{
	height: 120px;
	width: 305px;
	margin-bottom: 10px;
	clear: both;
	float: right;
	border-bottom: solid 1px #D9D9D9;
}
#container #mainContent .film_teaser, x:-moz-any-link{
	height: 120px;
	width: 320px;
	margin-bottom: 10px;
	clear:both;
	float: right;
	border-bottom: solid 1px #D9D9D9;
}
#container #mainContent .film_teaser h2{
	color: #796e68;
	display: block;
	font-family: "DINBold", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin-top: 7px;
}
#container #mainContent .film_teaser p{
	color: #796e68;
	width: 141px;
	display: block;
	float: left;
}
#container #mainContent .film_teaser img{
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	width: 154px;
	border: none;
}
#container #mainContent .film_artikel{
	height: auto;
	width: 320px;
	margin-bottom: 10px;
	/* [disabled]clear: both; */
	float: left;
}
#container #mainContent .film_artikel h2{
	color: #796e68;
	display: block;
	font-family: "DINBold", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin-top: 7px;
}
#container #mainContent .film_artikel h3{
	color: #796e68;
	display: block;
	font-family: "DINRegular", Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}
#container #mainContent .film_artikel p{
	color: #796e68;
	width: 200px;
	display: block;
	float: left;
	margin-top: 5px;
}
#container #mainContent .film_artikel img{
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	width: 99px;
	height: 140px;
	border: none;
}
#container #mainContent .ansprechpartner{
	height: auto;
	width: 320px;
	margin-bottom: 10px;
	clear: both;
	float: left;
}
#container #mainContent .ansprechpartner h2{
	color: #CF7600;
	display: block;
	font-family: "DINBold", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	margin-top: 7px;
}
#container #mainContent .ansprechpartner p{
	color: #796e68;
	width: 200px;
	display: block;
	float: left;
	margin-top: 5px;
}
#container #mainContent .ansprechpartner img{
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	width: 99px;
	height: 140px;
	border: none;
}
#container #mainContent p {
	color: #796e68;
	display: table;
	margin-bottom: 10px;
	padding: 0;
	width: 630px;
	font-size: 108%;
}
#container #mainContent ol {
	display: block;
	margin-bottom: 30px;
	padding-left: 30px;
	/* [disabled]width: 560px; */
	font-family: "DINRegular", Arial, Helvetica, sans-serif;
	font-size: 108%;
	color: #796e68;
}
a.mehr {
	color: #d17700;
    text-decoration: none;
}
a.mehr:hover {
    text-decoration: underline;
}
#mainContent .ausstellung p a img {
	margin-bottom: -14px;
	margin-right: 2px;
}
.img_container {
	display:block;
	float:left;
	margin-right:3px;
}
.img_container i {
	display: block;
    font-size: 80%;
    font-style: normal;
    line-height: 120%;
    padding: 5px 5px 2px 0px;
}

/* ---------------------------------------------------------------------- */
/* Ergänzung - Seiten Leichte Sprache */
/* ZMB - 12/2017 */

.leichtesprache div#Breadcrumb {
    margin-top: 10px;
    font-size: 18px;
}
.leichtesprache h1 {
    font-size: 24px;
     line-height: 150%;
    padding-bottom: 0.5em;
}
.leichtesprache h2 {
    font-size: 22px;
     line-height: 150%;
    padding-bottom: 0.5em;
}
.leichtesprache #container #mainContent p {
    font-size: 18px;
     line-height: 150%;
    padding-bottom: 0.5em;
}
.leichtesprache ul li {
    font-size: 18px;
     line-height: 150%;
    padding-bottom: 0.5em;
}
.leichtesprache #footer ul
 li {
    font-size: 15px;
}