/*	DIE LANGE NACHT DER MUSEEN HAMBURG | 2008	*/
/*	+ ARTEMiSiUM GmbH & Co. KG			*/
/*	+ Redaktionssystem: CMS|gamma		*/

body 
{ 
 font-family: "Trebuchet MS", Garamond, "Times New Roman", Times, Helvetica, Verdana, Arial, sans-serif; 
 font-size: 70%;
 line-height: 1.5em;
 margin: 0 0 50px 0;
 padding: 0 0 50px 0;
 color: #666;
 text-align: center;
}

*
{
 font-size: 1em;
}

a
{
 text-decoration: none;
 color: #666;
}

a.active
{
 font-weight: bold;
 color: #b18b4c;
 font-style: normal;
}

a.active:hover
{
 color: #b18b4c;
}

a.grey
{
 color: #ccc;
}

a.external
{
}

a.ticketlink
{
 float: right;
 padding: 0 6px;
 font-weight: bold;
 font-style: normal;
 color: #fff;
 background: #ff9200 url('/img/bg_tickets.jpg') repeat-x left center;
}

a.ticketlink:hover
{
 color: #fff;
 text-decoration: none;
 background: #ff7300 url('/img/bg_tickets_on.jpg') repeat-x left center;
}

a:hover
{
 text-decoration: underline;
 color: #333;
}

a img
{
 border: none;
}

a.button
{
 font-family: Arial, Helvetica, Verdana, Tahoma;
 font-size: 0.9em;
 font-style: normal;
 background: #cfc5c4 url('/img/buttonbg.gif') no-repeat right top;
 color: #fff;
 padding: 5px 6px 2px 6px;
}

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

.buttonline
{
 clear: both;
 padding: 4px 2px 4px 0;
 text-align: right;
}

.datum
{
 color: #ccc;
}

.options
{
 margin: 10px 0 0 0;
 padding: 10px;
 border-top: 1px solid #dcdcdc;
 border-bottom: 1px solid #dcdcdc;
}





.eventline
{
 clear: both;
 border-bottom: 1px solid #dcdcdc;
}

.eventline .datum
{
 float: left;
 width: 130px;
 padding: 10px 0 10px 10px;
 color: #999;
}

.eventline .location
{
 padding: 10px 0;
 margin: 0 0 0 150px;
}

.eventline .textinfo
{
 color: #b18b4c;
 margin: 0;
 padding: 0 0 0 10px;
 border-left: 1px dotted #633;
}






h1, h2, h3, h4, h5, h6
{
 display: block;
 color: #333;
 font-style: italic;
 font-weight: normal;
 letter-spacing: 1px;
 border-bottom: 1px solid #dcdcdc;
 padding: 1px 1px 1px 12px;
}

h2
{
 font-size: 1.4em;
}

h3
{
 font-size: 1.3em;
}

p
{
 margin: 0;
 padding: 0 10px;
}

form p
{
 margin: 0;
 padding: 0;
}



#center
{
 position: relative;
 width: 980px;
 margin: 0 auto 0 auto;
 text-align: center;
}



#museumslist
{
 position: absolute;
 z-index: 10;
 left: 0px;
 top: 0px;
 width: 270px;
 padding: 0 0 50px 0;
 margin: 0 0 50px 0;
 text-align: left;
}

#museumslist #logo
{
 position: absolute;
 z-index: 11;
 top: 30px;
 width: 152px;
 left: 8px;
 height: 170px;
}

#museumslist #activeflag
{
 position: absolute;
 z-index: 12;
 top: 0px;
 left: 219px;
 width: 51px;
 height: 230px;
}

#museumslist #museumsnavi
{
 position: absolute;
 z-index: 13;
 top: 240px;
 left: 0px;
 width: 270px;
}

#museumslist #museumsnavi ul
{
 margin: 0;
 padding: 0;
 list-style: none;
}

#museumslist #museumsnavi ul li
{
 border-bottom: 1px solid #efefef;
 padding: 1px 1px 1px 12px;
}

#museumslist #museumsnavi ul li a
{
 display: block;
}

















#content
{
 position: absolute;
 z-index: 20;
 left: 0px;
 left: 300px;
 width: 380px;
 padding: 0 0 50px 0;
 margin: 0 0 50px 0;
 text-align: left;
}

#content #sparten
{
 position: absolute;
 z-index: 21;
 left: 0px;
 top: 40px;
}

#content #sparten .menuicon
{
 float: left;
 padding: 0 0 0 5px ;
}

#content #sparteninfo
{
 position: absolute;
 z-index: 21;
 top: 100px;
 left: 10px;
 padding: 0;
 margin: 0;
}

#content #navi
{
 position: absolute;
 z-index: 22;
 top: 177px;
 padding: 0;
 width: 380px;
}

#content #navi ul 
{
 margin: 0;
 padding: 0;
}

#content #navi ul li
{
 display: inline;
 margin: 0 0 0 10px ;
}

#content #navi ul li a
{
 font-style: normal;
 font-size: 1.15em;
}

#content #navi ul li a:hover
{
 text-decoration: none;
}

#karte
{
 position: absolute;
 top: 190px;
 left: 288px;
 z-index: 55;
 width: 700px;
 height: 440px;
 background: url('/img/bg_map.png') no-repeat left top;
}

#karte #close
{
 position: absolute;
 left: -6px;
 top: -6px;
 z-index: 65;
}

#karte #map
{
 position: absolute;
 left: 10px;
 top: 10px;
 width: 680px;
 height: 420px;
}

#content #inhalte
{
 position: absolute;
 z-index: 23;
 top: 240px;
 padding: 0;
 width: 380px;
}


#content #locationinfo
{
 border-bottom: 1px solid #efefef;
 padding: 10px 0 10px 0;
 margin: 0 0 10px 0;
}

#content #locationinfo a
{
 font-style: normal;
}

#content #locationdetails
{
 border-bottom: 1px solid #efefef;
 padding: 0;
 margin: 0 0 10px 0;
}

#content #locationdates
{
 margin: 25px 0 0 0;
}

















#subcontent
{
 position: absolute;
 z-index: 30;
 left: 0px;
 left: 710px;
 width: 270px;
 padding: 0 0 50px 0;
 margin: 0 0 50px 0;
 text-align: left;
}

#subcontent #impression
{
 width: 268px;
 height: 395px;
}

#subcontent h2.unterpunkte
{
 padding: 25px 1px 1px 12px;
}

#subcontent #suchen
{
 padding: 20px 0 0 0;
}

#subcontent #suchen form
{
 margin: 0;
 padding: 0;
}

#subcontent #suchen input.text
{
 width: 258px;
 padding: 5px;
 border: 1px solid #dcdcdc;
 color: #666;
 font-family: Arial, Helvetica, Verdana, Tahoma;
 font-size: 0.9em;
 line-height: 1em;
 
}

#subcontent #suchen input.button
{
 font-family: Arial, Helvetica, Verdana, Tahoma;
 font-size: 0.9em;
 font-style: normal;
 background: #cfc5c4 url('/img/buttonbg.gif') no-repeat right top;
 border: none;
 color: #fff;
 float: right;
 padding: 5px 6px 2px 6px;
 margin: 10px 0;
}

#subcontent #suchen input.button:hover
{
 color: #000;
}

#subcontent .pagernavi
{
 text-align: center;
 margin: 15px 0;
}

#subcontent .pagernavi a
{
 margin: 0 1px;
}




#newscontent
{
 padding-top: 10px;
}

#newscontent h2
{
 margin-bottom: 0;
}


#news #newsmenu ul
{
 margin: 0;
 padding: 0;
 list-style: none;
}

#news #newsmenu ul li
{
 border-bottom: 1px solid #efefef;
 padding: 1px 1px 1px 12px;
}

#news #newsmenu ul li a
{
 display: block;
}







#programmnavi a
{
 white-space: nowrap;
}








#footer
{
 clear:both;
 text-align: right;
 margin: 35px 0;
 padding: 5px 0;
 border-top: 1px solid #eee;
 color: #eee;
}

#footer a
{
 font-style: normal;
 color: #eee;
}


img.border
{
 border: 5px solid #dcdcda;
}

div.border
{
 position: relative;
 border: 5px solid #dcdcda;
 margin: 0;
 padding: 0;
}

.bu
{
 text-align: right;
 padding: 0 10px;
}



.pager
{
 padding: 25px;
 color: #ccc;
 text-align: center;
}





.hidden
{
 display: none;
}

.trenner
{
 clear: both;
}

.abschluss
{
 clear: both;
 height: 50px;
 padding: 25px;
}


.imgright
{
 float: right;
 border: 1px solid #d5c1a3;
 width: 228px;
 height: 158px;
 background: #f9f5ec;
 margin: 0 0 15px 25px;
}

.imgright img
{
 margin: 6px 0 0 6px;
 border: 1px solid #d5c1a3;
}


.downloadimage
{
 float: right;
 border: 1px solid #c5c5c5;
 width: 114px;
 height: 78px;
 background: #f9f5ec;
 margin: 0 0 25px 25px;
}

.downloadimage img
{
 width: 102px;
 height: 66px;
 margin: 5px 0 0 5px;
 border: 1px solid #d5c1a3;
}