/* CSS Stile für Museumsmagazin - tabellenlose Version */
/* ======== Kopfteil ==============*/
#root { width:100%; border:0; padding:0; margin:0; }
#head { border:0px solid orange; width:100%; height:120px; display:block; float:left; clear:right; 
background-color:#E41F26; }
.logoabstand { width:32px; float:left; display: block; }
.logomuseum { float:left; padding-top:16px; display: block; }
.logomagazin { float:left; display: block; }
/*.logohdg { 0px solid olive;display: block; padding:80px 0px 0 10px; } */
.logohdg { float:left; display: block; padding: 0 0 0 10px; clear:left;}

/* ======== Subleiste ==============*/
#subleiste { border:0px solid purple; width:770px; height:26px; display:block; float:left; background-color:#E6E6E6; }
.subleistenabstand { border:0px solid brown; width:180px; height:26px; float:left; display: block; 
background-color:#E41F26; }
#ausgabenr { 1px solid olive; height:23px; float:left; display: block; padding-top:3px; padding-left:10px; margin:0; font-weight:bold; }
#suche { float:left; display: block; padding-left:10px; padding-top:1px; }
#sitemap, #kontakt, #impressum, #drucken { float:left; display: block; padding-left:15px; padding-top:4px; }

/* ======== Unterteil ==============*/
.abstandobenlinks { border:0px solid orange; width:170px; height:20px; float:left; display:block; 
		padding:0; margin:0; border:0; }
.abstandobenrechts { border:0px solid orange; width:590px; height:20px; float:left; display:block; padding:0; 
margin:0;}
/* .abstandoben { border:1px solid yellow; width:770px; height:20px; float:left; display:block; padding:0; margin:0; border:0; } */
#ueberschrift { width:770px; float:left; display:block; margin:0; padding:0; }
.headlinenavi { border:0px solid red; width:165px; float:left; margin: 0 0 0 9px;}
.headlinetext { border:0px solid green; width:566px; height:22px; background-color:#FFF; float:left; 
                text-align:right; margin:0; padding:0 2px; }
.headlineviereck { border:0px solid green; width:15px; background-color:#FFF; float:right; margin:0; padding:0; }
#hauptteil {border-left:0px solid red; width:770px; float:left; display:block; padding:0; margin:0; }

/* ======== Navigation ==============*/
#navigation { border:0px solid red; width:170px; float:left; background-color:#E6E6E6;
	      display:block; line-height:1.35; }
.navi_titel { width:170px; padding-top:2px; padding-bottom:2px; float:left; display:block; background-color:#E41F26; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#E6E6E6; }
.navi_bonn { width:170px; padding-top:2px; padding-bottom:2px; float:left; display:block; background-color:#009184; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#E6E6E6; }
.navi_berlin { width:170px; padding-top:2px; padding-bottom:2px; float:left; display:block; background-color:#F36F21; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#E6E6E6; }
.navi_leipzig { width:170px; padding-top:2px; padding-bottom:2px; float:left; display:block; background-color:#005BAA; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#E6E6E6; }
.navi_archiv { width:170px; padding-top:2px; padding-bottom:2px; float:left; display:block; background-color:#666D7A; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#E6E6E6; }
.navi_normal { width:170px; padding-top:2px; padding-bottom:2px; float:left; display:block; background-color:#A8A9AD; border-bottom:2px; border-bottom-style:solid; border-bottom-color:#E6E6E6; }
naviabstand { width:170px; height:10px; float:left; display:block; background-color:#E6E6E6; border:0; padding:0; margin:0; }
.legende { border:0px solid purple; width:170px; height:27px; float:left; display:block; background-color:#E6E6E6; border:0; 
padding:0; margin:0; }
.legendetext { float:left; display:block; padding:0; margin:5px 0 0 3px; }
.legendesymbol { float:right; display:block; background:#E6E6E6; border:0; padding:0; margin:5px 0; }
.subnavi{ width:150px; float:left; display:block; padding-left:20px; padding-bottom:3px; margin:0; }
.subnavi .normal { width:150px; padding:5px 0 5px 0;}
.subnavi .navactiv { padding:5px 0 5px 0;}
/* .navactiv a { padding-left:5px; } */
.subnavi_archiv{ width:150px; float:left; display:block; padding-left:20px; padding-bottom:3px; margin:0; background-color:#666D7A}

/* ======== Inhaltsteil ============== */
#textteil { border:0px solid red; width:580px; float:left; display:block; background-color: #FFF; border:0; 
            padding:0; margin:0; }
#editorial { width:580px; float:left; display:block; background-color:#E6E6E6; border:0; padding:0; margin:0; }
.editorialhead { width:280px; height:20px; float:left; display:block; background-color:#A8A9AD; border:0; padding:0; margin:0; }
/* Beitrag auf Indexseite */
#editorial .beitrag{width:405px;}
#editorial .beitragsbild{padding-left:5px;}
#titel .beitrag{width:405px;}
#titel .beitragsbild{padding-left:5px;}
#titel { width:580px; float:left; display:block; background-color:#E6E6E6; border:0; padding:0; margin:0; }
.titelhead { width:280px; height:20px; float:left; display:block; background-color:#E41F26; border:0; padding:0; margin:0; }
.beitrag { width:410px; padding-left:10px; padding-bottom:20px; margin:0; float:left; display:block; }
.beitragsbild { float:left; display:block; padding-top:10px; margin:0; }
.beitragsbild img { border:1px solid #000; }
.einzelbeitragbild img { border:1px solid #000; }
.einzelbeitragsbild img { border:1px solid #000; }
.infothekbild img { border:1px solid #000; }
.beitraegeabstand { float:left; display:block; padding:0; }
/* Beitrag auf Unterseite */
#einzelbeitrag { border:1px solid gold; background-color:#E6E6E6; width:580px; float:left; display:block; border:0; padding:0; margin:0; }
.einzelbeitragshead { width:360px; height:17px; float:left; display:block; background-color:#A8A9AD; border:0; padding-left:10px; padding-top:3px; margin:0; color:#FFFFFF; font-weight:bold; }
.einzelbeitragbildundtext { width:150px; float:left; display:block; border:0; padding-top:10px; margin:0; }
.einzelbeitragstext { width:400px; padding-left:10px; padding-bottom:20px; padding-top:10px; margin:0; float:left; display:block; }
.einzelbeitragsbildtext { width:200px; padding-bottom:20px; padding-left:10px; padding-right:10px; margin:0; float:left; display:block; }
.einzelbeitragsbildtext p { font-size:1.0em;  }
.einzelbeitragsbild { width:200px; float:left; display:block; padding:0px; margin:0; padding-left:10px;padding-right:10px; }
.einzelbeitragsauthor { clear:left; width:340px; float:left; text-align:right; padding-bottom:20px; padding-top:20px; }
.einzelbeitragsbalken { width:580px; height:10px; float:left; display:block; padding:0; 
background-color:#CCCCCC; margin-bottom:10px; }
.artikellink { clear:left; width:350px; float:left; text-align:right; padding-bottom:20px; }
.einzelbeitragbild { width:200px;padding-left:10px;padding-right:10px;float:left; display:block; padding-top:10px; margin:0; }
.einzelbeitraguntertitel p, .einzelbeitraguntertitel p a {font-size:1.0em;padding-top:3px;}
.einzelbeitraguntertitelrot p span, .einzelbeitraguntertitelrot p {color:#FF0000;}
.einzelbeitraguntertitelrot p, .einzelbeitraguntertitelrot p a {font-size:1.0em; padding-left:5px;border-left:1px solid #FF0000;}
.einzelbeitragbreit { width:560px;padding-left:10px;padding-right:10px;float:left;display:block; padding-top:10px;}
.einzelbeitragschmal {width:340px;padding-left:10px;padding-right:10px;padding-top:10px;float:left;display:block;}
.einzekbeitragsabstand { width:580px; background-color:#FFF; float:left; display:block;}
ul.csc-menu {list-style-type:none;font-size:1em;padding-bottom:10px}

/* ======== für Infothek ======== */
#infothekteil {border:0px solid indigo; background:#E6E6E6 url('infotheklinks.gif') fixed repeat-y; width:580px; float:left; display:block; padding:0; margin:0; }
.infotheklinks {border:0px solid orchid;  width:285px; clear:left; background-color:#E6E6E6; 
	float:left; display:block; padding:0; margin:0; }
.infothekrechts {border:0px solid hotpink; width:285px; float:left; display:block; background-color:#E6E6E6; padding:0; margin:0; }
.infothekhead { width:270px; padding:5px 0 0 10px; margin:0; float:left; display:block; }
.infothekbeitrag {border:0px dashed hotpink; width:260px; vertical-align:top; padding:0 0 20px 10px; margin:0; float:left; display:block; }
.infothekbild {border:0px dashed orchid; width:260px; float:left; display:block; padding:0px 10px 5px 10px; margin:0; }
.infothekauthor { clear:left; width:260px; float:left; text-align:right; padding-bottom:10px; }

/* ======== für Bonn, Berlin, Leipzig ======== */
#staedteteil {border:0px solid gold; background: #E6E6E6 url('staedteteil.gif') fixed repeat-y; width:580px; float:left; display:block; padding:0; margin:0; }
.staedtehead {width:260px; padding-left:10px; padding-bottom:5px; margin:0; float:left; display:block; }
.staedtebeitrag {border:0px solid aquamarine; width:260px; vertical-align:top; padding-left:10px; padding-right:10px; padding-bottom:20px; margin:0; float:left; display:block; }
.staedtebeitragsbild { float:left; display:block; padding:10px 10px 5px 10px; margin:0; }
.staedtebeitragsbild img { border:1px solid #CCC; }
.staedteartikellink { clear:left; width:270px; float:left; text-align:right; padding-bottom:20px; }

#bonn {border:0px solid darkcyan; background: #E6E6E6; width:285px; float:left; display:block; padding:0; margin:0; }
.bonnhead {border:0px dashed darkcyan; width:120px; height:20px; float:left; display:block; background-color:#009184; border:0; padding:0; margin:0; }
#leipzig {border:0px solid darkblue; background-color:#E6E6E6; width:280px; float:left; display:block; padding:0; margin:0; }
.leipzighead {border:0px dashed darkcyan; width:120px; height:20px; float:left; display:block; background-color:#009184; border:0; padding:0; margin:0; }
.mittelabstand {border:0px dotted orange; width:10px; height:100px; float:left; display:block; background-color:#FFFFFF; padding:0; margin:0; }


/* für Impressum */
#impressumsbereich { width:580px; float:left; display:block; background-color:#E6E6E6; border:0; padding:0; margin:0; }
.impressumganz { width:560px; float:left; display:block; padding-left:10px; padding-right:10px; margin:0; border:0; }
.impressumshead { width:570px; height:20px; float:left; display:block; background-color:#A8A9AD; padding-left:10px; padding-top:2px; margin:0; border:0; }
.impressumreihe { width:580px; float:left; display:block; padding:0; margin:0; border:0; }
.impressumlinks, .impressumrechts { width:270px; float:left; display:block; padding-left:10px; padding-right:10px; margin:0; border:0; }


/* ======== NEU Beginn ===== */
/* 2-spaltiges Impressum */
.impressumcontainer {float:left;display:block;width:580px;margin:0;padding:0;clear:both;}
.impressumcontainer .linkespalte {float:left;display:block;width:275px;margin:0;padding-left:10px;}
.impressumcontainer .rechtespalte {float:left;display:block;width:280px;margin:0;padding-left:5px;padding-right:5px;}
/* 2-spaltige Termine */
.terminecontainer {float:left;display:block;width:580px;margin:0;padding-bottom:15px;clear:both;}
.terminecontainer .linkespalte {float:left;display:block;width:120px;margin:0;padding-left:5px;text-align:right;}
.terminecontainer .rechtespalte {float:left;display:block;width:420px;margin:0;padding-left:15px;padding-right:5px;}
/* Suche */
.tx-indexedsearch {display:block;float:left;padding-left:5px;padding-right:5px;width:95%;}
.tx-indexedsearch-searchbox fieldset {border:0;}
.tx-indexedsearch .tx-indexedsearch-whatis {font-size:1.2em;}
.tx-indexedsearch .tx-indexedsearch-browsebox a {color:#005BAA;font-size:0.9em;}
.tx-indexedsearch .tx-indexedsearch-title a {color:#005BAA;}
.tx-indexedsearch ul.browsebox {padding-bottom:20px;}
.tx-indexedsearch ul.browsebox {padding-bottom:20px;}
.tx-indexedsearch-browsebox p {padding-bottom:20px;}
/* Städtebeitrag: Bilder schwarz umranden */
.staedtebeitragsbild img {border:1px solid #000000;}
/* ======== NEU Ende ===== */

/* ======== Footer ==============*/
#footer { width:580px; float:left; display:block; background-color:#FFFFFF; border:0; padding:0; margin:0; }
.copyright { width:400px; float:left; display:block; padding-top:12px;}
.nachoben { width:150px; float:left; display:block; padding-top:10px; }

/* ======== Allgemein ==============*/
BODY {background: #FFF url('hauptteil.gif') fixed repeat-y; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.25;}
FORM { padding:0; margin:0;}
.abstandlinks_weiss {0px solid blue; width:10px; float:left; }
.abstandlinks { 0px solid blue; width:15px; height:10px; float:left; }
.clearer { clear:both; display:none; visibility:hidden; }
p, ul, li {text-decoration:none;font-family:Arial, sans-serif;font-size:1.2em; margin:0;padding:0;}
h1 {color:#000000;font-family:Arial,sans-serif;font-size:1.6em; font-weight:bold;text-decoration:none;}
a.headmenu,a.headmenu:hover,a.headmenu:visited,a.headmenu:link {color: #000000;font-size: 12px;text-decoration: none;font-family: Arial, sans-serif;}
a:link  {color:#005BAA;font-weight:bold;font-size:1.1em; text-decoration:none;font-family: Arial, sans-serif;}
a:visited  {color:#3366cc;font-weight:bold;font-size:1.1em; text-decoration:none;font-family:Arial, sans-serif;}
a:hover  {color:#000000;font-weight:bold;font-size:1.1em; text-decoration:underline;font-family: Arial, sans-serif;}
a.oben, a.oben:hover, a.oben:visited, a.oben:link {color:#A8A9AD;font-family:Arial,sans-serif;font-size:1.2em;;text-decoration:none;}
p.headline  {font-size:1.6em; font-family:Arial, sans-serif;font-weight:bold;color:Black;text-decoration:none;margin:0;}
#textteil p.headline {padding-top:20px;padding-bottom:15px;}
p.subheadline {font-size:1.2em; font-family:Arial, sans-serif;font-weight:bold;color:White;text-decoration:none;padding-top:2px;}
a.menu,a.menu:hover,a.menu:visited,a.menu:link  {color:#FFFFFF;font-size:12px;text-decoration:none;font-family:Arial, sans-serif;}
a:link { font-weight:bold;}
/* p.kleiner für Netscape-kompatible Browser */
p.kleiner  {font-size:1.1em; color:black;background:#E6E6E6;font-family:Arial, sans-serif;}
/* p.kleiner für andere Browser*/ 
p.kleiner  {font-size:1.1em; margin:0;font-weight:bold;font-family:Arial, sans-serif;}
p.klein {font-size:1.0em; }
p.bildtitel  {padding-top:2px;font-size:1.0em; font-family:Arial, sans-serif;color:Black;text-decoration:none;}
p.bildtitelrot  {padding-top:2px;padding-left:3px;font-size:1.0em;font-family:Arial, sans-serif;color:Red;text-decoration:none;border-left:1px solid red;}

/* ======== Formulare ==============*/
#mailform { float:left; display: block; border:0; width:100%; border:0; font-family:Arial,sans-serif;font-size:1.2em;}
.csc-mailform {float:left; display: block; border:0; padding:0; margin:0;}
.csc-mailform-field label {float:left; display: block; width:100px;}
/* ======== Kalender ==============*/
.termin {float:left; display: block; border:0; font-family:Arial,sans-serif;font-size:1.2em;padding:10px 0 10px 0;}
.datum {float:left; display: block; border:0; width:100px; font-weight:bold;}
.titel {float:left; display: block; border:0; width:450px; font-weight:bold;}
.zeit {float:left; display: block; border:0; width:100px; font-weight:bold;}
.even {float:left; display: block; border:0; width:450px;}
.ortundhinweis {float:left; display: block; border:0; width:100px; font-weight:normal;font-style:italic;}

/* ======== Abstande ==============*/
.top_0  { margin-top : 0; }
.top_05 { margin-top : 0.5em; }
.top_1  { margin-top : 1em }
.top_2  { margin-top : 2em; }

/* ========== Tabellen ========== */
.mumagtabelle {width:500px;margin:0;padding:0;font-size:12px;line-height:0.5em;}
.td-0 {width:100px;}
.td-1 {width:300px;}