/* KOMMENTAR ------------------------------------------------------------------
Letzte Aenderung: 22. Januar 2007.
------------------------------------------------------------------------- K.P.*/

@import url(position.css); /* Nur Positionierung */
@import url(fonts.css); /* Fonts */
@import url(design.css); /* Design */
@import url(classes.css); /* Klassen */
@import url(blocks.css); /* Bloecke */
@import url(menues.css); /* Menues */
@import url(slidingdoor.css); /* Tabs */
@import url(pubtypes.css); /* Beitrage */
@import url(si.css); /* Vorlagen fuer Redakteure */
@import url(modules.css); /* Elemente und Module */
@import url(tinymce.css); /* Klassen fuer WYSIWYG */
@import url(forms.css); /* Formulare */
@import url(impro.css); /* Improvisationen */

/* @import url(lightbox.css); */ /* Stylesheet Lightbox Effekt - via Modul (Xaraya) */
/* @import url(domcollapse.css); */ /* via Modul (comments und xarBB) */
/* @import url(comments.css);*/ /* via Modul (comments) */
/* @import url(xarbb.css); */ /* Forum via Modul */
/* @import url(media.css); */ /* Medienmanager */

/* KOMMENTAR ------------------------------------------------------------------
Direkter Aufruf im Header  von:
ie_win.css / Xaraya
ie_win_lte7.css / Yaml und Korrekturen
Extra: print.css
------------------------------------------------------------------------- K.P.*/

/* KOMMENTAR ------------------------------------------------------------------
	Basale Auszeichnungen inkl. Farben und Schriftgroessen - und (ein paar
	notwendige Korrekturen). Um diese basalen Auszeichnungen qua Spezifizität
	zu ueberschreiben, wird im entsprechenden Kontext mit Nachfolgeselektoren
	gearbeitet.
	Wichtig: Wiederbenutzbarkeit.
	Formulare und Tabellen, minimal.
	Validierung: CSS 2.1
------------------------------------------------------------------------- K.P.*/

/* A. Prestyling and Fixes */
html {
	height:100%;
} /* KOMMENTAR
	Siehe: http://www.quirksmode.org/css/100percheight.html
------------------------------------------------------------------------- K.P.*/

html, address, blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, ul, hr, pre {
	display: block;
} /* KOMMENTAR
	Block Elemente
------------------------------------------------------------------------- K.P.*/

body {
	min-height: 101%; /* KOMMENTAR
	In Firefox the vertical scrollbar only appears when the content is longer
	than the browser window, causing the design to jump left 10 pixels as the
	scrollbar appears.
	Siehe: http://www.websemantics.co.uk/tutorials/useful_css_snippets/
------------------------------------------------------------------------- K.P.*/
	position: relative; /* KOMMENTAR
	Verhindert, dass positionierte Elemente nicht verschoben werden, wenn
	die Groesse des Browserfensters geändert wird.
------------------------------------------------------------------------- K.P.*/
}

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, form, fieldset, address, hr, pre {
	margin: 0;
	border: 0;
	padding: 0;
} /* KOMMENTAR
	Zur Vereinheitlichung alles auf Null setzen.
	Damit wird jedoch u.U. das extreme Zoom-Verhalten im Internet Explorer
	ausgeloest.
	Fix: ie_win_lte7.css
------------------------------------------------------------------------- K.P.*/

/* B. Structure */
html {
	margin: 0;
}

body {
	font-family: "Helvetica Neue", Arial, Verdana, "Trebuchet MS", Geneva, sans-serif;
	font-size: 100.01%; /* KOMMENTAR
	Legt fest, wie gross 1em ist!
	Verhindert Rundungsfehler bei Schriftgroesse.
------------------------------------------------------------------------- K.P.*/
	background-color: #fff;
	color: #303030;
	text-align: left; /* KOMMENTAR
	Hintergrund, Standardfarbe, Textausrichtung.
	Sonst (fast) keine Farben. Farben in: design.css
	To do: Farben dynamisch.
------------------------------------------------------------------------- K.P.*/
	line-height: 1.12em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

/* C. Basic Fonts */
a, address, blockquote,
caption, cite, dfn, div, dl, dt,
fieldset, h1, h2, h3, h4, h5, h6,
input, label, legend,
li, ol, option, p, q,
select, span, textarea, td, th, ul {
	font-family: "Helvetica Neue", Verdana, "Trebuchet MS", Geneva, sans-serif;
	font-size: 1em;
} /* KOMMENTAR
	Grundeinstellung fuer alle Elemente.
	Vorgabe: body = 100.01%
------------------------------------------------------------------------- K.P.*/

h1, h2, h3, h4, h5, h6, p, li, dt, dd, legend, label, input, textarea, caption, th, td, address {
	font-size: 1em;
	font-weight: normal;
} /* KOMMENTAR
	Differenzierungen der Grundeinstellungen (Schriftgroesse = groesser).
------------------------------------------------------------------------- K.P.*/

p, li, dd, td, th, address, pre {
	font-size: .87em;
} /* KOMMENTAR
	Differenzierungen der Grundeinstellungen (Schriftgroesse = kleiner).
------------------------------------------------------------------------- K.P.*/

/* D. Text */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1, h2, h3 {
	font-weight: normal;
}

h1 {
	font-size: 1.8em;
	margin: .67em 0;
	color: #363;
	background-color: inherit; /* KOMMENTAR
	Hier wie anderswo: Angabe der Hintergrundfarbe ist doppelt gemoppelt -
	nur, damit die Validierung auch fuer Laien ersichtlich positiv ist!
------------------------------------------------------------------------- K.P.*/
}

h2 {
	font-size: 1.5em;
	margin: .75em 0;
	color: #363;
	background-color: inherit;
}

h3 {
	font-size: 1.2em;
	margin: .83em 0;
}

h4 {
	font-size: 1em;
	margin: 1.12em 0;
}

h5 {
	font-size: .9em;
	margin: 1.5em 0;
}

h6 {
	font-size: .75em;
	margin: 1.67em 0;
}

strong {
	font-weight: bolder;
}
p, blockquote, pre, address {
	margin: 1.12em 0;
}

blockquote {
	margin-left: 40px;
	margin-right: 40px;
}

cite, em, var, dfn {
	font-style: italic;
}

address {
	font-style: normal;
}

pre, code, kbd, samp {
	font-family: monospace;
}

pre {
	white-space: pre;
}

code {
	color: #0000ff;
	background-color: inherit;
	white-space: pre;
}

kbd {
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	background: #faf6f6 none;
	color: #000;
	border-color: #edd #baa #baa #eed;
}

abbr, acronym {
	font-variant: small-caps;
	letter-spacing: 0.1em;
	cursor: help;
	border-bottom: 1px dashed #000;
}

q {
	quotes: '\201C' '\201D' '\2018' '\2019';
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

blockquote {
	quotes: '\00BB' '\00AB' '\203A' '\2039';
}

blockquote p:before {
	content: open-quote;
}

blockquote p:after {
	content: close-quote;
}

div {} /* no margin, no padding! */
span { } /* no styling needed */
br {} /* no styling needed */

/* E. Table */
table {
	display: table;
	border-collapse: collapse;
	margin: 1.12em 0;
/*
	width: 100%;
*/
	table-layout: auto;
}

tr {
	display: table-row;
}

thead {
	display: table-header-group;
}

tbody {
	display: table-row-group;
}

tfoot {
	display: table-footer-group;
}

col {
	display: table-column;
}

colgroup {
	display: table-column-group;
}

td {
	display: table-cell;
	border: 1px solid #999;
	padding: .15em;
	vertical-align: top;
}

th {
	display: table-cell;
	border: 1px solid #999;
	padding: .15em;
	font-weight: bolder;
	vertical-align: top;
}

caption {
	display: table-caption;
	padding: .15em; /* ie */
	font-weight: bolder;
	caption-side: top;
	text-align: right;
}

/* F. Presentation */
b {
	font-weight: bolder;
}

big {
	font-size: 1.17em;
}

hr {
	height: 1px;
	border: 1px solid #000;
}

i {
	font-style: italic;
}
small, sub, sup {
	font-size: .83em;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

tt {
	font-family: monospace;
}

/* G. Image */
img {
	display: inline-block;
	border: 0px;
}

a img {
	border: 0;
}

/* H. List */
ol, ul, dl {
	margin: 1.12em 40px;
	line-height: 1.2em; /* KOMMENTAR
	Besser als margin, um den Zeilenabstand Abstand zu steuern.
------------------------------------------------------------------------- K.P.*/
}

ol {
	list-style-type: decimal;
}

li {
	display: list-item;
}

dt {
	font-weight: bolder;
}

dd {
	margin-left: 20px;
}

/* I. Edit */
del {
	text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

/* J. Hypertext */
a {
	background-color: inherit;
	color: #363;
}

a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	background-color: inherit;
	color: #c30;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:focus {
	background-color: inherit;
	color: #c30;
	outline: thin dotted invert;
}

a[rel=external] {
	padding-right: 14px;
	background-image: url(../images/external.gif);
	background-position: right;
	background-repeat: no-repeat;
}

a:hover[rel=external], a:active[rel=external], a:focus[rel=external] {
	padding-right: 14px;
	background-image: url(../images/external.gif);
	background-position: right;
	background-repeat: no-repeat;
} /* KOMMENTAR
	Externe Links. Keine Extras fuer IE.
------------------------------------------------------------------------- K.P.*/

/* K. Form */
form {
	line-height: 1.2em;
}

form, fieldset {
	margin: 1.12em 0;
}

fieldset {
	border: 1px solid #999;
	padding: .6em;
}

button, text-area, input, select {
	display: inline-block;
}

label {
	font-weight: bolder;
	cursor: pointer;
}

legend {
	margin: .3em .6em;
	padding: .1em .3em;
	font-weight: bold;
	background-color: #f2f2f2;
	color: inherit;
	border: 1px solid #999;
}

option { }
optgroup { }

textarea:focus, input:focus {
	outline: thin dotted invert;
	background: #eee 0.3em no-repeat;
	color: inherit;
}

input[type=checkbox], input[type=password], input[type=radio], input[type=submit] {
	cursor: pointer;
}

select {
	text-indent: 2px;
	cursor: pointer;
}

select, input, textarea {
	font-size: 99%;
} /* KOMMENTAR
	Anpassung für Safari Browser. font-size:100% ist für den Safari in
	Formularen zu gross.
------------------------------------------------------------------------- K.P.*/

/* L. Scripting */
noscript {}
noscript p {}

/* M. Object */
object {
	display: inline-block;
}