/* KOMMENTAR ------------------------------------------------------------------
	Publications Types. Modulare Artikel.
	Um einen Ueberblick ueber alle vorhandenen IDs und Klassen zu bekommen,
	reicht ein Blick in die Templates / in den Quellcode.
	Kontext mit angeben zur besseren Lesbarkeit.
	TODO: vollstaendig kommentieren.
------------------------------------------------------------------------- K.P.*/

div.articles-summary {
	border-bottom: 1px dashed #cc9; /* Abgrenzung der einzelnen Artikel in der Listenansicht */
	padding-bottom: .5em; /* Wichtig bei Titelbildern */
}

div.articles-summary h1 {
	font-size: .7em; /* Schriftgroesse minimieren, um Meta-Angaben zu verkleinern */
	color: #000; /* Farbe zuruecksetzen und im Folgenden ueberschreiben */
	background: inherit;
}

div.articles-summary h1 span.articles-title {
	display: block; /* Umbruch nach Datum erzeugen */
	font-size: 2em; /* Schriftgroesse der Ueberschrift H1 maximieren, Bezug: .7em */
	line-height: 1.2em; 
}

div.articles-summary h1 span.articles-title a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold; /* KOMMENTAR
	Stil alte Seite.
------------------------------------------------------------------------- K.P.*/
}

div.articles-display h1 {
	font-size: .7em; /* Schriftgroesse minimieren, um Meta-Angaben zu verkleinern */
	color: #000; /* Farbe zuruecksetzen und im Folgenden ueberschreiben */
	background: inherit;
}

div.articles-display h1 span.articles-title {
	display: block; /* Umbruch nach Datum */
	font-size: 2.2em; /* Schriftgroesse der Ueberschrift H1 maximieren, Bezug: .7em (von .9em) */
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold; /* KOMMENTAR
	Stil alte Seite.
------------------------------------------------------------------------- K.P.*/
}

div.articles-summary h1 span.articles-title a,
div.articles-display h1 span.articles-title {
	color: #363; /* Farbe der Artikelueberschrift, Summary und Display: Standard H1 */
	background: inherit;
}

div.articles-summary h1 span.articles-title a {
	display: inline; /* Damit Hintergrund bei Link nicht ueber ganze Zeile laeuft */
	text-decoration: none; /* Betrifft nur den Link in der Summary, ohne Dekoration */
}

div.articles-summary h1 span.articles-title a:hover, 
div.articles-summary h1 span.articles-title a:focus {
	color: #6c6633;
	background: #eeb;
}

div.articles-summary h1 span.articles-title a:hover:after,
div.articles-summary h1 span.articles-title a:focus:after {
	content: " #"; /* IE kann das nicht */
	color: #aaa; 
	font-size: .8em; 
	font-style: italic; 
	font-weight: bold; 
	line-height: .6em;
}

div.articles-display h2.articles-subtitle {
	font-size: 1.2em; /* Untertitel deutlich kleiner als Titel, kleiner als Standard H2 */
	color: #6c6633; /* Standard H2 ist #363 */
	font-weight: bold;
	background-color: #ffc; /* KOMMENTAR 
	IE interpretiert 'inherit' etwas eigenwillig.
------------------------------------------------------------------------- K.P.*/
	line-height: 1.2em;
}

div.articles-display p.articles-teaser {
	font-weight: bolder;
}
/*
div.articles-summary p.articles-teaser-height {
	min-height: 155px;
} */ 
/* KOMMENTAR 
	Wenn Bild, dann Mindesthoehe. Siehe: ie_win.css
------------------------------------------------------------------------- K.P.*/

div.articles-summary-fotostrecken p.articles-teaser-height {
	min-height: 120px;
} 

/* KOMMENTAR 
	Wenn Bild, dann Mindesthoehe. Siehe: ie_win.css
------------------------------------------------------------------------- K.P.*/

p.articles-meta-author-comments {
	margin: 0;
	padding: 0;
}

p.articles-teaserbox {
	margin: 0;
	padding: 0;
}

div.articles-view h1.categories-title,
div.articles-view h1.articles-pubtitle {
	color: #996;
	background-color: inherit;
	font-weight: normal;
	text-align: right;
}

div.articles-display div.articles-meta p.articles-meta-pubtypes {
	margin:0; 
	padding: 0;
}

div.articles-display div.articles-meta p.articles-meta-pubtypes span a {
	margin-right: .2em;
}

div.articles-display h2 {
	line-height: 1em;
	background-color: #cc6;
	color: #363;
	padding: .3em;
}

div.articles-display h2.articles-subtitle {
	padding: 0;
}

.articles-view-top,
.articles-top {
	margin-top: 1em;
	margin-bottom: 1em;
}

.articles-view-top span,
.articles-top span {
	font-size: .7em;
	float: right;
	width: auto;
	padding-right: 18px;
	background: #ffc url(../images/silc/arrow_up.png) no-repeat right center;
	color: inherit;
}

p.articles-meta-author-comments span.articles-comments {
	padding-left: 18px;
	background: url(../images/silc/comment.png) no-repeat left center;
}

span.articles-meta-permalink {
	padding-left: 18px;
	background: #ffc url(../images/silc/permalink.png) no-repeat left center;
	color: inherit;
}

span.articles-meta-archive {
	padding-left: 18px;
	background: #ffc url(../images/silc/archive.png) no-repeat left center;
	color: inherit;
}

span.articles-meta-print {
	padding-left: 18px;
	background: #ffc url(../images/silc/print.png) no-repeat left center;
	color: inherit;
}

span.articles-meta-recommend {
	padding-left: 18px;
	background: #ffc url(../images/silc/recommend.png) no-repeat left center;
	color: inherit;
}

div.articles-quellen h3,
div.articles-links h3 {
	padding-bottom: .2em;
	border-bottom: 1px solid #6c6633;

}

div.articles-links h3 {
	padding-left: 18px;
	background: url(../images/silc/external_url.png) no-repeat left center;
	color: inherit;
	background-color: inherit;
}

div.articles-quellen h3 {
	padding-left: 18px;
	background: url(../images/silc/book.png) no-repeat left center;
	color: inherit;
	background-color: inherit;
}

/* KOMMENTAR ------------------------------------------------------------------
Link zum Schwerpunkt
------------------------------------------------------------------------- K.P.*/
p.articles-schwerpunktartikel {
	font-weight: bolder;
}

p.articles-schwerpunktartikel span {
	padding-left: 18px;
	background: url(../images/silc/schwerpunktartikel.png) no-repeat left center;
	color: inherit;
	background-color: inherit;
}

/* KOMMENTAR ------------------------------------------------------------------
Pagebreak (Navigation) - kein Pagebreak
div.articles-pagebreak {}
div.articles-pagebreak span.articles-prevpage {}
div.articles-pagebreak span.articles-nextpage {}
------------------------------------------------------------------------- K.P.*/

/* KOMMENTAR ------------------------------------------------------------------
Artikelnavigation (vor/zurueck). Floatbox.
------------------------------------------------------------------------- K.P.*/
div.articles-prevnext {
	margin: 2em 0;
}

div.articles-prevnext span.articles-prevart {
	float: left;
	width: 45%;
	text-align: left;
	font-size: .7em;
	padding-left: 18px;
	background: url(../images/silc/arrow_left.png) no-repeat left center;
	background-color: inherit;
	color: inherit;
	
}

div.articles-prevnext span.articles-nextart {
	float: right;
	width: 45%;
	text-align: right;
	font-size: .7em;
	padding-right: 18px;
	background: url(../images/silc/arrow_right.png) no-repeat right center;
}

/* KOMMENTAR ------------------------------------------------------------------
Kategoriennavigation (vor/zurueck).
------------------------------------------------------------------------- K.P.*/
div.articles-prevnextcat {
	margin: 1em 0;
}

div.articles-prevnextcat span.prevcat {
	float: left;
	width: 45%;
	text-align: left;
	font-size: .7em;
	padding-left: 18px;
	background: url(../images/silc/arrow_left.png) no-repeat left center;
}

div.articles-prevnextcat span.nextcat {
	float: right;
	width: 45%;
	text-align: right;
	font-size: .7em;
	padding-right: 18px;
	background: url(../images/silc/arrow_right.png) no-repeat right center;
}

/* KOMMENTAR ------------------------------------------------------------------
Readmore (Popup). Siehe Backup.
http://www.knusperpixel.com/playground/more-more-links.php
Jetzt: Links zum Weiterlesen mit der Titelinfo im alt-Atrribut
------------------------------------------------------------------------- K.P.*/
#center #center-layout a img.more {
	margin-left: 6px;
	/* vertical-align: middle; */
}

#right-layout .block-body a img.more {
	margin-left: 6px;
	vertical-align: bottom; /* Tja? Warum jetzt das? */
}

/* KOMMENTAR ------------------------------------------------------------------
Box mit verwandten Links
------------------------------------------------------------------------- K.P.*/
div.articles-related {
	float: right;
	margin: 10px 10px 6px 10px;
	border: 1px solid #000;
	min-width: 6em;
	max-width: 12em;
} /* KOMMENTAR 
	Siehe: ie_win.css fuer width.
------------------------------------------------------------------------- K.P.*/

div.articles-related h3 {
	margin: 0;
	font-size: .8em;
	border-bottom: 1px solid #000;
	background-color: #cc9;
	color: #363;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

div.articles-display div.articles-related ul {
	list-style: none;
	line-height: .8em;
	margin: .2em .4em .4em .2em;
	padding: 0;
}

div.articles-related ul li {
	margin: 0 0 .2em 0;
	padding: 0 0 0 18px;
	background: url(../images/silc/bullet_green.png) no-repeat left center;
	line-height: 1.4em;

}

div.articles-related li {
	font-size: .7em;
}

/* KOMMENTAR ------------------------------------------------------------------
Quelle
------------------------------------------------------------------------- K.P.*/
p.articles-quelle {
	font-style: italic;
}

p.articles-quelle span {
	padding-left: 18px;
	background: #ffc url(../images/silc/source.png) no-repeat left center;
	color: inherit;
}

/* KOMMENTAR ------------------------------------------------------------------
Container fuer Hooks
------------------------------------------------------------------------- K.P.*/
div.articles-hook {
	margin-top: 1em;
}

/* KOMMENTAR ------------------------------------------------------------------
Hooks: Display Keywords
------------------------------------------------------------------------- K.P.*/
.articles-hooks-keywords h3 {
	padding-left: 18px;
	background: url(../images/silc/tag.png) no-repeat left center;
	padding-bottom: .2em;
	border-bottom: 1px solid #6c6633;
}

.articles-hooks-keywords ul {
	list-style: none;
	margin: 0;
}

.articles-hooks-keywords ul li {
	display: inline;
	padding-left: 18px;
	background: url(../images/silc/tag_item.png) no-repeat left center;
}

/* KOMMENTAR ------------------------------------------------------------------
Hooks: Display Changelog
------------------------------------------------------------------------- K.P.*/
.hook-changelog {}

.articles-hooks-changelog p {
	font-size: .7em;

}

/* KOMMENTAR ------------------------------------------------------------------
Bild im Teaser
------------------------------------------------------------------------- K.P.*/
img.articles-teaserimage {
	float: left;
	margin: 20px 6px 0 0;
	border: 1px solid #000;
	vertical-align: bottom;
}

div.articles-block-random-image img.articles-bilder-thumbnail {
	border: 1px solid #000;
	vertical-align: bottom;
}

div.articles-block-random-image img.articles-bilder-thumbnail a {
	text-decoration: none;
}

/* KOMMENTAR ------------------------------------------------------------------
Bilder (TODO: einheitlich)
------------------------------------------------------------------------- K.P.*/

img.articles-bilder-thumbnail {
	border: 1px solid #000;
	vertical-align: top;
	padding: 2px;
}

img.articles-bilder-display {
	border: 1px solid #000;
	vertical-align: top;
	padding: 2px;
}
.articles-fotostrecke-thumbnail {
	border: 1px solid #000;
	vertical-align: top;
	padding: 2px;
}

a.articles-fotostrecke-lightbox {
	float: left;
	margin-right: 6px;
}

a:hover .articles-bilder-thumbnail,
a:hover .articles-fotostrecke-thumbnail, 
a:focus .articles-bilder-thumbnail,
a:focus .articles-fotostrecke-thumbnail,
a:hover .articles-bilder-display,
a:focus .articles-bilder-display {
	background: #363;
	color: inherit;
/*
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 3px;
	color: inherit;
*/

}

.articles-autorenfoto {
	float: left;
	margin-right: 6px;
	margin-top: 10px;
	width: auto;
}

/* KOMMENTAR ------------------------------------------------------------------
PUBTYPE: Partner
------------------------------------------------------------------------- K.P.*/
.articles-view-partner img.articles-partnerlogo {
	display: block;
}

.articles-view-partner ul {
	list-style: none;
}

.articles-view-partner ul li {
	margin-bottom: 2em;
}

.articles-display-partner img.articles-partnerlogo {
	float: left;
	margin-right: 6px;
	margin-top: 10px;
	width: auto;
}

/* KOMMENTAR ------------------------------------------------------------------
PUBTYPE: Adressen
------------------------------------------------------------------------- K.P.*/
.articles-display-adressen .articles-logo {
	float: left;
	margin-right: 6px;
	margin-top: 10px;
	width: auto;
}

/*
.articles-display-adressen a.url {
	padding-right: 18px;
	background: url(../images/silc/link_go.png) no-repeat right center;
}
*/

/* KOMMENTAR ------------------------------------------------------------------
PUBTYPE: Impressum
------------------------------------------------------------------------- K.P.*/
p#articles-impressum-autoren a,
p#articles-impressum-partner a,
p#articles-impressum-fotografen a {
	margin-right: .2em;
	margin-left: .2em;
	text-decoration: none;
}

/* KOMMENTAR ------------------------------------------------------------------
PUBTYPE: Laenderinfos (TOC TOC)
------------------------------------------------------------------------- K.P.*/
ol#myContentList {
	padding-left: 30px;
	list-style-type: upper-roman;
}

ol#myContentList li {
	font-weight: 700;
	background-color: #ccc;
	color: inherit;
	margin: 5px;
	padding: 5px 5px 5px 34px;
}

ol#myContentList li ol {
	padding-left: 30px;
	list-style-type: lower-roman;
}

ol#myContentList li ol li {
	font-weight: 400;
	background-color: #eee;
	color: inherit;
	margin: 5px;
	padding: 3px 3px 3px 20px;
}

ol#myContentList li ol li a {
	text-decoration: none;
}

ol#myContentList li ol li ol {
	padding-left: 10px;
	list-style-type: lower-latin;
}

ol#myContentList li ol li ol li {
	font-weight: 400;
	background-color: #eee;
	color: inherit;
	margin: 1px;
	padding: 1px 1px 1px 10px;
}

a.tocback img {
	margin-left: 6px;
	vertical-align:middle;
}

/* KOMMENTAR ------------------------------------------------------------------
PUBTYPE: Veranstaltungen
------------------------------------------------------------------------- K.P.*/
div#center h2.eventdate {
	margin: .4em .3em .3em 0;
	width: 3em;
	color: #996;
	background-color: #ffc;
	border: none;
	line-height: 1.1em;
	float: left;
	padding: .2em;

}

h2.eventdate span.event-day,
h2.eventdate span.event-month,
h2.eventdate span.event-year {
	display: block;
}


/* KOMMENTAR ------------------------------------------------------------------
Microformats.
------------------------------------------------------------------------- K.P.*/
#center-layout .vevent abbr {
	font-variant: normal;
	letter-spacing: normal;
	cursor: auto;
	border-bottom: none;
}

/* KOMMENTAR ------------------------------------------------------------------
Bilder in Artikeln (via Autolinks
------------------------------------------------------------------------- K.P.*/
dl.articles-image {
	margin: 0;
	padding: 0;
	border: 1px solid #000;
	color: #666;
	background: #eeb;
}

dl.articles-image dt {
	margin: 0;
	padding: 0;
}

dl.articles-image dd {
	margin: 0;
	padding: 0 .2em .2em .2em;
	font-size: .7em;
	line-height: 1em;
	text-align: left;
}

dl.articles-image dd span{
	font-weight: bolder;
}

dl.articles-image-150 {
	width: 150px;
}

dl.articles-image-250 {
	width: 250px;
}

dl.articles-image-500 {
	width: 500px;
}

dl.articles-image-left {
	float: left;
	overflow: hidden;
	margin-right: 6px;
}

dl.articles-image-right {
	float: right;
	overflow: hidden;
	margin-left: 6px;
}

dl.articles-image-center {
	margin: 6px auto;
	text-align: center;
}

/* KOMMENTAR ------------------------------------------------------------------
Medialiste
------------------------------------------------------------------------- K.P.*/
div#medialist p.medialist-item {
	float: left;
	margin-right: 6px;
}

div#medialist p.medialist-item span {
	display: block;
}

dd.medialist-description {
	font-style: italic;
}

dl#mediadata {
	margin: 1em;
	padding:0;
}

/* KOMMENTAR ------------------------------------------------------------------
Fussnoten
------------------------------------------------------------------------- K.P.*/
.articles-content a.fussnote-ref {
	text-decoration:none;
}

.articles-content a.fussnote-top {
	text-decoration:none;
}

/* KOMMENTAR ------------------------------------------------------------------
Kategoriennavigation
------------------------------------------------------------------------- K.P.*/
#kategoriennavigation {
	margin: 1em 0 2em 0;
	border-top: 1px solid #363;
	border-bottom: 1px solid #363;
	border-right: 1px solid #363;
	border-left: 1px solid #363;
	padding: .6em;
	background-color: #faf6f6;
	color: inherit;
}

#kategoriennavigation form {
	margin: 0;
	padding: 0;
}

#kategoriennavigation label {
	padding-left: 14px;
	background: url(../images/silc/menu_arrow.gif) no-repeat left center;
	background-color: inherit;
}
/* KOMMENTAR ------------------------------------------------------------------
Kategoriennavigation
------------------------------------------------------------------------- K.P.*/
div.articles a[rel=internal] {
	padding-left: 14px;
	background-image: url(../images/greylistarrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

div.articles a:hover[rel=internal], div.articles a:active[rel=internal], div.articles a:focus[rel=internal] {
	padding-left: 14px;
	background-image: url(../images/greylistarrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
} /* KOMMENTAR
	Interne Links. Keine Extras fuer IE.
------------------------------------------------------------------------- K.P.*/


.articles-bilder-image-wrapper img {
	max-width: 100%;
	height: auto;
	width: auto; /* for ie 8 */
}