@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
	
head,body { height:100%; }

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, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

em { font-style:italic; }

strong {
	font-weight: bold;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
.profile ol, .profile ul {
	list-style: none;
}

.blog ol, .blog ul {
	margin-left:20px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a { color:#5A65FF; text-decoration:none; }
a:hover { color:#001BFF; text-decoration:underline; }
a.img, a img { border:0px !important; }

body {
	background:#fcfcfc url(http://hjacob.com/images/empty.png) top left repeat;
	font-family:Arial, Sans-Serif !important;
	font-size:1em;
	line-height:1.2em;
	color:#282B2F;
}

#navbar {
	height:37px; width:100%;
	z-index:100;
	background:#202020 url(http://hjacob.com/images/navbar_grad.png) top left repeat-x;
}

#navbar a {
	height:37px;
	float:left;
	cursor:pointer;
}

#navbar a.blog { width:158px; }
#navbar a.portfolio { width:138px; }
#navbar a.katalog { width:138px; }

#navbar .links {
	float:right;
	height:37px;
	width:440px;
	border-left:1px solid #202020;
	border-right:1px solid #acacac;
}

#navbar .links a { position:relative; }

#navbar .links a.link_active img {
	background:transparent url(http://hjacob.com/images/arrow.png) top left no-repeat;
	width:35px;
	height:16px;
	position:absolute;
	z-index:100;
	left:10px;
	bottom:-16px;
}

	/* IE FIX */
	* html #navbar .links a.link_active img {
		bottom:-17px !important;
	}

* html #navbar .links a.link_active img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://hjacob.com/images/arrow.png', sizingMethod='crop');
	background-image:none !important;
}

#navbar .link {
	color:#fff;
	font-size:13px;
	float:right;
	line-height:13px;
	display:block;
	height:37px;
	border-left:1px solid #acacac;
	border-right:1px solid #202020;
}

#navbar .link:hover {
	text-decoration:none;
	background:transparent url(http://hjacob.com/images/navbar_grad_hover.jpg) top left repeat-x;
	background-color:#000;
}

#navbar .link_active {
	background:transparent url(http://hjacob.com/images/navbar_grad_active.jpg) top left repeat-x !important;
}

#navbar .link span.p {
	display:block;
	padding:5px 8px 0px 8px;
}

#navbar .link em {
	font-size:12px;
	color:#acacac;
}

#navbar a.logo {
	margin:0px !important;
	float:left;
}

#head {
	background:transparent url(http://hjacob.com/images/head_grad.jpg) top left repeat-x;
}

#head .maxwidth {
	background:transparent url(http://hjacob.com/images/head.jpg) top left no-repeat;
	height:151px;
}

#head .banner {
	position:absolute; 
	left:20px; 
	top:10px;
}

#head .banner img {
	border:1px solid #acacac !important;
}

.blog #head {
	background:transparent url(http://hjacob.com/images/head_blog_grad.jpg) top left repeat-x;
}

	.blog #head .maxwidth {
		background:transparent url(http://hjacob.com/images/head_blog.jpg) top left no-repeat;
		height:82px;
		display:block;
	}

.katalog #head {
	background:transparent url(http://hjacob.com/images/head_blog_grad.jpg) top left repeat-x;
}

	.katalog #head .maxwidth {
		background:transparent url(http://hjacob.com/images/head_katalog.jpg) top left no-repeat;
		height:82px;
		display:block;
	}
	
.learning #head {
background:transparent url(http://hjacob.com/images/head_blog_grad.jpg) top left repeat-x;
}

.learning #head .maxwidth {
	background:transparent url(http://hjacob.com/images/head_elearning.jpg) top left no-repeat;
	height:82px;
	display:block;
}
	

#content {
	background:transparent url(http://hjacob.com/images/content.png) top left repeat-y;
}

.katalog #content {
	background:transparent url(http://hjacob.com/images/content_full.png) top left repeat-y;
}

.katalog #content .padding {
	padding:20px;
}

.katalog #content ul {
	margin-left:20px;
}


.maxwidth {
	max-width:900px;
	width:900px;
}

#vcard {
	position:absolute;
	top:0px;
	right:-8px;
	width:315px;
	height:152px;
	background:transparent url(http://hjacob.com/images/vcard.png) top left no-repeat;
}
	 /* IE PNG FIX */
	* html #vcard { 
		background:transparent url(http://hjacob.com/images/vcard_ie.gif) top left no-repeat !important;
	}

#vcard strong {
	text-align:right;
	display:block;
	font-size:1.125em;
	margin:20px 27px 0px 20px;
}

#vcard .position {
	text-align:right;
	color:#666;
	font-size:0.875em;
	padding:11px 27px 0px 0px ;		
}

#vcard .contact {
	text-align:right;
	font-size:0.875em;
	padding:11px 27px 0px 0px ;		
}

address, address span {
	font-style:normal;		
}

address .website {
	display:none;
}

address a {
	text-decoration:none;
	color:#202020;
	border-bottom:1px dotted #202020;
}

address a:hover,
#col2 a:hover {
	color:blue;
	/*border-bottom:0px;*/
	text-decoration:underline;
}

address .vcard_file {
	float:right;
	border-bottom:0px !important;
	margin:5px 24px 0px 10px;
}

address .fn,address .contact, address .position {
	display:block;
	text-align:right;
}

address.mb .fn,address.mb .contact, address.mb .position, address.mb .ort {
	display:block;
	text-align:left;
}

h1 {
	font-size:1.938em;
	font-family:Helvetica,Arial,sans-serif;
	line-height:31px;
	font-weight:normal;
}

h3 {
	margin:5px 0px 0px 0px;
	letter-spacing:-0.035em;
	font-size:1.125em;
	font-family:Helvetica,Arial,sans-serif;
}

h4, h5 {
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
}


#col1,
#fcol1 {
	width:600px;
	float:left;
	overflow:hidden;
}

#col2 {
	width:300px;
	margin-top:150px;
	overflow:hidden;
	float:left;
}	

#fcol2 {
	width:300px;
	height:inherit;
	float:left;
	border-left:1px dotted #acacac;
}

#easyseo_copy {}

.blog #fcol2 { height:150px; }

.novcard {
	margin-top:0px !important;
}

#col1 .padding {
	padding:20px;
}

#col2 .padding {
	padding:20px;
}

#col1 .text p {
	width:264px;
	float:left;
	margin:10px 15px 20px 0px ;
	padding-right:15px;
	border-right:1px solid #acacac;
	text-align:justify;
	line-height:141%;
}

#col1 .gallery p {
	width:165px;
	float:left;
	margin:10px 15px 20px 0px ;
	padding-right:15px;
	border-right:1px solid #acacac;
	text-align:justify;
	line-height:131%;
}


* html #col1 .text p {
	width:264px;
}


#col1 .gallery p.last,
#col1 .text p.last {
	padding-right:0px !important;
	border-right:0px !important;
	margin-right:0px;
}

#col1 .text p strong {
	color:#3D7920;
}

.clear {
	clear:both;
}

.fixfloat {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}

h1.mt {
	padding-top:20px;
}

#col2 a {
	text-decoration:none;
	color:#666666;
	/*border-bottom:1px dotted #666666;*/
}

#col2 .label {
	width:200px;
	height:47px;
	background:transparent url(http://hjacob.com/images/labels.gif) top left no-repeat;
	margin-bottom:5px;
}

#col2 .box .label_text { 
		font-family:'Permanent Marker', arial, serif;
		color:#606060;
		font-size:20px;
		font-weight:100;
		text-transform:lowercase; 
		background:transparent url(http://hjacob.com/images/sidebar-arrow.png) center left no-repeat;
		padding:10px 0px 11px 50px;
		vertical-align:middle;
		margin-bottom:4px;
		overflow:visible;
		display:block !important;
		width:inherit;
		
}
#col2 .label_interwebs { background-position:0px -17px; }
#col2 .widget_twitter .label,
#col2 .label_twitter { background-position:0px -75px; }
#col2 .widget_recent-posts-3 .label,
#col2 .label_blog { background-position:0px -146px; }
#col2 .label_freebies { background-position:0px -211px; }
#col2 .label_chat { background-position:0px -612px; }
#col2 .widget_links-4 .label { background-position:0px -276px; }
#col2 .widget_text-4 .label { background-position:0px -338px; }
#col2 .widget_search-3 .label { background-position:0px -398px; }
#col2 .widget_categories-3 .label { background-position:0px -451px; }
#col2 .widget_flickr .label { background-position:0px -504px; }
#col2 .widget_text-3 .label { background-position:0px -556px; }

#col2 .box {
	color:#666666;
	line-height:140%;
}

#col2 ul {
	list-style:none;
	margin-left:0px !important;
}

#col2 ul li { padding-bottom:20px; }
#col2 ul li.last { padding-bottom:0px; }

.mt {
	margin-top:15px;
}

.mb {
	margin-bottom:20px !important;
}

#contactform {
	width:264px;
	padding-bottom:40px;
	float:left;
	padding-right:15px;
	margin-right:15px;
	border-right:1px solid #acacac;
}

.blog #comments .text_input,
.dsq-item-trackback input,
#contactform input,
#contactform textarea,
.blog .comments_data input {
	border:1px solid #acacac;
	background-color:#EEE;
	font-size:0.875em;
	padding:2px 5px;
	margin-bottom:15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.dsq-item-sort 
	border:1px solid #acacac;

.blog .comments_data {
	width:190px; 
	margin-left:10px; 
	float:right;
	margin-right:10px;
}

.blog .comments_data p,
.blog .comments_data nobr, 
.blog .comments_data input {
	font-size:12px;
}

.blog .comments_form {
	width:340px; 
	float:left;
}

.blog #comment_list {
	list-style:none;
	margin-left:0px;
}

.blog .comment_date {
	font-size:12px;
	color:#606060;
	display:block;
	line-height:12px;
}

.blog #comment_list .comment_num {
	font-size:14px;
	font-weight:100;
	color:#606060;
	font-family:'Permanent Marker', arial, serif;
}

#contactform textarea {
	height:150px;
}

#contactform .text {
	width:250px;
}

#contactform label {
	display:block;
	margin-bottom:1px;
	font-size:0.75em;
	font-weight:bold;
}

.blog #comments .form_submit,
#contactform .button_submit {
	background-color:#5A65FF;
	color:#fcfcfc;
	border:1px solid #2D3384;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer !important;
	font-size:0.875em;
	padding:3px 5px;
}

.blog #comments label {
	float:left;
	width:110px;
}

.blog #comments textarea {
	width:320px !important;
	height:150px;
}

.blog #comments .text_input {
	width:210px;
}

#contactdetails {
	float:left;
	width:250px;
}

div.success {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#E1FF86;
	border:1px solid #50B951;
	color:#337935;
	margin:5px 0px 20px 0px;
}

div.error {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#FF9220;
	border:1px solid #A30C05;
	color:#7C0804;
	margin:5px 0px 20px 0px;
}

div.success p,
div.error p {
	font-weight:bold;
	margin:15px;
	padding:0px;
	font-size:1em;
	line-height:1em;
}


#footer {
	background:#000 url(http://hjacob.com/images/grad_grey.jpg) top left repeat;
	color:#fcfcfc;	
}

#footer .padding {
	padding:20px;	
	font-size:0.75em;
}

#footer a {
	color:#D3E0FF;
}


.blog .posts h2 {
	font-family:'Permanent Marker', arial, serif;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:5px;
	font-weight:100;
	text-shadow:1px 1px 3px #FDFDFD;
}

.blog .posts h4 {
	font-size:0.75em;
	margin-bottom:10px;
}

.blog .posts .entry {
	margin-bottom:10px;
}

.blog .posts .tagged {
	font-size:0.75em;
	margin-bottom:0px;
}

.blog .posts .tagged .add_comment { float:right; display:none; }

.blog .posts .more-link {
}

.blog .posts .seperator { clear:both; padding-top:15px; }

.blog .posts hr {
	margin:0px 0px 15px 0px;
	border-top:3px dotted #acacac;
}

.blog h1 {
	text-shadow:3px 3px 2px #000;
	padding:15px 10px 40px 10px;
	margin:10px 0px;
	background:#2d2d2d url(http://hjacob.com/images/grad_grey.jpg) top left repeat;
	color:#fff;
	font-weight:100;
	letter-spacing:1px;
	font-size:28px;
	line-height:36px;
	font-family:'Permanent Marker', arial, serif;
	border-bottom:2px solid #000;
}

.blog .single_post h2 {
	margin-top:30px;
	margin-bottom:7px;
}

.blog .single_post h3 {
	margin-top:20px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:18px;
	line-height:24px;
	display:block;
	font-family:'Permanent Marker', arial, serif;
	font-weight:100;
	color:#606060;
}

.blog .single_post .entry ul,
.blog .single_post .entry p,
.blog #content_box .entry p,
.blog .posts .entry p,
.blog .posts ul {
	margin-bottom:20px;
	line-height:140%;
}

.blog .single_post table {
	border-collapse:collapse;
	width:100%;
}

.blog .single_post table th {
	background-color:#e8e8e8;
	border:1px solid #acacac;
	padding:2px 5px;
}

.blog .single_post table td {
	padding:2px 5px;
	border:1px solid #acacac;
}

.blog .single_post table.tagged td,
.blog .single_post table.tagged th {
	background-color:transparent;
	border:0px;
	padding:0px;
}


.blog #search_form input {
	border:1px solid #acacac;
	background-color:#EEE;
	font-size:0.875em;
	padding:2px 5px;
	margin-bottom:15px;
	width:inherit; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:235px;
}

#twitter_update_list li a {
	white-space:nowrap;
	font-size:0.75em !important;
}

#twitter_update_list li span a {
	white-space:normal;
	font-size:1em !important;
}

.blog .tweetmeme_button {
	margin:5px 0px 10px 0px;
}

.blog .shorturl {
	font-size:small;
}

.blog .seitzeichen_button {
	float:right;
	margin-top:5px;
}

.blog .seitzeichen_button a:hover {
	background-color:transparent;
}

.blog .float-right,
.blog .float_right,
.blog .floatright {
    float:right;
    margin-left:10px;
}

.blog .float-left,
.blog .float_left,
.blog .floatleft {
    float:left;
    margin-right:10px;
}


.blog .wp-caption {
    background-color:#fbfbfb;
    border:1px solid #cccccc;
    -moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
    margin-bottom:5px;
}

.blog .wp-caption-text {
    margin:0px !important;
    font-size:small;
    padding:5px;
}

.blog table.listing,
.blog table.listing_small {
	border:1px solid #cccccc;
    -moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
    margin-bottom:5px;
}

.blog table.listing,
.blog table.listing_small {
	border-collapse:collapse;
}

.blog table.listing_small {
	font-size:11px;
}

.blog table.listing td,
.blog table.listing th {
	padding:3px 3px 5px 3px;
	vertical-align:top;
}

.blog table.listing_small td,
.blog table.listing_small th {
	padding:0px 2px 0px 2px;
	vertical-align:top;
}

.blog table.listing .bg1,
.blog table.listing .bg1 td,
.blog table.listing_small .bg1,
.blog table.listing_small .bg1 td {
	background-color:#fbfbfb;
}

.blog table.listing .bg2,
.blog table.listing .bg2 td,
.blog table.listing_small .bg2,
.blog table.listing_small .bg2 td {
	background-color:#F1F1F1;
}

.blog .strike {
    text-decoration: line-through;
}

.blog .navigation {
	position:relative;
	height:20px;
}

.blog .navigation .next {
	position:absolute;
	right:0px;
	text-align:right;
}

.blog .navigation .previous {
	position:absolute;
	left:0px;
	text-align:left;
}

.blog .widget_twitter li,
.blog .box {
	margin-bottom:0px;
}

#col2 .widget_categories-3 {
	padding-bottom:20px;
}

#col2 .widget_categories-3 li {
	padding-bottom:0px !important;
}

#col2 .widget_text-4 li a {
	border-bottom:0px;
	font-size:0.75em;
}

#col2 .interwebs span {
	display:block;
	float:left;
	width:110px;
}

.externalfavicon, .externalfavicon_default {
	border:0px;
	margin-bottom:-2px;
	margin-left:3px;
	margin-right:5px;
	vertical-align:baseline;
	display:inline;
}
.externalfavicon_default {
	margin-bottom:0px !important;
}

.photocopy {
	font-size:80%;
	color:#acacac;
}

.photocopy a {
	color:#acacac;	
}


sup {
	font-size:10px;
}

.blog q {
	padding:20px 40px 10px 45px;
	font-size:20px;
	font-family:Georgia;
	display:block;
	color:#666;
	font-style:italic;
	background:transparent url(http://hjacob.com/images/quote.jpg) 0px 15px no-repeat;
}

.flickr_thumbnail {
	background-color:#fff;
	padding:3px;
	border:1px solid #acacac !important;
	margin:3px 3px 2px 2px;
	vertical-align:middle;
}

#headad {
	float:left;
	margin:11px 20px 0px 20px;
}

figure {
	margin: 0 0 1em 0;
	border: 1px solid rgba(0,0,0,0.25);
	overflow: hidden;
}

figure p {
	text-align:center;
	margin: 0 !important;
}

figure figcaption {
	text-align:center;
	font-style: italic;
	font-size: 12px;
}