/**
*
* Article Pages for ZEIT ONLINE 2009
*
* These are the additional styles for articles
*
* @project ZEIT ONLINE 2009
* @version 1.0
* @package css
* @author Nico Brünjes
* @author Marc Tönsing
* @copyright 2009 ZEIT ONLINE
* @cssdoc version 1.0-pre
*
* @colordef #fff; white
* @colordef #222; black
* @colordef #900; red
* @colordef #444; dark grey
* @colordef #777; light grey
* @colordef #363; green
*
*/
.article p {
	font-family: Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
	font-size:  16px;
	line-height: 24px;
	margin-bottom: 19px;
}
.article .supertitle {
    color: #900;
	margin-bottom: 3px;
	line-height:24px;
}
.article .title {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 30px;
	line-height: 32px;
	margin-bottom: 12px;
}
.intertitle {
	font-weight: 700;
}
.article .excerpt {
	font-size: 22px;
	line-height: 28px;
	margin-top: 2px;	
}
.article .copyright {
	margin: 0;
	color: #999999;
	font-size: 10px;
	line-height: 18px;
	text-align: right;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
}
.article .copyright a:link,
.article .copyright a:visited,
.article .copyright a:hover,
.article .copyright a:active {
	color: #999;
	text-decoration: underline;
}
.article .caption {
	color: #666;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size:12px;
	line-height:14px;
	margin: 6px 0 12px;
}
.article ul, .article ol {
	font-family: Georgia, Palatino, Palatino Linotype, FreeSerif, serif;
	font-size:  16px;
	line-height: 20px;
	margin: 0 0 19px 0;
}

.article ul {
	list-style-position: outside;
	list-style-type: disc;
}

.article li {
    margin-bottom: 4px;	
}
/* @group Blockquotes (wide/narrow) */
blockquote {
    background: transparent url(bg_block.png) no-repeat 0 0;
    border-right: 1px solid #E0E0E0;
    font-size: 15px;
    font-style: italic;
    line-height: 24px;
	margin: -3px 0 0 0;
	overflow: hidden;
	padding: 3px 10px 0px 30px;
}
.article blockquote p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 0;
}
.article blockquote .cite {
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
}
.doublequote blockquote {
    float:  left;
    margin-right: 10px;
	width: 228px;
}
.article .cite a:link,
.article .cite a:visited,
.article .cite a:hover,
.article .cite a:active {
	color: #333;
	text-decoration: underline;
}
/* @end of blockquote */
/* @group Inlines */
.article .inline {
	float: left;
	margin-right: 15px;
	position: relative;
	width: 180px;
}
#wrapper .article .inline_wide {
	width: 260px;
}
.article .inline .headline {
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	/* Bevor Du mich wieder einkommentierst, frag vorher den Marc. =) */
	/* margin-bottom: 4px; */
	margin-top: 3px;
	text-transform: uppercase;
}
.article .inline .caption, .article .inline .caption p{
	font-family:Arial,Helvetica,FreeSans,sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding-top: 2px;
	color: #666;
}

.article .inline .shortteaserlist{
	margin-left:15px;
}

/* @end of Inlines */
/* @group Pagenationlist */
.article ol.pagelist {
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}
.article ol.pagelist li {
	overflow: hidden;
}
* html .article ol.pagelist li {
	height: 1%;
}
.article ol.pagelist strong {
	display: block;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	width: 50px;
}
.article ol.pagelist li.current {
	font-weight: 700;
}
.article ol.pagelist li.current strong {
	font-weight: 400;
}

.article ol.pagelist li a:link,
.article ol.pagelist li a:visited {
	color: #444;
}
.article ol.pagelist li a:hover,
.article ol.pagelist li a:active {
	color: #900;
}

.article ol.pagelist li a:link strong,
.article ol.pagelist li a:visited strong,
.article ol.pagelist li a:hover strong,
.article ol.pagelist li a:active strong {
	color: #900;
}

#main .pagination {
	margin-bottom: 0;
}

/* @end of Pagenationlist */
/* @group Article Tools */
#informatives .tools {padding-bottom: 20px;}
#informatives .tools li {
	font-size: 12px;
	line-height: 22px;
}

#informatives .tools li.bookmarkservice {
	background: transparent url(bookmark.gif) no-repeat -80px 0;
	padding: 7px 0 0 0;
}
li.bookmarkservice div {
    border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	min-height: 20px;
	padding: 10px 10px 3px 10px;
	margin-bottom: 0px;
	overflow: hidden;
	vertical-align: middle;
}

li.bookmarkservice div a {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	margin-bottom: 7px;
	padding: 0;
	text-transform: uppercase;
	vertical-align: middle;
	width: 116px;
}
li.bookmarkservice div a img {
    border: 1px solid #ccc;
    margin-right: 4px;
	vertical-align: middle;
}
li.bookmarkservice a#bm_close {
    border: 1px solid #ccc;
    border-top: none;
    display: block;
    float: none;
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 0 7px 3px 7px;
    text-align: right;	
}
li.bookmarkservice p {
	margin-bottom: 5px;
}

#informatives .tools strong {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 22px;
	padding-right: 3px;
}

#informatives .tools li {
    background: transparent url(miniicon.gif) no-repeat 0 3px;
	padding: 0 0 0 21px;
}

#informatives .tools .pages .current {
	font-weight: 700;
	color: #444;
}

#informatives .tools .author {background-position: 0px -553px;}
#informatives .tools .authorrss {background-position: 0px -453px;}
#informatives .tools .date {background-position: 0px -388px;}
#informatives .tools .pages {background-position: 0px -325px;}
#informatives .tools .comments {background-position: 0px -250px;}
#informatives .tools .print {background-position: 0px -181px;}
#informatives .tools .bookmark {background-position: 0px -117px;}
#informatives .tools .source {background-position: 0px 0px;}
#informatives .tools .tags {background-position: 0px -57px;}
#informatives .tools .serie {background-position: 0px -646px;}

#informatives .tools li.toolad {
	background: none;
	padding-left: 0;
	padding-top: 10px;
}
#informatives .tools li.toolad strong {
	background: none;
	padding-left: 0;
}
/* @end of Article Tools */
/* @group Infographic */
.infografik .headline {float: left;}
.infografik p.copyright {
	float:  right;
	padding-top: 4px;
}
.infografik p.copyright a:link,
.infografik p.copyright a:visited {color: #999;}
/* @end */
/* @group breite Bilder */
.wideimage {margin: -10px 0 10px;}
/* @end */
/* @group Infobox */
.body-js .infobox {display: none;}
.infobox {width:  520px;}
.infobox img.inline {
    float: left;
    margin-right: 15px;
    width: 180px;
	margin: 3px 10px 5px 0px;
}
.infobox dl {
    margin: 0;
    padding: 0;
}
.infobox dd {
    background: #fff;
    border: 1px solid #ccc;
    margin: 0px 0 0 0;
    overflow: hidden;
	padding: 10px 10px 0 10px;
	position: relative;
}
* html .infobox dd {height: 1%;}
#content .infobox dd p {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}
.infobox ul {
	background: transparent url(1px_soli.gif) repeat-x 0 100%;
	height: 30px;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.infobox ul li {
    border:  1px solid #ccc;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	float: left;
	font-size: 10px;
	font-weight: 700;
	height: 28px;
	line-height: 30px;
	margin-right: 5px;
	padding: 0 10px;
	text-align: center;
	text-transform: uppercase;
}
.infobox ul li.current {
	border-bottom: 1px solid #fff;
	color: #900;
}
.infobox ul li.hover {
	color: #900;
	cursor: pointer;
}
.infobox ul li.last {margin-right: 0;}
/* @end */

/* @group Kommentare */
#comments{
	background-color: #FAFAFA;
	border-top: 1px solid #CCCCCC;
	margin-left: 10px;
	margin-top: 28px;
	width: 940px;
	margin: 28px 0 40px 10px;
}

#comments ol{
 	list-style: none;
 	margin: 10px 0 0;
 	padding: 0;
 }

#comments li{
	width:900px;
	border-top:1px solid #E3E3E3;
	margin:0 10px;
	padding:10px 10px 5px;
}

#comments li.commentform{
	background:#F2F2F2 none repeat scroll 0 0;
	border-top:1px solid #E3E3E3;
	margin:0;
	padding:0 20px 15px;
	width:920px;
}

#comments li.first{
	border-top:none;
}

#comments .user li {
	width: 320px;
	border: none;
	padding: 0;
	margin: 0;
}

#comments .user {
	list-style-type: none;
	float: right;
	color:#666666;
}


#comments .bottom {
	margin-bottom: 5px;
}

#comments .user .date{
	font-size:10px;
	font-weight:700;
	text-transform: up;
	line-height:22px;
}

#comments .user .name {
	background: transparent url(miniicon.gif) no-repeat 0px -553px;
	font-size: 12px;
	line-height: 22px;
	padding: 0 0 0 21px;
	width: 260px;
}

#comments .comment{
	width: 540px;
	float: left;
}

#comments .comment li {
	width:100%;
	border-top:none;
	margin:0;
	padding:0;
	font-size:14px;
}

#comments .comment ul{
	padding-left: 1em;
	padding-bottom:10px;
}

#comments .subject{
font-family:Arial,sans-serif;
font-weight:700;
line-height:22px;
font-size: 14px;
}

#comments .comment p{
font-size:14px;
line-height:22px;
margin-bottom:15px; 

}

#comments .pagenav {
float:right;
margin-right:20px;
}

/* TODO: DIV in OL BESEITIGEN UND ALLES KORRIGIEREN */
* html #comments .bottom {
	display: none !important;
}

#comments .recommended_posts{
margin-left:20px;
font-size:10px;
font-weight:700;
height:22px;
line-height:22px;
padding-bottom:22px;
text-transform: uppercase;

}

#comments .head {
margin-left: 20px;
margin-top: 20px;
font-size: 14px;
text-transform: uppercase;
}

#comments .pagenav .rwd, #comments .pagenav .rwd_inactive {
	right: 185px;
}

#comments .pagenav span.numbers {
	width: 160px;
	font-size: 12px;
}


#comments .pagenav a.newestcomments {
    background: none;
	display: block;
	font-weight: 700;
	font-size: 10px;
	text-indent: 0;
	width: auto;
    position: absolute;
    right: 210px;
    text-transform: uppercase;
    top:  7px;
    width:  200px;	
}

#comments .pagenav span.numbers a {
    background: none;
	display: inline;
	font-weight: normal;
	position: static;
	text-indent: none;
	width: auto;
}

/* @group Formular der Kommentare */
#comments label {
	font-size:13px;
	font-weight:700;
}

#comments form p {
	margin: 18px 0 0;
    vertical-align: bott;
}

#comments form  {
width: 550px;

}

#comments span {
padding: 0;
margin: 0;
}

#comments form fieldset.submit input {
	margin:0;
}

#comments .headline {
	font-size:14px;
	line-height:36px;
	text-transform: uppercase;
	color:#444444;
	margin-bottom:12px;
}

#comments input.textfield {
	border:1px solid #777777;
	font-size:12px;
	font-weight:700;
	width:320px;
	margin-top:2px;
	padding:3px;
}

#comments textarea{
	font-size:12px;
	line-height: 1.4;
	width:515px;
	height: 140px;
	margin-top:2px;
	padding:3px;
}

#comments .required {
	font-size:11px;
	padding-top:4px;
	line-height: 1.2;
}

#comments .register {
	border-top:1px solid #E0E0E0;
	font-size:12px;
	padding-top:5px;
	width: 230px;
}

#comments fieldset {
	width:330px;
	border: 0;
	padding: 0;
	margin: 0;
}

#comments fieldset.wide {
    position: relative;
	width:520px;
}

#comments .fleft {
	float: left;
}

#comments .fright {
	float: right;
}

.drupalformlogin {
	font-size: 12px;
	font-weight: 700;
}

#isreplyto {
    color: #777;
    font-size: 12px;
    line-height: 1.4;
    float: left;
	width: 400px;
}

#charcount {
	color: #777777;
	display: block;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 16px;
	line-height: 16px;
}

#comments .user .kommentar_empfohlen,
#comments .user .kommentar_bedenklich {
	display: none;
}

.body-js #comments .user .kommentar_empfohlen,
.body-js #comments .user .kommentar_bedenklich {
	display: block;
}

#comments .user .is-flagged,
#comments .user .kommentar_empfohlen,
#comments .user .kommentar_bedenklich {
    font-size: 10px;
	font-weight: 700;
	margin: 10px 0 5px 0;
	padding-left: 0;
	text-transform: uppercase;
	width: 300px;
}
#comments .user .kommentar_bedenklich {
	margin-top: 20px;
}
/* @group comments nacharbeiten vom 9.9.2009 */
.responses {
	display: none;
	margin-bottom: 20px;
	margin-top: 19px;
}
.body-js .responses {display: block;}
.body-js .response {display: none;}
.showresponses {
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	margin-bottom: 10px;
	text-transform: uppercase;
	cursor: pointer;
	width: 375px;
}
.isresponse .showresponses {
	width: 345px;
}
.isresponse .showresponses a {
	font-size: 11px !important;
	text-transform: none !important;
}
.showresponses span {color: #900;}
.response {
	background: #f2f2f2;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	line-height: 22px;
	padding: 5px;
	margin-left: 30px;
	width: 500px;
}
.responsetitle {
	cursor: pointer;
	font-weight: 700;
	line-height: 22px;
	padding: 2px 0 2px 0;
}
.responsetitle cite {
	background: transparent url(miniicon.gif) no-repeat 0px -553px;
	display: block;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	line-height: 22px;
	padding-left: 19px;
}
.responsetitle span {
	color: #900;
	font-size: 10px;
	text-transform: uppercase;
}
#comments .reply{
	float: right;
	padding-right:20px;
	text-align: right;
	width: 150px;
}

#comments .reply a {
	background-image:url(icons000.gif);
	background-position: 109px -1091px;
	background-repeat:no-repeat;
	font-size:10px;
	font-weight:700;
	padding-right:13px;
	text-transform:uppercase;
}

#comments .reply a:hover{
	background-position: 109px -1115px;
}
.commentissent {
	border-bottom: 1px solid #E3E3E3;
	margin: 20px 0 20px -20px;
	padding: 0 0 20px 20px;
}
.commentissent span.gotolink {
	color: #900;
	cursor: pointer;
}
.commentissent span.gotolink:hover {
	text-decoration: underline;
}
.isresponse {
	background: #f2f2f2 !important;
	padding: 5px !important;
	margin-left: 30px;
	width: 500px !important;
}
/* @end comments nacharbeiten vom 9.9.2009  */
/* @end */
/* @group bibliografie */
.bibliografie p {
    color:  #777;
	font-size:  12px;
	font-family: Arial,Helvetica,Sans-serif;
	line-height: 1.4;
	margin-bottom: 0px;
}

.bibliografie {
	margin-bottom:  2em;
}
/* @end bibliografie */
/* @end */