/*
Theme Name: Hendesign Portfolio
Theme URI: http://www.hendesign.de
Description: Hennes Portfolio Theme für WordPress, 2 Spalten-Layout mit Footer
Version: 1.5
Author: Marius Landwehr
Author URI: http://marius.chargedmind.com
*/

body{
	font-family: Arial;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

h1,h2,h3,p {
	color: #424137;
}
p{line-height: 1.55;}
a 
{
	color: #199eff;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
p a:visited,
#left ul li a:visited,
#right ul li a:visited
{
	padding-right: 10px;
	background: url('images/design/tick_small.png') no-repeat right;
}
#head
{
	background: #040000;
	margin-left: -578px;
}
#head #logo
{
	margin: 0 auto;
	height: 89px;
	width: 532px;
	background: url('images/design/logo.png') no-repeat left;
}
#wrapper
{
	padding-top: 20px;
	background: #000 url('images/design/verlauf_background.png') repeat-x top;
	border-top: 1px solid #9a9999;
	z-index: 0;
	position: relative;
	overflow: hidden;
}
#navigation {
	margin-left: 10px;
	width: 800px;
	margin: 0 auto;
	z-index: 2;
	position: relative;
}
#navigation ul li ul {
	list-style: none;
	height: 32px;
	padding-bottom: 18px;
}
#navigation ul li h2.widgettitle {display: none;}
#navigation ul li ul > li {
	float: left;
	height: 32px;
	border-left: 2px solid #252525;
	padding-left: 9px;
	font-size: 12px;
	color: #B7B7B7;
	line-height: 18px;
	font-weight: normal;
	margin-right: 26px;
}
#navigation ul li ul > li:hover {
	border-left: 2px solid #fff200;
}
#navigation ul li ul > li a { 
	display: block;
	color: #EBEBEB;
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
}
	#wrapper #content
{
	width: 810px;
	background: #fff;
	margin: 0 auto;
	z-index: 2;
	position: relative;
}
		#topBg
{
		z-index: 1;
		background: url('images/design/top_bg.jpg') no-repeat top center;
		height: 714px;
		width: 100%;
		position: absolute;
		top: 0px;
		padding-left: 36px;
}
		#footBg
{
		z-index: 1;
		background: url('images/design/bottom_bg.jpg') no-repeat bottom center;
		height: 614px;
		position: absolute;
		bottom: 0px;
		padding-left: 20px;
		width: 100%;
}
		#topRound
{
	height: 10px;
	background: url('images/design/content_rundungen.png') no-repeat top;
	z-index: 2;
	position: relative;
	width: 810px;
	margin: 0 auto;
}
		#footRound
{
	height: 10px;
	background: url('images/design/content_rundungen.png') no-repeat bottom;
	z-index: 2; 
	position: relative;
	width: 810px;
	margin: 0 auto;
	margin-bottom: 230px;
}
		#left
{
	margin-left: 10px;
	margin-right: 30px;
	width: 500px;
	float: left;
	min-height: 797px;
	overflow: hidden;
}
		#left p
{
	margin-bottom: 10px;
}
		#left h2,
		#left h2 a 
{
	color: #424137;
	font-family: Verdana;
	font-size: 18px;
	text-decoration: none;
	margin-left: 5px;
}
		#left h2 a:hover{
			text-decoration:underline;
		}
		#left .node:first-child { border-top: none; padding-top: 0;}
		#left .node 
{
	padding-top: 25px;
	padding-bottom: 14px;
	border-top: 1px dotted #7f7f7f;
}
		#left .tags a
{
		text-decoration: none;
}
		#left .tags a:hover {
			text-decoration:underline;
		}
		
		#left .info 
{ 
	font-family: Verdana;
	font-size: 11px;
	background: #e5e5e5;
	margin-top: 7px;
	line-height: 13px;
	padding-left: 10px;
	color: #959595;
}
		#left .info .date 
{ 
	color: #b20909;
	padding-right: 5px;
}
		#left .info .tags,
		#left .info .tags a 
{
	text-decoration: none;
}
		#left .content 
{
	margin-top: 16px;
}
		#left .content ul,
		#left .content ol 
{
	list-style-position: inside;
	margin-bottom: 10px;
	line-height: 1.25;
}
		#left .content ol 
{
	list-style-type: decimal;
}
		#left .content ul
{
	list-style-image: url('images/design/li_content.gif');
	list-style-type: disc;
}
		#left .content ol li,
		#left .content ul li
{
	border-bottom:1px dotted #DDDDDD;
	padding: 3px 0 3px 12px;
	padding-bottom:3px;
	padding-left:12px;
	padding-top:3px;
}
		#left .content p strong {
			color:#B20909;
		}
		#left .wp-caption-text {
			background-color:#eee;
			margin-top:-2px;
			font-size:10px;
			padding-left:10px;
			border-bottom:1px solid #CCCCCC;
			font-style:oblique;
		}
		#left .tags
{
	margin-top: 15px;
	padding-left: 25px;
	background: url('images/design/icons.png') no-repeat;
	line-height: 20px;
	font-size:10px;
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
}
		#left .alignright {
			float:right;
			background:#ff0;
			padding: 0 4px;
		}
		#left .alignright a {
			color:#000;
			font-size:12px;
			font-weight:bold;
			display:block;
		}

		#left .pagination
{
	padding-top: 10px;
	border-top: 1px dotted #7f7f7f;
	margin-bottom: 10px;
	padding-bottom:10px;
}
		#left .pagination .left
{
	float: left;
}
		#left .pagination .right
{
	float: right;
}

		#left #relatedposts {
background:none repeat scroll 0 0 #EEEEEE;
border:1px dotted #AAAAAA;
margin:25px 20px;
padding:12px
}
		#left #relatedposts h3 {
			color:#B20909;
			margin-bottom: 8px;
		}
				#left div#respond  {
					background:#eee;
					padding:10px;
					margin-top:10px;
				}
		#left div#respond h3 {
			text-transform: uppercase;
			font-size:22px;
			color:#fff;
			background:#222;
			padding: 5px;
			margin-bottom: 10px;
		}
	#right
{
	float: left;
	width: 260px;
	padding-top: 25px;
}
		#right p
{
	margin-top: 8px;
	margin-left: 2px;
}
		#right ul { list-style: none;}
		#right ul li:first-child{margin-top: 0;}
		#right ul li
{
	margin-top: 17px;
}
		#right ul li h2
{
	line-height: 20px;
	background: #e5e5e5;
	color: #424137;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
}
#right ul li h2.widgettitle {
	margin-bottom:5px;
}

			#right ul li ul li {
	padding-top: 0;
	padding-bottom:2px;
	margin-top: 0;
	border-top: 0;
	padding-left: 8px;
	line-height: 1.25;
}
			#right ul li ul li:before {
	content: "» ";
}
			#right ul.navigation{
	list-style: none;
	padding-top: 20px;
}
			#right ul.navigation li:before {
	content: "";
}
			#right ul.navigation:first-child{padding-top: 0;}
			#right ul.navigation li
{
	border-bottom: 2px solid #424137;
	line-height: 29px;
	padding: 0;
}
			#right ul.navigation li a 
{
	background: url('images/design/icons.png') #7f7e74;
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 29px;
	display: block;
	color: #ebebeb;
	text-decoration: none;
}
			#right ul.navigation li a:hover
{
	background: url('images/design/icons.png') #9b9a8e;
	color: #ffffff;
	background-repeat: no-repeat;
}
			#right ul li.collapsing a{
				font-size:11px;
			}
			#right li#flickrpress-2 img
{
	background:none repeat scroll 0 0 #EEEEEE;
	border-bottom:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	float:left;
	margin:4px 0 4px 4px;
	padding:3px 2px 10px;
}

			#right li.widget_twitter 
{
	clear:both;
}
			#right li.twitter-item 
{
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:10px;
	padding-top:5px;
}
#right span.twitter-timestamp {
	color:#999;
} 
#foot
{
	min-height: 49px;
	clear: both;
	background: #f2f2f1 url('images/design/verlauf_foot.png') repeat-x top;
	border-top: 1px solid #939392;
	padding: 15px 10px;
	color: #7f7e74;
}
	#foot p
{
	color: #7f7e74;
	line-height: 1;
}
	#foot h1
{
	color: #424137;
	font-size: 22px;
}
	#foot .headline
{
	padding: 0 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #7f7f7f;
}
	#foot .content
{
	padding: 0 10px;
	padding-top: 20px;
}
	#foot .content div:first-child {border-left: 0; padding-left: 0;}
	#foot .content div
{
	float: left;
	width: 235px;
	height: 105px;
	border-left: 1px dotted #7f7f7f;
	padding: 0 10px;
	font-size: 11px;
}
	#foot .content p:first-child{	margin-top: 0;}
	#foot .content p
{
	margin-top: 10px;
}
	#foot .content ul li ul li
{
	list-style-image: url('images/design/li_footer.gif');
	list-style-position: inside;
	line-height: 1.25;
}
	#foot .content ul li h2 { display: none;}
	#foot .content ul li ul li a
{
	color: #56554b;
	text-decoration: none;
}
	#foot .content ul li ul li a:hover
{
	text-decoration: underline;
}

.clear { clear: both;}
/** ICONS **/
#right ul.navigation li.hire a 		{ background-position: 8px 0px;}
#right ul.navigation li.twitter a 	{ background-position: 8px -30px;}
#right ul.navigation li.youtube a	{ background-position: 8px -60px;}
#right ul.navigation li.facebook a	{ background-position: 8px -90px;}
#right ul.navigation li.flickr a	{ background-position: 8px -120px;}
#right ul.navigation li.xing a		{ background-position: 8px -150px;}
#right ul.navigation li.rss a		{ background-position: 8px -180px;}
#right ul.navigation li.lastfm a	{ background-position: 8px -210px;}
#right ul.navigation li.vimeo a		{ background-position: 8px -260px;}
#left .tags							{ background-position: 0 -240px;}