@charset "UTF-8";
/* CSS Document */
/* red Pantone 032 = #F51D30 */


/*------------------*/
/*---- RESET -------*/
html, body {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
}




h1
{
	font-size:1em;
	margin-top:0;
}
h2
{
	font-size:1em;
	margin-top:0px;
}
h3
{
	font-size:1em;
	margin-top:0px;
}

a
{
/*color: #58585a;*/
    color: black;
	text-decoration:none;
}
a:hover
{
	color: #F51D30;

}
a img
{
	border:0px;
}


ul,li
{
	padding:0;
	margin:0;
	list-style:none outside none;
}
ul.list-inline
{
	overflow:hidden;
}

.list-inline li
{
	float:left;
	
}
.list-arrow li 
{
	padding-left:14px;
	background-image: url(img/arrows.png);
    
	background-repeat:no-repeat;
	 background-position: 0 2px;
	 margin-bottom:9px;
}
.list-arrow li.active 
{
    background-position: 0 -55px;
}

.list-arrow li a
{
	font-weight:bold;
	/*color:#58585a;*/
}
.list-arrow li a:hover
{
	color:#F51D30;
}

.list-white-arrow li 
{
	padding-left:14px;
	background-image: url(img/arrows.png);
	background-repeat:no-repeat;
	 background-position: 0 -227px;
}
.list-white-arrow li a
{
	color:white;
	font-weight:bold;
}
.list-white-arrow li a:hover
{
	color:black;
}
.list-white-arrow li.active 
{
	background-position: 0 -55px;
}
.list-white-arrow li.active a
{
	color:black;
}
.list-white-arrow li.active a:hover
{
	color:white;
}


ul.list-underlined li
{
	background-position: 24px 9px;
    border-bottom: 1px solid #ABABAC;
    line-height: 29px;
    margin: 0;
}
ul.list-underlined li a
{
    left: 21px;
    position: relative;
    display: block;
    width: 219px;
}

ul.list-underlined li.red
{
	background-image: url(img/arrows.png);
	background-position: 24px -220px;
	background-color: #F51D30;
	border-bottom: 1px solid white;
}
ul.list-underlined li.red a
{
	color:white;
}
ul.list-underlined li.red.active a
{
	color:black;
	
}
ul.list-underlined li.red.active 
{

	background-position: 24px -220px;
}

ul.list-underlined li.red a:hover
{
	/*color:#58585a;*/
}

.uppercase
{
	text-transform:uppercase;
}

div.arrow-box
{
	padding-left:14px;
	background-image: url(img/arrow_black.png) !important;
	background-repeat:no-repeat;
	 background-position: 0 2px;
}
a.inhalt-more-info {
    background-image: url("img/arrows.png") !important;
}

div.arrow-box h3
{
	margin-bottom:0px;
	text-transform:uppercase;
}

.no-border
{
	border:0 !important;
}



/*----------------------*/
/*---- IMAGES -------*/
div.image-landscape
{
	margin: 17px 0;
}


/*----------------------*/
/*---- BG Colors -------*/
.redBG
{
	background-color: #F51D30;
	
}
.grayBG
{
	background-color: #58585A;
}



/*----------------------*/
/*---- HEADER ---------*/

div#header
{
	position:relative;
}
div#logo
{
	float:left;
	width:499px;
}

div#logo h1 
{
    /* logo_museumsufer_frankfurt.png */
    /*background: url("./img/museumsufer-ffm-logo.png") no-repeat scroll left top transparent;*/
    background: url("./img/muf-logo.jpg") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 43px;
    margin-top: 0;
    text-indent: -9999px;
    width: 533px;
}

div#header-content
{
	float:right;
	padding-top:30px;
}
ul#nav-meta
{
	clear: left;
    height: 14px;
    overflow: hidden;
}
ul#nav-meta li
{
	float:left;
	padding-left:7px;
}
ul#nav-meta li a
{
	color: #58585a;
}
ul#nav-meta li a:hover
{
	color: #F51D30;
}
ul#nav-meta li.active a
{
	color: #000000;
}
ul#nav-meta li:last-child
{
	padding-left:20px;
}

div#header-search
{
	text-align:right;
	margin-top:9px;
}
input.searchInput
{
	line-height:14px;
	height:14px;
	width:218px;
}
.but-search
{
	position: relative;
    top: 4px;
}
input.defaultText {
    color: #000000;
    font-size: 12px;
    font-style: normal;
}
input.defaultTextActive { 
    color: #acacac;
    font-size: 12px;
    font-style: italic;
  
     }

div#keyvisual {
	clear: both;
    height: 128px;
    padding-top: 17px;
    width: 975px;
    overflow:hidden;
}

div#keyvisual img {
    margin: 0px;
    padding: 0px;
    float: left;
    
}

ul#keyvisual-content 
{
	clear:left;
	height: 128px;
	overflow:hidden;
}
ul#keyvisual-content li
{
	width:325px;
	overflow:hidden;
	float:left;
}


#wrapper,#main-content,#main-center,.content{width:100% !important;padding:0px !important;}


div#header-content{display:none;}
div#keyvisual{display:none;}
div#nav-top-holder{display:none;}
div#main-left{display:none;}
div#main-right{display:none;}
div#main-center-top{display:none;}
div.content{width:100% !important;}
div#main-center{width:100% !important;}
div.FunktionsLeiste
{
    display:none;
}

div#main-content{background: transparent !important; background-image:none !important;}

@media print {
  * {  /*background: transparent !important; */color: #444 !important; text-shadow: none !important; }
  /*a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; } */
 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
 @page { margin: 0.5cm; }
 p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

ul.InhaltNavi{display:none;}
.teaserText{max-width:500px;}
.hide-holder{display:block !important;}

/*div#muf_neuigkeiten .ul.HL_ul li
{
float:left;
}
ul.HL_ul li.alternate div.HL_imgContainer {float:left !important;}
div.HL_textContainer {float:left !important;}*/
div#muf_neuigkeiten{width:478px;margin:0 auto;}

div.VideoPanel{display:none;}

div.MUFInhalteNavi ul{display:none;}
ul{width:auto !important;overflow:visible !important;}
li{page-break-after: avoid;}