/*	DER MUSEUMSDIENST HAMBURG	*/
/*	+ ARTEMiSiUM GmbH & Co. KG	*/
/*	+ Redaktionssystem: CMS|gamma	*/

body, text 
{
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 70%;
 line-height: 1.5em;
 margin: 0px;
 padding: 0px;
 background: url('/img/background.jpg') repeat-x left top;
 color: #493f40;
 text-align: center;
}



/*   PNG-Patch fuer IE6 */
img, div, a img
{ 
 
}




*
{
 font-size: 1em;
}

a
{
 text-decoration: none;
 color: #493f40;
}

a img
{
 border: none;
}

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


h1, h2, h3, h4, h5, h6
{
 font-family: "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
 font-weight: normal;
 text-transform: uppercase;
}

h1
{
 font-size: 1.5em;
}

h2
{
 font-size: 1.25em;
}

h3
{
 font-size: 1.15em;
 margin: 0;
 padding: 0;
}




#titlebar
{
 height: 40px;
}

#titlebar div
{
 padding: 12px 0 0 0;
}

#titlebar #logo
{
 float: left;
}

#titlebar #logo a
{
 display: block;
 width: 265px;
 height: 20px;
 background: url('/img/logo.gif') no-repeat left top;
}

#titlebar #logo a img
{
 display: none;
}

#titlebar #suche
{
 float: right;
 color: #fff;
}

#titlebar #suche p
{
 margin: 0;
 padding: 0;
}

#titlebar #suche input.eingabe
{
 border: none;
}

#titlebar #suche input.button
{
 border: none;
 background: transparent;
 color: #fff;
}








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





.meta
{
 height: 60px;
 border-bottom: 5px solid #a6a2a1;
 text-align: center;
}

.menu
{
 background: #493f40;
 color: #8d8382;
 padding: 15px;
}


.menu fieldset
{
 border: none;
 margin: 0;
 padding: 0;
}

.menu fieldset legend.hilite
{
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #fff;
 font-weight: bold;
}


.menu a
{
 color: #8d8382;
}

.menu a:hover
{
 color: #fff;
}






#navi
{
 float: left;
 width: 260px;
}

#navi .menu
{
 background: #493f40 url('/img/flecken.gif') no-repeat right bottom;
 padding: 20px;
}

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

#navi ul ul
{
 margin: 0 0 0 15px;
 padding: 0;
 list-style: none;
}

#navi a
{
 color: #fff;
 font-weight: bold;
}

#navi a:hover
{
 color: #ccc;
}

#navi a.active
{
 color: #999999;
}

#options
{
 padding: 15px;
}

#options #optionbutton
{
 text-align: center;
}

#options #optiontext a
{ 
 color: #493f40;
}









#content
{
 float: left;
 width: 480px;
 margin: 0;
 padding: 0;
}

#content #kopfbild
{
 position: relative;
 display: block;
 width: 480px;
 height: 340px;
 margin: 0;
 padding: 0;
 overflow: hidden;
}

#content #kopfbild #bu
{
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 480px;
 padding: 5px 0;
 color: #493f40;
 color: #000;
 background: url('/img/bildunterschrift.png') left top;
 border-top: 1px dotted #493f40;
 font-family: "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
 font-weight: normal;
 text-align: right;
}

#content #kopfbild #bu #link
{
 text-transform: uppercase;
}


#content #kopfbild #bu div
{
 padding: 0 15px;
}



#content #text
{
 padding: 15px;
}



#content #text dl dt
{
 font-weight: bold;
}



#content #text dl dd
{
 margin: 0 0 15px 0;
 padding: 0 0 0 15px;
 border-left: 1px dotted #493f40;
}








#meta
{
 float: left;
 width: 260px;
}

#meta #metanavi
{
 padding: 35px 0 0 0;
}


#meta #metanavi fieldset
{
 border: none;
 margin: 0;
 padding: 0;
}

#meta .menu
{
 border-bottom: 1px dashed #564A4B;
}







.calendar 
{
 padding: 0; 
 color: #564a4b;
 width: 210px;
}

.calendar .center
{
 clear: both;
 width: 205px;
 text-align: center;
 color: #8d8382;
 text-transform: uppercase;
}

.calendar .right
{
 float: right;
}

.calendar .left
{
 float: left;
}

.calendar span 
{
 float: left; 
 width: 25px; 
 display: block;
 padding: 0; 
 margin: 3px 3px 0 0;
 text-align: center; 
 border: 1px solid #564a4b;
}

.calendar span.hidden
{
 display: none;
 border: none;
}

.calendar a
{
 color: #8d8382;
}

.calendar a:hover
{
 color: #fff;
}

.calendar span.empty
{
 border: none;
 padding: 1px;
 font-weight: bold;
 color: #8d8382;
}

.calendar #monate
{
 padding-bottom: 10px;
 text-align: center;
}

.calendar{
 margin-left: 10px;
 clear: left;
}

.calendar span.sun
{
 background: #8d8382;
 color: #493f40;
 font-weight: bold;
}

.calendar span.hilite
{
 background: #931;
 color: #FFF;
 font-weight: bold;
}

.calendar span.hilite a
{
 color: inherit;
}

.calendar span.sun a
{
 color: #493f40;
}

.calendar span.sun a:hover
{
 color: #fff;
}

.calendar span.today
{
 background: #8d8382;
 font-weight: bold;
 color: #fff;
}

.calendar span.today a
{
 color: #FFF;
}

.calendar span.event
{
 background: #53494A;
 color: #8d8382;
}


.calendar fieldset
{
 border: none;
 margin: 0;
 padding: 0;
}










#vsscalendar 
{
 padding: 0; 
 color: #564a4b;
 width: 180px;
 float: left;
}

#vsscalendar .center
{
 clear: both;
 width: 170px;
 text-align: center;
 color: #8d8382;
 text-transform: uppercase;
}

#vsscalendar .right
{
 float: right;
}

#vsscalendar .left
{
 float: left;
}

#vsscalendar span 
{
 float: left; 
 width: 20px; 
 display: block;
 padding: 0; 
 margin: 3px 3px 0 0;
 text-align: center; 
 border: 1px solid #564a4b;
}

#vsscalendar span.hidden
{
 display: none;
 border: none;
}

#vsscalendar a
{
 color: #8d8382;
}

#vsscalendar a:hover
{
 color: #fff;
}

#vsscalendar span.empty
{
 border: none;
 padding: 1px;
 font-weight: bold;
 color: #8d8382;
}

#vsscalendar #monate
{
 padding-bottom: 10px;
 text-align: center;
}

#vsscalendar{
 margin-left: 10px;
 clear: left;
}

#vsscalendar span.sun
{
 background: #8d8382;
 color: #493f40;
 font-weight: bold;
}

#vsscalendar span.hilite
{
 background: #931;
 color: #FFF;
 font-weight: bold;
}

#vsscalendar span.hilite a
{
 color: inherit;
}

#vsscalendar span.sun a
{
 color: #493f40;
}

#vsscalendar span.sun a:hover
{
 color: #fff;
}

#vsscalendar span.today
{
 background: #8d8382;
 font-weight: bold;
 color: #fff;
}

#vsscalendar span.today a
{
 color: #FFF;
}

#vsscalendar span.event
{
 background: #53494A;
 color: #8d8382;
}


#vsscalendar fieldset
{
 border: none;
 margin: 0;
 padding: 0;
}



#vsscalendartimes
{
 float: left;
 width: 120px;
 margin: 0 0 0 5px;
}

#vsscalendartimes select
{
 width: 115px;
 border: 1px solid #8d8382;
}



#vsscalendartimes .info
{
 text-transform: uppercase;
}

#minmaxinfo
{
 clear: both;
 padding: 2px 10px;
 margin: 10px 0 0 0 ;
}

#minmaxinfo select
{
 border: 1px solid #8d8382;
}

#bemerkunginfo
{
 clear: both;
 padding: 2px 15px  2px 10px;
 margin: 10px 0 0 0 ;
}

#bemerkunginfo textarea
{
 width: 100%;
 height: 35px;
 border: 1px solid #8d8382;
 
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 1em;
}

#auswahl
{
 clear: both;
 padding: 10px;
}

#cartinfo
{
 position: relative;
 clear: both;
 padding: 10px;
}

a.pb
{
 background: #493f40;
 color: #fff;
 text-transform: uppercase;
 padding: 2px 5px;
}

#priceinfo 
{
 padding: 5px 10px;
 background: #8d8382;
 color: #fff;
}


#personendatendialog
{
 position: absolute;
 left: 300px;
 top: -105px;
 background: url('/img/preisberechnung.png') no-repeat left top;
 width: 299px;
 height: 364px;
}

#personendatendialog #pddclosebottom
{
 position: absolute;
 left: 40px;
 bottom: 30px;
}

#personendatendialog #pddclosebottom a
{
 display: block;
 color: #fff;
 font-weight: bold;
}

#personendatendialog #pddclose
{
 position: absolute;
 top: 0px;
 right: 0px;
}

#personendatendialog #pddconfig
{
 padding:95px 30px 0 35px;
 color: #fff;

}

#personendatendialog #pddconfig strong
{
 text-transform: uppercase;
}

#personendatendialog #pddconfig select
{
 width: 228px;
 border: 1px solid #8d8382;
 background: #8d8382;
 color: #fff;
}











.headcalender
{ 
 padding: 15px;
 height: 340px;
 background: #fbfbfb;
 color: #8D8382;
}

.headcalender span
{
 border: 1px solid #8D8382;
 color: #8D8382;
}

.headcalender span.sun
{
 background: #E0E0E0;
 font-weight: normal;
 color: #8D8382;
}

.headcalender span.event
{
 border: 1px solid #8D8382;
 background: #C0C0C0;
 font-weight: bold;
 color: #000;
}

.headcalender span.event a
{
 color: inherit;
}

.headcalender h1
{
 color: #493f40; 
}

.headcalender ul
{
 margin: 0;
 padding: 10px 0 0 15px;
 list-style: square;
}

.headcalender ul li:hover
{
 color: #493f40; 
}




















.locationline
{
 clear: both;
 border-bottom: 1px dotted #999;
 padding: 25px 0;
}

.locationline .locationimage
{
 float: left;
 display: block;
 overflow: hidden;
 width: 142px;
 height: 90px;
 background: #FaFaFa;
 margin: 0 25px 0 0;
}

.locationline .locationtext
{
 float: left;
 width: 280px;
}

.locationline .locationtext p
{
 margin: 0;
}






.newsline
{
 padding: 15px 0;
 border-bottom: 1px dotted #8d8382;
}

.datum
{
 color: #8d8382;
 float: right;
}






#kalender
{
}

#kalender h3
{
 clear: both;
 background: #8d8382;
 color: #fff;
 padding: 2px 5px;
}


#kalender b
{
 margin: 0;
 padding: 0;

}

#kalender .kalenderline
{
 clear: both;
 margin: 0;
 padding: 15px;
 border-top: 1px dotted #8d8382;
}

#kalender .kalenderline .datums
{
 float: left;
 padding: 0 0 25px 0;
 width: 100px;
}

#kalender .kalenderline .texte
{
 float: left;
 padding: 0 0 25px 0;
 margin: 0 0 0 25px;
 width: 295px;
}

#kalender .kalenderline .locationname
{
 text-transform: uppercase;
 padding: 0 0 10px 0;
}









#hef
{
 display: block;
 width: 480px;
 height: 340px;
}

.kinder
{
 background: #87a600 url('/img/toggleheader/kinder_bg.jpg') repeat-x left top;
}

.touren
{
 background: #da8a0d url('/img/toggleheader/touren_bg.jpg') repeat-x left top;
}

.gespraeche
{
 background: #2bb3e3 url('/img/toggleheader/gespraeche_bg.jpg') repeat-x left top;
}

#hef #heftop .hefbutton
{
 display: block;
 padding: 70px 0 30px 15px;
 float: left;
}

#hef #hefbottom
{
 clear: both;
 padding: 10px 15px;
 color: #fff;
}

#hef #hefbottom a
{
 color: #fff;
 font-weight: bold;
}

#hef #hefbottom h2
{
 font-size: 2em;
}









#detailnavi
{
 float: left;
 width: 142px;
 display: block;
 margin: 0 25px 25px 0;
}


#detailinfo
{
 float: left;
 width: 280px;
 margin: 0 0 25px 0;
}


#detailinfo h3
{
 font-weight: bold;
 margin: 0 0 5px 0;
}







.eventkategorieline
{
 clear: both;
 padding: 0;
}

.eventkategorieline h3 a
{
 display: block;
 color: #493f40;
 padding: 2px 5px;
}


.eventkategorieline h3 a:hover
{
 display: block;
 background: #8d8382;
 color: #fff;
 padding: 2px 5px;
}


.eventkategorieline h3 a:active
{
 display: block;
 background: #8d8382;
 color: #fff;
 padding: 2px 5px;
}


.eventkategorieline h3 a.active
{
 display: block;
 background: #493f40;
 color: #fff;
 padding: 2px 5px;
}


.eventkategorieline .anzeigen
{
 padding: 3px 10px;
 color: #fff;
 background: #493f40;
}

.eventkategorieline .eventactive
{
 clear: both;
 background: #fbfbfb;
 padding: 0 15px;
}






.eventline
{
 clear: both;
 padding: 10px 0;
}


.eventline .eventtext h4
{
 margin: 0;
 padding: 0 0 5px 0;
}


.eventline .eventtext
{
 float: left;
 padding: 5px 15px 5px 0;
 margin-bottom: 10px;
 width: 345px;
}


.eventline .eventtext .buchen
{
 padding: 3px 10px;
 color: #fff;
 background: #493f40;
}

.eventline .eventtext .kaufen
{
 padding: 3px 10px;
 color: #fff;
 background: #990033;
}


.eventline .eventtext .buchen:hover
{
 text-decoration: none;
}

.telefonischbestellen
{
 padding: 3px 0;
 color: #990033;
 font-weight: bold;
}

.eventline .eventart
{
 margin: 0;
 padding: 5px 0 5px 10px;
 float: left;
 width: 45px;
 border-left: 1px dotted #8d8382;
}

.eventline .pdt
{
 background: #edfffc;
 border: 1px solid #c3f0e9;
}

.eventline .pdtlink a
{
 display: block;
 background: #edfffc;
 border: 1px solid #c3f0e9;
 text-align: center;
}

.eventline .pdt p
{
 padding: 5px 10px;
 margin: 0;
}

.buchungsbreich .eventline .eventtext
{
 background: #f00;
 padding: 25px;
}

.eventbuchen
{
 background: #fff;
 padding: 10px 0;
 border: 1px dotted #8d8382;
}

.kalendertopinfo
{
 padding: 5px 10px 10px 10px;
 border-bottom: 1px dotted #8d8382;
 margin: 0 0 10px 0;
 color: #990033;
}

a.arrow 
{
 font-weight: bold;
 color: #000;
 display: block;
 padding: 0 5px;
}

a.arrow:hover
{
 font-weight: bold;
 color: #fff;
 background: #8d8382;
 text-decoration: none;
}













#footer
{
 clear: both;
 padding: 0;
}

#footer #footernavi
{
 text-align: right;
 padding: 10px 0;
 width: 740px;
}

#footer #footerinfo
{
 border-top: 1px dotted #8d8382;
}

#spbn
{
}

#spb
{
 text-align: right;
 padding: 5px 20px;
 color: #cbcbcb;
}

.bn
{
 float: left;
 display: block;
 margin: 0 0 10px 8px;
 background: #e1e1e1;
 width: 190px;
 height: 80px;
}


.trenner
{
 clear: both;
 overflow: hidden;
 height: 1px;
}

.trennerd
{
 clear: both;
 overflow: hidden;
 border-bottom: 1px dotted #493f40;
 padding: 10px 0 0 0;
 margin: 0;
}

.hidden
{
 display: none;
}

.underline
{
 border-bottom: 1px solid #493f40;
}




form
{
 margin: 0;
 padding: 0;
}



#login
{
 color: #fff;
 color: #8d8382;
}

#login form
{
 padding: 0 0 0 10px;
}

#login input
{
 border: 1px solid #493f40;
 background: #8d8382;
 color: #493f40;
 width: 200px;
 padding: 2px 5px;
}

#login select
{
 border: 1px solid #493f40;
 background: #8d8382;
 color: #493f40;
 width: 210px;
}

#login input:focus
{
 border: 1px solid #fff;
 color: #fff;

}

#login input.btn
{
 width: 100px;
 border: 1px solid #ccc;
 color: #ccc;
}

#login input.btn:hover
{
 border: 1px solid #fff;
 color: #fff;
}

strong.hilite
{
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #fff;
}

a.btn
{
 float: left;
 display: block;
 border: 1px solid #ccc;
 background: #8d8382;
 color: #ccc;
 padding: 1px 10px;
 margin: 0 15px 0 0;
 text-align: center;
}

a.btn:hover
{
 border: 1px solid #fff;
 color: #fff;
 text-decoration: none;
}




.pager
{
 padding: 10px 0;
 border-bottom: 1px dotted #8d8382;
 text-align: center;
}


.pager a
{
 color: #493f40;
 padding: 2px 5px;
 border: 1px solid #493f40;
}

.pager a:hover
{
 background: #eee;
 text-decoration: none;
}

.pager .current
{
 background: #493f40;
 border: 1px solid #000;
 color: #fff;
 font-weight: bold;
}

.pager .current:hover
{
 background: #493f40;
 border: 1px solid #000;
 color: #fff;
 font-weight: bold;
}

.pager .disabled
{
 color: #ccc;
 padding: 2px 5px;
 border: 1px solid #ccc;
}

.steps
{
 text-align: center;
 padding: 15px 0 0 0;
}







.minicartline
{
 clear: both;
}

.minicartline div
{
 float: left;
 padding: 0 5px 0 0;
}

.minicartline div.nummer
{
 width: 30px;
 text-align: right;
}

.minicartline div.name
{
 width: 100px;
}

.minicartline div.price
{
 width: 60px;
 text-align: right;
}

.minicartline div.remove
{
 width: 15px;
 text-align: center;
 padding: 0;
}

.minicartline div.remove a
{
 padding: 1px 2px;
 line-height: 1em;
 display: block;
 font-weight: bold;
 color: #990033;
 border: 1px solid #564a4b;
}

.minicartline div.remove a:hover
{
 font-weight: bold;
 background: #990033;
 color: #fff;
 text-decoration: none;
 border: 1px solid #fff;
}













.longcartline
{
 clear: both;
 border-top: 1px dotted #8d8382;
 padding: 10px 0 0 0;
}

.longcartline div
{
 float: left;
 padding: 0 5px 0 0;
 margin: 0 0 10px 0;
}

.longcartline div.nummer
{
 width: 30px;
 text-align: right;
}

.longcartline div.name
{
 width: 250px;
}

.longcartline div.price
{
 width: 60px;
 text-align: right;
}

.longcartline div.remove
{
 text-align: center;
 padding: 0;
 margin: 0 0 0 25px;
}

.longcartline div.remove a
{
 padding: 1px 2px;
 line-height: 1em;
 display: block;
 font-weight: bold;
 color: #990033;
 border: 1px solid #564a4b;
}

.longcartline div.remove a:hover
{
 font-weight: bold;
 background: #990033;
 color: #fff;
 text-decoration: none;
 border: 1px solid #000;
}





.pdata
{
 float: left;
 width: 210px;
 padding: 0 0 25px 0;
}

.red
{
 color: #9a0000;
}







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

#sitemap ul ul
{
 padding: 0 0 0 25px;
}













#auswahl .minicartline
{
 clear: both;
}

#auswahl .minicartline div
{
 float: left;
 padding: 0 5px 0 0;
}

#auswahl .minicartline div.nummer
{
 width: 30px;
 text-align: right;
}

#auswahl .minicartline div.name
{
 width: 190px;
}

#auswahl .minicartline div.price
{
 width: 60px;
 text-align: right;
}

#auswahl .minicartline strong.hilite
{
 color: #493f40;
}



#backtooverview
{
 position: relative;
}

#museumsoverview
{
 position: absolute;
 top: -5px;
 left: -10px;
 background: #fff;
 padding: 0;
 border: 1px solid #564a4b;
}

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

#museumsoverview a
{
 display: block;
 padding: 2px 10px;
}

#museumsoverview a.active
{
 background: #8d8382;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#museumsoverview a.hl
{
 text-transform: uppercase;
}

#museumsoverview a.hl:hover
{
 background: #564a4b;
 color: #fff;
 text-decoration: none;
}

#museumsoverview a.hlon
{
 text-transform: uppercase;
 background: #ccc;
}

#museumsoverview a.hlon:hover
{
 background: #564a4b;
 color: #fff;
 text-decoration: none;
}






#newsletterform
{
}

#newsletterform input,select
{
 border: 1px solid #ccc;
}

#newsletterform input:focus
{
 border: 1px solid #564a4b;
}

.infobox
{
 border: 1px solid #900;
 background: #FFF1F1;
 padding: 15px;
 margin: 15px 0;
}

#newsletterform .button
{
 text-align: right;
}

#newsletterform .nlleft
{
 float: left;
 width: 185px;
}

#newsletterform .nlleft input,select
{
 width: 170px;
}

#newsletterform .nlright
{
 margin: 0 0 0 200px;
 width: 250px;
}

label.option
{
 display: block;
}

.error
{
 border: 1px solid #b44949;
 background: #fff2f2;
 padding: 10px;
 margin: 10px 0;
}

.success
{
 border: 1px solid #49b449;
 background: #f2fff2;
 padding: 10px;
 margin: 10px 0;
}












.accountform
{
}

.accountform label
{
 display: block;
 padding: 2px;
 margin: 2px 0 0 0;
 border: 1px solid #fff;
}

.accountform label.red
{
 display: block;
 padding: 2px;
 margin: 2px 0 0 0;
 background: #fee;
 border: 1px solid #f00;
}

.accountform label span
{
 clear: both;
 float: left;
 display: block;
 width: 150px;
 text-align: right;
 margin: 3px 25px 0 0;
}

.accountform label input
{
 width: 225px;
 border: 1px solid #999;
}

.accountform label select
{
 width: 225px;
 border: 1px solid #999;
}




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

#pressemenu ul .active
{
 font-weight: bold;
}

#pressecontent
{
 width: 440px;
 margin: 15px 0 0 0;
 padding: 15px 0 0 0;
 border-top: 1px dotted #999;
}

.downloadimage
{
 margin: 5px 0 15px 15px;
}