/* *** ein schickes stylesheet fuer das museum der arbeit *** 
   *** hier die styles fuer die normale ansicht           *** 
   *** fuer browser > netscape4                           *** 
*/


/* *** die farben: ***
museumsrot    #FF0B00;
linkorange    #F35B00;
txtgrau       #303030;
*/

/* *** fonts *** */

  @font-face {
    font-family: "Futura Lt BT";
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/futural.eot);
  }
  
  @font-face {
	font-family: "Futura Lt BT";
	font-style: italic;
	font-weight: normal;
	src: url(../fonts/futural.eot);
}  
   @font-face {
    font-family: "Futura Md BT";
	font-style: normal;
	font-weight: bold;
	src: url(../fonts/futuram.eot);
}

    @font-face {
	font-family: "Futura Md BT";
	font-style: italic;
	font-weight: bold;
	src: url(../fonts/futuram.eot);
}


/* *** debug *** */
/* body								{ margin: 0; padding: 0; background: white url() no-repeat; }
div									{ border: 1px solid black; } */
.debug								{ border: 1px solid black; }


/* *** uebergreifendes, umgreifendes, drumrum ***
*/
html								{ border-left: 1px solid #F35B00; }
/* verschiedene body-IDs, #start + #seite +... um zwischen verschiedenen seitentypen hin-herzuschalten, s. reemtsma */
body								{ margin: 0; padding: 0; background: #E0E0E0 url(../images/bg_verlauf.jpg) repeat-x; text-align: center; }
#cache								{ position: absolute; top: -100px; left: -100px; width: auto; height: auto; z-index: -100; }
#alles								{ width: 764px; margin: 0 auto 0 auto; text-align:left; }
.clear								{ clear: both; } /* loest das float von als spalten nebeneinander gesetzten divs auf */


/* *** die boxen fuer kopfleiste und pfadangabe ***
*/
#skip								{ font-weight: bold; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 9px; color: #999; padding: 7px 0 7px 34px; }
#skip a								{ text-decoration: none; color: #999; }
#skip a:hover,#skip a:focus			{ text-decoration: underline; }
/* 
header mit wechselnden bg-images
*/
#header								{ width: 764px; height: 83px; background: url(../images/header_final.gif) no-repeat; }
#headerAnimationen					{ width: 764px; height: 83px; background: url(../images/header_animationen.gif) no-repeat; }
#headerAusstellungen				{ width: 764px; height: 83px; background: url(../images/header_ausstellungen.gif) no-repeat; }
#headerBilder						{ width: 764px; height: 83px; background: url(../images/header_bilder.gif) no-repeat; }
#headerEvent						{ width: 764px; height: 83px; background: url(../images/header_event.gif) no-repeat; }
#headerFoerderer					{ width: 764px; height: 83px; background: url(../images/header_foerderer.gif) no-repeat; }
#headerForum						{ width: 764px; height: 83px; background: url(../images/header_forum.gif) no-repeat; }
#headerKontakt						{ width: 764px; height: 83px; background: url(../images/header_kontakt.gif) no-repeat; }
#headerImpressum					{ width: 764px; height: 83px; background: url(../images/header_impressum.gif) no-repeat; }
#headerHafen					{ width: 764px; height: 83px; background: url(../images/header_hafenmuseum.gif) no-repeat; }
#headerKurse						{ width: 764px; height: 83px; background: url(../images/header_kurse.gif) no-repeat; }
#headerLinks						{ width: 764px; height: 83px; background: url(../images/header_links.gif) no-repeat; }
#headerMuseumsladen					{ width: 764px; height: 83px; background: url(../images/header_museumsladen.gif) no-repeat; }
#headerMuseumspaedagogik		{ width: 764px; height: 83px; background: url(../images/header_paedagogik.gif) no-repeat; }
#headerPresse						{ width: 764px; height: 83px; background: url(../images/header_presse.gif) no-repeat; }
#headerService						{ width: 764px; height: 83px; background: url(../images/header_service.gif) no-repeat; }
#headerSonder						{ width: 764px; height: 83px; background: url(../images/header_sonder.gif) no-repeat; }
#headerSuche						{ width: 764px; height: 83px; background: url(../images/header_suche.gif) no-repeat; }
#headerTrude						{ width: 764px; height: 83px; background: url(../images/header_trude.gif) no-repeat; }
#headerUeber						{ width: 764px; height: 83px; background: url(../images/header_ueber.gif) no-repeat; }
#headerVeranstaltungen				{ width: 764px; height: 83px; background: url(../images/header_veranstaltungen.gif) no-repeat; }
#headerVerein						{ width: 764px; height: 83px; background: url(../images/header_verein.gif) no-repeat; }

#headerHomeLink					{
	margin: 7px 0 0 24px;
	width: 100px;
	height: 70px;
}

/* 
liste fuer das style-menue
*/
#darstellung						{ margin: 0 0 0 630px; padding: 23px 0 0 0; list-style-type: none; width: 110px; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 10px; font-weight: bold; line-height: 155%; color: #777; }
#darstellung li						{ }
#darstellung a						{ display: block; width: 99%; text-decoration: none; color: #777; padding: 0 0 0 7px; }
#darstellung a#norma				{ border-bottom: 1px solid white; border-right: 1px solid white; border-left: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; }
#darstellung a#norma:hover,#darstellung a#norma:focus
									{ cursor: default; }
#darstellung a#gross				{ border-bottom: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; border-left: 1px solid white; border-top: 1px solid white; }
#darstellung a#gross:hover,#darstellung a#gross:focus
									{ color: #303030; border-bottom: 1px solid white; border-right: 1px solid white; border-left: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; }
#darstellung a#druck				{ border-bottom: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; border-left: 1px solid white; border-top: 1px solid white; }
#darstellung a#druck:hover,#darstellung a#norma:focus
									{ color: #303030; border-bottom: 1px solid white; border-right: 1px solid white; border-left: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; }
#darstellung #jetzt					{ display: none; }

/*
breadcrumbs
*/
#pfadOut							{ border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; margin: 0 0 14px 0; }
#pfadIn								{ border-top: 2px solid white; border-bottom: 2px solid white; background: #666; padding: 4px 0 4px 34px; }
#pfadIn p							{ display: inline; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 9px; color: white; }
#pfadIn a							{ text-decoration: none; color: white; }
#pfadIn a:hover,#pfadIn a:focus	
									{ text-decoration: underline; }


/* *** die boxen fuer navigation + content *** 
*/
#navOut								{ border: 1px solid #C8C8C8; }
/* zufallspic: */
#navIn								{ border: 6px solid white; padding: 2px; background: white url(../images/illu/navi/rotate.php) no-repeat; }
#navIn								{ border: 6px solid white; padding: 2px; background: white url(../images/illu/navi/museum2.jpg) no-repeat; }
/* 
listen fuer die hauptnavigation
*/
#start #navText						{ float: left; list-style-type: none; width: 311px; margin: 0 9px 0 0; padding: 15px 0 15px 25px; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 10px; font-weight: bold; background: url(../images/bg_trans_gross.gif) no-repeat; line-height: 165%; color: #303030; }
#start #navText li					{  }
#start #navText a					{ padding: 0 8px 0 5px; color: #303030; text-decoration: none; border-bottom: 1px solid white; background: white url(../images/pfeil_nav.gif) 1px 3px no-repeat; }
#start #navText a#aktiv				{ color: #F35B00; }
#start #navText a:hover,#start #navText a:focus
									{ color: #F35B00; border-bottom: 1px solid #999; background-color: white; }
#seite #navText						{ list-style-type: none; width: 160px; margin: 0; padding: 15px 0 15px 0; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 10px; font-weight: bold; line-height: 165%; color: #303030; }
#seite #navText a					{ padding: 0 8px 0 5px; color: #303030; text-decoration: none; border-bottom: 1px solid white; background: white url(../images/pfeil_nav.gif) 1px 3px no-repeat; }
#seite #navText a#aktiv				{ color: #F35B00; background: white url(../images/pfeil_nav.gif) 1px 3px no-repeat; }
#seite #navText a#aktivauf			{ color: #F35B00; background: white url(../images/pfeil_navU.gif) 1px 3px no-repeat; }
#seite #navText a#auf				{ background: white url(../images/pfeil_navU.gif) 1px 3px no-repeat; }
#seite #navText a#back				{ background: white url(../images/pfeil_navL.gif) 1px 3px no-repeat; }
#seite #navText a:hover,#seite #navText a:focus
									{ color: #F35B00; border-bottom: 1px solid white; background-color: white; }
#seite #navTextSub					{ list-style-type: none; width: 160px; margin: 0; padding: 0 0 0 5px; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 10px; font-weight: normal; line-height: 165%; color: #303030; }
#seite #navTextSub a				{ padding: 0 8px 0 5px; color: #303030; text-decoration: none; border-bottom: 1px solid white; background: none; }
#seite #navTextSub a#Subaktiv		{ color: #F35B00; }
#seite #navTextSub a:hover,#seite #navTextSub a:focus
									{ color: #F35B00; border-bottom: 1px solid white; background-color: white; }
#bild #navText						{ list-style-type: none; width: 160px; margin: 0; padding: 15px 0 15px 0; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 10px; font-weight: bold; line-height: 165%; color: #303030; }
#bild #navText a					{ padding: 0 8px 0 5px; color: #303030; text-decoration: none; border-bottom: 1px solid white; background: white url(../images/pfeil_nav.gif) 1px 3px no-repeat; }
#bild #navText a#back				{ background: white url(../images/pfeil_navL.gif) 1px 3px no-repeat; }
#bild #navText a:hover,#bild #navText a:focus
									{ color: #F35B00; border-bottom: 1px solid white; background-color: white; }

#aktuell							{ float: right; width: 346px; height: 190px; overflow: auto; padding-right: 5px; }
#aktuell h1							{ margin: 6px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #303030; }
#aktuell p							{ font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
#aktuell .thumb						{ float: left; margin-right: 8px; border: 1px solid #F35B00; padding: 1px; }
#aktuell a							{ text-decoration: none; }

.contentOut							{ background-color: white; margin: 14px 0 14px 0; padding: 0 7px; border: 1px solid #C8C8C8; }
.contentIn							{ padding: 0 24px 0 26px; }
#start .contentIn h1				{ margin: 0; padding: 10px 0 3px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 140%; text-transform: uppercase; letter-spacing: 1px; color: #303030; }
#seite .contentIn h1				{ margin: 0; padding: 10px 0 3px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 16px; line-height: 140%; text-transform: uppercase; letter-spacing: 1px; color: #303030; }
.contentIn p						{ margin: 0px; padding: 8px 0; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
.contentIn a						{ text-decoration: none; color: #F35B00; border-bottom: 1px solid #999; }
.contentIn a:visited				{ text-decoration: none; color: #F35B00; border-bottom: 1px solid #999; } 
.contentIn a:hover,.contentIn a:focus
									{ color: #F35B00; border-bottom: 1px solid #303030; }

.contentRechts ul					{ list-style-type: circle; margin: 0; padding: 8px 0 8px 15px; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
.contentRechts li					{ padding-bottom: 8px; }
.contentRechts ul ul				{ list-style-type: square; margin: 0; padding: 8px 0 0 30px; }
.contentRechts ul ul ul				{ list-style-type: disc; margin: 0; padding: 8px 0 0 45px; }

#start .contentLinks				{ float: left; width: 330px; padding: 8px 0 10px 0; }
#start .contentRechts				{ float: right; width: 330px; padding: 8px 0 10px 0; }
#seite .contentLinks				{ float: left; width: 162px; padding: 8px 0 10px 0; }
#seite .contentRechts				{ float: right; width: 505px; padding: 8px 0 10px 20px; border-left: 1px solid #C8C8C8; }
#seite .contentRechts p				{ font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
#seite .contentRechts img			{ padding: 1px; border: 1px solid #999; }
#seite .contentRechts img.rechts		{
	margin: 10px 0px 10px 10px;
	padding: 1px;
	border: 1px solid #999;
	float: right;
}
#seite .contentRechts img.links		{
	margin: 10px 10px 10px 0px;
	padding: 1px;
	border: 1px solid #999;
	float: left;
}
#seite .contentRechts img.noborder
									{ border: 0px solid white; padding: 0px; }
#seite .contentRechts ol			{ margin: 0; padding: 8px 0 8px 15px; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
#seite .contentRechts ul			{ list-style-type: circle; margin: 0; padding: 8px 0 8px 15px; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
#seite .contentRechts li			{ padding-bottom: 8px; }
#seite .contentRechts ul ul			{ list-style-type: square; margin: 0; padding: 8px 0 0 30px; }
#seite .contentRechts ul ul ul		{ list-style-type: disc; margin: 0; padding: 8px 0 0 45px; }
#seite .contentRechts th			{ font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
#seite .contentRechts td			{ font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
#seite .contentRechts form			{ font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 150%; color: #303030; }
#bild .contentLinks					{ width: 162px; padding: 8px 0 2px 0; }
#bild .contentRechts				{ width: 697px; padding: 0; text-align: center; }
#bild .contentRechts img			{ margin: 0 auto 0 auto; padding: 1px; border: 1px solid #999; }
#bild .contentRechts img.noborder
									{ border: 1px solid white; padding: 0px; margin: 10px; }

.obenOut							{ border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; margin: 0; clear:both; }
.obenIn								{ border-top: 2px solid white; border-bottom: 2px solid white; background: #666; padding: 0 30px 0 175px; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 9px; color: white; }
a.oben							{
	text-decoration: none;
	display: block;
	width: 75px;
	padding: 4px 0 4px 21px;
	background: #777 url(../images/pfeil_top.gif) 7px 3px no-repeat;
	color: White;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
}
a.oben:hover, a.oben:focus		{
	text-decoration: underline;
	color: White;
}


/* *** die boxen fuer fussleiste, top + copyrightzeile *** 
*/
#obenOut							{ border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; margin: 0; }
#obenIn								{ border-top: 2px solid white; border-bottom: 2px solid white; background: #666; padding: 0 30px 0 235px; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 9px; color: white; }
#obenIn a							{ text-decoration: none; display: block; width: 75px; padding: 4px 0 4px 21px; background: #777 url(../images/pfeil_top.gif) 7px 3px no-repeat; color: white; border-left: 1px solid #888; border-right: 1px solid #888; }
#obenIn a:hover,#obenIn a:focus
									{ text-decoration: underline; }
									
#footer								{ width: 764px; height: 83px; background: url(../images/footer_final.gif) no-repeat; }
#footer img							{ margin-left: 584px; }
#c									{ font-weight: bold; font-family: Verdana,Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 9px; color: #888; padding: 7px 0 7px 125px; }
#c a								{ text-decoration: none; color: #888; }
#c a:hover,#c a:focus				{ text-decoration: underline; }
#c a.w3c							{ color: white; background-color: #888; padding: 1px 2px; margin-right: 2px; }


/* *** aus dem alten stylesheet uebernommene klassen ***
   mitunter muss die verschachtelung vorangestellt werden
*/
.Ausstellungslaufzeit				{ font-weight: bold; }
.Unter-Ueberschrift					{ text-transform: none; font-style: italic; }
#bild .contentRechts p.Bildunterschrift
									{ text-align: left; margin: 15px 0 0 0; padding: 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 14px; line-height: 140%; letter-spacing: 1px; color: #303030; font-style: italic; }
#bild .contentRechts p.Copyright
									{ text-align: left; font-style: italic; }
.downloadSize					{
	font-size: small;
	font-style: italic;
}									
.rot								{ color: #FF0B00; }
.AntwortGaestebuch					{  }
.Neu								{ font-style: italic; color: #FF0B00; }
.OnlyGerman							{ font-style: italic; color: #FF0B00; }
.Hinweis							{ font-style: italic; color: #FF0B00; }

/* headlines */
h1									{ margin: 0; padding: 10px 0 3px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 16px; line-height: 140%; letter-spacing: 1px; color: #303030; }
h2									{ margin: 0; padding: 10px 0 3px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 15px; line-height: 140%; letter-spacing: 1px; color: #303030; }
h3									{ margin: 0; padding: 10px 0 3px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 14px; line-height: 140%; letter-spacing: 1px; color: #303030; }
h4									{ margin: 0; padding: 10px 0 3px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 13px; line-height: 140%; letter-spacing: 1px; color: #303030; }
h5									{ margin: 0; padding: 10px 0 3px 0; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 12px; line-height: 140%; letter-spacing: 1px; color: #303030; }

h5.header						{ display: none; }

/* *** formulare *** 
*/
form								{ display: inline; } /* schaltet die umbrueche um das dropdown aus. auch im ie? */
select								{ width: 197px; margin: 4px 0; font-family: "Trebuchet MS",Arial,Helvetica,Swiss,SunSans-Regular,sans-serif; font-size: 11px; border-color: #D8D8D8; color: #F35B00; background-color: #F1F1F1; }
.ober								{ font-weight: bold; background-color: white; border-bottom: 1px solid #C8C8C8; line-height: 130%; } /* fuer die oberkategorie im dropdown auf der startseite, klappt aber nicht im winIE */
input								{ margin: 0 0 3px 4px; cursor: pointer; }

#rahmentabelle				{ width: 100%; }
#rahmentabelle th			{ padding: 3px; border-right: 2px solid #BBB; border-bottom: 2px solid #BBB; }
#rahmentabelle td			{ padding: 3px; border-right: 1px solid #CCC; border-top: 1px solid #CCC; }


/* small - hoffe das kaskadiert korrekt */
small								{ font-size: 10px; }


/* navigation - ich glaub das machts uebersichtlicher? */
#seite #navTextSub ul li			{ padding: 0 0 0 4px; }

/* *** barrierefreiheit *** 
*/
abbr,acronym						{ cursor: help; border-bottom: 1px dotted #303030; }

/* *** 07-08-2005 martin niggemann, www.weltrettung.org *** 
*/