/* NOSCC Norman Anja Schmidt norman.anja.schmidt@noscc.de 20200806 */

/* padding long: top right bottom left; */
/* border short: width style color; */
/* Höhe Taskleiste XP: 48 px*/
/* vFensterrahmenbreiten Firefox 16 classic: oben: 126 px (Fensterrand, Menüleiste, Tableiste, URL, Lesezeichen) unten: 20px */

body { margin: 0px; padding: 0px; background-color: #ffffff; background-image: url('pix/bgStreifen.gif'); font-family: verdana, arial, geneva, chicago, helvetica, tahoma, sans-serif; }
	a { color: #006600; font-weight: bold; text-decoration: none; }
	a:hover { color: #f5f5f5; background-color: #006600; }
	table { border-spacing: 0px; padding: 0px; width: 100%; }
	td { border-spacing: 0px; padding: 0px; }
	ul { list-style: none outside none; }

	
div.line { position: absolute; left: 0px; width: 0px; top:0px; height: 0px; padding: 0px; }
	
/* Bild oben links */  
div.lefttop { position: absolute; left: 0px; width: 180px; top: 0px; height: 180px; }
	div.lefttop img { padding: 0px; width: 100%; }

/* Bilder oben Mitte */
div.titlebar { position: absolute; left: 180px; width: 544px; top: 0px; height: 180px; }
  div.titlebar img  { padding: 0px 0px 0px 4px; width: 536px; height:180px; }

/* Werbung Vollbild */
div.werbung { position: absolute; left: 180px; top: 0px; padding: 0px 0px 0px 4px; }

/* Menue links */
div.leftmenu { position: absolute; left: 0px; width: 180px; top: 180px; padding: 6px 0px 0px 0px; }
nav.leftmenu { position: absolute; left: 0px; width: 180px; top: 180px; padding: 6px 0px 0px 0px; }

/* Menueteil oben rechts */
div.righttop { position: absolute; left: 724px; width: 296px; top: 0px; height: 176px; padding: 4px 0px 0px 4px; }
/*div.righttop { position: absolute; left: 724px; width: 292px; top: 0px; height: 172px; margin: 4px 0px 0px 4px; 
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 2px;
		border-style: solid solid solid solid;
		border-color: #333333;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px; 
		background-image:url('pix/werbung.jpg'); }*/
	/* notwendige Bildgroesse: 292*172 px */
	td.righttop { background-image:url('pix/werbung.jpg'); background-repeat: no-repeat; }

/* Menue rechts */
div.rightmenu { position: absolute; left: 724px; width: 296px; top: 180px; padding: 4px 0px 0px 4px; }
	div.rightmenu object.rightblog { height: 469px; width: 100%; }

/* table Definitionen für Menues */
table.menu { table-layout: fixed; }
	table.menu a { display: block; }
	table.menu p { margin: 0px; }
	table.menu img { padding: 0px; width: 100%; }
	table.menu td { padding: 0px; }
	/* adjust font-size so that longest menu texts stay inside left bar */
	table.menu td.navbold { padding: 1px 8px 1px 8px; font-weight: bold; font-size: 22px; }
	table.menu td.unav { padding: 1px 8px 2px 16px; font-weight: bold; font-size: 14px; }
	table.menu td.empty { padding: 0px 8px 6px 8px; }
	table.menu td.selected a { color:#33CC00; }
	table.menu td.up { 
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: hidden;
		border-left-width: 2px;
		border-style: solid solid hidden solid;
		border-color: #333333;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px; }
	table.menu td.top { 
		border-top-width: 2px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 2px;
		border-style: solid solid solid solid;
		border-color: #333333;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px; }
	table.menu td.down { 
		border-top-width: hidden;
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 2px;
		border-style: hidden solid solid solid;
		border-color: #333333;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px; }	

table.left { border-collapse: collapse; }
table.righttop { height: 100%; }

/* main content without menubar*/
/* true width: 544 px, but 4 px padding on both sides*/
div.content { position: absolute; left: 180px; top: 180px; width: 536px; padding: 6px 4px 0px 4px; }
	div.content a.titel { font-size: 18px; font-weight: bold; color:#333333; }
	div.content a.titel:hover { color:#333333; background-color: transparent;  }
	div.content a.head { font-size: 16px; font-weight: bold; color:#3333CC; }
	div.content a.head:hover { color: #3333CC; background-color: transparent; }
	div.content td.subhead { font-size: 12px; font-weight: bold; color:#333333; }
	div.content td.trennl { width:100%; height:1px; vertical-align:top; padding: 2px 0px 2px 0px; }
	div.content td.trennl img { width:100%; height:1px; border-style:none; padding: 0px; }	
	div.content table { font-size: 12px; font-weight: normal; color:#000000; }
	/* used by home */
	div.content table.home { border: 1px solid #000000; padding: 0px; }
		div.content table.home td { padding: 4px; }
	/* used by wissenschaft, theater, privatprojektvita */
	div.content table.content { padding: 3px 0px 0px 0px; }
		div.content table.content td { padding: 2px 0px 2px 0px; }
			div.content table.content td img.big { padding-right: 10px; border-style:none; }
			div.content table.content td img.small { padding-right: 5px; border-style:none; }
			div.content table.content td span.bild { font-size: 10px; font-weight: bold; }
			div.content table.content td span.bildnachweis { font-size: 9px; line-height: 150% }
	div.content table.materialsub { padding: 6px 0px 0px 0px; }
		div.content table.materialsub td { padding: 1px 8px 1px 8px; }
		div.content table.materialsub td.imagetile { padding: 6px 4px 6px 4px; }
		/* div.content table.materialsub td.imagetile img { border: 1px solid #000000; } */
		div.content table.materialsub td.imagetile p { margin: 4px 16px 12px 16px; padding: 0px; }
		div.content table.materialsub td.imagetile a.clink { margin: 0px; padding: 0px; }
	div.content table.newsletter td { padding: 2px; }
	/* used by impressum */
	div.content table.impressum { padding: 5px 0px 0px 0px; font-size: 10px; }
		div.content table.impressum td.titel  { padding: 0px 0px 1px 0px; }
		div.content table.impressum td.text { padding: 12px 0px 12px 0px; }
		div.content table.impressum td.imptext { padding: 0px 0px 12px 0px; }

	/* div.content iframe.slideshow wird von den Unterseiten aktuell, privataktivitaeten, privatveroeffentlichungen, privatmitgliedschaften, shop, wissenschaftprospekt
	(quer) usw. benutzt. Leider kann via CSS keine Fenstergroeße uebergeben werden, diese wird im jeweiligen include von Hand eingetragen.   */	
	div.content iframe.slideshare { border-style: solid; border-width: 1px 1px 0px; border-color: #CCCCCC; }
	
div.blog { position: absolute; left: 180px; top: 180px; height: 673px; width: 840px; padding: 4px 0px 0px 4px; }
	div.blog object.blog { height: 100%; width: 100%; }

/* footer */
div.footer { text-align: center; color: #333333; font-size: 12px; margin-top: 20px; margin-bottom: 10px; }
	
/* special ids */
#pre_updata { width: 1020px; padding: 4px 4px 4px 4px }
#updata 	{ width: 1020px; height: 600px; overflow: auto; white-space: nowrap; font-size: 12px; padding: 4px 4px 4px 4px }
	
	
/*	div.content td.navbold { font-weight: bold; font-size: 22px; }
	div.content td.bc { font-size: 12px; } */
/*	div.content table.main { border-spacing: 4px; padding: 2px; width: 544px; }
		div.content table.main td { padding: 0px; font-size: 10px; font-weight: none; } */
	
	/* Styledefinitionen aus den tabellarischen include-Dateien (Wissenschaft, Theater)
<table summary="wissenschaft" rules="none" cellpadding="2" cellspacing="2" border="0">

.normal {  font-family: Verdana, Arial, Geneva, Chicago, Helvetica, sans-serif; font-size: 12px; font-weight: normal}
.head {  font-family: Verdana, Arial, Geneva, Chicago, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#3333CC}
.subhead {  font-family: Verdana, Arial, Geneva, Chicago, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#3333CC}
.titel {  font-family: Verdana, Arial, Geneva, Chicago, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#333333}
.bild {  font-family: Verdana, Arial, Geneva, Chicago, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#000000}

td {  font-family: Verdana, Arial, Geneva, Chicago, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#000000}
</style>

Trennlinie:
		<td width="512" height="1" align="left" valign="top" colspan="2" ><img src="pix/1pixgrau.gif" width="512" height="1" border="0" alt=""></td>

privatprojektvita vor Umstellung auf alle drei gleich

  geringfügig andere Styles für privatprojektvita
		div.content table.content2 { border-style:none; border-spacing: 2px; padding: 2px; width: 100%; font-size: 12px; font-weight: normal; color:#000000; }
		div.content table.content2 td { padding:2px; }
			div.content table.content2 a.head { font-size: 16px; font-weight: bold; color:#006666; }
			div.content table.content2 td.subhead { font-size: 12px; font-weight: bold; color:#333333; }
			div.content table.content2 td.titel { font-size: 18px; font-weight: bold; color:#333333; }
			div.content table.content2 td.bild { font-size: 10px; font-weight: bold; }
			div.content table.content2 td img { padding: 0px 5px 0px 0px }
			div.content table.content2 td.trennl { width:100%; height:1px; vertical-align:top; }
			div.content table.content2 td.trennl img { width:100%; height:1px; border-style:none; padding: 0px; }			*/
  
  /*Original-CSS-Teil der Slideshare-iframes
  div.content iframe.slideshow { border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px} */
  
  /* Baustelle */
  /* menu bar above content only on some pages */ 
/*  div.content div.mcmenubar { position: absolute; left: 181px; top: 181px; width: 544px; height: 180px; border-spacing: 0px; font-family: verdana, arial, helvetica, tahoma;  }
    div.content div.mcmenubar td { padding: 0px; }
    div.content table.menubar { table-layout: fixed; border-spacing: 0px; font-family: verdana, arial, helvetica, tahoma; }
  div.content div.mccontent { position: absolute; left: 181px; top: 181px; width: 544px; height: 180px; border-spacing: 0px; font-family: verdana, arial, helvetica, tahoma;  }
*/

/* alt
	<style>
	#hauptnav { position:absolute; left:8px; top:130px; z-index:1;}
	.navbold {  font-weight: bold; font-size: 22px; }
	.unav { font-size: 16px; }
	.bc { font-size: 12px; }
	#content { position:absolute; left:188px; top:92px; z-index:2; }
	#banner { position:absolute; left:188px; top:0px; z-index:2; }
	#logo { position:absolute; left:0px; top:0px; z-index:3; }
	#sidebar { position:absolute; left:720px; top:92px; width:300px; height:668px z-index:1; }

	body, td { font-family: verdana, arial, helvetica, tahoma; font-size:10px; font-weight: none; }
	.navtext { font-size:10px; }
	a { text-decoration: none; color: #006600; font-weight: bold; font}
	a:hover { text-decoration: none; color: #f5f5f5; background-color: #006600;  font-weight: bold; }
	</style>
*/