body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";
/* CSS Document 

rot			ad1219

grau		4a4a4a

hellgrau 	e4e3de

*/

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}

/* OPEN SANS */
@font-face{
        font-family:"OPENSANS";
        src: url("../../files/frische_fische/layout/OPENSANS-REGULAR.TTF") format("truetype");
		font-weight: 400;
}

@font-face{
        font-family:"OPENSANS SEMI";
        src: url("../../files/frische_fische/layout/OPENSANS-SEMIBOLD.TTF") format("truetype");
		font-weight: 500;
}


body {
	font-family: 'OPENSANS', sans-serif;
	font-size: 0.9em;
	line-height: 130%;
	text-align: center;
	color: #4a4a4a;
}

#header .logo {
	margin: 30px 0;
}

#header #menue {
	border-bottom: 3px solid #bb8379;
	padding: 10px 0;
	margin: 0 0 30px 0;
	height: 20px;
}

#header #menue ul {
	list-style: none;
	margin: 0; 
}

#header #menue ul li {
	float: left;
	border-right: 1px solid #cccccc;
	padding: 0 10px;
	margin: 0;
}

#header #menue ul li a {
	color: #ad1219;
}


#wrapper {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
}

#main a {
	color: #ad1219;
}

#main h1.ce_headline,
#main .mod_cataloglist h1,
#main .mod_catalogreader h1,
#main .mod_catalogreference h1 {
	font-size: 1.3em;
	margin: 0 0 10px 0;
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin-bottom: 30px;
}

#main .back {
	margin-bottom: 20px;
}

#main table {
	border-spacing: 0;
	margin: 20px 0;
}

/*================  LOGIN  ===============*/

.mod_login {
	padding: 10px;
	background-color: #e4e3de;	
}

.mod_login h1 {
	font-size: 0.9em;
}

.mod_login label {
	display: block;
	width: 100px;
}

.mod_login input {
	border: 1px solid #4a4a4a;
	padding: 3px;
	width: calc(100% - 6px);
	margin-bottom: 10px;
}

.mod_login button.submit {
	color: #fff;
	background-color: #bb8379;
	padding: 5px 3px;
	width: 100%;
	font-size: 1em;
}

.mod_login button.submit:hover {
	cursor: pointer;
	background-color: #582b39;
}


/*================  SUCHE  ===============

 .mod_catalogfilter {
	padding: 10px;
	float: left;
	background-color: #e4e3de;
	height: 35px;
}

 .search_group h1,
 .filter_group h3 {
	font-size: 0.9em;
}

 .search_group input {
	border: 1px solid #4a4a4a;
	padding: 2px;
	width: 50px;
	height: 16px;
}

 .nachname input,
 .ort input,
 .ressort input,
 .redaktion input,
.protokoll input {
	border: 1px solid #4a4a4a;
	padding: 2px;
	width: 150px;
	height: 16px;
}

 .land  {
	width: 239px;
}

 .land select {
	border: 1px solid #4a4a4a;
	padding: 1px;
	width: 150px;
}

 .search_group input.submit,
 .search_group input#submit  {
	width: 80px;
	height: auto;
	padding: 1px;
}

 .link {
	clear: both;
}

/*===============  suche übersicht/home  ================*/
.suche-uebersicht{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.suche-uebersicht .ce_form {
	width: 30%;
} 

.suche-uebersicht .ce_form input,
.suche-uebersicht .ce_form select,
.verteilersuche .ce_form input,
.verteilersuche .ce_form select {
	margin-bottom: 10px;
}

.verteilersuche {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.verteilersuche .mod_catalogfilter {
	width: 24%;
}


/*========== FORMULARE  ===========*/
.ce_form {
	background-color: #e4e3de;
	margin-bottom: 10px;
	padding: 10px;
}

.ce_form label,
.ce_form .label {
	display: block;
	font-size: 0.9em;
	color: #848282;
}

.ce_form .checkbox .label {
	display: inline;
	position: absolute;
	top: 3px;
	left: 30px;
}

.ce_form input[type="text"] {
	border: 1px solid #4a4a4a;
	padding: 3px;
	width: calc(100% - 8px);
}

.ce_form textarea {
	border: 1px solid #4a4a4a;
	padding: 3px;
	width: calc(100% - 6px);
	min-height: 50px;
}

.ce_form select {
	border: 1px solid #4a4a4a;
	padding: 3px;
	width: 100%;
	background-color: #fff;
	color: #4a4a4a;
	font-family: 'OPENSANS', sans-serif;
}


.ce_form input[type="checkbox"] {
	appearance: none;
   width: 20px; 
   height: 20px; 
   background: white;
   border: 4px solid white;
   border-radius: 3px;
}

.ce_form input[type=checkbox]:hover {
   cursor: pointer;
}

.ce_form input[type=checkbox]:checked {
   background: #bb8379;
   border: 4px solid #bb8379;
   background-image: url(https://www.mediaevent.de/css/img/haekchen.svg);
}

.ce_form button.submit {
	color: #fff;
	background-color: #bb8379;
	padding: 3px 10px;
	width: 100%;
	font-size: 1em;
    font-family:"OPENSANS";
}

.ce_form button.submit:hover {
	cursor: pointer;
	background-color: #582b39;
}

/*================  DETAILSUCHE  ===============*/
#suche table tr td {
	padding-bottom: 10px;
	vertical-align: top;
}

#suche table tr td:first-child {
	padding-right: 10px;
}


/*=================  LISTE  suchantwort ================*/
/*.mod_cataloglist span.total {
	float: left;
	margin-right: 10px;
}*/

.mod_cataloglist {
	clear: both;
}

.mod_cataloglist table {
	width: 100%;
}

.mod_cataloglist table tr th {
	padding: 5px;
	background-color: #bb8379;
	color: #fff;
	font-weight: 300;
}

.mod_cataloglist table tr td {
	border-bottom: 1px solid #4a4a4a;
	padding: 5px;
}

.mod_cataloglist table tr:hover td {
	background-color: #e4e3de;
}


#suchantwort .ce_form input,
#schlagworteingabe .ce_form input{
	margin-bottom: 10px;
}

#suchantwort select {
	border: 1px solid #4a4a4a;
	padding: 3px;
	width: 240px;
	background-color: #fff;
	color: #4a4a4a;
	font-family: 'OPENSANS', sans-serif;
}

/*
#suchantwort button.submit,
.button.submit {
	float: right;
	color: #fff;
	background-color: #bb8379;
	padding: 5px 10px;
	font-size: 1em;
}*/

#suchantwort button.submit:hover,
.button.submit:hover,
button.submit.right:hover,
.button.submit.right:hover {
	cursor: pointer;
	background-color: #582b39;
}

.button.submit a {
	color:#fff !important;
}

button.submit.right,
.button.submit.right {
	float: right;
	color: #fff;
	background-color: #bb8379;
	padding: 3px 10px;
	font-size: 1em;
	margin: 0 10px 20px 0;
	width: auto;
	clear: both;
}

/*=================  DETAILS  ================*/
.mod_catalogreference,
.mod_catalogreader {
	clear: both;
	background-color: #e4e3de;
}

.mod_catalogreference .ce_form,
.mod_catalogreader .ce_form {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

#medienwechsel .mod_catalogreader .ce_form {
	display: block;
}

/*
.mod_catalogreader .item,
.mod_catalogreference .item {
	padding: 10px;
	margin-bottom: 20px;
	float: right;
}

.mod_catalogreader .redakteur {
	padding-top: 39px;
	float: left;
}

.mod_catalogreader .verteiler {
	margin: 0;
}

.mod_catalogreader .firma_details {
	width: 880px;
}
/*
.mod_catalogreader .kopf_left,
.mod_catalogreference .kopf_left {
	width: 440px;
	float: left;
	margin-top: 29px;
}

#presse-details .kopf_left {
	margin-top: 0;
}

/*
.mod_catalogreader .kopf_right,
.mod_catalogreference .kopf_right {
	width: 440px;
	float: right;
}
*/
.mod_catalogreader .field,
.mod_catalogreference .field {
	padding: 2px 0;
	width: 24%;
	margin-bottom: 10px;
	/*float: left;*/
}

.mod_catalogreader .field100,
.mod_catalogreference .field100 {
	width: 100%;
	clear: both;
}

.mod_catalogreader .field50,
.mod_catalogreference .field50 {
	width: 45%;
}

.mod_catalogreader .field30,
.mod_catalogreference .field30 {
	width: 20%;
}

.mod_catalogreader .field.checkbox,
.mod_catalogreference .field.checkbox {
	width: 22%;
	position: relative;
}

/*
.mod_catalogreader .field_right,
.mod_catalogreference .field_right {
	float: right;
	clear: right;
	margin: 0 10px 14px 0;
}*/

.mod_catalogreader .inaktiv,
.mod_catalogreference .inaktiv {
	color: blue;
}

.mod_catalogreader .field .value,
.mod_catalogreference .field .value {
/*width: 201px;*/
	width: calc(100% - 8px);
	padding: 4px;
	height: 16px;
	background-color: #f9f9f6;
}

/*
.mod_catalogreader .field .value_long,
.mod_catalogreference .field .value_long {
width: ;
	padding: 4px;	
	height: 16px;
	background-color: #f9f9f6;
}

.mod_catalogreader .field .value_short,
.mod_catalogreference .field .value_short {
	width: 42px;
	padding: 4px;
	height: 16px;
	margin-right: 9px;
	background-color: #f9f9f6;
}
*/
.mod_catalogreader .field .label,
.mod_catalogreference .field .label {
	font-size: 0.9em;
	color: #848282;
}

.mod_catalogreference .textarea .value,
.mod_catalogreader .textarea .value {
	/*width: 861px;*/
	height: auto;
}
/*
.mod_catalogreader .field.url {
	margin-bottom: 25px;
}

.mod_catalogreference .field.schlagworte {
	margin-bottom: 36px;
}*/

/*Verteiler

.mod_catalogreader .item.verteiler .field {
	padding: 2px 0;
	float: left;
	margin-right: 3px;
}
.mod_catalogreader .item.verteiler .field .value {
	width: 50px;
}

.mod_catalogreader .item.verteiler .field .label {
	width: 100px;
	font-size: 0.9em;
}*/

/*Akkordion*/
.ce_accordion {
	clear: both;
	margin-top: 20px;
}

.ce_accordion .toggler {
	color: #fff;
	background-color: #bb8379;
	padding: 5px 10px;
	font-size: 1em;
}

/*
.ce_accordion .toggler span {
	display: block;
	width: 100px;
	position: relative;
	top: -10px;
	margin-left: 20px;
	background-color: #fff;
	padding: 0 10px 0 10px;
}*/

.ce_accordion .toggler:hover {
	cursor: pointer;
	background-color: #582b39;
}

.ce_accordion .mod_catalogreader .ce_form {
	width: calc(100% - 20px);
}

.ce_accordion img {
    float: right;
    margin: 3px 0 0 0;
}

.ce_accordion [aria-expanded="true"] img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
} 





/*

.ce_accordion  .mod_catalogreference .item {
	float: left;
	width: 880px;
}

.ce_accordion  .mod_catalogreference .item .dw .value {
	width: 42px;
}

.ce_accordion  .mod_catalogreference .item .EMail .value {
	width: 100%;
}

.ce_accordion  .mod_catalogreference .item .link {
	clear: both;
}

/*zurück button*/
.ce_accordion .redak_details {
	display: none; 
}

/*kurzprotokoll*/
.kurzprotokoll {
	clear: both;
	margin: 0 0 20px 0;
}
/*==================  SCHLAGWORTEINGABE  ===============
#schlagworteingabe form input.text {
	border: 1px solid #000;
	padding: 3px;
	margin: 0 0 0 10px;
}

#schlagworteingabe form input.submit {
	border: 1px solid #4a4a4a;
	padding: 2px;
	margin: 0 0 0 10px;
}

#schlagworteingabe table.verteiler tr td,
#schlagworteingabe table.verteiler tr th {
	padding: 2px;
}

#schlagworteingabe table.verteiler tr:hover td {
	background-color: #e4e3de;
}

#schlagworteingabe table.verteiler tr th:nth-child(1) {
	padding: 0 20px 0 0 ;
}


/*==============================    FORMULARE  =======================*/
#neues-medium .ce_form100,
#presse-details .ce_form100,
#redakteur-update .ce_form100,
#medium-update .ce_form100 {
	width: cal(100% - 20px);
	clear: both;
}




#neues-protokoll form {
	background-color: #e3dad9;
	padding: 10px 0 10px 10px;
	margin: -10px 0 20px 0;
}

/*
#verteiler form{
	background-color: #e4e3de;
	float: right;
	width: 320px;
	margin-top: 10px;
}*/


#neuer-redakteur .kopf_left,
#neues-protokoll .kopf_left {
	width: 440px;
	float: left;
}



#neuer-redakteur .field,
#neues-protokoll .field {
	float: left;
	padding: 2px 0;
}


#neuer-redakteur .field .value input,
#neues-protokoll .field .value input {
	width: 201px;
	height: 18px;
	border: 1px solid #4a4a4a;
	padding: 2px;
	margin-right: 13px;
}


#neuer-redakteur .field .value_long input,
#neues-protokoll .field .value_long input{
	width: 421px;
	height: 18px;
	border: 1px solid #4a4a4a;
	padding: 2px;
}


#neuer-redakteur .field .value_short input{
	width: 42px;
	height: 18px;
	border: 1px solid #4a4a4a;
	padding: 2px;
}

#neuer-redakteur .field .label,
#neues-protokoll .field .label {
	font-size: 0.9em;
	color: #848282;
}





#medium-update .webadresse,
#neues-medium .webadresse {
	margin-top: 58px;
}

#presse-details .webadresse {
	margin-top: 58px;
}





#neuer-redakteur .textarea .value textarea,
#neues-protokoll .textarea .value textarea{
	width: 871px;
	height: auto;
	border: 1px solid #4a4a4a;
	padding: 2px;
}

/**/



#neues-protokoll .submit {
	clear: both;
	margin-top: 20px;
	border: 1px solid #4a4a4a;
	padding: 2px;
}

/*
#redakteur-update form textarea {
	border: 1px solid #4a4a4a;
	padding: 2px;
	width: 214px;
	height: 200px;
}


#redakteur-update .verteiler,
#neuer-redakteur .verteiler {
	clear: both;
	width: 100%;
}

#redakteur-update .verteiler  .verteiler_group,
#neuer-redakteur .verteiler  .verteiler_group {
	float: left;
	margin-right: 3px;
	padding: 2px 0;
}

#redakteur-update .verteiler  .verteiler_group label,
#neuer-redakteur .verteiler  .verteiler_group label{
	width: 100px;
	font-size: 0.9em;
	display: block;
	color: #848282;
}

#redakteur-update .verteiler  .verteiler_group input,
#neuer-redakteur .verteiler  .verteiler_group input{
	width: 50px;
	border: 1px solid #4a4a4a;
	padding: 2px;
}


/*neuer Verteiler */
#verteiler table.verteiler {
	border-spacing: 0;
	margin-top: -20px;
}

#verteiler table.verteiler tr th{
	padding: 10px;
}

#verteiler table.verteiler tr td{
	padding: 3px 10px;
	border-bottom: 1px solid #4a4a4a;
}

#verteiler table.verteiler tr:hover td{
	background-color: #e4e3de;
}

#verteiler input {
	border: 1px solid #4a4a4a;
	padding: 2px;
}

/*===================  MEDIENWECHSEL  ============= */
#medienwechsel table {
	border-spacing: 0;
}

#medienwechsel table tr td {
	padding: 2px;
}

#medienwechsel table tr:hover td {
	background-color: #e4e3de;
}

/*===================  MEDIENWECHSEL  ============= */
#redakteurliste-redaktionverlag .inaktiv {
	color: blue;
	font-weight: 900;
}

/*===================  VOR/ZURÜCK PAGINATION  ============= */
#main .pagination {
	margin: 2em 0 0 0;
	padding: 0;
}
#main .pagination p {
	margin: 0;
	padding: 0;
}
#main .pagination ul {
	margin: 0;
	list-style: none;
}
#main .pagination ul li {
	float: left;
	margin: 0 0.8em 0 0;
}
#main .pagination ul li .pagination_current {
	color: #666;
	font-weight: bold;
}




#footer {
	clear: both;
	margin: 50px auto 0 auto;
	padding: 30px 0;
	border-top: 1px solid #000;
	width: 1200px;
	text-align: left;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.div45 {
	width: 45%;
}

.clear {
	clear: both;
}

p.back {
	margin-top: 20px;
	clear: both;
}

.mb10 {
	margin-bottom: 10px;
}

/* ===================  AJAXSUCHE  =============*/
.ac_input {
	width: 200px;
	border: 1px solid #000;
	padding: 2px;
	margin-top: 5px;
}
.ac_results {
	width: 200px;
	padding: 0 2px;
	background: #eee;
	border: 1px solid #000;
	cursor: pointer;
	position: absolute;
	left: 0;
	font-size: 90%;
	z-index: 101;
	text-align: left;
}
.ac_results ul {
	width: 204px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	width: 200px;
	padding: 2px;
	margin: 0 -2px;	
}

.ac_results li:hover {
	background-color: #DAD8CF;
}

/* fehlerhafte darstellung im IE - weißer block über ergebnisse */
.ac_results iframe {
	width: 204px;
	position: absolute;
	z-index: -1;
	filter: mask(); /*irgendwas mit transparenz */
}