/*  
Theme Name: Hafenrausch v3 (DE)
Theme URI: http://wordpress.org/
Description: Hafenrausch-Theme. Basierend auf komplett eingedeutschtem Standard-Theme - wiederum basierend auf dem famosen <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. Deutsche Bearbeitung: <a href="http://blogshop.de">Olaf A. Schmitz</a> und <a href="http://blog.zeitgrund.de">Olaf Baumann</a>.
Version: 0.97
Author: Thorsten Sinhgofen
Author URI: http://hafenrausch.de/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was redesigned and built by Thorsten Singhofen.


*/

/* Font sizes: 
   10px = 0.8333em; 11px = 0.9166em; 12px = 1.0em; 14px = 1.1666em; 16px = 1.3333em; 18px = 1.5em; 20px = 1.6666em */

/* Friendly global style resetting 
==============================================================================================  */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, legend,
input, select, option, blockquote, th, td { 
	padding: 0;
	margin: 0; 
	border: 0; 
	cursor: default; 
	}
body { 
	word-wrap: break-word;  /* IE 5/6 Avoiding Box Expand Hack  */
	font-size: 100.01%;
	}
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	border: 0; 
	}
a, img, a img { 
	border: none; 
	outline: none;
	}
address, caption, cite, th { 
	font-style: normal; 
	font-weight: normal; 
	}
ol, ul { 
	list-style: none; 
	}
caption, th { 
	text-align: left; 
	}
p, h1, h2, h3, h4, h5, h6 { 
	font-size: 100.01%; 
	font-weight: normal; 
	text-align: left; 
	}
em, strong { 
	font-weight: bold; 
	font-style: normal 
	}
abbr { 
	border: none; 
	}
iframe { 
	border: none; 
	margin: 0; 
	padding: 0; 
	}
div { 
	background-color: transparent; 
	}


/* Basics
==============================================================================================  */

body, input, td, textarea, select, option, optgroup { 
	color: #000; 
	font: normal 12px/1.25 Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	}
input, textarea, select, option, optgroup { 
	line-height: normal; 
	}
p { 
	margin: 7px 0 7px 0; 
	line-height: 1.25em; 
	color: #000;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
div.excerpt { 
	margin: 0 0 7px 0; 
	padding: 7px 0 0 0; 
	line-height: 1.25em; 
	font-weight: bold; 
	color: #000; 
	}
h1, .h1 { 
	font-size: 24px; 
	line-height: 25px;
	text-transform: uppercase;
	padding-top: 6px;
	}
.postItem h1, .postItem .h1 {
	margin-bottom: 0;
	}
h2, .h2,
div.excerpt p { 
	font-size: 18px; 
	line-height: 20px;
	text-transform: none;
	font-weight: normal;
	}
div.excerpt p {
	margin-top: 0;
	}

h3, .h3 { 
	font-size: 16px; 
	line-height: 18px;
	text-transform: uppercase;
	}
h4, .h4 { 
	font-size: 14px; 
	line-height: 15px;
	text-transform: uppercase;
	}
h5, .h5 {	
	font-size: 12px; 
	line-height: 13px;
	text-transform: uppercase;
	}
h6, .h6 { 
	font-size: 12px; 
	margin-bottom: 2px;
	padding-top: 3px;
	}

a, a:link, a:visited { 
	color: #00569F; 
	text-decoration: none; 
	cursor: hand; 
	cursor: pointer; 
	}
a:hover { 
	color: #333639; 
	text-decoration: underline; 
	}
a:active { 
	color: #0060AF; 
	text-decoration: none; 
	}


h1 a, h1 a:link, h1 a:visited, .h1 a, .h1 a:link, .h1 a:visited, 
h2 a, h2 a:link, h2 a:visited, .h2 a, .h2 a:link, .h2 a:visited, 
h3 a, h3 a:link, h3 a:visited, .h3 a, .h2 a:link, .h3 a:visited, 
h4 a, h4 a:link, h4 a:visited, .h4 a, .h2 a:link, .h4 a:visited, 
h5 a, h5 a:link, h5 a:visited, .h5 a, .h5 a:link, .h5 a:visited, 
h6 a, h6 a:link, h6 a:visited, .h6 a, .h5 a:link, .h6 a:visited,
ul.sideNav a, ul.sideNav a:link, ul.sideNav a:visited
	{
	color: #000; 
	text-decoration: none; 
	cursor: hand; 
	cursor: pointer; 
	}
h1 a:hover, .h1 a:hover,
h2 a:hover, .h2 a:hover,
h3 a:hover, .h3 a:hover,
h4 a:hover, .h4 a:hover,
h5 a:hover, .h5 a:hover,
h6 a:hover, .h6 a:hover,
ul.sideNav a:hover { 
	color: #0060AF; 
	text-decoration: none; 
	}
h1 a:active, .h1 a:active,
h2 a:active, .h2 a:active,
h3 a:active, .h3 a:active,
h4 a:active, .h4 a:active,
h5 a:active, .h5 a:active,
h6 a:active, .h6 a:active,
ul.sideNav a:active { 
	color: #303336; 
	text-decoration: none; 
	}

ul.sideNav li.selected a, ul.sideNav li.selected a:link, ul.sideNav li.selected a:visited, 
ul.sideNav li.current-cat a, ul.sideNav li.current-cat a:link, ul.sideNav li.current-cat a:visited,
ul.sideNav li.selected span {
	cursor: default;
	color: #909396;
	}
ul.sideNav li.selected a:hover,
ul.sideNav li.current-cat a:hover {
	cursor: default;
	color: #909396
	}
ul.sideNav li.selected a:active,
ul.sideNav li.current-cat a:active {
	cursor: default;
	color: #909396
	}


/* Structure
==============================================================================================  */

div.hr { 
	clear: both; 
	height: 0; 
	overflow: hidden; 
	font-size: 0; 
	line-height: 0; 
	}
div.hr hr { 
	display: none; 
	height: 0; 
	overflow: hidden; 
	size: 0; 
	}

html { 
	overflow-y: scroll; 
	}
html, body {
	width: 100%;
	}
body {
	background-color: #101316;
	text-align: left;
	padding-top: 10px;
	}
#wrapper, #footerWrapper, #navWrapper {
	clear: both;
	float: none;
	width: 100%;
	position: relative;
	text-align: left;
	}
#wrapper {
	background-color: #FFF;
	-moz-border-radius-bottomright: 6px;-khtml-border-bottom-right-radius: 6px;-webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
	z-index: 10;
	}
#footerWrapper, #navWrapper {
	background: #101316 url(images/bckgr-footer-wrapper.png) repeat-x 50% top scroll;
	}
#navWrapper {
	background-position: 50% -18px;
	display: none;
	}
#footerWrapper {
	margin-top: -6px;
	z-index: 5;
	}
body, #wrapper, #footerWrapper {
	min-width: 980px;
	}

#header, #content, #footer, #mainNav {
	clear: both;
	float: none;
	width: 930px /* 940px */;
	padding: 1px 20px 1px 30px /* 1px 15px 1px 25px */;
	margin: 0;
	text-align: left;
	position: relative;
	}

.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}
.txtAlignRight {
	text-align: right;
	}
.clearFix {
	clear: both;
	}
.fullClmn {
	width: 690px /* 700px */;
	}
.fullWidth {
	width: 930px /* 940px */;
	}
.centerLignup {
	margin-left: 240px;
	}
.mainClmn {
	width: 450px /* 460px */;
	}
.postItem, .introTextHome {
	width: 440px;
	}
 
.entryItem {
	width: 100%;
	position: relative;
	padding-top: 3px;
	}

.sideClmn { 
	width: 210px /* 220px */;
	}
.container { 
	padding-bottom: 36px;
	}
.posRelative {
	position: relative;
	}
.floatContainer {
	margin-right: 30px /* 20px */;
	}
.picBox {
	width: 208px /* 218px */;
	background-color: #FFF;
	height: 78px;
	overflow: hidden;
	padding: 0;
	border: 1px solid #D3D6D9;
	margin: 7px 0 7px 0;
	position: relative;
	}
.picBox * { 
	margin-left: -9999em; 
	}
.picBox img { 
	position: absolute; 
	left: 0; 
	top: 0; 
	border: 0; 
	padding: 0; 
	margin: 0;
	margin-top: -15%; 
	}
div#kommentare {
	display: block;
	margin-top: 24px;
	}
	
#top {
	position: absolute;
	left: 0;
	top: 0;
	}

#navWrapper {
	padding-top: 2px;
	padding-bottom: 0 !important;
/*	position: fixed;
	left: 0;
	top: 0;
	z-index: 100; */
	}

#header {
	padding-top: 10px; /* 50px */
	padding-bottom: 18px;
	height: 100px;
	background: url(images/hh-logo.gif) no-repeat 750px 18px scroll;
	}
	
#content {
	padding-bottom: 14px;
	}
#footer { 
	padding-top: 20px;
	padding-bottom: 39px;
	}

.navigation {
	height: 48px;
	}


	

/* Style
==============================================================================================  */

.lightGrey,
.adNote,
p.wp-tag-cloud,
.lightGrey a, .lightGrey a:link, .lightGrey a:visited { 
	color: #C6C9CC;
	}
	
.medGrey,
h2, .h2,
div.excerpt p,
#footer p,
.medGrey a, .medGrey a:link, .medGrey a:visited,
.wp-tag-cloud a, .wp-tag-cloud a:link, .wp-tag-cloud a:visited {
	color: #606366;
	}

.darkGrey,
.darkGrey a, .darkGrey a:link, .darkGrey a:visited,
h2.introTextHome { 
	color: #36393C;
	}
	
.borderTop {
	border-top: 1px solid #D3D6D9;
	}

.paddingRght3 {
	padding-right: 0 /* 3px */ ;
	}

.noSpacingTop {
	margin-top: 0;
	padding-top: 0; 
	}

span.adNote { 
	font-weight: normal;
	font-size: 11px;
	 line-height: 12px;
	}

ul.sideNav {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 4px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 18px;
	text-transform: uppercase;
	}
ul.sideNav li {
	list-style: none;
	padding: 1px 0 1px 0;
	}

#mainNav {
	padding-top: 0;
	padding-bottom: 0;
	}
#mainNav li {
	list-style: none;
	display: block;
	float: left;
	margin-right: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	padding-top: 10px;
	}
#mainNav li#homeLink {
	font-weight:normal;
	}
#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li.selected span {
	color: #707376;
	display: block;
	float: left;
	padding: 0 0 9px 0;
	text-decoration: none;
	}
#mainNav li a:hover {
	color: #C9CCCF;
	text-decoration: none;
	}
#mainNav li a:active, #mainNav li.selected a, #mainNav li.selected a:link, #mainNav li.selected a:visited, #mainNav li.current-cat a, #mainNav li.current-cat a:link, #mainNav li.current-cat a:visited  {
	color: #C9CCCF;
	text-decoration: none;
	}
#mainNav li.selected a:hover, #mainNav li.current-cat a:hover  {
	color: #C9CCCF;
	text-decoration: none;
	}
#mainNav li.current-cat a:hover {
	cursor: default;
	}
#mainNav li.selected a:active, #mainNav li.current-cat a:active, #mainNav li.selected span  {
	color: #C9CCCF;
	text-decoration: none;
	cursor: default;
	}

#hafenrauschSiegel {
position: absolute;
left: 128px;
top: -8px;
}

.comment-indicator { 
padding: 0; 
margin: 0; 
display: block;
margin-top: -2px;
}
.comment-indicator a, .comment-indicator a:link, .comment-indicator a:link,
p#reaktionen { 
display: block; 
float: right; 
color: #86898C !important; 
font-weight: bold; 
padding: 2px 0 4px 23px !important; 
margin: 0;
background: transparent url(images/comment_icon.gif) no-repeat left 1px scroll !important; 
}
p#reaktionen { 
margin-top: 5px; 
padding-left: 25px !important;
}
.comment-indicator a:hover {
color: #333639 !important; 
text-decoration: none; 
}
.comment-indicator a:active {
color: #86898C !important;  
text-decoration: none; 
}


.entryItem img, .object { 
	border: 1px solid #D3D6D9; 
	margin: 0; 
	padding: 4px; 
	background-color: #FFF; 
margin-left: -4px;
margin-top: -1px;
	}
.entryItem img.alignleft { 
	margin: 2px 15px 5px 0; 
margin-left: -4px;
float: left;
	}
.entryItem em { 
	display: block; 
	float: none; 
	clear: both; 
	font-style: normal; 
	font-size: 11px; 
	font-weight: normal; 
	color: #939699; 
	text-transform: uppercase; 
	padding-bottom: 5px; 
	margin: -3px 1px 0 1px; 
	text-align: left; 
	}
.entryItem em a, .entryItem em a:link, .entryItem em a:visited { 
	color: #939699 !important; 
	text-decoration: none !important; 
	border: 0 !important; 
	font-weight: normal !important; 
	}
.entryItem em a:hover { 
	color: #404346 !important; 
	text-decoration: none; border: 0; 
	}
.entryItem em a:active { 
	color: #939699 !important; 
	text-decoration: none; 
	border: 0; 
	}

.entryItem blockquote { 
	display: block; 
	margin: 14px 0; 
	padding: 0 0 1px 44px; 
	background: url(images/bckgr_blockquote.gif) no-repeat left top scroll; 
	}

.entryItem blockquote, .entryItem blockquote p {
	color: #606366; 
	font-size: 16px; 
	line-height: 18px !important; 
	}


a.more-link, a.more-link:link, a.more-link:visited { 
	display: block; 
	padding: 6px 9px 6px 21px; 
	font-weight: bold;
	line-height: 1em; 
	border: 0 !important; 
	float: left;
	margin: 2px 0 12px 0;
	-moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
	color: #F4F5F6;
	background: #101316 url(images/bckgr-more-link.gif) no-repeat 8px center scroll;
	text-decoration: none;
	}
a.more-link:hover { 
	color: #FFF;
	background-color: #0060AF;
	text-decoration: none;
	}
	
.more-link-inpage { 
	display: block; 
	height: 30px; 
	background: url(images/bckgr_article_moreinpage.gif) no-repeat left 8px scroll; 
	border: 0 !important; 
	}


	
#footer p,
#footer li {
	line-height: 1.15em;
	}

span#goToTop {
	position: absolute;
	right: 15px;
	top: 24px;
	}
	
ul.linkList {
	display: block;
	margin-bottom: 7px;
	list-style: none;
	}
ul.linkList li {
	line-height: 1em;
	list-style: none;
	margin: 0 0 3px 0;
	font-weight: bold;
	}
ul.linkList li a, ul.linkList li a:link, ul.linkList li a:visited {
	color: #000;
	text-decoration: none;
	padding: 0 0 0 16px;
	background: url(images/pushlink_0_600_vrtcl.gif) no-repeat 1px center;
	}
ul.linkList li a:hover {
	color: #00569F;
	background-position: -599px center;
	text-decoration: none;
	}
ul.linkList li a:active {
	background-position: -1211px center;
	color: #606366;
	text-decoration: none;
	}
#footer ul.linkList li a, #footer ul.linkList li a:link, #footer ul.linkList li a:visited {
	font-weight: bold;
	color: #606366;
	background-position: -1211px center;
	}
#footer ul.linkList li a:hover {
	color: #909396;
	background-position: -1211px center;
	}
#footer ul.linkList li a:active {
	color: #606366;
	background-position: -1211px center;
	}

p.pushLink {
	display: block;
	margin-bottom: 0;
	padding-bottom: 14px;
	line-height: 1em;
	}
p.pushLink a, p.pushLink a:link, p.pushLink a:visited,
a.pushLink, a.pushLink:link, a.pushLink:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding: 0 0 0 16px;
	background: url(images/pushlink_0_600_vrtcl.gif) no-repeat 1px center;
	}
p.pushLink a, p.pushLink a:link, p.pushLink a:visited {
	display: block;
	float: left;
	}
p.pushLink a:hover, a.pushLink:hover {
	color: #00569F;
	text-decoration: none;
	background-position: -599px center;
	}
p.pushLink a:active, a.pushLink:active {
	background-position: -1209px center;
	color: #606366;
	text-decoration: none;
	}
a.pushLink, a.pushLink:link, a.pushLink:visited {
	background-position: 1px 2px; 
	}
a.pushLink:hover { 
	background-position: -599px 2px; 
	}
a.pushLink:active {
	background-position: -1209px 2px; 
	}

.navigation div.floatLeft p.pushLink a, .navigation div.floatLeft p.pushLink a:link, .navigation div.floatLeft p.pushLink a:visited {
	position: relative;
	left: -20px;
	padding: 0 0 0 20px;
	background: url(images/pushlink_0_600_vrtcl_reverse.gif) no-repeat -5px center;
	}
.navigation div.floatLeft p.pushLink a:hover {
	background-position: -618px center;
	}
.navigation div.floatLeft p.pushLink a:active {
	text-decoration: none;
	background-position: -1206px center;
	}

.medGrey a, .medGrey a:link, .medGrey a:visited {
	text-decoration: none;
	}
.medGrey a:hover {
	color: #000;
	text-decoration: none;
	}
.medGrey a:active {
	color: #606366;
	text-decoration: none;
	}


.darkGrey a, .darkGrey a:link, .darkGrey a:visited {
	text-decoration: none;
	}
.darkGrey a:hover {
	color: #606366;
	text-decoration: none;
	}
.darkGrey a:active {
	color: #36393C;
	text-decoration: none;
	}

.lightGrey a, .lightGrey a:link, .lightGrey a:visited { 
	text-decoration: none;
	}
.lightGrey a:hover {
	color: #939699;
	text-decoration: none;
	}
.lightGrey a:active {
	color: #C6C9CC;
	text-decoration: none;
	}
		

.wp-tag-cloud {
	margin: 0;
	list-style: none;
	}
ul.wp-tag-cloud {
	margin-top: -2px;
	}
.wp-tag-cloud a, .wp-tag-cloud a:link, .wp-tag-cloud a:visited { 
	text-decoration: none;
	text-transform: lowercase !important;
	}
.wp-tag-cloud a:hover { 
	color: #00569F;
	text-decoration: none;
	}
ul.wp-tag-cloud a:hover { 
	color: #909396;
	}
.wp-tag-cloud a:active, ul.wp-tag-cloud a:active {
	color: #606366;
	text-decoration: none;
	}
ul.wp-tag-cloud li,
p.wp-tag-cloud {
	display: block;
	font-size: 14px;
	line-height: 1em;
	}
ul.wp-tag-cloud li {
	list-style: none;
	float: left;
	margin: 0 4px 1px 0;
	}
p.wp-tag-cloud {
	padding: 6px 0 0 0;
	}

ul.socialNav {
list-style: none;
margin: 0;
padding: 7px 0 24px 1px;
float: right;
}

ul.socialNav li {
list-style: none; 
display: block;
height: 16px;
width: 16px;
float: left;
padding: 0;
margin: 0 0 4px 4px;
}
ul.socialNav li a, ul.socialNav li a:link, ul.socialNav li a:visited {
display: block;
margin: 0;
padding: 0; 
height: 16px;
width: 16px;
background-color: #FFF;
background-position: left -40px;
background-repeat: no-repeat;
background-attachment: scroll;
text-decoration: none;
text-indent: -9999em;
overflow: hidden;
}
ul.socialNav li a:hover { 
background-position: left top;
text-decoration: none;
}
ul.socialNav li a:active { 
background-position: left -40px;
text-decoration: none;
}
ul.socialNav li.facebook a, ul.socialNav li.facebook a:link, ul.socialNav li.facebook a:visited {
background-image: url(images/facebook_16.gif);
}
ul.socialNav li.twitter a, ul.socialNav li.twitter a:link, ul.socialNav li.twitter a:visited {
background-image: url(images/twitter_16.gif);
}
ul.socialNav li.feed a, ul.socialNav li.feed a:link, ul.socialNav li.feed a:visited {
background-image: url(images/rss_16.gif);
}
ul.socialNav li.friendfeed a, ul.socialNav li.friendfeed a:link, ul.socialNav li.friendfeed a:visited {
background-image: url(images/friendfeed_16.gif);
}

.shareButtons {
clear: both;
float: right;
padding-top: 13px;
}
.shareTwitter { 
float: right;
margin: 0 0 14px 17px; 
display: block; 
height: 61px;
width: 50px;
}

.inlineShareButtons { 
margin-top: 7px; 
}
.inlineShareButtons .shareTwitter { 
float: left;
margin: 0 17px 14px 0; 
}
.shareFB { 
float: left;
margin: 0 17px 14px 0; 
display: block; 
height: 69px;
width: 53px;
}

.shareFytch { 
float: left;
margin: 0 17px 14px 0; 
display: block; 
}


/* Kommentare
==============================================================================================  */

.commentItem { 
display: block; 
margin: 7px 0 12px 0;
padding: 0;
}
.commentDetails {
padding-bottom: 3px;
padding-left: 63px;
background: url(images/comment-nodge.gif) no-repeat 25px bottom scroll;
}
.commentDetails p { 
margin: 0;
color: #202326;
}
.commentItem a, .commentItem a:link, .commentItem a:visited {
color: #202326;
text-decoration: none;
}
.commentItem a:hover {
color: #101316;
text-decoration: none;
}
.commentText { 
display: block;
background-color: #E3E6E9;
margin: 0;
padding: 5px 8px;
-moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
}
.commentText p {
color: #202326;
margin: 3px 0;
}

/* Forms
==============================================================================================  */

input, textarea {
	border: 1px solid #D3D6D9;
	padding: 2px;
	}
input[type=text] { 
	cursor: text;
	}
input[type=submit] { 
	cursor: pointer;
	padding: 6px 9px 6px 9px; 
	font-weight: bold;
	line-height: 1em; 
	border: 0 !important; 
	float: left;
	-moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
	color: #F4F5F6;
	background-color: #101316;
	text-decoration: none;
	}
#kommentare form { 
	width: 450px; 
	}
#kommentare form textarea { 
	width: 444px; 
	}
#kommentare label {
	color: #606366;
	}

.twtr-hd, .twtr-ft { 
display: none !important; 
}
.twtr-widget, .twtr-tweet-wrap, .twtr-bd {
padding: 0 !important;
}
.twtr-bd {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
padding-bottom: 33px !important;
background: url(http://hafenrausch.com/images/twitter-bottom.gif) no-repeat left bottom scroll !important;
}
.twtr-tweet-text {
display: block;
padding: 4px 5px 6px 5px !important;
background-color: #E3E6E9 !important;
-moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
}
.twtr-tweet-text p {
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.25em !important;
font-weight: bold;
color: #333639 !important;
}