@font-face {  
    font-family: "FontAwesome";
    src: url("../fonts/fontawesome-webfont.eot");
    src: url("../fonts/fontawesome-webfont.eot?#iefix") format('eot'),   
        url("../fonts/fontawesome-webfont.woff") format('woff'),   
        url("../fonts/fontawesome-webfont.ttf") format('truetype'),   
        url("../fonts/fontawesome-webfont.svg#FontAwesome") format('svg'); 
    font-weight: normal;  
    font-style: normal; 
}

@font-face {
    font-family: 'RotisSansSerifPro';
    src: url('../fonts/RotisSansSerifPro.eot');
    src: url('../fonts/RotisSansSerifPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RotisSansSerifPro.woff') format('woff'),
        url('../fonts/RotisSansSerifPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RotisSansSerifPro-Bold';
    src: url('../fonts/RotisSansSerifPro-Bold.eot');
    src: url('../fonts/RotisSansSerifPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RotisSansSerifPro-Bold.woff') format('woff'),
        url('../fonts/RotisSansSerifPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RotisSemiSerifPro-Bold';
    src: url('../fonts/RotisSemiSerifPro-Bold.eot');
    src: url('../fonts/RotisSemiSerifPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RotisSemiSerifPro-Bold.woff') format('woff'),
        url('../fonts/RotisSemiSerifPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RotisSemiSerifPro';
    src: url('../fonts/RotisSemiSerifPro.eot');
    src: url('../fonts/RotisSemiSerifPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RotisSemiSerifPro.woff') format('woff'),
        url('../fonts/RotisSemiSerifPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RotisSansSerifPro-LightIt';
    src: url('../fonts/RotisSansSerifPro-LightIt.eot');
    src: url('../fonts/RotisSansSerifPro-LightIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RotisSansSerifPro-LightIt.woff') format('woff'),
        url('../fonts/RotisSansSerifPro-LightIt.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'RotisSansSerifPro-Light';
    src: url('../fonts/RotisSansSerifPro-Light.eot');
    src: url('../fonts/RotisSansSerifPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RotisSansSerifPro-Light.woff') format('woff'),
        url('../fonts/RotisSansSerifPro-Light.ttf') format('truetype');
    font-weight:normal;
    font-style: normal;
}



body{
    /*    font-family:RotisSansSerifPro, Arial;*/
    font-family:arial,verdana;
    font-size:100%;
    color:hsla(240,1%,35%,1.0);
}

.clear, .clr {
    clear:both;
    margin:0;
    padding:0;
}

h1 {
    font-size: 1.8em;
    font-weight: bold;
    color: hsla(121,39%,32%,1.0);
}

h2 {
    font-size: 1.5em;
    font-weight: normal;
}

h3 {

}

h4 {

}

p { 
    line-height: 1.5em;
    margin: 8px 0; 
    font-weight:lighter;
    font-style:normal;
}

strong {font-weight:700;}

a {
    color:hsla(121, 39%, 32%, 1.0);
}

a:hover {
    color:hsla(121, 39%, 32%, 1.0);
    text-decoration:none;
}

a:active, a:focus {outline:none;}

img {border:0;}

#main h2 {
    border-bottom: 1px solid #0c8c1f;
    color: hsla(121,39%,32%,1.0);
    margin-bottom:15px;
    font-weight:normal;
}

#main .items-row.cols-2 h2 {
    min-height:65px;
}



#main_nav ul.menuhaupt li a.home {
    font-family: FontAwesome;

}

#main_nav ul.menuhaupt li a.home::before {
    content:'\f015';
    font-family: FontAwesome;
    padding:0 0px 0 0;
    color:hsla(120, 56%, 90%, 1);  
    text-indent: -99999px;
    text-shadow:1px 1px hsla(120, 56%,30%, 1);
    font-size:1.2em;
}

#main_nav ul.menuhaupt li a.home.drop::before {
    color:#000;
}

#main_nav ul.menuhaupt li a::before {
    content:' ';
    font-family: FontAwesome;
    color:#fff;
}

#main_nav ul.menuhaupt li li a::before {
    content:' ';
    font-family: FontAwesome;
    padding-right:0px;
    color:#fff; 
}

/*Responsive-menü*/
#main_nav_mobile ul.menuhaupt li a.home::before {
    content:'\f015';
    font-family: FontAwesome;
    padding:0 0px 0 0;
    color:hsla(120, 56%, 10%, 1);     
    text-shadow:1px 1px hsla(120, 56%,30%, 1);
    font-size:1.2em;
    text-align:left;
}


.breadcrumb {
    font-size:0.7em;
    font-family:arial;
}

.breadcrumb a {
    text-decoration:none;
    color:#000;
}





/*mainSuchefeld*/

.suchen input {
    background:url("../images/icons/lupe.png")no-repeat 95%;
    border:1px solid hsla(120, 50%, 30%, 1);
    padding:5px;
    border-radius:0px;
    width:90%;
}

.suchen label {display:none;}

/*edtitorvorgaben*/
.img-intro-right {
    float:left;
    margin:10px 20px 10px 0px;

}
.img-intro-right img{
    width:250px;
    border:3px solid #fafafa;
    box-shadow:1px 2px 2px #bbb;


}
.img-intro-left{
    float:right;
    margin:10px 0px 10px 20px;

}
.img-intro-left img {
    width:250px;
    border:3px solid #fafafa;
    box-shadow:1px 2px 2px #bbb;
}

.img-fulltext-right {
    float:left;
    margin:35px 20px 10px 0px;
}
.img-fulltext-right img{
    width:350px;   
    border:3px solid #fafafa;
    box-shadow:1px 2px 2px #bbb;
}

.img-fulltext-left {
    float:right;
    margin:10px 0px 10px 20px;
}
.img-fulltext-left img{
    width:350px;   
    border:3px solid #fafafa;
    box-shadow:1px 2px 2px #bbb;
}

.img_caption {
    font-size:0.9em;
}

.pull-right {
    float: right;
    margin:10px 0px 15px 15px;
}

.pull-left {
    float: left;
    margin:10px 15px 15px 0px;
}

.img-intro-right .intro {
    float:left;
    margin:10px 20px 10px 0px;
    width:250px;
    border:3px solid #fafafa;
    box-shadow:1px 2px 2px #bbb;

}

.intro-right img{
    float:right;
    margin:10px 0px 10px 20px;
    width:250px;
    border:3px solid #fafafa;
    box-shadow:1px 2px 2px #bbb;
}

.intro-left img{
    float:left;
    margin:0px 20px 15px 0px;
    width:250px;
    border:3px solid #fafafa;
    box-shadow:1px 2px 2px #bbb;
}


/*Kontaktformular-Standard*/

article #main {
    width:100%;
}
.contact-form fieldset {
    border:none;
    width:100%;
    margin:0 5%;
}

.accordion-inner {
    margin:10px 0px 40px;
}

.contact-form fieldset legend {
    font-size:0.6em;
    padding:10px 0px;
}

.contact-form fieldset input {
    border:1px solid hsla(121,39%,32%,1.0);
    width:100%;
    max-width:500px;
    display:block;
    margin-bottom:5px;
    height:23px;
}
.contact-form fieldset textarea {
    border:1px solid hsla(121,39%,32%,1.0);
    width:100%;
    max-width:500px;
}

.contact-form fieldset .control-label label#jform_contact_email_copy-lbl {
    float:left;
    margin:10px 0px;

}

.contact-form fieldset .controls input#jform_contact_email_copy {
    float:left;
    width:15px;
    margin:12px 10px 0 0;
}

.contact-form fieldset .form-actions button {
    border:1px solid hsla(121,39%,32%,1.0);
    color:hsla(121,39%,32%,1.0);
    background:none;   
}

/*Kontakt-adresse*/



.contact-address dt {
    display:inline-block;
    width:90px;
    vertical-align:top;
    padding-top:10px;
    font-weight:bold;
}

.contact-address dd {
    display:inline-block;
    vertical-align:top;
    width:140px;
    padding-top:10px;
}

.contact-address div {
    display:inline-block;
    border:0px solid #000;
    width:45%;
    vertical-align:top;
    font-size:0.8em;
}

.contact-address {
    margin-left:30px;
    width:80%;
}

.control-group label {
    font-size:0.9em;
}

/*Suchergebnisse*/

#searchForm {
    margin:20px;
}
#searchForm .btn-group input {
    background: hsla(120,20%,100%,1.0) url("../images/icons/lupe.png") no-repeat scroll 95% center;
    border: 1px solid hsla(120, 50%, 30%, 1);
    border-radius: 0;
    padding: 5px; 
}
#searchForm fieldset{
    border:none;
    margin:20px 0px;
}

#searchForm .search-head {
    background:hsla(120, 10%, 95%, 1);
    padding:5px;
}
#searchForm .search-head div.btn-toolbar {
    display:inline-block;    
    width:250px;
}

#searchForm .search-head button.btn {display:none;}




#searchForm .search-head div.searchintro {
    display:inline-block;    
    width:350px;
    max-width:50%;
}

#searchForm .search-head div.btn-toolbar input {


}

#searchForm  fieldset legend {
    padding:0px 0px 10px 0px;
}

#searchForm .wort fieldset label input {
    margin-right:10px;

}

#searchForm .wort fieldset label {
    font-size:0.8em;
}

#searchForm .wort  {
    background:hsla(120, 10%, 95%, 1);
    padding:1px 5px;
    margin-top:10px;
}

#searchForm .wort fieldset.phrases div {
    display:inline-block;
    margin-right:10px;


}
#searchForm .wort fieldset.phrases div.ordering-box select {
    background: hsla(120,20%,100%,1.0);
    border: 1px solid hsla(120, 50%, 30%, 1);
    border-radius: 0;
    padding: 5px; 


}

#searchForm .erweitert  {
    background:hsla(120, 10%, 95%, 1);
    padding:1px 5px;
    margin-top:10px;
}

#searchForm .erweitert fieldset label {
    font-size:0.8em;
    margin-right:10px;
}
#searchForm .erweitert fieldset label input {
    margin-right:5px;

}

#searchForm .form-limit {
    background:hsla(120, 10%, 95%, 1);
    padding:5px 5px;
    margin-top:10px;
}

#searchForm .form-limit select {
    background: hsla(120,20%,100%,1.0);
    border: 1px solid hsla(120, 50%, 30%, 1);
    border-radius: 0;
    padding: 2px; 
    width:100px;
}

div.result-box {
    border-bottom:1px solid hsla(120,20%,50%,1.0);
    margin:20px 0px ;
    padding-bottom:10px;
}

dl.search-results {
    margin: 50px 20px;

}

dl.search-results dt {
    margin-bottom:10px;
}

dl.search-results dd {
    margin-bottom:10px;
}

dl.search-results dd.result-category,
dl.search-results dd.result-created{
    font-size:0.8em;
}

.search .error {
    margin: 50px 20px;

}

.search .error::before {
    content:'\f071';
    font-family: FontAwesome;
    padding-right:2px;
    font-size:1.3em;
}


/*Newsflash*/

.newsflash.aktuellste img {
    width:100px;
    float:right;
    margin:0px 0px 10px 10px;
}

/*Undersite*/

#underside h2 {
    margin-left:200px;
    font-weight:bold;
}

/*Tipp Kammermusik*/

.tipp h4  {
    color:#b03e3c;
    text-align:center;
    margin:-15px 0 0;
    text-decoration:underline;
}
.tipp h4 a {
    color:#b03e3c;
    text-align:center;
    margin:-15px 0 0;
    text-decoration:underline;
}

.tipp h4 a:hover {
    color:#b03e3c;
    text-align:center;
    margin:-15px 0 0;
    text-decoration:underline;
}
.tipp p {
    text-align:center;
    font-weight:bold;
}

/*Weiterlesen*/
article .readmore {
    text-align:right;
}

article .readmore a {
    font-weight:normal;  
}

article .readmore.right {
    text-align:right; 
}

article .readmore.left {
    text-align:left;
}

/*TMB-Kalender*/

span.readmore {
	display:block;
	color:#3b811f;
	text-decoration:underline;
	margin-top:5%;
}

span.readmore:hover {
	text-decoration:none;
	cursor: pointer;
}


/*footer nach oben link*/
.foot-link {
    text-align:center;
}
.foot-link a{

}

.checkboxes {
    background:#000;
}


/*Mediathek*/


.avVideo .avPlayerContainer .avPlayerBlock iframe,
.avVideo .avPlayerContainer .avPlayerBlock object,
.avVideo .avPlayerContainer .avPlayerBlock embed,
.avVideo .avPlayerContainer .avPlayerBlock video,
.avVideo .avPlayerContainer .avPlayerBlock > div {
    height: 100% !important;
    left: 0;
    min-width: 200px !important;
    position: absolute !important;
    top: 0;
    width: 100% !important;
}

ul.actions li {list-style-type:none;}

.datenschutz ul {
	margin:30px;
}

.tmb h2 {
	display:block;
	margin:5% 0 2% 0 !important;
	padding:2% 0;
}

#veranstaltungen h3 {
	color:hsla(121,39%,32%,1.0) !important;
}

.flex-row {
	
	justify-content: space-between;
}
.veranstaltung_content div {
	width:25% !important;
	margin:0 !important;
	background-color:#fff !important;
}

.veranstaltung_content img {
	width:100% !important;
	max-width:100% !important;
	border:2px solid #f1f4f1;
}

.veranstaltung_content p {
	width:70%;	
}

.veranstaltung{margin-bottom:20px;}


.control-label.versand {
   text-decoration:underline;
    padding:20px 0;
    font-family:verdana;
    font-size:0.8em;
}

.span6.conditional {
    padding:25px 0;
}