/*
	CSS Typographie: Konfuzius-Institut an der Freien Universität Berlin
	Autor: Andreas Weber
	
*/



body {
	font-family: Georgia; 
	font-size: 13px;
	line-height: 145%;
}



/* Header: H1, H2
----------------------------------------------------------------------------------------------------*/

H1,
H2,
H3,
H1 a,
H2 a,
H3 a {
	color: #222; line-height: 140%;
}

H1 {
	height: 32px; margin: 0 0 8px 0; padding: 9px 0 0px 30px;
	background-image: url("../img/Ornament-Head-1.png"); background-repeat: no-repeat; background-position: 0px 13px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
	font-size: 16px; font-weight: normal;
}

H2 {
	font-size: 13px; 
	margin: 10px 5px 10px 5px; padding: 0;
}

H2.Alpha { 
	margin-top: 2px; 
}

H2.Bullet-Auge {
	margin: 5px 5px 0 5px; padding: 0 0 0px 25px; background-image: url("../img/Bullet-Auge.png"); background-position: 0 1px; background-repeat: no-repeat;
	letter-spacing: 0.085em; font-variant: small-caps; text-transform: uppercase; font-size: 80%; font-style: normal; font-weight: normal;
}

H3 {
	font-size: 13px; font-weight: bold; font-style: italic;
	margin: 10px 5px 10px 5px; padding: 0;
}



/* Hyperlinks
----------------------------------------------------------------------------------------------------*/

a {
	color: #444;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

p a, ul a {
	text-decoration: underline;
}



/* Absätze
----------------------------------------------------------------------------------------------------*/

p {
	color: #444; line-height: 160%;
	margin: 5px; padding: 0; text-align: left;
}

p.Alpha {
	margin-top: 20px;
}

p.Omega {
	margin-bottom: 20px;
}

p b {
	color: #222;
}



/* Marginalspalte
----------------------------------------------------------------------------------------------------*/

.Marginalie H1 {
	height: auto; margin: 2px 5px 5px 5px; padding: 0 0 5px 0; font-size: 13px; font-weight: bold; background-image: none;
	border-top: none; border-bottom: none;
}

.Marginalie H2 {
	margin: 5px; padding: 0; 
	letter-spacing: 0.085em; font-variant: small-caps; text-transform: uppercase; font-size: 80%; font-style: normal; font-weight: normal;
	border-top: none; border-bottom: none;
}

.Marginalie H2.Bullet-Auge {
	padding-left: 25px; background-image: url("../img/Bullet-Auge.png"); background-position: 0 1px; background-repeat: no-repeat;
}

.Marginalie p {
	font-size: 12px;
}

.Marginalie ul {
	margin: 5px 0 5px 0; padding: 0; 
	font-size: 12px; border-top: 1px solid #ddd;
}

.Marginalie li {
	padding: 10px 5px 10px 5px; margin: 0;
	list-style: none; border-bottom: 1px solid #ddd;
}

.Marginalie li.Bookmark {
	padding-left: 30px; 
	background-image: url("../img/Bullet-Bookmark.png"); background-position: 5px 7px; background-repeat: no-repeat;
}

.Marginalie li.Download {
	padding-left: 30px; 
	background-image: url("../img/Bullet-Download.png"); background-position: 3px 11px; background-repeat: no-repeat;
}

.Marginalie li.Auge {
	padding-left: 30px; 
	background-image: url("../img/Bullet-Auge.png"); background-position: 2px 14px; background-repeat: no-repeat;
}

.Marginalie a {
	text-decoration: none;
}

.Marginalie a:hover {
	text-decoration: underline;
}

/* Marginalie Home
----------------------------------------------------------------------------------------------------*/

.Marginalie.Home H1 {
	height: 25px; margin: 0 0 10px 0;
	background-image: url("../img/Submenu-Links-und-Downloads.png"); background-position: -220px 0; background-repeat: no-repeat;
}


/* .Marginalie.Home H1 {
	margin: 15px 3px 8px 0; text-align: right;
}
*/

.Marginalie.Home li.Bookmark {
	text-align: right; font-size: 13px; padding-right: 30px; background-position: 205px 7px; 
}

.Marginalie.Home li.Download {
	text-align: right; font-size: 13px; padding-right: 30px; background-position: 202px 11px; 
}



/* Inhaltsbereich
----------------------------------------------------------------------------------------------------*/

.Wrapper-Content .Liste {
	
}

.Wrapper-Content .Liste H1 {
	height: auto; margin: 0 0 0 10px; padding: 0 0 0 20px; 
	font-size: 14px; color: #444; letter-spacing: 0.04em;
	background-image: url("../img/Text-Bullets-Strich.gif"); background-position: left 11px; background-repeat: no-repeat;
	border: none;
}

.Wrapper-Content H2.Pfeil {
	margin: 0; padding: 2px 0 0px 20px;
	background-image: url("../img/Tabelle-Pfeil-01.png"); background-repeat: no-repeat; background-position: 0 6px;
}

.Wrapper-Content .Liste p {
	padding: 0 0 0 30px; margin: 0 0 5px 0;
	font-style: italic;
}

/* Listen
----------------------------------------------------------------------------------------------------*/

.Liste ul, ol {
	margin: 5px 0 5px 0; padding: 0 0 0 10px; width: 90%;
}

.Liste li {
	margin: 5px 0 5px 0; padding: 2px 0 2px 20px; 
	color: #444;
}

.Liste ul li {
	list-style: none; background-image: url("../img/Text-Bullets-Strich.gif"); background-position: left 11px; background-repeat: no-repeat;
}

.Liste ol li {
	list-style-type: decimal; padding: 2px 0 2px 10px; margin: 0 0 0 20px;
	line-height: 160%;
}

.Liste li:last-child {
	margin-bottom: 0;
}



/* Diverses...
----------------------------------------------------------------------------------------------------*/

.weiter {
	color: #222; font-style: italic;
}

.small-caps {
	 letter-spacing: 0.085em; font-variant: small-caps; text-transform: uppercase; font-size: 90%; font-style: normal;
}

.all-caps {
	 letter-spacing: 0.085em; font-variant: small-caps; text-transform: uppercase; font-size: 100%; font-style: normal;
}

.Hline {
	height: 1px; margin: 5px 0 5px 0; padding: 0; background-color: #ddd;
}

.Hline.Margin-10 {
	margin: 10px 0 10px 0;
}

.Hline.Margin-20 {
	margin: 20px 0 20px 0;
}

.Hline.Height-5 {
	height: 5px; background-color: #666;
}

.Hline.Double-01 {
	height: 11px; margin-bottom: 5px;
	background-image: url("../img/Linie-Double-01.gif"); background-position: 0 0; background-repeat: repeat-x; background-color: #fff;
}

.Hline.Double-02 {
	height: 11px; margin-bottom: 5px;
	background-image: url("../img/Linie-Double-02.gif"); background-position: 0 0; background-repeat: repeat-x; background-color: #fff;
}

span.nobreak {
	white-space: nowrap;
}

span.Raute {
	padding: 0 0 5px 25px; 
	background-image: url("../img/Bullet-Ornament.png"); background-repeat: no-repeat; background-position: 0 3px;
}

/* Einrückungen (im Test) auf den HSK Seiten
----------------------------------------------------------------------------------------------------*/

div.indent_1, p.indent_1, h2.indent_1, h3.indent_1 {
	margin-left: 10px;
}

table.indent_1, table.indent_1 tr, table.indent_1 td, table.indent_1 th {
	margin-left: 10px; padding-left: 0;
}

table.indent_2, table.indent_2 tr, table.indent_2 td, table.indent_2 th {
	margin-left: 20px; padding-left: 0;
}

div.indent_2, p.indent_2, h2.indent_2, h3.indent_2, table.indent_2 {
	margin-left: 20px;
}

div.indent_3, p.indent_3, h2.indent_3, h3.indent_3, table.indent_3 {
	margin-left: 30px;
}

p.mtop_1, h2.mtop_1, table.mtop_1 {
	margin-top: 10px;
}

p.mtop_2, h2.mtop_2, table.mtop_2 {
	margin-top: 20px;
}


/* Farben
----------------------------------------------------------------------------------------------------*/

.orange {
	color: #ea5b0c;
}