/**
  * Diese CSS-Datei wird von allen Seiten der Homepage eingebunden, auch von den IFrames der WYSIWYG-Editierboxen.
*/

/* Bildschirmlayout, verschiedene Designelemente, deswegen nur für große Bildschirme */
@media screen,projection,tv
{
	html {
		position:absolute;
		max-width:962px;
	}

	/* IE 7 versteht keine width-Angaben aufs html-Element */
	*:first-child+html body { position:absolute; max-width:962px; }

	/* IE-Hack: Keine Vererbung an td und th in MSIE <= 6 */
	td,th { font-size:9.5pt; color:#000; font-family:sans-serif; font-weight:bold; }

	body {
		font-size:10pt;
		background-color:#fff;
		color:#000;
		font-family:sans-serif;
		font-weight:bold;
	}

	* html body { font-size:9.5pt; }

	html,body {
		margin:0;
		padding:0;
		min-height:100%;
		width:100%;
	}

	body { line-height:1.6em; }

	/* IE-Hack, da max-width nicht unterstützt wird (html) */
	* html #outer-box { position:absolute; width:962px; }

	/* Der Balken oben, inklusive verschiedener Grafiken fuer Kategorien */
	h1 { position:absolute; top:36px; left:0; width:100%; margin:0; padding:55px 0 0 0; height:0; overflow:hidden; background:url(images/heading/wg_dasgymnasium.png) #1E2A5E no-repeat top right; z-index:80; min-width:706px; line-height:1em; /* line-height zur Vermeidung kleiner Pixelstreifen am unteren Rand der Grafik */ }
	* html h1 { content:"\"; height:55px; /*" /* MSIE <= 6 verwendet zur Positionierung das padding des Bezugselements mit */ }
	body.wgtermine h1 { background-image:url(images/heading/wg_termine.png); }
	body.wgorganisation h1 { background-image:url(images/heading/wg_organisation.png); }
	body.wgaktiv h1 { background-image:url(images/heading/wg_aktiv.png); }
	body.wgaktuell h1 { background-image:url(images/heading/wg_aktuell.png); }
	body.wgunterricht h1 { background-image:url(images/heading/wg_unterricht.png); }
	body.wgintern h1 { background-image:url(images/heading/wg_intern.png); }

	/* Navigation */
	#navigation { position:absolute; top:140px; left:0; background:url(images/NaviKeil.png) #6B7521 no-repeat; z-index:200; margin:0; padding:0; width:144px; font-size:.9em; }
	* html #navigation { overflow:hidden; } /* Wuchert sonst in die Breite aus, falsche Hintergrund dann. */
	#navigation li { display:block; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:0; margin:0; line-height:1.2em; }
	#navigation ol { background-color:#fff; margin:0; padding:0 0 0 20px; list-style-type:none; /* MSIE */ }
	#navigation a { text-decoration:none; display:block; width:114px; padding:.1em 15px; color:#fff; }
	#navigation ol a { color:#000; }
	#navigation #navigation-edit-link { position:absolute; top:-1.4em; border-style:none; font-size:.8em; white-space:nowrap; }
	#navigation #navigation-edit-link a { color:#000; }

	/* Ticker */
	#ticker { position:absolute; top:0; left:0; background:url(images/NavigationLinks.png) no-repeat; width:238px; min-height:751px; z-index:100; margin:0; padding:0; list-style-type:none; color:#fff; font-size:.8em; }
	* html #ticker { height:751px; /* In MSIE <= 6 entspricht height min-height */ }
	#ticker li { display:none; position:absolute; left:0; height:36px; font-size:120%; padding:5px 5px 5px 10px; white-space:nowrap; line-height:18px; vertical-align:middle; overflow:hidden; }
	#ticker #ticker-1 { display:block; top:508px; width:188px; }
	* html #ticker #ticker-1 { content:"\"; width:203px; /*" /* */ }
	#ticker #ticker-2 { display:block; top:560px; width:186px; }
	* html #ticker #ticker-2 { content:"\"; width:201px; /*" /* */ }
	#ticker #ticker-3 { display:block; top:612px; width:184px; }
	* html #ticker #ticker-3 { content:"\"; width:199px; /*" /* */ }
	#ticker #ticker-4 { display:block; top:664px; width:182px; }
	* html #ticker #ticker-4 { content:"\"; width:197px; */" /* */ }
	#ticker #ticker-edit-link { display:block; top:706px; width:auto; height:auto; }
	#ticker #ticker-edit-link a { color:#000; }
	#ticker a,#ticker a:hover,#ticker a:visited,#ticker a:focus { text-decoration:none; color:#fff; }

	/* Content */
	#content { margin-left:209px; padding:140px 20px 5px 38px; position:relative; z-index:50; min-height:606px; background-color:#6B7521; color:#fff; font-weight:normal; min-width:140px; }
	* html #content { height:606px; /*" /* MSIE <= 6 interpretiert height als min-height */ }
	/* IE-Hack: Keine Vererbung an td und th in MSIE <= 6 */
	#content td,#content th,#content a,#content a:visited,#content a:hover,#content a:focus { color:#fff; }
	#content th { font-weight:bold; }
	#content td { font-weight:normal; }

	/* Navigationspunkte oben rechts */
	#short-navigation { position:absolute; top:5px; right:5px; margin:0; padding:0; z-index:300; height:36px; line-height:36px; vertical-align:middle; color:#fff; }
	#short-navigation li { display:inline; padding:0 .3em; }
	#short-navigation li+li { border-left:1px solid; }
	#short-navigation a,#short-navigation a:hover,#short-navigation a:visited,#short-navigation a:focus { text-decoration:none; color:#fff; background-color:#6B7521; }

	/* Brotkrumennavigation */
	#breadcrumbs-navigation { position:absolute; top:100px; left:38px; margin:0; padding:0; list-style-type:none; font-weight:bold; }
	#breadcrumbs-navigation li { display:inline; }
	#breadcrumbs-navigation li:before { content:"\a0\2192\a0"; }
	#breadcrumbs-navigation li.first:before { content:""; }
	* html #breadcrumbs-navigation li { border-left:.1em solid; padding-left:.2em; margin-left:.2em; } /* IE <= 6 */
	*:first-child+html #breadcrumbs-navigation li { border-left:.1em solid; padding-left:.2em; margin-left:.2em; } /* IE == 7 */
	* html #breadcrumbs-navigation li.first { border-left-style:none; padding-left:0; margin-left:0; } /* IE <= 6 */
	*:first-child+html #breadcrumbs-navigation li.first { border-left-style:none; padding-left:0; margin-left:0; } /* IE == 7 */
	#breadcrumbs-navigation a { text-decoration:none; }

	#jump-to-navigation { display:none; }

	body #home-link { margin:0; padding:0; position:absolute; top:0; left:0; z-index:120; display:block; /* display:none siehe unten für @media all */ }
	body #home-link a { width:227px; padding:138px 0 0 0; margin:0; overflow:hidden; height:0; display:block; }
	* html body #home-link a { content:"\"; height:138px; /*" /* */ } /* MSIE < 6 */

	hr { background-color:transparent; border-style:none; border-top:1px solid; clear:both; }

	dd ul,dd ol { list-style-type:none; }

	h3 { color:#555555; }

	input,textarea,button { border-style:none; padding:1px 2px; background-color:#1E2A5E; color:#fff; font-weight:bold; }

	#content-position { position:relative; height:1%; } /* Ohne height:1% stellt MSIE #content zu breit dar, was dazu fuehrt, dass images/sheets/links.png nicht angezeigt wird. Ausserdem fehlt dann die Hintergrundfarbe von .sheet (ausser, man nimmt das padding-top von .sheet-1 weg)... */

	/* „Zettel“-Layout, für den HTML-Code siehe gui::sheetInt() und die anderen */
	.sheet { color:#000; background:#fff url(images/sheet/links.png) repeat-y top left; }
	#content .sheet td,#content .sheet th,#content .sheet a { color:#000; }
	.sheet-1 { background:transparent url(images/sheet/rechts.png) repeat-y top right; padding:3px 12px; }
	.sheet-2 { background:#6B7521 url(images/sheet/unten.png) repeat-x top center; position:relative; overflow:hidden; height:12px; }
	.sheet-3 { background:transparent url(images/sheet/unten_links.png) no-repeat top left; position:absolute; top:0; left:0; width:50%; height:12px; }
	.sheet-4 { background:transparent url(images/sheet/unten_rechts.png) no-repeat top right; position:absolute; top:0; right:0; width:50%; height:12px; }

	* html .sheet-4 { right:-1px; /* MSIE <= 6 */ }

	.sheet-separator { display:none; }
	.sheet-clearer { clear:both; }
	.sheet-separating { padding-bottom:1em; margin:0 -12px; }

	.error { font-size:1.2em; font-weight:bold; background-color:#fec; color:#500; padding:.5em; }

	/* Änderungsanzeige für vorläufig gespeicherte Versionen */
	.wysiwyg-diff { background-color:#ddf; }
	.wysiwyg-diff p { margin:0; }
	.wysiwyg-diff ul { margin:.3em 0; padding:0; list-style-type:none; }
	.wysiwyg-diff a { font-weight:bold; }

	.half-left { position:absolute; top:0; left:0; width:48.5%; }
	.half-right { position:absolute; width:48.5%; top:0; right:0; }

	* + #content-position .sheet-1 h3,
	* + #content-position .sheet-1 h4,
	* + #content-position .sheet-1 h5,
	* + #content-position .sheet-1 h6,
	#content #content-position .sheet-1 .sheet-separator + h3,
	#content #content-position .sheet-1 .sheet-separator + h4,
	#content #content-position .sheet-1 .sheet-separator + h5,
	#content #content-position .sheet-1 .sheet-separator + h6
		{ margin-top:.7em; }
	#content #content-position .sheet-1 * + h3,
	#content #content-position .sheet-1 * + h4
		{ margin-top:2em; }
	#content #content-position .sheet-1 * + h5,
	#content #content-position .sheet-1 * + h6
		{ margin-top:1.5em ; }

	/* Navigation bearbeiten */
	textarea.maintenance-navigation-textarea { width:100%; height:20em; }
	#maintenance-navigation-edit .deleted,#maintenance-navigation-edit .deleted input { text-decoration:line-through; }
	#maintenance-navigation-edit { vertical-align:middle; }
	#maintenance-navigation-edit input,#maintenance-navigation-edit textarea { height:2.4em; }

	/* Auswahlliste wie beim Bearbeiten der Fächer im Kollegium */
	ul.select-box,ol.select-box { margin-left:0; padding-left:0; margin-bottom:.5em; max-height:15em; overflow:auto; background-color:#FAFFD1; }

	table { background-color:#fff; }
	tbody th,td { background-color:#FAFFD1; }
}

/* Alle sichtbaren Medien */
@media handheld,print,projection,screen,tty,tv
{
	.descriptional { display:none; }
}

/* Schriftbild und Ähnliches, für alle Medien (inkl. Drucker). Hier keine Farben verwenden! */
@media all
{
	/* Allgemeine Definitionen */

	h1 { font-size:3em; clear:both; }
	h2 { font-size:2.2em; line-height:1.1em; margin:0; padding:.5em 0 .8em 0; }

	h3 {
		font-size:1.6em;
		font-weight:bold;
		margin:1.5em 0 .5em 0;
		padding:0 0 .1em 0;
		/*border-bottom:.06em solid;*/
		clear:both;
	}

	h4 {
		font-size:1.3em;
		font-weight:bold;
		margin:2em 0 .5em 0;
		padding:0;
	}

	h5 {
		font-size:1.2em;
		font-weight:bold;
		margin:1.5em 0 0 0;
		padding:0;
	}

	h6 {
		font-size:1.1em;
		font-weight:bold;
		margin:1.5em 0 0 0;
		padding:0;
	}

	address { font-style:normal; }
	dl { margin:.5em 0; }
	dt { display:block; float:left; }
	dt:after { content:":\a0"; }
	dd { margin:0; padding:0; display:block; }
	form dt { width:10em; font-weight:bold; }
	form dd { margin-left:10em; }
	abbr,acronym { font-variant:normal; font-style:normal; border-style:none; letter-spacing:0; text-decoration:none; }
	fieldset { border:1px solid; }
	legend { font-weight:bold; font-size:1.3em; }

	table { border-spacing:0; border-collapse:collapse; empty-cells:show; margin-bottom:.5em; }
	th,td { border:1px solid; border-color:#A5AA84; padding:2px 3px; vertical-align:top; }
	th { text-align:center; font-weight:bold; }
	tbody th,td { text-align:left; }

	p { text-align:justify; margin:0 0 .8em 0; }
	table p { margin:0; }
	img { border-style:none; }
	.wysiwyg-content img,img.lehrer { margin:5px; }

	a,a:visited,a:hover,a:focus { text-decoration:underline; }

	/* WYSIWYG-Editierbereiche */
	.wysiwyg-edit {
		text-align:right;
		font-size:1.1em;
		background-color:#00285A;
		padding-left:10px;
		padding-right:10px;
		padding-top:2px;
		padding-bottom:1px;
		margin:1px;
		font-weight:bold;
	}

	.wysiwyg-inner-area { height:350px; } /* Enthält das Textformular */
	textarea.wysiwyg-inner-area { display:block; width:100%; height:350px; }
	.wysiwyg-upload { padding-top:5px; margin-top:5px; }
	.wysiwyg-upload a.toggle-button { display:block; font-weight:bold; text-align:center; font-size:1.3em; }
	.wysiwyg-lastchanges { font-size:.7em; list-style-type:none; margin:5px 0; padding:0; text-align:right; line-height:1.2em; clear:both; }

	/* Benutzerverwaltung */
	.admin-users input { width:100%; margin:0 -2px; }
	.admin-users .c-benutzername { width:5em; }
	.admin-users .c-email { width:8em; }
	.admin-users tr.admin td,.admin-users tr.admin th { background-color:#f66; }

	/* Anlese-Modul */
	.anlese p { margin:1em 0; }
	.anlese p:first-line { font-weight:bold; }

	/* CSS innerhalb der WYSIWYG-Textarea */
	body.mceContentBody,body#tinymce { font-weight:normal; }
	body.mceContentBody a,body#tinymce a { color:#000 !important; }
	body.mceContentBody td,body#tinymce td { font-weight:normal; }

	.no-border { border-style:none; }
	.no-border td,.no-border th { border-style:none; }

	/* Galerie-Modul */
	#lbOverlay { z-index:950; }
	#lbCenter, #lbBottomContainer { z-index:951; }
	#lbPrevLink, #lbNextLink { z-index:952; }
	#lbBottom { font-size:1em; font-family:inherit; }
	.gallery { margin:0; padding:0; list-style-type:none; }
	.gallery li { display:inline; }
	form .gallery li { display:block; height:186px; }
	form .gallery li input { display:block; float:left; margin-top:75px; }
	.gallery img { padding:8px; border:1px solid; margin:10px; }
	* html .gallery a { content:"\"; border:1px solid; padding:8px; /*" /* */ }
	* html .gallery img { content:"\"; border-style:none; /*" /* */ }

	/* Das Gymnasium: Das Kollegium */
	img.lehrer { float:right; }
	.prev-next { font-size:.8em; list-style-type:none; margin:0; padding:0; }
	.prev-next .prev { float:left; }
	.prev-next .next { float:right; }

	/* Wieland-Symbol-Link auf die Startseite */
	#home-link { display:none; }
}

/* Drucklayout: Layoutelemente ausblenden */
@media print
{
	#breadcrumbs-navigation { display:none; }
	#navigation { display:none; }
	#short-navigation { display:none; }
	#ticker { display:none; }
	a { text-decoration:none; }
	.wysiwyg-edit,.wysiwyg-lastchanges { display:none; }
	.wysiwyg-content,.wysiwyg-layouts { border-style:none; }
	.error { display:none; }
	textarea.maintenance-navigation-textarea,#maintenance-navigation-edit a,.maintenance-navigation-submit { display:none; }
	#maintenance-navigation-edit input+input,#maintenance-navigation-edit textarea { display:none; }
}