/* ######################################################################################################
** ### Schriften einbinden ##############################################################################
** ######################################################################################################
*/


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

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/files/fonts/OpenSans-Regular-webfont.eot');
    src: url('/files/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/files/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/files/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/files/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/files/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/files/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/files/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/files/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


/* ######################################################################################################
** ### allgemeine Einstellungen #########################################################################
** ######################################################################################################
*/

/**{margin:0;padding:0}
* html body *{overflow:visible}*/
html{height:100%;margin-bottom:1px}
body{font-family: OpenSansLight, helvetica, arial, sans-serif; font-size:0.75em; color:#000; background-color:#fff; text-align:left; height:100%; margin-bottom:1px; line-height:1.5em; /*letter-spacing:0.06em*/}
fieldset,img{border:0 solid}
ol,dl{margin:0 0 0 0}
ul{margin:0 0 0 2em;}
li{margin-top:0;line-height:1.5em;}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}
/*p.bodytext{line-height:1.5em; font-size:1em;}*/

a:link, a:visited, a:active {
  font-family: OpenSansRegular, helvetica, arial, sans-serif;
    text-decoration:none;  
    color:#222222;
}

a:hover {
  /*text-decoration:underline;*/
    color:#ad0d22;
}

p {
  margin-top: 1em;
}

b {
  font-family:OpenSansSemibold, helvetica, arial, sans-serif;
  font-weight:normal;
}

/* ######################################################################################################
** ### Inhaltscontainer #################################################################################
** ######################################################################################################
*/


.page{
    margin-top:0px;
    zoom: 1;
	position: relative;
	/*max-width: 920px;*/
	width: 920px;
	margin: 0 auto;
	background: white;
	border: solid #dedede;
	border-width: 0 0px;
	background-color:#fff;
  background-image: url(https://www.kulturforum-hochtaunus.de/files/bilder/allgemein/hintergrund.jpg);
  background-repeat: no-repeat;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0);
	
}

.main-content {
  position:relative;
    width: 920px;
    min-height: 800px;  
    margin-top: 175px;
  
  z-index:6;
}


#adresse {
  width: 920px;
  height:15px;
  margin: 30px 0 20px 0;
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  font-size:1em;
  line-height:0.9em;
  text-align:center;
  z-index:7;
}

#adresse a {
  color:#ad0d22;
}

#adresse a:hover {
  text-decoration:underline;
}


#container_innen {
  width: 918px;
  margin-left:1px;
  overflow: hidden;
}


#inhalt {
    width: 918px;
  min-height:300px;
    overflow: hidden;
  margin: 10px 0 0 0;
  /*float: left;*/
}

#hauptinhalt {
  width: 592px;
  float: left;
  margin:0;
}

#veranstaltungen {
  width: 296px;
  float: left;
  margin:0;
}



/* #################################################################################################
** ### Navigation ###################################################################################
** #################################################################################################
*/

#logo {
    margin: 20px 355px 0px 355px;
    width: 210px;
  height:100px;
  /*background:#f88;*/
  /*float:left;*/
}

.main-navigation-wrapper {

	border: 0;
	background:transparent;
}

.mod_navigation {
    margin: 67px 19px 20px 7px;
    width: 880px;
    height:26px;
	border: 0;
	background:transparent;
  overflow:hidden;
  z-index: 150;
}
/*
#navigationscontainer_innen {
    margin: 0px 0px 0px 29px;
    width: 800px;
  height:23px;
  float:left;
  background-image:url(../images/aktiv.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
}
*/

/*
#aktiv {
  float:left;
  width:880px;
  background-image:url(https://www.kulturforum-hochtaunus.de/fileadmin/template/images/aktiv.jpg);
  height:18px;
  overflow:hidden;
  margin:7px 0px 0 0px;
  background-color:#F00;
}

#aktiv_dreieck {
  float:left;
  width:18px;
  height:8px;
  background-image:url(https://www.kulturforum-hochtaunus.de/fileadmin/template/images/aktiv_dreieck.png);
  margin-left:0px;
}

*/



/*Hauptnavigation*/


.active, .trail {
  height:26px;
  background-image:url(https://www.kulturforum-hochtaunus.de/files/bilder/allgemein/aktiv_dreieck.png);
  background-position:50% 18px;
  background-repeat:no-repeat;
}


.submenu {
	display:block;
  height:26px;
}

.level_2 li {
	background:none;
	height:auto;
}


.mod_navigation {
    width: 880px;
  height:26px;
  /*float:left;*/
  background-image:url(https://www.kulturforum-hochtaunus.de/files/bilder/allgemein/linie.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  text-align:center;
}



.mod_navigation ul {
  /*float: left;*/
  list-style:none;
    padding: 0;
  z-index: 150;
  height:26px;

}
 
.mod_navigation ul li {
  display: inline-block;
   font-family:OpenSansRegular, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size:1em;
  color: #000;
 /* padding: 0 28px 14px 28px;*/
  padding: 0 15px 14px 15px;
}


.mod_navigation ul li a {
    font-family:OpenSansRegular, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
  display:block;
  height:26px;
}

/*#nav a:hover {
  text-decoration:underline;
}*/

/*******************************/
 
.mod_navigation li ul {
  position: absolute;
  left: -999em;
  height: auto;
  padding: 5px 10px 5px 10px;
  min-width:10.5em;
  font-weight: normal;
  margin: -1px 0 0 0;
  border: solid 1px #999;
  background-image:url(https://www.kulturforum-hochtaunus.de/files/bilder/allgemein/hintergrund_menue.png);  
}

.mod_navigation li li a {
  display:inline;
}
 
.mod_navigation li li {
  text-align:left;
  display:block;
  padding: 0;
  padding: 6px 0 6px 0;
  border-top:dotted 1px #000;
}

.mod_navigation li li:first-child {
  padding: 3px 0 6px 0;
  border-top:none;
}

.mod_navigation li li:last-child {
  padding: 6px 0 3px 0;
}
 
/*#nav li ul a {
  padding: 5px 0 5px 0;
}*/
 
.mod_navigation li ul ul {
}
 
.mod_navigation li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
 
.mod_navigation li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
}
 


ul.mod_navigation li ul {
  padding-top:5px;
}

ul.mod_navigation li ul li {
  margin-bottom:3px;
}

ul.mod_navigation li ul li a {
  background: url(https://www.kulturforum-hochtaunus.de/fileadmin/template/images/hintergrund_menue.png);
  padding: 5px 5px 5px 15px;
  text-decoration:none;
  color: white;
}

ul.mod_navigation li ul li a:hover {
  color: white;
}
 
.mod_navigation li ul li ul {
  width:auto;
  margin-left: 120px;
  margin-top:-30px;
}

.mod_navigation li ul li ul li a {
white-space: nowrap;
width:auto;
}

/* ######################################################################################################
** ### Schriftformate ###################################################################################
** ######################################################################################################
*/

h1 {
    font-family: OpenSansSemibold, helvetica, arial, sans-serif;
    font-size:18px;
  line-height:24px;
    margin-bottom:5px;
    margin-top:0px;    
    margin-left:0px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
    font-style: normal;   
}




h2 {
    font-family: OpenSansSemibold, helvetica, arial, sans-serif;
    font-size: 16px;
  line-height:21px;
    margin-top: 0px;
    margin-bottom: 8px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
    font-style: normal;    
}

h3 {
    font-family: OpenSansSemibold, helvetica, arial, sans-serif;
    font-size: 15px;
  line-height:20px;
    margin-top: 3px;
    margin-bottom: 6px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
    font-style: normal;    
}

h4 {
    font-family: OpenSansSemibold, helvetica, arial, sans-serif;
    font-size: 14px;
  line-height:19px;
    margin-top: 3px;
    margin-bottom: 6px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
    font-style: normal;    
}

.eventdate {
  font-family:OpenSansSemibold, helvetica, arial, sans-serif;
  display:block;
  margin-left:10px;
  padding:5px 0 5px 0;
}

.eventtitle {
    font-family: OpenSansSemibold, helvetica, arial, sans-serif;
    font-size: 1em;
  vertical-align:top;
  /*line-height:19px;
    margin-top: 0;
    margin-bottom: 6px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
    font-style: normal;*/
  color:#ad0d22;    
}

.eventdate, .eventtitle, .eventteaser, .eventdescription {
    font-size: 1em;
  vertical-align:top;
  line-height:1.4em;
}

.eventtitle p, .eventteaser p, .eventdescription p {
  margin:0;
  padding:0;
}

.eventtitle, .eventteaser, .eventdescription {
  padding:5px 0 5px 5px;
}

.eventdescription .bodytext .internal-link {
  font-family: OpenSansRegular, helvetica, arial, sans-serif;
  font-style:italic;
  text-align:right;
  color:#ad0d22;
}  

.eventtitle_upcoming {
  font-family:OpenSansSemibold, helvetica, arial, sans-serif;
  display:block;
  padding:0 10px 5px 10px;
  color:#ad0d22;
  border-bottom: 1px dotted #999;
  margin-bottom:5px;
}

.eventtitle_upcoming p {
  margin:0;
  padding:0;
}

/* ######################################################################################################
** ### Rahmen ###########################################################################################
** ######################################################################################################
*/



/*****************neu*********************/


/*********************** Veranstaltungsrahmen *********************/


/****Startseite****/

.veranstaltungsliste {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  width: 266px;
  float: left;
  margin:0 0px 0px 30px;
  padding:5px 0 0px 0;
  background: #f8f8f8;
  max-height:550px;
}


.veranstaltungsliste p {
  display:block;
  clear:both;
  padding:0px 10px 5px 0px;
  text-align:left;
}

.veranstaltungsliste p a {
  font-family: OpenSansRegular, helvetica, arial, sans-serif;
  display:block;
  font-style:italic;
  text-align:right;
  color:#ad0d22;
}

.veranstaltungsliste p a:hover {
  text-decoration:underline;
}

.veranstaltungsliste h1 {
  font-family: OpenSansSemiBold, helvetica, arial, sans-serif;
    font-size: 1.1em;
  line-height:21px;
    margin-top: 0px;
    margin-bottom: 8px;
  font-weight: normal;
    font-style: normal;
  display:block;
  text-align:center;
  padding: 0px 0 5px 0px;
  border-bottom: solid 2px #ad0d22;
}

.veranstaltungsliste h2 {
  font-family: OpenSansSemibold, helvetica, arial, sans-serif;
  font-size: 1em;
  display:block;
  float:left;
  width:266px;
  padding:0px 10px 5px 0px;
  margin:0;
}

.veranstaltungsliste h3 {
  font-family: OpenSansSemibold, helvetica, arial, sans-serif;
  font-size: 1em;
  color:#ad0d22;
  display:block;
  width:266px;
  float:left;
  padding:0px 10px 5px 0px;
  margin:0;
}

.veranstaltungsliste_eintrag {
	font-family: OpenSansSemibold, helvetica, arial, sans-serif;
	margin:0 5px 0 0px;
	padding-left:10px;
	float:left;
	display:block;
	width:256px;
	border-bottom: 1px dotted #999;
}

.veranstaltungsliste_datum{
	font-family: OpenSansSemibold, helvetica, arial, sans-serif;
	min-width:246px;
	margin:5px 5px 0 3px;
	color:#000;
	float:left;
}


.veranstaltungsliste_veranstaltung, .veranstaltungsliste_veranstaltung a {
	font-family: OpenSansSemibold, helvetica, arial, sans-serif;
	width:246px;
	color:#ad0d22;
	margin:0 5px 5px 1px;
	/*float:left;*/
}

.veranstaltungsliste_veranstaltung a:hover {
  text-decoration:underline;
}

/*.veranstaltungsliste_eintrag div.ce_text, p.location {
	display:block;
	height:0;
	color:#00f;
}*/

.veranstaltungsliste div.location, .veranstaltungsliste .teaser {
	/*visibility:hidden;*/
	display:none;

}


/****Veranstaltungsseite****/

.veranstaltungsuebersicht {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  width: 858px;
  float: left;
  margin:0 0px 0px 30px;
  padding:5px 0 0px 0;
}


.veranstaltungsuebersicht .veranstaltungsliste_eintrag p {
  display:block;
  clear:both;
  padding:0;
  text-align:left;
}

.veranstaltungsuebersicht .veranstaltungsliste_eintrag p a {
  font-family: OpenSansRegular, helvetica, arial, sans-serif;
  display:block;
  font-style:italic;
  text-align:right;
  color:#ad0d22;
}

.veranstaltungsuebersicht .veranstaltungsliste_eintrag p a:hover {
  text-decoration:underline;
}

.veranstaltungsuebersicht .veranstaltungsliste_eintrag h1 {
  font-family: OpenSansSemiBold, helvetica, arial, sans-serif;
    font-size: 1.1em;
  line-height:21px;
    margin-top: 0px;
    margin-bottom: 8px;
  font-weight: normal;
    font-style: normal;
  display:block;
  text-align:center;
  padding: 0px 0 5px 0px;
  border-bottom: solid 2px #ad0d22;
}

.veranstaltungsuebersicht .veranstaltungsliste_eintrag h2 {
  font-family: OpenSansSemibold, helvetica, arial, sans-serif;
  font-size: 1em;
  display:block;
  float:left;
  width:858px;
  padding:0px 10px 5px 0px;
  margin:0;
}

.veranstaltungsuebersicht .veranstaltungsliste_eintrag h3 {
  font-family: OpenSansSemibold, helvetica, arial, sans-serif;
  font-size: 1em;
  color:#ad0d22;
  display:block;
  width:858px;
  float:left;
  padding:0px 10px 5px 0px;
  margin:0;
}

.veranstaltungsuebersicht .veranstaltungsliste_eintrag {
	font-family: OpenSansSemibold, helvetica, arial, sans-serif;
	margin:0 5px 0 5px;
	float:left;
	display:block;
	width:848px;
	border-bottom: 1px dotted #999;
}

.veranstaltungsuebersicht .veranstaltungsliste_datum{
	font-family: OpenSansSemibold, helvetica, arial, sans-serif;
	width:80px;
	margin:5px 15px 5px 5px;
	color:#000;
	float:left;
	text-align:left;
}


.veranstaltungsuebersicht .veranstaltungsliste_veranstaltung {
	font-family: OpenSansSemibold, helvetica, arial, sans-serif;
	width:500px;
	color:#ad0d22;
	margin:5px 5px 5px 5px;
	float:left;
}


.veranstaltungsuebersicht .teaser p {
	font-family: OpenSansLight, helvetica, arial, sans-serif;
	margin:0;
	padding:0;

}

.veranstaltungsuebersicht .location, .veranstaltungsuebersicht .teaser{
	/*visibility:hidden;*/
	display:inline;
	float:left;
	margin:5px 5px 5px 5px;
	padding:0;

}




/*********************** Aktuelles-Rahmen *********************/


.aktuelles {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  width:266px;
  float:left;
  margin:0 0px 0px 30px;
}

.aktuelles p {
  margin-top:0px;
}

.aktuelles p a {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  display:block;
  font-style:italic;
  padding:2px 15px 0px 10px;
  text-align:right;
  color:#ad0d22;
  border-bottom: 1px dotted #999;
  margin-bottom:10px;
}

.aktuelles p a:hover {
  text-decoration:underline;
}



/*****************Ende neu*********************/



/************ Inhaltsrahmen ***************/


/*linksbündig*/

.drittelrahmen {

  width: 266px;
  float: left;
  margin:0 0px 0px 30px;
  /*clear:left;*/
  /*background:#f00;*/
}

.zweidrittelrahmen {

  width: 562px;
  float: left;
  margin:0 0px 0px 30px;
  /*clear:left;*/
}

.viertelrahmen {

  width: 192px;
  float: left;
  margin:0 0px 0px 30px;
}

.dreiachtelrahmen {
  
  width: 303px;
  float: left;
  margin:0 0px 0px 30px;
}

.halber_rahmen {
  
  width: 414px;
  float: left;
  margin:0 0px 0px 30px;
}

.fuenfachtelrahmen {
  
  width: 525px;
  float: left;
  margin:0 0px 0px 30px;
}

.dreiviertelrahmen {
  
  width: 636px;
  float: left;
  margin:0 0px 0px 30px;
}

.voller_rahmen {
  width: 858px;
  float: left;
  margin:0 0px 0px 30px;
}


.voller_rahmen_test {
  width: 858px;
  height:500px;
  float: left;
  margin:0 0px 0px 30px;
}

.drittelrahmen h1, .zweidrittelrahmen h1, .viertelrahmen h1, .dreiachtelrahmen h1, .halber_rahmen h1, .fuenfachtelrahmen h1, .dreiviertelrahmen h1, .voller_rahmen h1, .aktuelles h1  {
  font-family: OpenSansSemibold, helvetica, arial, sans-serif;
    font-size: 1.1em;
  line-height:21px;
    margin-top: 0px;
    margin-bottom: 8px;
  font-weight: normal;
    font-style: normal;
  display:block;
  text-align:center;
  padding: 5px 0 5px 0;
  border-bottom: solid 2px #ad0d22;
}


.drittelrahmen a, .zweidrittelrahmen a, .viertelrahmen a, .dreiachtelrahmen a, .halber_rahmen a, .fuenfachtelrahmen a, .dreiviertelrahmen a, .voller_rahmen a {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  font-style:italic;
  color:#ad0d22;
  /*display:block;
  padding:2px 15px 4px 10px;
  text-align:right;*/  
}

.drittelrahmen p a, .zweidrittelrahmen p a, .viertelrahmen p a, .dreiachtelrahmen p a, .halber_rahmen p a, .fuenfachtelrahmen p a, .dreiviertelrahmen p a, .voller_rahmen p a {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  font-style:italic;
  color:#ad0d22;
  /*display:block;
  padding:2px 15px 4px 10px;
  text-align:right;*/  
}

.drittelrahmen a:hover, .zweidrittelrahmen a:hover, .viertelrahmen a:hover, .dreiachtelrahmen a:hover, .halber_rahmen a:hover, .fuenfachtelrahmen a:hover, .dreiviertelrahmen a:hover, .voller_rahmen a:hover {
  text-decoration:underline;
}

.drittelrahmen p a:hover, .zweidrittelrahmen p a:hover, .viertelrahmen p a:hover, .dreiachtelrahmen p a:hover, .halber_rahmen p a:hover, .fuenfachtelrahmen p a:hover, .dreiviertelrahmen p a:hover, .voller_rahmen p a:hover {
  text-decoration:underline;
}


.drittelrahmen ol, .zweidrittelrahmen ol, .viertelrahmen ol, .dreiachtelrahmen ol, .halber_rahmen ol, .fuenfachtelrahmen ol, .dreiviertelrahmen ol, .voller_rahmen ol {
  margin-left:30px;
}



/*rechtsbündig*/


.drittelrahmen_rechts {

  width: 266px;
  float: right;
  margin:0 30px 0px 0px;
  /*clear:left;*/
}

.zweidrittelrahmen_rechts {

  width: 562px;
  float: right;
  margin:0 30px 0px 0px;
  /*clear:left;*/
}

.viertelrahmen_rechts {

  width: 192px;
  float: right;
  margin:0 30px 0px 0px;
}

.dreiachtelrahmen_rechts {
  
  width: 303px;
  float: right;
  margin:0 30px 0px 0px;
}

.halber_rahmen_rechts {
  
  width: 414px;
  float: right;
  margin:0 30px 0px 0px;
}

.fuenfachtelrahmen_rechts {
  
  width: 525px;
  float: right;
  margin:0 30px 0px 0px;
}

.dreiviertelrahmen_rechts {
  
  width: 636px;
  float: right;
  margin:0 30px 0px 0px;
}

.voller_rahmen_rechts {
  width: 858px;
  float: right;
  margin:0 30px 0px 0px;
}

.drittelrahmen_rechts h1, .zweidrittelrahmen_rechts h1, .viertelrahmen_rechts h1, .dreiachtelrahmen_rechts h1, .halber_rahmen_rechts h1, .fuenfachtelrahmen_rechts h1, .dreiviertelrahmen_rechts h1, .voller_rahmen_rechts h1  {
   font-family: OpenSansSemiBold, helvetica, arial, sans-serif;
    font-size: 1.1em;
  line-height:21px;
    margin-top: 0px;
    margin-bottom: 8px;
  font-weight: normal;
    font-style: normal;
  display:block;
  text-align:center;
  padding: 5px 0 5px 0;
  border-bottom: solid 2px #ad0d22;
}


.drittelrahmen_rechts a, .zweidrittelrahmen_rechts a, .viertelrahmen_rechts a, .dreiachtelrahmen_rechts a, .halber_rahmen_rechts a, .fuenfachtelrahmen_rechts a, .dreiviertelrahmen_rechts a, .voller_rahmen_rechts a {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  font-style:italic;
  color:#ad0d22;
  /*display:block;
  padding:2px 15px 4px 10px;
  text-align:right;*/  
}

.drittelrahmen_rechts p a, .zweidrittelrahmen_rechts p a, .viertelrahmen_rechts p a, .dreiachtelrahmen_rechts p a, .halber_rahmen_rechts p a, .fuenfachtelrahmen_rechts p a, .dreiviertelrahmen_rechts p a, .voller_rahmen_rechts p a {
  font-family: OpenSansLight, helvetica, arial, sans-serif;
  font-style:italic;
  color:#ad0d22;
  /*display:block;
  padding:2px 15px 4px 10px;
  text-align:right;*/  
}

.drittelrahmen_rechts a:hover, .zweidrittelrahmen_rechts a:hover, .viertelrahmen_rechts a:hover, .dreiachtelrahmen_rechts a:hover, .halber_rahmen_rechts a:hover, .fuenfachtelrahmen_rechts a:hover, .dreiviertelrahmen_rechts a:hover, .voller_rahmen_rechts a:hover {
  text-decoration:underline;
}

.drittelrahmen_rechts p a:hover, .zweidrittelrahmen_rechts p a:hover, .viertelrahmen_rechts p a:hover, .dreiachtelrahmen_rechts p a:hover, .halber_rahmen_rechts p a:hover, .fuenfachtelrahmen_rechts p a:hover, .dreiviertelrahmen_rechts p a:hover, .voller_rahmen_rechts p a:hover {
  text-decoration:underline;
}


.drittelrahmen_rechts ol, .zweidrittelrahmen_rechts ol, .viertelrahmen_rechts ol, .dreiachtelrahmen_rechts ol, .halber_rahmen_rechts ol, .fuenfachtelrahmen_rechts ol, .dreiviertelrahmen_rechts ol, .voller_rahmen ol {
  margin-left:30px;
}








/* ######################################################################################################
** ### hmmmmmmmmm....... ################################################################################
** ######################################################################################################
*/


.clearer {
  display: block;
  height: 1px;
  margin-bottom: -1px;font-size: 1px;
  line-height: 1px;
  clear: both;
}

.divider {
  margin: 0px 0 0px 0;
}



/***********************************/
.upcoming h1 {
	font-family: OpenSansLight, helvetica, arial, sans-serif;
}





  table.minicalendar,
  table.calendar {
    width: 100%;
    margin-bottom: 88px;
    table-layout: fixed;
    border: 3px;
  }
  table.minicalendar th,
  table.calendar th {
    font-weight: 300;
    text-align: left;
  }
  table.minicalendar .days,
  table.calendar .days {
    background: #ffffff;
  }
  table.minicalendar .days.weekend,
  table.calendar .days.weekend {
    background-color: #ddd;
  }
  table.minicalendar .today,
  table.calendar .today {
    -webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
  }
  table.minicalendar .label,
  table.calendar .label {
    background: #ebebeb;
  }
  table.minicalendar .label.weekend,
  table.calendar .label.weekend {
    background-color: #aaa;
    color: #000;
  }
  table.minicalendar .head,
  table.calendar .head {
    padding-bottom: 4px;
    text-align: left;
  }
  table.minicalendar .next,
  table.calendar .next {
    text-align: right;
  }
  table.minicalendar tr.last .col_first,
  table.calendar tr.last .col_first {
    border-bottom-left-radius: 3px;
  }
  table.minicalendar tr.last .col_last,
  table.calendar tr.last .col_last {
    border-bottom-right-radius: 3px;
  }
  table.minicalendar .days,
  table.minicalendar .label {
    padding: 10px 3px 3px;
  }
  table.minicalendar .days {
    color: #d0d0d0;
    font-size: 12px;
  }
  table.minicalendar .today {
    color: #262a31;
  }
  table.minicalendar .days.active {
    background: #ff3647;
  }
  table.minicalendar .days.active a {
    display: block;
    color: #fdfdfd !important;
  }
  table.minicalendar .days.active.today {
    color: #fdfdfd;
  }
  table.minicalendar .days.active.selected {
    position: relative;
    background-color: #ffcfd3;
  }
  table.minicalendar .days.active.selected a {
    color: #ff3647 !important;
  }
  table.minicalendar .days.active:hover {
    background: #111d2f;
  }
  table.minicalendar .days.active:hover a {
    text-decoration: none;
  }
  table.minicalendar .label {
    background-color: #ff3647;
    color: #fdfdfd;
  }
  
/*naechster Eintrag identisch mit 60 Zeilen weiter oben?*/
  table.minicalendar .label.weekend {
    background-color: #e03e4c;
  }
  table.minicalendar .current {
    vertical-align: middle;
    text-align: center;
  }
  table.minicalendar .head {
    overflow: hidden;
    background: #191c23;
    color: #fdfdfd;
  }
  table.minicalendar .head a {
    display: block;
    padding: 30.8px 10px;
    text-align: center;
    background: #262a31;
    color: #fdfdfd !important;
    background-color: #262a31;
  }
  table.minicalendar .head a:hover {
    text-decoration: none;
  }
  table.minicalendar .head a:hover,
  table.minicalendar .head a:focus,
  table.minicalendar .head a:active,
  table.minicalendar .head a.active {
    background-color: #1b1e23;
  }
  table.minicalendar .head a.disabled:hover,
  table.minicalendar .head a[disabled]:hover,
  fieldset[disabled] table.minicalendar .head a:hover,
  table.minicalendar .head a.disabled:focus,
  table.minicalendar .head a[disabled]:focus,
  fieldset[disabled] table.minicalendar .head a:focus,
  table.minicalendar .head a.disabled:active,
  table.minicalendar .head a[disabled]:active,
  fieldset[disabled] table.minicalendar .head a:active,
  table.minicalendar .head a.disabled.active,
  table.minicalendar .head a[disabled].active,
  fieldset[disabled] table.minicalendar .head a.active {
    background-color: #262a31;
  }
  table.minicalendar .head.previous,
  table.minicalendar .head.next {
    padding: 0;
  }
  table.minicalendar .head.previous,
  table.minicalendar .head.previous a {
    border-top-left-radius: 3px;
  }
  table.minicalendar .head.next,
  table.minicalendar .head.next a {
    border-top-right-radius: 3px;
    color: #fdfdfd !important;
  }
  table.calendar .days {
    position: relative;
    height: 20px;
    padding-bottom: 20px;
  }
  table.calendar .days.active {
    padding-bottom: 0;
    background: #ebebeb;
  }
  table.calendar .days.active.weekend {
    /*background: #31373f;*/
    background: #cacaca;
  }
  
  
  table.calendar .days .header {
    bottom: 0;
    font-size: 18px;
    color: #d0d0d0;
  }
  table.calendar .days.weekend .header {
    color: #999;
  }
  table.calendar .days.active .header {
    color: #6d727a;
  }
  table.calendar .days.active.weekend .header,
  table.calendar .days.today.weekend .header {
    color: #fdfdfd;
  }
  table.calendar .days.today .header {
    color: #383c43;
  }
  table.calendar .days .header,
  table.calendar .days .event a {
    padding: 10px;
  }
  table.calendar .days .event a {
    display: block;
    /*background: #ff3647;*/
    background: #e03e4c;
    color: #fdfdfd !important;
    margin-bottom: 1px;
  }
  table.calendar .days .event a:hover {
    text-decoration: none;
    /*background: #e03e4c;*/
    background: #ff3647;
  }
 /* table.calendar head.current {
    font-size: 32px;
    font-weight:bold;
  }*/
  
    thead a, thead .current {
  	font-family:OpenSansBold, helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    }
    
  thead .current {
  	font-family:OpenSansBold, helvetica, arial, sans-serif;
    font-size: 14px;
    /*font-weight: bold;*/
    }

  
  table.calendar .label,
  table.calendar .head {
    padding: 20px 10px;
  }
  table.calendar .label {
    font-weight: 700;
  }
  table.calendar .label.col_first {
    border-top-left-radius: 3px;
  }
  table.calendar .label.col_last {
    border-top-right-radius: 3px;
  }
  .recurring {
    font-size: 13px;
  }
  .layout_upcoming .date:before,
  .event-details .date:before,
  .layout_upcoming .date:after,
  .event-details .date:after {
    content: " ";
    /* 1 */
display: table;
    /* 2 */
  }
  .layout_upcoming .date:after,
  .event-details .date:after {
    clear: both;
  }
  .layout_upcoming .date .day,
  .event-details .date .day {
    float: left;
    margin-right: 10px;
    font-size: 110px;
    line-height: .6em;
    font-weight: 300;
  }
  .layout_upcoming .date .month,
  .event-details .date .month {
    display: block;
  }
  .layout_upcoming .time,
  .event-details .time {
    display: block;
    padding-top: 33px;
    padding-right: 10px;
    padding-bottom: 10px;
    min-width: 1px;
    float: left;
  }
  .layout_upcoming .date .from:before,
  .event-details .date .from:before,
  .layout_upcoming .date .to:before,
  .event-details .date .to:before,
  .layout_upcoming .date .from:after,
  .event-details .date .from:after,
  .layout_upcoming .date .to:after,
  .event-details .date .to:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .layout_upcoming .date .from:after,
  .event-details .date .from:after,
  .layout_upcoming .date .to:after,
  .event-details .date .to:after {
    clear: both;
  }
  .layout_upcoming .date .to,
  .event-details .date .to {
    margin-top: 22px;
    margin-right: 44px;
    padding-top: 33px;
    border-top: 1px solid;
  }
  .layout_upcoming .date .to .separate,
  .event-details .date .to .separate {
    display: block;
    float: left;
    margin-right: 11px;
  }
  .layout_upcoming .date .to .separate i,
  .event-details .date .to .separate i {
    position: relative;
    top: -4px;
    text-align: left;
    font-size: 24px;
    opacity: .5;
  }
  .layout_upcoming .date .to .day,
  .event-details .date .to .day {
    font-size: 24px;
  }
  .layout_upcoming .date .to .month,
  .event-details .date .to .month {
    float: left;
    margin-right: 22px;
  }
  .layout_upcoming .date .to .time,
  .event-details .date .to .time {
    padding-top: 0px;
    padding-bottom: 0;
  }
  .event-details {
    position: relative;
  }
  .event-details .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
  }
  .event-details .info .recurring {
    clear: both;
    margin-top: 22px;
    margin-right: 44px;
    padding-top: 11px;
    border-top: 1px solid;
  }
  .event-details > header,
  .event-details .body {
    margin-left: 25%;
  }
  .event-details + .back {
    max-width: none;
    border-top: 1px solid;
    padding-top: 44px;
  }
  .mod_eventlist .event-day {
    position: relative;
    padding-left: 33%;
  }
/*  .mod_eventlist .event {
    display: table;
    width: 100%;
    padding-top: 44px;
    padding-bottom: 44px;
    border-top: 1px solid;
  }*/
  .mod_eventlist .header {
    position: absolute;
    left: 0;
    top: 0;
    width: 33%;
    padding-top: 22px;
    border-top: 1px solid;
    text-align: center;
  }
  .mod_eventlist .month {
    font-weight: 700;
  }
  .mod_eventlist .day {
    display: block;
    font-size: 60px;
    line-height: 1em;
  }
  .mod_eventlist .body,
  .mod_eventlist .more {
    display: table-cell;
    vertical-align: middle;
  }
  .mod_eventlist .body {
    min-height: 110px;
    padding-right: 22px;
  }
  .mod_eventlist .more {
    text-align: right;
  }
  .layout_upcoming {
    position: relative;
  }
  .layout_upcoming .image_container {
    float: left;
    margin-right: 22px;
  }
  .layout_upcoming .body {
    display: block;
    margin-left: 33%;
  }
  .layout_upcoming h2 {
    margin-top: 0;
  }
  .layout_upcoming h2 a {
    font-size: 24px;
    margin-bottom: 5px;
  }
  .layout_upcoming p {
    margin-bottom: 0;
  }
  .layout_upcoming i {
    color: inherit;
  }
  .layout_upcoming figure {
    margin-bottom: 11px;
    max-width: 50%;
  }
  .layout_upcoming .date {
    position: absolute;
    top: -1px;
    width: 33%;
    padding-top: 44px;
    border-top: 1px solid;
  }
  .layout_upcoming .date .day {
    float: left;
    margin-right: 10px;
    font-size: 110px;
    line-height: .6em;
  }
  .layout_upcoming .date .month {
    display: block;
  }
  .layout_upcoming .time {
    display: block;
    float: left;
    min-width: 1px;
    padding-top: 36px;
  }
  .layout_upcoming .teaser {
    margin-bottom: 0;
  }
  .layout_upcoming .more {
    display: none;
  }
  .mod_eventlist .event.layout_teaser {
    display: block;
    border: none;
    padding-top: 0;
  }
  .mod_eventlist .event.layout_teaser .date {
    display: block;
    margin-bottom: 14px;
    padding-bottom: 11px;
    overflow: hidden;
    border-bottom: 1px solid;
  }
  .mod_eventlist .event.layout_teaser .date .day {
    float: left;
  }
  .mod_eventlist .event.layout_teaser .date .month {
    margin-left: 11px;
    font-weight: 300;
  }
  .mod_eventlist .event.layout_teaser .date .time {
    float: right;
  }
  .mod_eventlist .event.layout_teaser .date .month,
  .mod_eventlist .event.layout_teaser .date .time {
    position: relative;
    top: 6px;
  }
  #wrapper .mod_eventlist.make-columns-4 .event.layout_teaser {
    width: 25%;
  }
  .mod_eventlist.event-slider .event {
    padding-bottom: 0;
    padding-top: 44px;
  }
  .portfolio-grid {
    display: block;
    float: none;
    width: auto !important;
    margin-right: 0;
    margin-left: -22px !important;
    padding: 0;
    overflow: visible !important;
  }
  .portfolio-grid .portfolio-item {
    clear: both;
    float: left;
    width: 240px;
    margin-left: 22px;
    margin-bottom: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .mod_newslist .portfolio-item .inner {
    display: block;
    position: relative;
    background: #14181d;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
  }
  .mod_newslist .portfolio-item .inner figure {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  .mod_newslist .portfolio-item .inner figure img {
    display: block;
    width: 100%;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .mod_newslist .portfolio-item .inner .body,
  .mod_newslist .portfolio-item .inner .more {
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 22px;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .mod_newslist .portfolio-item .inner .body {
    top: -20%;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
  }
  .mod_newslist .portfolio-item .inner .more {
    top: 200%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: -10px 0 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 22px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .mod_newslist .portfolio-item .inner .more i {
    color: #ff3647 !important;
  }
  .mod_newslist .portfolio-item .inner h2 {
    margin-top: 11px;
    font-size: 16px;
    text-align: center;
    color: #fdfdfd !important;
  }
  .mod_newslist .portfolio-item .inner p {
    font-size: 13px;
    color: #fdfdfd !important;
  }
  .mod_newslist .portfolio-item .inner .year {
    margin-top: 0;
  }
  .mod_newslist .portfolio-item .inner .year + h2 {
    position: relative;
    top: -5.5px;
  }
  .no-touch .mod_newslist .portfolio-item .inner:hover figure img,
  .touch .mod_newslist .portfolio-item .inner.hover figure img {
    opacity: 0.1;
    filter: alpha(opacity=10);
  }
  .no-touch .mod_newslist .portfolio-item .inner:hover .body,
  .touch .mod_newslist .portfolio-item .inner.hover .body {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 18%;
  }
  .no-touch .mod_newslist .portfolio-item .inner:hover .more,
  .touch .mod_newslist .portfolio-item .inner.hover .more {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 50%;
  }
  
  
  




div.event.cal_6.upcoming a, div.event.cal_6.current a, div.event.cal_6.bygone a {
    /*background: #31373f;*/
    background: #00c;
  }
  
div.event.cal_6.upcoming a:hover, div.event.cal_6.current a:hover, div.event.cal_6.bygone a:hover {
    /*background: #31373f;*/
    background: #77c;
  }
  
  
td div.header {
	margin-top:0;
}



#mod_navigation ul ul {
	/*position: absolute;*/
	left: -999px;

}
#mod_navigation ul li:hover ul { left: auto; }


.ios ul ul li { display: none; }
.ios ul li:hover ul li { display: block; }