/* Typography
--------------------------------------------------*/

	@font-face {
		font-family: 'DIN-Engschrift';
		src: url('/media/css/fonts/DIN.eot');
		src: local('DINEngschrift LT Alternate Regular'), local('DINEngschriftLT-Alternate'), url('/media/css/fonts/DIN.ttf') format('truetype'), url('/media/css/fonts/DIN.svg#DINEngschriftLT-Alternate') format('svg');
	}

	/* Body */
	body.mceContentBody {
		background: #fff;
		font: 13px Arial, Helvetica, sans-serif;
		margin: 0;
	}
	
	/* Headers (h5) */
	#article_body h5, .article-body h5, body.mceContentBody h5 {
		font-size: 16px;
		margin: 1.5em 0 0;
	}
	
	/* Paragraphs (p) */
	#article_body p, .article-body p, body.mceContentBody p {
		line-height: 1.4em;
	}
	
	/* Lists (ul, ol, li) */
	#article_body ul, #article_body ol, .article-body ol, .article-body ul, body.mceContentBody ul, body.mceContentBody ol {
		padding: 0 0 0 2.3em;
	}
	
	#article_body li, .article-body li, body.mceContentBody li {
		padding: 2px 0;
	}
	
	/* Blockquotes */
	#article_body blockquote, .article-body blockquote, body.mceContentBody blockquote {
		font-family: Georgia, Times, "Times New Roman";
		font-style: italic;
		text-indent: 1.2em;
	}


/* Article
--------------------------------------------------*/

	.article { padding: 6px; }
	.article .article-ad { float: right; width: 180px; }
	
	/* ###### Article Head ###### */
		
		.article .article-head { background: #000; color: #fff; font-family: DIN-Engschrift, Arial, sans-serif; margin-bottom: 10px; text-align: left; text-transform: uppercase; }
		.article .article-title { font-size: 50px; font-weight: normal; line-height: 0.9em; margin: 0; padding: 10px 0 0 10px; }
		.article .article-lead { font-size: 26px; font-weight: normal; line-height: 1em; margin: 0 0 10px; padding: 0 0 0 10px; }
		.article .article-imagetext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 8px 0 8px 10px; }
		
			/* Browser Specific */
			/*
			html.chrome .article-title { font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; letter-spacing: -1px; }
			html.chrome .article-lead { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; letter-spacing: -1px; }
			*/
	
	
	/* ###### Article Body ###### */
				
		.article .article-body { float: left; font-size: 13px; line-height: 1.4em; width: 468px; }
		.article .article-body a { color: #000; font-weight: bold; text-decoration: underline; }
		.article .article-body embed, .article .article-body object { max-width: 468px; }
		
		.article .article-byline { color: #666; font-size: 11px; }
		.article .article-byline a { color: #666; font-weight: normal; text-decoration: underline; }
		
		.articleInlineImage { clear: both; margin: 1.2em 0; max-width: 468px; }
		.articleInlineImage.left { clear: none; float: left; margin: 1.2em 1em 1.2em 0; }
		.articleInlineImage.right { clear: none; float: right; margin: 1.2em 0 1.2em 1em; }
		.articleInlineImage img { display: block; }
		.articleInlineImage .imageCaption { background: #000; color: #fff; display: block; font-size: 11px; padding: 4px 6px; }
	
		.article-comments { margin-top: 10px; }
	
	
	/* ###### Article Sharer ###### */
	
		.article-sharer { float: right; font-size: 11px; }
		.article-sharer a { background-position: left center; background-repeat: no-repeat; font-weight: normal !important; margin-left: 4px; padding: 3px 0 3px 18px; text-decoration: none !important; }
		.article-sharer a:hover { text-decoration: underline !important; }
		.article-sharer #share-nb { background-image: url(../images/icons/share-nettby.png); }
		.article-sharer #share-biip { background-image: url(../images/icons/share-biip.png); }
		.article-sharer #share-fb { background-image: url(../images/icons/share-facebook.png); }


	
/* Editor
--------------------------------------------------*/

	#article_body .article-head { text-transform: none; }
	#article_body .editable { cursor: pointer; display: block; }
	#article_body .editable:hover { background: #fffacd; color: #000; }
	#article_body .initial_text { /*background: #fffacd; color: #a39c71;*/ display: block; /*font-style: italic; padding: 3px;*/ }

	/* ###### Article Image ###### */
		
		#article_body .ajax_uploader { background: #eee; border: 1px solid #ddd; margin-bottom: 6px; padding: 10px; }
		#article_body .articleimage { margin-bottom: 6px; position: relative; }
		#article_body .articleimage .initial_text { font-family: Arial, Helvetica, sans-serif; line-height: 75px; text-align: center; }
		#article_body .articleimage .articleimagePreview img { display: block; }
		#article_body .articleimage .imageoptions { background: #000; color: #fff; padding: 6px; position: absolute; bottom: 0px; right: 0; }
		#article_body .articleimage .imageoptions a { color: #fff; padding: 6px; }
	

	/* ###### Article Text ###### */

		#article_body .pretitle { font-size: 18px; padding: 10px 10px 0 10px; }
		#article_body .title { font-size: 50px; font-weight: normal; line-height: 0.9em; margin: 0; padding: 0 10px; }
		#article_body .leadtext { font-size: 26px; font-weight: normal; line-height: 1em; margin: 0 0 10px; padding: 0 10px; }
		#article_body .author { padding: 10px 0; }
		#article_body .body .editable { margin-bottom: 6px; min-height: 100px; padding-bottom: 20px; }
		#article_body .body .initial_text { line-height: 300px; text-align: center; }
		
		/* Inputs */
		#article_body input[type=text] { background: none; border: none; color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; text-align: inherit; text-transform: inherit; width: 100%; }
	
	
	/* ###### Article Controlpanel ###### */
	
		#article_controlpanel { background: #fff; border-right: 1px solid #aaa; padding: 10px; position: fixed; top: 0px; left: 0px; width: 300px; overflow: auto; z-index: 999; }
		#article_controlpanel .settingstable { font-size: 11px; }
		#article_controlpanel .settingstable th { font-weight: bold; text-align: left; vertical-align: top; }
		#article_controlpanel .settingstable td { vertical-align: top; }
		
		/* Media Manager */
		#media_manager .items_list { max-height: 150px; overflow: auto; }