/*
	CHANGELOG
	31.03.2010 - Georg: 	Richtige Formatierung für die 404-Seite eingefügt.
	13.04.2010 - Georg: 	Blogpost-Header Abstand geändert.
	06.01.2011 - Jakob: 	download_bar.gif an "information & download" eingefügt
	07.01.2011 - Jakob: 	#start-linklist für IE optimiert.
	16.01.2011 - Georg:		kleinere Fehler ausgebessert.
	17.01.2011 - Jakob:		header.tags erweitert auf .tags
	29.01.2011 - Georg:		Link zum letzten Blogeintrag auf die Startseite eingefügt, Brotkrumen auf der Artikelseite eingefügt.
    31.01.2011 - Jakob:		"post-content a" geändert -> mit untersterichung zur bessern erkennung des links 
	10.02.2011 - Jakob:		".go_buy_it" geändert -> neues icon // ".contentPage article h1" mit bolder
	18.03.2011 - Georg:		".qtrans_language_chooser" padding-left gefixt
	08.10.2011 - Jakob:		eigene styles für das wp-pagenavi plugin hinzugesfügt
*/

*
{
	margin: 0;
	padding: 0;
	color: #000;
}

body
{
	padding: 0 0 0 15px;
	font-family: Georgia, Times, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
div.body
{
	width: 770px;
}

#row td 
{
border-bottom: 1px solid #ECEDED;
padding-right: 30px;
vertical-align: top;
font-size: 10px;
}

header,
section,
article,
nav,
footer
{
	display: block;
}

li
{
	list-style: none;
}

hr.clear
{
	clear: both;
	border: none;
	height: 0;
	width: 0;
}

a
{
	outline: none;
	color: #555;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#row-left
{
	width: 150px;
	float: left;
	margin-right: 8px;
}

	#row-left header
	{
		float: left;
		clear: both;
	}
	
	#row-left header h1
	{
		float: right;
		clear: both;
	}
	
	#row-left header h1 a
	{
		width: 71px;
		float: right;
		height: 85px;
		text-indent: -5000px;
		background: url(../images/logo/01.png) no-repeat;
		overflow: hidden;
	}
	
	#row-left header ul
	{
		float: left;
		height: 21px;
		clear: both;
		border-bottom: 1px #eceded solid;
		border-top: 1px #eceded solid;
		margin: 0;
		width: 150px;
		margin-top: 15px;
	}
	
		.qtrans_language_chooser
		{
			padding-left: 0;
		}
	
	#row-left header ul li
	{
		float: right;
		margin-left: 3px;
		line-height: 21px;
		height: 21px;
	}
	
		#row-left header ul li a,
		#row-left header ul li a span
		{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 9px;
			font-style: normal;
			color: #ccc;
		}
		
		#row-left header ul li.active a,
		#row-left header ul li.active a span
		{
			color: #000;
		}
	
	#row-left nav
	{
		/*border-top: 1px #eceded solid;*/
		margin-top: 16px;
		float: left;
		clear: both;
		width: 150px;
	}
	
	#row-left nav h1
	{
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		text-align: right;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	
	#row-left ul
	{
		margin-bottom: 35px;
	}
	
	#row-left ul.meta
	{
		margin-bottom: 20px;
	}
	
	a.blog
	{
		background:url("../images/blog.gif") no-repeat scroll 0 1px transparent;
		padding-left:15px;
	}
	
	#row-left li
	{
		text-align: right;
	}
	
	#row-left li a
	{
		text-decoration: none;
		font-style: italic;
	}	
		
	#row-left .current_page_item a
	{
		color: #000;
		font-weight:bold;
	}	
	
	#row-left li a:hover
	{
		text-decoration: underline;
	}
	
	#searchform
	{
		margin-top: 20px;
		padding: 3px 0;
		border-top: 1px #eceded solid;
		border-bottom: 1px #eceded solid;
	}
	
	#searchform h1
	{
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		text-align: right;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	
	#searchform input
	{
		padding: 0 20px 0 0;
		border: none;
		font-family: Georgia, Times, sans-serif;
		color: #afafaf;
		font-size: 12px;
		float: right;
		text-align: right;
		background: url(../images/icons/search_submit.gif) no-repeat right center #f8f8f8;
		width: 130px;
		font-style: italic;
	}

section
{
	width: 565px;
	float: left;
	margin-bottom: 35px;
	padding-bottom: 25px;
	padding-left: 32px;
	background:  url(../images/gradient_regular.png);
	background-repeat:repeat-y;
}

.contentPage
{
	border: none;
}

	article
	{
		float: left;
		clear: both;
		width: 565px;
	}
	
	.contentPage article
	{
		padding: 15px 0;
		/* border-bottom: 1px solid #eceded; */
	}
	
	article header,
	.contentPage header
	{
		margin-top: 62px;
		margin-bottom: 16px;
		float: left;
		clear: both;
		width: 565px;
	}
	
	.contentPage header
	{
		margin-bottom: 0;
	}
	
	.noAuthor header,
	.news header,
	.blogPost header,
	.search-results header,
	.credits header,
	.archive header,
	.start header
	{
		margin-top: 65px;
	}
	
	article header h1,
	.contentPage header h1
	{
		font-weight: bold;
		font-style: italic;
		font-size: 30px;
		float: left;
		width: auto;
		font-family: "Georgia", "Times", serif;
		background: none;
		text-transform: none;
		margin-bottom: 0;
		border: none;
		padding: 0;
		letter-spacing:0px;
	}
	
	article header h1 a,
	.contentPage h1 a
	{
		text-decoration: none;
		color: #000;
	}
	
	article header strong
	{
		display: block;
		float: right;
		width: auto;
		font-weight: normal;
		font-style: italic;
		font-size: 12px;
		margin-top: 4px;
	}
	
	article header strong a
	{
		text-decoration: none;
	}
	
	article header strong a:hover
	{
		text-decoration: underline;
	}
	
	 .tags,
	 .subtext
	{
		clear: both;
		float: left;
		width: 565px;
		border-top: 1px solid #eceded;
		border-bottom: 1px solid #eceded;
		padding-top: 1px;
		margin-top: 10px;
		height: 20px;
		letter-spacing:0.3px;
		margin-top: 14px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 9px;
		height: 20px;
	}
	
	.noAuthor .tags
	{
		margin-top: 14px;
	}
	
	.withAuthor .subtext
	{
		margin-top: 10px;
	}
	
	.subtext .post-author
	{
		float: right;
	}
	
	.subtext .post-breadcrumbs
	{
		float: left;
	}
	
		 .tags li
		{
			float: left;
			margin-right: 15px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 9px;
		}
		
		 .tags li a, .tags a
		{
			padding-left: 10px;
			background: url(../images/tag-arrow-right.png) no-repeat 0 2px;
		}
	
	article h1
	{
		font-size: 14px;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border-top: 1px solid #eceded;
		padding-top: 7px;
		padding-bottom: 3px;
		clear: both;		
	}
	
	article h1:first-child
	{
		border-top: none;
		padding-top: 0;
	}
	
	
	
	.go_get_it ,
	.go_buy_it
	{
		height: 41px;
		margin-left: -78px;
		padding-left: 78px;
		margin-top: 20px;
	}
		.go_get_it 
		{ 
			background: url("../images/icons/download_bar.gif") no-repeat scroll 0 0 transparent;
		}	
		.go_buy_it
		{ 
			background: url("../images/icons/download_bar_buy.gif") no-repeat scroll 0 0 transparent;
		}	
			
	article h2
	{		
		font-family: Helvetica, Arial, sans-serif;
		text-align: left;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		font-size: 12px;
	}
	
	.post-content blockquote, blockquote, blockquote p
	{
		font-size: 20px;
		margin-bottom: 25px;
		font-style:italic;
		line-height: 28px;
	}

	
	article .meta
	{
		
	}
	
	.contentPage article h1
	{
		/* border: none; */
		padding-top: 3px;
	}
	 
	.post-content a 
	{
		border-bottom: 1px solid #ECEDED;
		text-decoration: none;
	}
	
	.post-content a:hover
	{
		border-bottom: 1px #000 solid;
		text-decoration: none;
		color:#000;
	}
	
	.post-content p
	{
		margin-bottom: 20px;
	}
		
	article p ~ h1
	{
		margin-top: 15px;
	}
	
	article img
	{
		border: none;
	}
	
	
	article footer
	{
		margin-top: 20px;
		float: left;
		clear: both;
	}
	
	#comments
	{
		margin-top: 35px;
		margin-bottom: 35px;
		float: left;
		clear: both;
	}
	
	
	
	.comment
	{
		clear: both;
		padding-top: 20px;
		border-bottom: 1px #eceded solid;
		padding-bottom: 20px;
		float: left;
		width: 565px;
	}
	
	.comment cite
	{
		float: left;
	}
	
	.comment cite a
	{
		font-style: italic;
	}
	
	.comment a
	{
		font-style: normal;
	}
	
	.comment a.date
	{
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 9px;
	}
	
	.comment a time
	{
		font-style: normal;		
	}
	
	.comment .text
	{
		clear: both;
	}
	
	#commentform
	{
		float: left;
		width: 565px;
	}
	
	#comment-form h1
	{
		border: none;
		padding-bottom: 0;
		color:#555555;
	}
	
	#comment-form textarea
	{
		display: block;
		float: left;
		margin-bottom: 15px;
		font-size: 12px;
		width: 553px;
	}
	
	#comment-form label
	{
		font-family: Helvetica, Arial, sans-serif;
		font-size: 9px;
	}
	
	#comment-form input
	{
		border: 1px #eceded solid;
		font-family: monospace;
		width: 130px;
		padding: 3px;
		display: block;
		font-size: 12px;
	}
	
	#comment-form .commentDetails
	{
		float: left;
		margin-right: 10px;
	}
	
	.logged-in
	{
		float: left;
		width: auto;
	}
	
	.logged-in span
	{
		font-style: italic;
		font-size: 12px;
		font-family: "Georgia", "Times", serif;
	}
	
	.logged-in a
	{
		text-decoration: none;
		text-transform: none;
		font-size: 12px;
		font-family: "Georgia", "Times", serif;
	}
	
	.logged-in a:hover
	{
		text-decoration: underline;
	}
	
	
	#commentform input[type=hidden]
	{
		display: none;
	}
	
	#commentform .hidden,
	#_wp_unfiltered_html_comment
	{
		display: none;
	}
	
	#commentform #submit
	{
		float: right;
		background: #fff;
		color: #555;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border: none;
		font-family: Helvetica, Arial, sans-serif;
		cursor: pointer;
		border: none;
		outline: none;
		width: auto;
		padding-right: 0;
		margin-top: 23px;
	}
	
	#commentform #submit.logged-in
	{
		margin-top: 0;
	}
	
	#commentform #submit:hover
	{
		text-decoration: underline;
	}
	
	.post-edit-link,
	.comment-edit-link
	{
		color: #fff;
		text-decoration: none;
		background: #ccc;
		padding: 2px;
		font-family: monospace;
		display: block;
		float: left;
		clear: both;
		padding: 0 5px;

	}
	
	.post-edit-link:hover,
	.comment-edit-link:hover
	{
		background: #000;
		color: #fff;
	}
	
	.image-link
	{
		display: block;
		background-color: #ccc;
		height: 130px;
		width: 130px;
		background-position: 0 0;
		overflow: hidden;
		text-indent: -5000px;	}
	
	.image-link:hover
	{
		background-position: 0 -130px;
	}
	
	#start-linklist
	{
		margin-top: 20px;
		
		clear: both;
	}
	
	#start-linklist li
	{
		margin-right: 12px;
		margin-top: 20px;
		display: inline-block;
	}
	
	/* ie*/		* + html #start-linklist li
				{
					margin-right: 15px;
					display: inline;
					margin-bottom: 15px;
					margin-top: 0px;
				}
	
	#start-linklist li.last
	{
		margin-right: 0;
	}
	
	#start-linklist li.empty
	{
		width: 130px;
		height: 130px;
		overflow: hidden;
		text-indent: -5000px;
		background: #f8f8f8;
	}
	
	#start-linklist-plusfonts
	{
		margin-top: 20px;
		float: left;
		clear: both;
	}
	
	#start-linklist-plusfonts li
	{
		margin-right: 15px;
		margin-bottom: 15px;
		float: left;
	}
	
	#start-linklist-plusfonts li.last
	{
		margin-right: 0;
	}
	
	#start-linklist-plusfonts li.empty
	{
		width: 130px;
		height: 130px;
		overflow: hidden;
		text-indent: -5000px;
		background: #f8f8f8;
	}
	
	.start-plusfonts,
	.start-fonts
	{
		clear: both;
	}
	
	.start-plusfonts h1,
	.start-fonts h1
	{
		font-size: 14px;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		border-top: 1px solid #eceded;
		padding-top: 7px;
		clear: both;
		float:left;
		margin-top:13px;
	}
	
	.downloads
	{
		float: left;
		clear: both;
	}
	
	.downloads li
	{
		float: left;
		margin-right: 15px;
	}
	
	.downloads li a
	{
		display: block;
		padding-left: 15px;
	}
	
	.downloads .pdf
	{
		background: url(../images/pdf.gif) no-repeat 0 3px;
	}
	
	.downloads .contact
	{
		background: url(../images/contact.gif) no-repeat 0 3px;
	}
	
	.downloads .license
	{
		background: url(../images/license.gif) no-repeat 0 3px;
	}
	
	.downloads .download
	{
		background: url(../images/download.gif) no-repeat 0 3px;
	}
	
	.downloads .buy a
	{
		padding: 0;
		display: inline;
	}
	
	.authors
	{
		margin-top: 20px;
		float: left;
	}
	
	.author-box
	{
		width: 130px;
		float: left;
		margin-right: 15px;
		margin-bottom: 20px;
		line-height:16px;	
	}
	
	.author-box.last
	{
		margin-right: 0;
	}
	
	.author-image
	{
		background-repeat: no-repeat;
		background-position: center;
		width: 130px;
		height: 130px;
		text-indent: -5000px;
		overflow: hidden;
		display: block;
	}
	
	.author-name
	{
		font-style: italic;
		font-weight: bold;
	}
	
	.author-job
	{
		font-style: italic;
	}
	
	.footerLeft
	{
		width: 84px;
		clear: both;
		height: 20px;
		border-top: 1px solid #eceded;
		border-bottom: 1px solid #eceded;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-right: 40px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 9px;
		text-indent: -5000px;
		padding-left: 65px;
	}
	
	.error404 header
	{
		margin-top: 65px;
	}
	
	.error404 .post-content
	{
		margin-top: 20px;
		float: left;
	}
	
	#blog-preview
	{
		margin-top: 2px;
	}
	
	#blog-preview h1
	{
		font-size: 12px;
	}
	
/* --------------------------------- typodarium -------------------------*/
	div.typodarium {
	position:absolute;
	z-index:999;
	position:absolute;
	left:790px;
	bottom:-180px;}

	
	a.typodarium-jj-realis
	{
		background:url("http://26plus-zeichen.de/wp-content/uploads/typodarium_2011-01-28_jj-realis.jpg") no-repeat scroll 0 0 transparent;
		display:block;
		height:376px;
		overflow:hidden;
		width:200px;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.typodarium-home
	{
		background:url("http://26plus-zeichen.de/wp-content/uploads/typodarium_2011-03-13_home.jpg") no-repeat scroll 0 0 transparent;
		display:block;
		height:376px;
		overflow:hidden;
		width:200px;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.typodarium-singula
	{
		background:url("http://26plus-zeichen.de/wp-content/uploads/typodarium_2011-06-05_singula.jpg") no-repeat scroll 0 0 transparent;
		display:block;
		height:376px;
		overflow:hidden;
		width:200px;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.typodarium-margina
	{
		background:url("http://26plus-zeichen.de/wp-content/uploads/typodarium_2011-07-18_margina.jpg") no-repeat scroll 0 0 transparent;
		display:block;
		height:376px;
		overflow:hidden;
		width:200px;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.typodarium-edelsans
	{
		background:url("http://26plus-zeichen.de/wp-content/uploads/typodarium_2011-08-29_edelsans.jpg") no-repeat scroll 0 0 transparent;
		display:block;
		height:376px;
		overflow:hidden;
		width:200px;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.typodarium-sinews
	{
		background:url("http://26plus-zeichen.de/wp-content/uploads/typodarium_2011-09-16_sinews.jpg") no-repeat scroll 0 0 transparent;
		display:block;
		height:376px;
		overflow:hidden;
		width:200px;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.typodarium-fracmetrica
	{
		background:url("http://26plus-zeichen.de/wp-content/uploads/typodarium_2011-10-03_fracmetrica.jpg") no-repeat scroll 0 0 transparent;
		display:block;
		height:376px;
		overflow:hidden;
		width:200px;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.typodarium-jj-realis:hover, 
	a.typodarium-home:hover, 
	a.typodarium-singula:hover, 
	a.typodarium-margina:hover, 
	a.typodarium-edelsans:hover, 
	a.typodarium-sinews:hover, 
	a.typodarium-fracmetrica:hover 
	{ 
		background-position:  -188px 0px;
	}
/* --------------------------------- / typodarium -------------------------*/
	
	div.spassumslogo {
	position:absolute;
	z-index:999;
	left:-2px;}

	
	a.anniversary
	{
		display:block;
		width: 205px;
		height:97px;
		background: url("../images/ein_jahr_banner.png") 0 0 no-repeat;
		overflow:hidden;
		text-indent:-5000px;
	}
	
	a.anniversary:hover
	{ 
		background-position:  -205px 0px;
	}
	
	a.footer-twitter
	{
		display:block;
		width: 38px;
		height:24px;
		background: url("../images/icons/footer_twitter.gif") 0 0 no-repeat;
		overflow:hidden;
	}

	a.footer-rss 
	{
		display:block;
		width: 25px;
		background: url("../images/icons/footer_rss.gif") 0 0 no-repeat;
	}


	a.footer-facebook 
	{
		display:block;
		width: 14px;
		background: url("../images/icons/footer_facebook.gif") 0 0 no-repeat;
	}

	a.footer-twitter:hover, a.footer-rss:hover, a.footer-facebook:hover
	{ 
		background-position: 0 -24px;
	}

	.footerLeft li
	{
		float: left;
		margin-left: 2px;
	}
	
	
	.footerRight
	{
		float: left;
		width: 565px;
		height: 20px;
		border-top: 1px solid #eceded;
		border-bottom: 1px solid #eceded;
		margin-top: 20px;
		margin-bottom: 20px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 9px;
	}
	
		.footerRight li
		{
			float: left;
			margin-right: 15px;
			margin-top: 2px;
			color:#afafaf;		}
			
		.footerRight li a
		{
			color:#afafaf;
			font-weight:bold;
			text-decoration: none;
		}
		
		.footerRight li a:hover
		{
			color:#000000;
			
		}
	
	

div.social
		{
			border-top:1px solid #ECEDED;
			padding-bottom:40px;
			padding-top:5px;
			width:565px;
		}
			
li.social-tell
		{
			display: block;
			float:left;
			color:#858585;
		}				

li.social, .social a
		{
			text-indent:-5000px;
			height:18px;
			width:18px;
			padding-right: 6px;
			float: left;
		}
		
* + html  li.social
		{
			display: inline;
		}
		
.social a.twitter:hover,
.social a.facebook:hover,
.social a.misterwong:hover,
.social a.digg:hover,
.social a.stumble:hover,
.social a.delicious:hover
		{
			background-position: 0 -28px;	
		}
		
.social a.twitter
		{
			background:url("../images/social/twitter.gif") no-repeat scroll 0 0 transparent;
		}
		
.social a.facebook
		{
			background:url("../images/social/facebook.gif") no-repeat scroll 0 0 transparent;
		}
		
.social a.misterwong
		{
			background:url("../images/social/misterwong.gif") no-repeat scroll 0 0 transparent;
		}
		
.social a.digg
		{
			background:url("../images/social/digg.gif") no-repeat scroll 0 0 transparent;
		}
		
.social a.stumble
		{
			background:url("../images/social/stumble.gif") no-repeat scroll 0 0 transparent;
		}
		
.social a.delicious
		{
			background:url("../images/social/delicious.gif") no-repeat scroll 0 0 transparent;
		}
		
.home-last-blog-entry
{
	font-family: Helvetica, Arial, sans-serif;
	
	font-size: 11px;
	padding-bottom: 3px;
	border-bottom: 1px #ECEDED solid;
	float: left;
	clear: both;
	width: 565px;
}

	.home-last-blog-entry p
	{
		float: left;
	}

	.home-last-blog-entry a
	{
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.2px;
	}
	
	
	.home-last-blog-entry .meta-information
	{
		float: right;
		color: #ccc;
	}
	
	.home-last-blog-entry  a[rel~="category tag"]
	{
		text-transform: uppercase;
		letter-spacing: 0.2px;
		color: #ccc;
		font-weight: normal;
	}
	
	

div.wp-pagenavi {
		clear: both;
		float: left;
		width: 565px;
		border-top: 1px solid #eceded;
		border-bottom: 1px solid #eceded;
		padding-top: 1px;
		margin-top: 10px;
		height: 20px;
		letter-spacing:0.3px;
		margin-top: 14px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 9px;
		height: 20px;;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover {
	text-decoration:underline;
}

.wp-pagenavi span.current {
	font-weight: bold;
	font-size: 12px;
}
.wp-pagenavi .previouspostslink, .nextpostslink {
	font-weight: bold;
	font-size: 16px;
}
.wp-pagenavi .pages {color:#AFAFAF;}



#workshop {
       height: 200px;
		margin-left: 565px;
		margin-top: 55px;
		position: absolute;
		text-indent: -5000px;
		width: 184px;
	}
	#workshop li {
		list-style: none outside none;
		}
		#workshop a {
			display: block;
			overflow: hidden;
			background-image: url("../images/workshops/workshop-mircorsite-link.png");
			list-style: none outside none;
			height: 200px;
			width: 184px;
		}
		#workshop a:hover {
			background-position: 0 -200px;
		}