/**
 *	TOC
 *	$1	GLOBAL
 *	$1.1 	reset
 *	$1.2 	typography
 *	$1.3 	forms
 *	$1.4 	tools
 *	$2	STRUCTURE
 *	$2.1		navigation
 *	$2.2		intro
 *	$2.3		content
 *	$2.4		footer
 *	$3	MODULES
 *	$3.1		article index
 *	$3.2		article
 *	$3.3		box
 *
 */
 
/** @group $1 GLOBAL **************************************/
 
/*
**	@group $1.1 reset
*  	@see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background-color: white;
	color:				#000;
	line-height: 1;
}
sub, sup {
	line-height: 0;
	font-size: 0.7em;
}
sub {
	vertical-align: sub;
	position: relative;
	top: -3px;
}
sup {
	vertical-align: super;
	position: relative;
	top: 3px;
}
small {
	font-size: 0.8em;
	line-height: 0;
}
big {
	font-size: 1.2em;
	line-height: 0;
}
em {
	font-size: italic;
}
strong {
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: underline;
	color: #693;
}
del {
	text-decoration: line-through;
	color: #666;
}
/** END Global Css Reset **/
/** @end forms **/
 
/*
**	@group $1.2 typography
*/
@font-face{
	font-family:'FertigoPRO-Regular';
	src: url('fonts/Fertigo_PRO.otf') format('opentype');
}

body {
	background:			#FCFCFC;
	font:				11px/20px Verdana, sans-serif;
	padding:			0;
	margin:				0;
	
}

h1,
h2,
h3,
h4 {
	line-height:		20px;
	font-weight:		bold;
}
p, dl, ol, ul, dd{
	margin:				0 0 10px
}
a {
	color:				#256CD5;
}
a:focus,
a:hover {
	text-decoration:	none;
}
/** @end typography **/


/*
**	@group $1.4 tools
*/
.hide {
	position: 			absolute;
	left: 				-9999px;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Clearen per Overflow */
.floatbox 				{ overflow:hidden; }
* html .floatbox 		{width:100%;}
/** @end tools **/

/** @end $1 GLOBAL ****************************************
 ** @group $2 STRUCTURE ***********************************/

 
/*
**	@group $2.1 navigation
*/	
#nav {
	background:			url(img/nav_bg.png) repeat-x;
}
#nav dl {
	background:			url(img/nav_sep.png) no-repeat;
	margin:				0 auto;
	width:				960px;
}
#nav dt,
#nav dd {
	float:				left;
}
#nav dt {
	background:			url(img/nav_sep.png) 100% 0 no-repeat;
	font-size:			16px;
	line-height:		24px;
	font-family:		'FertigoPRO-Regular', Verdana, sans-serif;
	font-family:		Verdana, sans-serif;
	width:				160px;
}
#nav dt a {
	color:				#AAA;
	display:			block;
	height:				66px;
	text-decoration:	none;
	padding:			6px 10px 0;
}
#nav dd {
	font-size:			11px;
	line-height:		16px;
	color:				#808080;
	height:				32px;
	margin:				30px 0 0 -160px;
	overflow: 			hidden;
	padding:			0 10px 18px;
	width:				140px;
}
#nav dt.active a,
#nav dt.hover a{
	background:			url(img/nav_active_bg.png) 50% 0 no-repeat;
	cursor:				pointer;
}
#nav dt.active a {
	color:				#FFF !important; 
}
#nav dt.hover a {
	color:				#CCC;
}
#nav dd.active,
#nav dd.hover {
	cursor:				pointer;
}
#nav dd.active {
	color:				#E9E9E9 !important; 
}
#nav dd.hover {
	color:				#B0B0B0;
}
#nav dd.active {
	background:			url(img/nav_arrow.png) 57px 100% no-repeat;
}
/** @end navigation **/ 


/*
**	@group $2.2 intro
*/	
#intro {
	background:			#F7F7F7 70% 100% url(img/einfachsmart_stamp.png) no-repeat;;
	border-bottom:		1px solid #EEE;
	padding:			24px 0 24px;
}
#intro * {
	margin: 			0 auto;
	width:				630px;
	padding:			0 320px 0 10px;
}
#intro h1 {
	font-family:		'FertigoPRO-Regular', "Trebuchet MS", Arial;
	font-size:			26px;
	font-weight:		normal;
	line-height:		36px;
}
#intro p {
	font: 				italic 12px/24px Georgia;
}
/** @end intro **/ 


/*
**	@group $2.3 content
*/
#content {
	margin:				0 auto;
	width:				960px;
}
#content .section {
	clear:				both;
	margin:				0 10px;
}

#main {
	float:				left;
	margin:				30px 0 0 10px;
	width:				620px;
}

#sidebar {	
	margin:				0 10px 0 650px;
	padding:			30px 0 0;
}
/** @end content **/


/*
**	@group $2.4 footer
*/
#footer {
	background:			#2E3941;
	clear: 				left;
	color:				#B0B0B0;
	border-top:			24px solid #FCFCFC;
}
#footer p {
	background:			url(img/footer_arrow.png) 57px 0 no-repeat;
	font-size:			12px;
	margin:				0 auto 0;
	padding: 			10px;
	width:				940px;
}
/** @end footer **/ 


/** @end $2 STRUCTURE ****************************************
 ** @group $3 MODULES ****************************************/

/*
**	@group $3.1 article index
*/
.article {
	border-top:			1px solid #ddd;
	margin:				0 0 20px;
	padding:			0 0 0 160px;
	position:			relative;
}
.article .title {
	font-size:			16px;
	font-weight:		bold;
	line-height:		24px;
	margin:				7px 0 0;
	padding:			6px 0 2px;
}
.article .title  a {
	color:				#000;
	text-decoration:	none;
}
.article .title a:hover,
.article .title a:focus {
	color:				#256CD5;
}

/* meta info */
div.article .meta {
	color:				#666;
	cursor: 			default;
	
	position: 			absolute;
	top:				0;
	left: 				0;
	margin:				0;
	width:				140px;
}
div.article .meta .date {	
	line-height:		24px;
	margin:				7px 0 0;
	
	padding:			6px 0 2px;
}
div.article .meta .tags {
	margin:				0;
}
div.article .meta .tags a {
	background:			url(img/icons/tag.gif) 0 1px no-repeat;
	color:				#666;
	display:			block;
	font-weight:		bold;
	padding-left:		20px;
	text-decoration:	none;
}
div.article .meta .tags a:focus,
div.article .meta .tags a:hover {
	background-position: 0 -20px !important; 
	color:				#256CD5;
}

div.article .meta dt.comments {
	margin-top:			10px;
}
div.article .meta .comments {
	text-align: 		right;
}
/** @end article index **/ 


/*
**	@group $3.2 article
*/
#article {
	margin:				-1px 10px 0;
	position:			relative;
	padding:			31px 0 0;
	
	overflow:			hidden;
}
#article h1 {
	border-bottom:		1px solid #ddd;
	font-size:			14px;
	font-weight:		bold;
	line-height:		20px;
	margin-right:		320px;
	padding:			14px 0 0;
}
#article .meta {
	border-bottom:		1px solid #ddd;
	margin-right:		320px;
	padding:			5px 0;
}
#article .meta dt {
	background:			url(img/dot_ddd.gif) 0 100% repeat-x;
	clear:				left;
	float:				left;
	line-height:		12px;
	padding-right:		10px;
	margin:				4px 0;
	width:				150px;
}
#article .meta dt span {
	background:			#FCFCFC;
}
#article .meta dd {
	margin: 			0 0 0 160px;
}
#article .meta dd.tags a {
	background:			url(img/icons/tag.gif) 2px -3px no-repeat;
	padding-left:		20px;
}
#article .meta dd.tags a:focus,
#article .meta dd.tags a:hover {
	background-position:2px -24px;
}

#article .text {
	/*
	-moz-column-width:	300px; 
	-moz-column-gap:	20px;
	*/
	margin-right:		320px;
	padding:			20px 0;
	text-align: 		justify;
}
#article .text blockquote{
	border-left:		3px solid #DDD;
	color:				#808080;
	font-style:		italic;
	padding-left:		17px;
}
#article .text table{
	margin:			10px 0;
}
#article .text table th,
#article .text table td {
	border-bottom:	1px solid #DDD;
	border-top:		1px solid #DDD;
	padding:			4px 5px;
}
#article .text table th {
	background:		#F5F5F5;
	font-weight:		bold;
}
#article .text var {
	background:		#FFFFB8;
	padding:			2px 3px;
}
/** @end article index **/ 

/*
**	@group $3.3 box
*/
.box {
	color:				#666;
	margin-bottom:		20px;
}
.box .title{
	font-size:			14px;
	font-weight:		bold;
	line-height:		20px;
	margin:				0 0 5px;
	border-bottom:		1px solid #ddd;
	border-top:			2px solid #aaa;
	padding:			12px 0 0;
}

.box .more {
	text-align: 		right;
}
.box li {
	list-style: 		square;
	margin:				0 0 0 16px;
}

.box dt,
.box dd {
}
.box dt {
	font-weight:		bold; 
	padding:			10px 0 0;
	line-height:		10px;
}

/* categories box */
#categories.box ul {
	-moz-column-width:	140px; 
	-moz-column-gap:	20px;
}
#categories.box li {
	list-style: 		none;
	margin:				0;
}
#categories.box a {
	background:			url(img/icons/tag.gif) 0 1px no-repeat;
	color:				#666;
	display:			block;
	font-weight:		bold;
	padding-left:		20px;
	text-decoration:	none;
}
#categories.box a:focus,
#categories.box a:hover {
	background-position: 0 -20px !important; 
	color:				#256CD5;
}

/* about box */
#about {
	padding-top:		31px;
	position:			relative;
	top:				-31px;
	
	background:			url(img/welcome_arrow.png) 50% 0 no-repeat;
}
#about.embed {
	border-bottom:		1px solid #ddd;
	float:				right;
	margin:				0;
	text-align: 		justify;
	width:				300px;
}
#about.embed p {
	margin:				0 0 6px;
}
#about .text{
	-moz-column-width:	300px; 
	-moz-column-gap:	20px; 
}

/* category intro */
#category-intro.box {
	margin-bottom:		0;
	position:			relative;
}
#category-intro.box .title,
#category-intro.box p {
	color:				#000;
	padding-left:		160px;
}
#category-intro.box .title {
	border-bottom:		0;
	font-weight:		normal;
	margin:				0;
}
#category-intro.box .title span {
}
#category-intro.box .rss {
	position: 			absolute;
	right:				-2px;
	top:				2px;
	
}
#category-intro.box .rss a {
	display:			block;
	
	background:			url(img/icons/rss.gif) no-repeat;
	height:				20px;
	overflow:			hidden;
	padding-left:		18px;
	width:				0;
	white-space: 		nowrap;
}
#category-intro.box .rss a:focus,
#category-intro.box .rss a:hover {
	background-position: 0 -20px !important; 
	padding-right:		2px;
	width:				auto;
}


/* chiefbox */
#Nico.chiefbox {
	background:		url(img/portraits/Nico-im-Nebel.png) 100% 0 no-repeat;
	float:				left;
	width:				460px;
}
#Gregor.chiefbox {
	background:			url(img/portraits/gregor.jpg) 100% 0 no-repeat;
	margin: 			0 0 0 480px;
}
.chiefbox .title{
	margin-right:		141px;
}
.chiefbox dt,
.chiefbox dd{
	float:				right;
	margin:				0 160px 0 0;
	width:				140px;
}
.chiefbox dt.address,
.chiefbox dd.address{
	float:				none;
	margin:				0;
}
.chiefbox dd.xing{
	padding-top:		10px;
}

.chiefbox .profile {
	border-top:			1px solid #FCFCFC;
	border-bottom:		1px solid #ddd;
	background:			#FCFCFC;
	clear:				both;
	margin:				19px 0 0;
	padding-left: 		160px;
}
.chiefbox .profile h4,
.chiefbox .profile p {
	border-top:			1px solid #ddd;
	margin:				0px;
	padding:			4px 0 3px;
}
.chiefbox .profile h4 {
	float:				left;
	margin-left:		-160px;
	width:				150px;
	padding-right:		10px;
	text-align: 		right;
}

/* comments + new comment form */
#comment {
	float:				left;
	width:				620px;
}
/* =comment */
#comment .comment {
	border-bottom: 		1px solid #ddd;
}
#comment .comment p {
	margin-left:		160px;
}
#comment .posted {
	float:				left;
	width:				140px;
	margin:				0;
}
#comments.box {
	margin-left:		320px;
}
#comments.box p {
	margin:				0;
}
#comments.box .comment {
	padding-bottom:		20px;
}
#comments.box p.meta {
	font-weight:		bold;
}


/* other entries & last entries */
#over-entries.box {
	margin-left:		640px;
}
#last-entries.box {
	float:				left;
	width:				300px;
	margin-right:		20px;
}


/* =chronologic (Archive) */
#chronologic {
	float:				left;
	width:				300px;
}
#chronologic .month {
	float:				left;
	font-weight:		normal;
	width:				60px;
}
#chronologic a {
	border-bottom:		1px solid #eee;
	display:			block;
	margin:				0 0 10px 80px;
	text-decoration:	none;
}
#chronologic a:focus,
#chronologic a:hover {
	background:			#eee;
	margin:				0 0 10px 77px;
	padding-left:		3px;
}

/* =thematic (Archive) */
#thematic {
	margin-left:		320px;
}
#thematic h3 {
	background:			url(img/icons/tag.gif) 0 1px no-repeat;
	padding-left:		20px;
}
#thematic a {
	border-bottom:		1px solid #eee;
	display:			block;
	margin:				0 0 10px 20px;
	list-style: 		square;
	text-decoration:	none;
}
#thematic a:focus,
#thematic a:hover {
	background:			#eee;
	margin:				0 0 10px 17px;
	padding-left:		3px;
}
/** @end box **/ 

.tmp {
	border:				1px dotted #c00;
	margin: 			12px;
	padding:			5px;
}

.debug #content>div {
	background:			url(img/debug/grid.png);
}