/* ================================================================================
 *
 * ### Wordpress ###
 * Theme Name: awesome
 * Theme URI: http://www.davidhellmann.com
 * Description: Theme for David Hellmann
 * Version: 2.0
 * Author: David Hellmann
 * Author URI: http://www.davidhellmann.com
 *
 *
 * @project David Hellmann
 * @version 2.0
 * @author David Hellmann
 * @copyright 2009 by David Hellmann - Grafikdesign, Webdesign, Webentwicklung
 *
====================================================m============================ */

/*@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold);*/

/* Reset ================================================================================================ */

* {
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
	list-style:none;
}

.no_style {
	margin: 0;
	padding: 0;
	float: none;
	clear: none;
	background: none;
	border: none;
	display: inline;
}

.rdbWrapper {
	float: left;
	clear: both;
	margin: 0 0 10px 240px;
}


/* Body ================================================================================================ */


html {
	width: 100%;
	min-width:1080px;
}

body {
	font:normal 18px/28px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
	color:#333; /*4c4638;*/
	width: 100%;
	min-width:1080px;
}


/* Allgmeine Linkauszeichnung ================================================================================================ */

a {
	color:#b25438;
	font-weight:normal;	
	transition:color 0.2s linear 0s;
	-webkit-transition:color 0.2s linear 0s;
	-moz-transition:color 0.2s linear 0s;
}

#sidebar a {
	text-decoration: none;
	font-style:italic;
	font-weight:bold;
}

p a {
	text-decoration: none;
	font-style:italic;
	font-weight:bold;
}

.articleBox a:hover,
#sidebar a:hover {
	text-decoration: none;
}

a:visited {
	color: #b25438;
}



a:active, a, a:focus {
   outline: none;
}

:focus {
   -moz-outline-style: none;
}

:-moz-any-link:focus {
   outline: none;
}

a:link:hover,
a:visited:hover {
	color:#83371c;
	text-decoration: none;
}

a:link:active,
a:visited:active {
	color: #83371c;

}

.hidden { display:none; }

/* dribbble Shots */

#dribbble_shots {
	position:absolute;
	width:720px;
	height:275px;
	background: url(images/dribbble_shots.png) 0 0 no-repeat;
	z-index:99;
	top:-400px;
	left:-340px;
}

#dribbble_shot h4.widgettitle {
	display:none;	
}

	#dribbble_shots h4 {
		float:left;
		width:720px;
		margin:20px 0 10px 0;
		text-align:center;
		font:normal 30px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-shadow:1px 1px 0 #fff;
	}	

	#dribbble_shots .dribbbles {
		float:left;
		width:700px;
		margin:0 0 0 10px;
	}		

	#dribbble_shots .dribbbles li {
		float:left;
		margin:0 0 0 10px;
	}

/* ================================================================================

   More Link

================================================================================ */

a.more-link {
	float: right;
	clear: both;
	width: 160px;
	height: 39px;
	background: url(images/dhSprite.png) -480px -780px no-repeat;
	display: block;
	text-indent: -99999px;
	margin: 0 0 0 0;
}

a.more-link:hover {
	background: url(images/dhSprite.png) -480px -830px no-repeat;
}

a.more-link:active {
	background: url(images/dhSprite.png) -480px -880px no-repeat;
}





/* Head ================================================================================================ */

#head {
	width: 100%; 
	height: 240px;
	background:#fff url(images/headBg.jpg) center top no-repeat;
	float: left;
}

	#head #headLeisteTop {
		width: 100%;
		height: 65px;
		background: url(images/headLeisteTop.png) center top repeat-x;
		position: fixed;
		z-index: 100;
		border-top: 1px solid #393126;
	}

		#headLeisteTop #leisteInhalt {
			width: 1080px;
			height: 42px;
			line-height: 46px;
			top:0;
			left: 50%;
			margin-left: -540px;
			position: absolute;
			z-index: 110;
			color: #565349;
			font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			text-shadow: 0 1px 0 rgba(228, 224, 203, 1);
		}
		
			#leisteInhalt .iconGoogleplus {
				float: left;
				margin: 6px 5px 0 0;
			}

			#leisteInhalt .iconDribbble {
				float: left;
				margin: 6px 5px 0 0;
			}

			#leisteInhalt .iconTwitter {
				float: left;
				margin: 6px 10px 0 0;
			}
			
			

			#leisteInhalt a {
				color: #3c3930;
				font-weight: bold;
			}

			#leisteInhalt a:hover {
				color: #565349;
			}

			#leisteInhalt a:active {
				position: relative;
				top: 1px;
			}

			#leisteInhalt #searchHead {
				position: absolute;
				right: 5px;
				top: 7px;
				width: 310px;
			}

				#searchHead .si {
					float: left;
					padding:5px 10px;
					width: 240px;
					margin: 0px 2px 0 0;
					background: url(images/formBg.png) 0 0 repeat;
					border: 1px solid #9b9782;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					box-shadow:inset 0 0 5px rgba(0, 0, 0, .15);
					-moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, .15);
					-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, .15);
					color: #6b6256;
					font-size: 15px;
				}


				#searchHead .searchSubmit {
					background: url(images/dhSprite.png) -130px -780px no-repeat;
					float: right;
					margin: 0 0 0 0;
					border: none;
					box-shadow:inset 0 0 0px #dbd9cf;
				   -moz-box-shadow:inset 0 0 0px #dbd9cf;
				   -webkit-box-shadow:inset 0 0 0px #dbd9cf;
				   width: 42px;
				   height: 31px;
				   text-indent: -99999px;
				   cursor: pointer;
				}

				#searchHead .searchSubmit:hover {
					background: url(images/dhSprite.png) -130px -830px no-repeat;
				}

				#searchHead .searchSubmit:active {
					background: url(images/dhSprite.png) -130px -880px no-repeat;
				}
				
				
				#leisteInhalt #navHead {
					position: absolute;
					right: 0;
					top: -200px;
					width: 405px;				}
				
					#leisteInhalt #navHead li {
						float: right;
						height: 42px;
						line-height: 46px;
					}
					
						#leisteInhalt #navHead li a {
							margin: 0 5px 0 0;
							font-weight: normal;
							padding: 2px 6px;
						}
					
						#leisteInhalt #navHead li a:hover {
							color: #000;
							padding: 2px 6px;
							background: #d6d1b6;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							border-radius: 5px;
						}
						
						#leisteInhalt #navHead li a.aktiv {
							background: #b25438;
							color: #fff;
							text-shadow: 1px 1px 0 #4a2013;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							border-radius: 5px;
							box-shadow: 0 3px 0 #672714, inset 0 -1px 0 #bf5937, 0 5px 5px rgba(0,0,0,0.3);
							-moz-box-shadow: 0 3px 0 #672714, inset 0 -1px 0 #bf5937, 0 5px 5px rgba(0,0,0,0.3);
							-webkit-box-shadow: 0 3px 0 #672714, inset 0 -1px 0 #bf5937, 0 5px 5px rgba(0,0,0,0.3);
							border:1px solid #672714;
							position: relative;
							top: -2px;
						}
						
						#leisteInhalt #navHead li a.aktiv:hover {
							box-shadow: 0 3px 0 #672714, inset 0 -1px 0 #bf5937, 0 3px 5px rgba(0,0,0,0.3);
							-moz-box-shadow: 0 3px 0 #672714, inset 0 -1px 0 #bf5937, 0 3px 5px rgba(0,0,0,0.3);
							-webkit-box-shadow: 0 3px 0 #672714, inset 0 -1px 0 #bf5937, 0 3px 5px rgba(0,0,0,0.3);
							position: relative;
							top: -1px;
						}
						
						#leisteInhalt #navHead li a.aktiv:active {
							box-shadow: 0 0px 0 #672714, inset 0 -1px 0 #bf5937, 0 3px 5px rgba(0,0,0,0.3);
							-moz-box-shadow: 0 0px 0 #672714, inset 0 -1px 0 #bf5937, 0 3px 5px rgba(0,0,0,0.3);
							-webkit-box-shadow: 0 0px 0 #672714, inset 0 -1px 0 #bf5937, 0 3px 5px rgba(0,0,0,0.3);
							position: relative;
							top: 1px;
							padding: 3px 6px 3px 6px;
						}


	#head #headContent {
		width: 1080px;
		height: 240px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}

		#headContent h1 {
			width: 135px;
			height: 135px;
			position: absolute;
			top:80px;
			left: -10px;
			z-index: 10;
		}

			#headContent h1 a {
				width: 135px;
				height: 135px;
				display: block;
				text-indent: -99999px;
				background: url(images/dhSprite.png) 5px 0 no-repeat;
			}

			#headContent h1 a:hover {
				background: url(images/dhSprite.png) -130px 0 no-repeat;
			}

			#headContent h1 a:active {
				background: url(images/dhSprite.png) -130px 1px no-repeat;
			}


		/* Navi ================================================================================================ */

		#headContent #nav {
			width: 419px;
			height: 111px;
			float: right;
			margin: 93px 0 0 0;
		}

			#nav li {
				float: left;
				margin: 0 0 0 9px;
				height: 111px;
			}

			#nav li a {
				float: left;
				height: 111px;
				text-indent: -99999px;
				display: block;
				transition:background 0.3s linear 0.1s;
				-webkit-transition:background 0.3s linear 0.1s;
				-moz-transition:background 0.3s linear 0.1s;
			}

			#nav li a:active {
				position: relative;
				top: 1px;
			}

			#nav li a.home {
				width: 61px;
				background: url(images/dhSprite.png) 0 -420px no-repeat;
				display: block;
			}

				#nav li a.home:hover {
					width: 61px;
					background: url(images/dhSprite.png) 0 -540px no-repeat;
				}

				#nav li a.homeAktiv,
				#nav li a.homeAktiv:hover {
					width: 61px;
					background: url(images/dhSprite.png) 0 -660px no-repeat;
				}

			#nav li a.portfolio {
				width: 101px;
				background: url(images/dhSprite.png) -70px -420px no-repeat;
			}

				#nav li a.portfolio:hover {
					width: 101px;
					background: url(images/dhSprite.png) -70px -540px no-repeat;
				}

				#nav li a.portfolioAktiv,
				#nav li a.portfolioAktiv:hover {
					width: 101px;
					background: url(images/dhSprite.png) -70px -660px no-repeat;
				}

			#nav li a.blog {
				width: 58px;
				background: url(images/dhSprite.png) -180px -420px no-repeat;
			}

				#nav li a.blog:hover {
					width: 58px;
					background: url(images/dhSprite.png) -180px -540px no-repeat;
				}

				#nav li a.blogAktiv,
				#nav li a.blogAktiv:hover {
					width: 58px;
					background: url(images/dhSprite.png) -180px -660px no-repeat;
				}

			#nav li a.about {
				width: 69px;
				background: url(images/dhSprite.png) -247px -420px no-repeat;
			}

				#nav li a.about:hover {
					width: 69px;
					background: url(images/dhSprite.png) -247px -540px no-repeat;
				}

				#nav li a.aboutAktiv,
				#nav li a.aboutAktiv:hover {
					width: 69px;
					background: url(images/dhSprite.png) -247px -660px no-repeat;
				}

			#nav li a.contact {
				width: 85px;
				background: url(images/dhSprite.png) -325px -420px no-repeat;
			}

				#nav li a.contact:hover {
					width: 85px;
					background: url(images/dhSprite.png) -325px -540px no-repeat;
				}

				#nav li a.contactAktiv,
				#nav li a.contactAktiv:hover {
					width: 85px;
					background: url(images/dhSprite.png) -325px -660px no-repeat;
				}



/* Wrapper ================================================================================================ */

#zackenGreen {
	clear: both;
	width: 100%;
	height: 30px;
	background:url(images/zackenGreen.png) center bottom repeat-x;
}

#wrapper {
	clear: both;
	width: 100%;
	float:left;
}

#wrapperDark {
	clear: both;
	float:left;
	width: 100%;
	display: block;
	background:#372F24 url(images/wrapperDarkBg.jpg) center top repeat;
}

	#wrapper #wrapperContent {
		clear: both;
		margin: 0 auto;
		width: 1080px;
		padding: 40px 0 100px 0;
		background: url(images/dotsH.png) 0 10px repeat-x;
	}

	#wrapperDark #wrapperContent {
		clear: both;
		margin: 0 auto;
		width: 1080px;
	}


/* Startseite ================================================================================================ */

#wrapperContent #startSeite {
	float: left;
	width: 1080px;
	height: 1110px;
	clear: both;
	position: relative;
}

	#startSeite #article { 
		position: absolute;
		right: -10px;
		top: 460px;
		width: 380px: 
		background: #ff0;
	}
	
	#startSeite #article .prev {				
		width: 38px;
		height: 38px;
		display: block;
		background:url(images/dhSprite.png) 0 -140px no-repeat;
		position: absolute;
		left:10px;
		top:-40px; 
		z-index: 90;
		text-indent: -999999px;
	}
	
		#startSeite #article .prev:hover { 
			background: url(images/dhSprite.png) 0 -180px no-repeat;
		}
	
	#startSeite #article .next {
		width: 38px;
		height: 38px;
		display: block;
		background: url(images/dhSprite.png) -40px -140px no-repeat;
		position: absolute;
		left:55px;
		top:-40px;
		z-index: 90;
		text-indent: -999999px;
	}
	
		#startSeite #article .next:hover {
			background: url(images/dhSprite.png) -40px -180px no-repeat;
		}
		
	#startSeite #article .disable { 
		filter:alpha(opacity=25);
		-moz-opacity:0.25;
		-khtml-opacity: 0.25;
		opacity: 0.25;
		cursor:default;
	}
	
	#startSeite #article .viewport {
		float: left;
		position: relative;
		overflow: hidden;
		height: 540px;
		width: 380px;
	}
	
		#startSeite #article .viewport .overview {
			width: 380px;
			height: 540px;
			position: absolute;
			left:0;
			top:0;
		}
	
		#startSeite #article .viewport .overview li {
			position: relative;
			float: left;
			width: 360px;
			margin: 0 10px;
		    padding: 20px 0 0 0;
		    z-index: 80;
		}

			#startSeite #article .viewport .overview li h2 {
				float: left;
				font:normal 45px/36px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				letter-spacing: -1px;
				margin: 5px 0 0 0;
				color: #555;
				width: 360px;
				padding: 0 0 20px 0;
			}
			
			#startSeite #article .viewport .overview li p {
				float:left;
				clear:both;
				padding:0 0 30px 0;
			}
			
			#startSeite #article .viewport .overview li .meta {
				font:normal 13px/18px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
				float: left;
				clear: both;
				width: 360px;
				margin: 0 0 5px 0;
				color: #999;
				font-style: italic;
			}


	#startSeite #me {
		position: absolute;
		left: -118px;
		top: -70px;
		width: 790px;
		height: 1240px;
		background: url(images/davidhellmann.png) left top no-repeat;
		z-index:80;
	}
	
	#test {
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 110;
	}

		#me .shirt {
			position: absolute;
			left: -1px;
			top: 468px;
			width: 790px;
			height: 600px;
		}

		#me #eatsleepride {
			background: url(images/eatsleepride241.png) left top no-repeat;
		}
		
		#me #shirt_mbw {
			background: url(images/shirt_mbw.png) left top no-repeat;
		}
		
		#me #shirt_mbs {
			background: url(images/mbs_shirt.png) left top no-repeat;
		}		
		
		#me #shirt_good_design {
			background: url(images/shirt_good_design.png) left top no-repeat;
		}
		
		#me #shirt_makebettershirts {
			background: url(images/shirt_makebettershirts.png) left top no-repeat;
		}
		
		#me #shirt_ihrefeld {
			background: url(images/shirt_ihrefeld.png) left top no-repeat;
		}
		
		#me #error {
			background: url(images/shirt_404.png) left top no-repeat;
		}

		#me #T-Shirt-KW-28,
		#me #T-Shirt-KW-29,
		#me #T-Shirt-KW-30,
		#me #T-Shirt-KW-31,
		#me #T-Shirt-KW-32,
		#me #T-Shirt-KW-33{
			background: url(images/23_Doodle.png) left top no-repeat;
		}

		#me a#yourShirtHere {
			position: absolute;
			left: 20px;
			top: 340px;
			width: 150px;
			height: 160px;
			background: url(images/dhSprite.png) -700px -430px no-repeat;
		}

		#me a#yourShirtHere:hover {
			background: url(images/dhSprite.png) -700px -600px no-repeat;
		}

	#textBox {
		position: absolute;
		right:0 ;
		top: 60px;
		width: 530px;
		height: 600px;
		background: url(images/startQuotes.png) 0 0 no-repeat;

	}

		/* 
		#textBox .absatz1 {
			float: left;
			clear: both;
			font:normal 57px/55px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			letter-spacing: -2px;
			color: #46443d;
			width: 310px;
			padding: 5px 0 0 130px;
		}

		#textBox .absatz2 {
			float: left;
			clear: both;
			font:normal 57px/55px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			letter-spacing: -2px;
			color: #46443d;
			width: 440px;
			padding: 0 0 0 40px;
		}
		*/
		
		#textBox .absatz1 {
			float: left;
			clear: both;
			font:normal 52px/52px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			letter-spacing: -2px;
			color: #46443d;
			width: 430px;
			padding: 20px 0 0 130px;
		}

		#textBox .absatz2 {
			float: left;
			clear: both;
			font:normal 52px/52px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			letter-spacing: -2px;
			color: #46443d;
			width: 540px;
			padding: 0 0 0 40px;
		}

			#textBox .absatz1 strong,
			#textBox .absatz2 strong {
				color: #5b8d9c;
				font-weight: normal;
				font-style: italic;
			}

		#textBox .absatz3 {
			float: left;
			clear: both;
			font:normal 20px/22px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			letter-spacing: normal;
			font-style: italic;
			color: #999;
			width: 400px;
			padding: 30px 0 0 40px;
		}

			#textBox .absatz3 span {
				float: left;
				width: 35px;
				height: 18px;
			}


/* Artikelansicht ================================================================================================ */

#wrapperContent .articleBox {
	float: left;
	width: 1080px;
	clear: both;
	padding: 30px 0 0 0;
}

#wrapperContent #blogStartseite {
	float: left;
	width: 760px;
	clear: both;
}

	#blogStartseite .articleBox {
		float: left;
		width: 760px;
		clear: both;
	}

	.articleBox h2 {
		float: left;
		width: 450px;
		padding: 0 0 80px 20px;
		margin: 0 0 50px 220px;
		clear: both;
		font:normal 70px/55px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		letter-spacing: -2px;
		text-transform: uppercase;
		color: #333;
		position: relative;
	}


		.articleBox h2 a {
			text-decoration: none;
		}

		.articleBox h2 .prevLink {
			position: absolute;
			left: -220px;
			top: 0;
			width: 38px;
			height: 38px;
		}

		.articleBox h2 .nextLink {
			position: absolute;
			right: -390px;
			top: 0;
			width: 38px;
			height: 38px;
		}

			.articleBox h2 .prevLink a {
				width: 38px;
				height: 38px;
				display: block;
				background: url(images/dhSprite.png) 0 -140px no-repeat;
				text-indent: -999999px;
			}

			.articleBox h2 .prevLink a:hover {
				background: url(images/dhSprite.png) 0 -180px no-repeat;
			}

			.articleBox h2 .nextLink a {
				width: 38px;
				height: 38px;
				display: block;
				background: url(images/dhSprite.png) -40px -140px no-repeat;
				text-indent: -999999px;
			}

			.articleBox h2 .nextLink a:hover {
				background: url(images/dhSprite.png) -40px -180px no-repeat;
			}

		.articleBox h2 .dateAndComments {
			position: absolute;
			left: 0;
			bottom: 1px;
			height: 48px;
		}

		.articleBox h2 .dateAndComments .date,
		.articleBox h2 .dateAndComments .comments {
			float: left;
			background: url(images/icons.png) 0 4px no-repeat;
			font-size: 28px;
			color: #777;
			letter-spacing: -1px;
			position: relative;
			height: 28px;
			padding: 10px 22px 14px 57px;
			line-height:48px;
			margin: -3px 40px 0 -37px;

		}
		
		.articleBox h2 .dateAndComments .comments {
			background: url(images/icons.png) 0 -56px no-repeat;

		}

			.articleBox h2 .dateAndComments .comments a {
				text-decoration: none;
			}

			#wrapperContent .articleBox h2 .dateAndComments .comments a:hover {
				text-decoration: none;
			}

			.articleBox h2 .dateAndComments .date .small,
			.articleBox h2 .dateAndComments .comments .small {
				position: absolute;
				left: 57px;
				top: -10px;
				font-size: 15px;
				color: #aaa;
				letter-spacing: normal;
			}

	.articleBox .articleContent {
		float: left;
		clear: both;
		width: 760px;
		margin: 0 0 50px 0;
		padding: 0 0 50px 0;
		position: relative;
	}

		.articleBox .articleContentTrenner {
			background: url(images/articleTrenner.png) right bottom no-repeat;
		}

	.articleContent p {
		float: left;
		clear: both;
		margin: 0 0 30px 240px;
		width: 420px;
	}
	
	.articleContent blockquote {
		float: left;
		clear: both;
		margin: 0 0 30px 210px;
		padding:20px 80px 0 80px;
		width: 320px;
		border-bottom:1px dotted #c1beb2;
		border-top:1px dotted #c1beb2;
	}
	
	.articleBox .articleContent a.show_demo {		
		float: left;
		background:url(images/icons.png) 0 -1200px no-repeat;
		height: 48px;
		font:normal 40px/20px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 15px 0 0 57px;
		margin: 20px 0 40px 183px;
		text-decoration: none;
		width: 477px;
		display: block;
	}
	
		.articleBox .articleContent a.show_demo span {	
			font:normal  16px/16px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			color: #333;
		}
	
	.articleContent blockquote p {
		color:#5b8d9c;
		font:normal  25px/28px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
		float: left;
		clear: both;
		margin: 0 0 20px 0;
		width: 320px;
		text-align:center;
		text-transform: uppercase;
	}
	
	.articleContentEmpfehlung blockquote,
	.articleContent blockquote.normal {
		float: left;
		clear: both;
		margin: 0 0 30px 160px;
		padding:20px 80px 0 80px;
		width: 420px;
		border:none;
		background: url(images/commentQuotes.png) 20px 5px no-repeat;
	}
	
	.articleContentEmpfehlung blockquote p,
	.articleContent blockquote.normal p {
		width: 420px;
		float: left;
		clear: both;
		color: #aaa;
		font:normal italic 16px/25px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
		text-align: left;
		text-transform: none;
		border-top: 5px solid #f3f1e6;
		border-bottom: 5px solid #f3f1e6;
		padding: 10px 0 15px 0;
	}
	
/*	.articleContent pre {
		font:normal 13px/20px monospace,sans-serif;
		width: 715px;
		float: left;
		clear: both;
		color: #555;
		margin: 0 0 30px 0;
		padding:10px 20px;
		border: 1px solid #ccc;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background: #f8f8f8;
		box-shadow:inset 0 0 0 1px #fff;
	}*/
	
	
	
	/*
	.articleContent h3,
	.articleContent h4 {
		float: left;
		clear: both;
		margin: 20px 0 20px 160px;
		border-bottom: 3px double #ccc;
		padding: 0 0 5px 0;
		width: 500px;
		font:normal 35px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		letter-spacing: normal;
		color: #333;
	}
	*/	

	.articleContent h3,
	.articleContent h4 {
		float: left;
		clear: both;
		margin: 20px 0 20px 160px;
		border-bottom: 3px double #ccc;
		padding: 0 0 5px 0;
		width: 500px;
		font:bold 25px/30px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
		letter-spacing: normal;
		color: #333;
	}
	
	.articleContent h5 {
		float: left;
		clear: both;
		margin: 20px 0 5px 240px;
		padding: 0 0 5px 0;
		width: 350px;
		font-size: 21px;
		font-weight: bold;
		letter-spacing: normal;
		color: #333;
	}

	.articleContent ul,
	.articleContent ol {
		float: left;
		clear: both;
		margin: 0 0 50px 220px;
		width: 440px;
	}

		.articleContent ul li,
		.articleContent ol li {
			float: left;
			clear: both;
			padding: 0 0 0 20px;
			background: url(images/liDot.png) 0 7px no-repeat;
		}

		.articleContent p strong {
			font-weight: normal;
			font-style: italic;
			background: #fffcd3;
			padding: 2px 5px;
			color: #333;
		}

	.articleContent p.bild,
	.articleContent .wp-caption {
		float: left;
		clear: both;
		margin: 10px 0 30px 140px;
		width: 620px;
		position: relative;
	}

		.articleContent .wp-caption p.wp-caption-text {
			position: absolute;
			left: 100px;
			top: -20px;
			width: 420px;
			margin: 0;
			font:normal 12px/15px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			color: #aaa;
			font-style: italic;
		}

		.articleContent p.bild img,
		.articleContent .wp-caption img {
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
		}
		
	.articleContent p.bildxxl {
		float: left;
		clear: both;
		margin: 10px 0 30px 0;
		width: 1080px;
		position: relative;
	}
	
	.articleContent p.bildxxl small {
		float: left;
		clear: both;
		margin: 10px 0 10px 240px;
		width: 420px;
		position: relative;
		font:normal 12px/15px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
		color: #aaa;
		font-style: italic;
	}
	
		.articleContent p.bildxxl img {
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
		}

		.articleContent p img.alignright,
		.articleContent p img.right {
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
			float: right;
			margin: 0 0 20px 20px;
		}
		
		.articleContent p img.alignleft {
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
			float: left;
			margin: 0 20px 20px 0;
		}

	.articleContent p.fancybox {
		float: left;
		clear: both;
		margin: 0 0 50px 140px;
		width: 620px;
	}

		.articleContent p.fancybox a.fancybox img {
			float: left;
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 6px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
			margin: 0 3px 10px 3px;
		}

		.articleContent p.fancybox a.fancybox:hover img {
			border: 7px solid #b25438;
			padding: 0px;
			box-shadow: 0px 0px 0px #000;
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
		}

		.articleContent p.fancybox a.fancybox:active img {
			margin: 1px 3px 9px 3px;
		}

		.articleBox .postMeta {
			float: right;
			width: 260px;
			color: #777;
			font-size: 13px;
			line-height:18px;
		}

			.articleBox .postMeta .headline {
				float: left;
				font:normal 25px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				letter-spacing: normal
				;
				color: #777;
				margin: 0 0 15px 0;
				width: 260px;
			}
			
			.postMeta .sbtags {
				float: left;
				clear: both;
				margin: 10px 0 25px 0;
				width: 225px;
				padding: 0 0 0 35px;
				background: url(images/icons.png) 0 -420px no-repeat;
			}


				
				.postMeta .sbtags a {
					float: left;
					clear: both;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					padding: 1px 10px;
					display: block;
					background: -webkit-gradient(
					    linear,
					    left bottom,
					    left top,
					    color-stop(0.1, rgb(224,220,197)),
					    color-stop(0.55, rgb(249,248,241))
					);
					background: -moz-linear-gradient(
					    center bottom,
					    rgb(224,220,197) 10%,
					    rgb(249,248,241) 55%
					);
					margin: 0 0 3px 0;
					border: 1px solid #c4bfa4;
					text-decoration: none;
					color: #858169;
					text-shadow: 1px 1px 0px #F9F8F1;
					line-height:21px;
				}
				
					.postMeta .sbtags a:hover {
						background: -webkit-gradient(
						    linear,
						    left bottom,
						    left top,
						    color-stop(0.1, rgb(168,74,45)),
						    color-stop(0.55, rgb(194,86,53))
						);
						background: -moz-linear-gradient(
						    center bottom,
						    rgb(168,74,45) 10%,
						    rgb(194,86,53) 55%
						);
						border: 1px solid #8f3f27;
						color: #fff;
						text-shadow: 1px 1px 0px #5c2819;
					}

				.postMeta .cate {
					float: left;
					clear: both;
					margin: 0 0 10px 0;
					width: 225px;
					padding: 0 0 0 35px;
					background: url(images/icons.png) 0 -120px no-repeat;
				}
				
				.postMeta .cate a {
					float: left;
					clear: both;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					padding: 1px 10px;
					display: block;
					background: -webkit-gradient(
						    linear,
						    left bottom,
						    left top,
						    color-stop(0.1, rgb(168,74,45)),
						    color-stop(0.55, rgb(194,86,53))
						);
						background: -moz-linear-gradient(
						    center bottom,
						    rgb(168,74,45) 10%,
						    rgb(194,86,53) 55%
						);
					margin: 0 0 3px 0;
					border: 1px solid #8f3f27;
					text-decoration: none;
					color: #fff;
					text-shadow: 1px 1px 0px #5c2819;
					line-height:21px;
				}
				
					.postMeta .cate a:hover {
						background: -webkit-gradient(
						    linear,
						    left bottom,
						    left top,
						    color-stop(0.1, rgb(20,20,20)),
						    color-stop(0.55, rgb(80,80,80))
						);
						background: -moz-linear-gradient(
						    center bottom,
						    rgb(20,20,20) 10%,
						    rgb(80,80,80) 55%
						);
						border: 1px solid #333;
						color: #fff;
						text-shadow: 1px 1px 0px #000;
					}

				.postMeta .stats {
					float: left;
					clear: both;
					margin: 10px 0 25px 0;
					width: 225px;
					padding: 0 0 0 35px;
					background: url(images/icons.png) 0 -920px no-repeat;
				}
				
				.postMeta .sharing {
					float: left;
					clear: both;
					margin: 10px 0 25px 0;
					width: 225px;
					padding: 0 0 0 35px;
					background: url(images/icons.png) 0 -1400px no-repeat;
					min-height: 40px;
				}

/* Second Articles ================================================================================================ */

#wrapperContent .secondArticles {
	width: 840px;
	float: left;
	margin: 20px 0 0 0;
}

	#wrapperContent .secondArticles li {
		width: 338px;
		height: 450px;
		margin: 20px 20px 50px 0;
		float: left;
		border: 1px solid #ddd;
		background: url(images/beigesPapier.jpg) 0 0 repeat; /* #F9F8F1; */
		padding:40px 20px 60px 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
		-moz-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
		position: relative;
	}
	
	#wrapperContent .secondArticles li.empfehlungen {
		background: #fafafa;
	}

	#wrapperContent .secondArticles li .aufhang {
		width: 76px;
		height: 76px;
		background: url(images/dhSprite.png) -300px 0 no-repeat;
		position: absolute;
		left: 50%;
		top: -38px;
		margin: 0 0 0 -38px;
	}

	#wrapperContent .secondArticles li .lochUnten {
		width: 356px;
		height: 40px;
		background: url(images/lochUnten.png) 0 0 repeat-x;
		position: absolute;
		left: 50%;
		bottom: -3px;
		margin: 0 0 0 -173px;
	}

	#wrapperContent .secondArticles li.archiv {
		width: 780px;
		height: auto;
		margin: 0 0 25px 0;
		float: left;
		border: none;
		padding:0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 0;
		border-radius: 0;
		box-shadow: 0px 0 0px  #ddd;
		-moz-box-shadow: 0px 0 0px #ddd;
		-webkit-box-shadow: 0px 0 0px #ddd;
		background: transparent;
	}

	#wrapperContent .secondArticles li.archiv a.showArchiv {
		background: url(images/dhSprite.png) 0 -780px no-repeat;
		float: right;
		clear: both;
		border: none;
		width: 117px;
		height: 39px;
		text-indent: -99999px;
		margin: -20px 0 0 0;
	}

	#wrapperContent .secondArticles li.archiv a.showArchiv:hover {
		background: url(images/dhSprite.png) 0 -830px no-repeat;
	}

	#wrapperContent .secondArticles li.archiv a.showArchiv:active {
		background: url(images/dhSprite.png) 0 -880px no-repeat;
	}


	#wrapperContent .secondArticles li h3 {
		width: 300px;
		float: left;
		margin: 0 0 5px 0;
		clear: both;
		font:normal 40px/40px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		color: #333;
		position: relative;
		text-transform:uppercase;
	}

	#wrapperContent .secondArticles li .articleMeta {
		float: left;
		clear: both;
		width: 338px;
		margin: 0 0 25px;
	}

	#wrapperContent .secondArticles li .article {
		float: left;
		clear: both;
		width: 338px;
	}

/* Archiv ================================================================================================ */

.contentArchiv {
	float: left;
	width: 1080px;
	clear: both;
}

.contentArchiv .archiv,
.contentArchiv .archivSecond {
	width:1080px;
	float:left;
	margin: 0 0 10px 0;
	padding: 0 0 50px 0;
	background: url(images/dotsH.png) left bottom repeat-x;
}

	.contentArchiv .archivSecond li {
		width: 208px;
		height: 160px;
		margin: 20px 10px 0px 10px;
		float: left;
		border: 1px solid #ddd;
		background: url(images/beigesPapier.jpg) 0 0 repeat; /* #F9F8F1; */
		padding:20px 20px 60px 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
		-moz-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
		position: relative;

	}
	
	.contentArchiv .archivSecond li.empfehlungen {	
		background: #fafafa;
	}

	.contentArchiv .archivSecond li.portfolio {
		width: 210px;
		height: 162px;
		margin: 20px 10px 0px 10px;
		float: left;
		clear: none;
		border: 0px solid #ddd;
		background: url(images/dhSprite.png) -430px -430px no-repeat; /* #F9F8F1; */
		padding:20px 20px 60px 20px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 0 0 rgba(255, 255, 255, 0);
		-moz-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 0);
		-webkit-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 0 0 rgba(255, 255, 255, 0);
		position: relative;
	}

	.contentArchiv .archivSecond li .lochUnten {
		width: 230px;
		height: 40px;
		background: url(images/lochUnten.png) 0 0 repeat-x;
		position: absolute;
		left: 50%;
		bottom: -2px;
		margin: 0 0 0 -113px;
	}

	.contentArchiv h2 {
		float: left;
		font:normal 35px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: -1px;
		color: #555;
		margin: 30px 0 0 10px;
		width: 540px;
	}

	.contentArchiv .archiv li {
		float:left;
		clear:both;
		padding:10px 0;
		border-bottom:1px dotted #c3bea5;
		width:1080px;
	}

		.contentArchiv .archiv .first {
			float:left;
			clear:both;
			padding:10px 20px 10px 0;
			width:280px;
		}

		.contentArchiv .archiv .second {
			float:left;
			clear:none;
			padding:10px 10px 10px 20px;
			width:570px;
		}

		.contentArchiv .archiv .third {
			float:left;
			clear:none;
			padding:10px 0;
			width:180px;
			text-align: right;
		}

		.contentArchiv .archiv .meta,
		.contentArchiv .archivSecond .meta {
			font:normal 12px/18px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			text-transform: uppercase;
			float: left;
			clear: both;
			width: 208px;
		}

		.contentArchiv .archiv a.headline,
		.contentArchiv .archivSecond a.headline {
			font:normal 30px/25px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			letter-spacing: normal;
			text-transform: uppercase;
			float: left;
			width: 208px;
			margin: 0 0 5px 0;
		}

		.contentArchiv  .archiv a.headline:hover,
		.contentArchiv .archivSecond a.headline:hover {
			border: none;
		}

		.contentArchiv .archivSecond p {
			margin: 10px 0 0 0;
			float: left;
			width: 208px;
		}

		.contentArchiv .archivSecond p.tags {
			line-height:15px;
			font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			font-size:11px;
		}


/* Portfolio Page ================================================================================================ */

.portfolio {
	width: 1080px;
	clear: both;
}

	.portfolio .portfolioList {
		float:left;
		width:1080px;
		margin:40px 0 100px 0;
	}

		.portfolioList li {
			float:left;
			width:1080px;
			background: url(images/dotsH.png) left top repeat-x;
			margin:40px 0 0 0;
			padding:30px 0 0 0;
			position: relative;
		}
		
		.portfolioList li span.text {
			color: #b1a28b;
		}
		
		.portfolioList li span.show_2008,
		.portfolioList li span.show_2009,
		.portfolioList li span.show_2010,
		.portfolioList li span.show_2011,
		.portfolioList li span.show_all {
			color: #efeae6;
		}
		
		.portfolioList li span.show_2008:hover,
		.portfolioList li span.show_2009:hover,
		.portfolioList li span.show_2010:hover,
		.portfolioList li span.show_2011:hover,
		.portfolioList li span.show_all:hover {
			color: #fff;
			cursor: pointer;
		}

		.portfolioList li .folioNav {
			position: absolute;
			top:-12px;
			right: 21px;
			padding: 0 8px 0 5px;
			background: url(images/wrapperDarkBg.jpg) 0 0 repeat;
		}

			.portfolioList li .folioNav span {
				cursor: pointer;
				font:normal 11px/11px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
				color: #6D6657;
				text-transform: uppercase;
				margin: 0 0 0 5px;
			}

			.portfolioList li .screens {
				width:800px;
				float:left;
				margin:0 40px 30px 0;
			}

				.portfolioList li .screens .screenshot {
					width:800px;
					position:relative;
					padding:25px 0 32px 0;
					margin: 0 0 40px 0;
				}

					.portfolioList li .screens .screenshot .browserRahmenOben,
					.portfolioList li .screens .screenshot .browserRahmenObenNormal {
						width:800px;
						height:25px;
						background: url(images/dhSprite.png) 0 -260px no-repeat;
						position:absolute;
						text-align:center;
						font:normal 13px/26px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
						color:#444;
						top:0;
						left:0;
						text-shadow: 1px 1px 0 rgba(210, 210, 210, 1);
					}
					
					.portfolioList li .screens .screenshot .browserRahmenObenNormal {
						_background: url(images/dhSprite.png) 0 -940px no-repeat;
					}

					.portfolioList li .screens .screenshot .browserRahmenUnten {
						width:800px;
						height:40px;
						background: url(images/dhSprite.png) 0 -300px no-repeat;
						position:absolute;
						bottom:0;
						left:0;
					}

			.portfolioList li .portfolioMeta {
				width:240px;
				float:left;
				margin:50px 0 30px 0;
				text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
				color:#b1a28b;
				font:normal 15px/21px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			}

				.portfolioList li .portfolioMeta .headline {
					float: left;
					font:normal 40px/40px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
					letter-spacing: normal;
					text-transform:uppercase;
					color: #efeae6;
					margin: 0 0 20px 0;
					width: 240px;
				}

				.portfolioList li .portfolioMeta p {
					float:left;
					width: 240px;
				}

					.portfolioList li .portfolioMeta  a.webseiteBesuchen {
						float: left;
						clear: both;
						width: 143px;
						height: 39px;
						background:url(images/dhSprite.png) -660px -780px no-repeat;
						display: block;
						margin: 10px 0 0 0;
						text-indent:-999999px;
					}
					
					.portfolioList li .portfolioMeta  a.webseiteBesuchen strong {
						display:none;
					}

					.portfolioList li .portfolioMeta  a.webseiteBesuchen:hover {
						background: url(images/dhSprite.png) -660px -830px no-repeat;
					}

					.portfolioList li .portfolioMeta  a.webseiteBesuchen:active {
						background: url(images/dhSprite.png) -660px -880px no-repeat;
					}
					
					.portfolioList li .portfolioMeta a.mehrDavon {
						float: left;
						clear: both;
						width: 100px;
						height: 39px;
						background: url(images/dhSprite.png) -370px -780px no-repeat;
						display: block;
						text-indent: -99999px;
						margin: 10px 0 0 0;
					}
					
					.portfolioList li .portfolioMeta  a.mehrDavon strong {
						display:none;
					}

		
					.portfolioList li .portfolioMeta a.mehrDavon:hover {
						background: url(images/dhSprite.png) -370px -830px no-repeat;
					}
		
					.portfolioList li .portfolioMeta a.mehrDavon:active {
						background: url(images/dhSprite.png) -370px -880px no-repeat;
					}
					
				.portfolioList li .portfolioMeta p.kundenMeinung {
					color:#efeae6;
					background: url(images/dotsH.png) left top repeat-x;
					padding:20px 0 0 0;
				}

				.portfolioList li .portfolioMeta .subline {
					float: left;
					font:bold 11px/11px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
					text-transform:uppercase;
					color: #989c5b;
					margin: 3px 0 20px 0;
					width: 240px;
				}

				.portfolioList li .portfolioMeta .sublineKunde {
					color: #b25438;
					padding:0 0 20px 0;
					background: url(images/dotsH.png) left bottom repeat-x;
				}



/* About Page ================================================================================================ */

#wrapperContent .contentAbout {
	float: left;
	width: 1080px;
	clear: both;
	padding: 40px 0 0 0;
	position: relative;
}

	.contentAbout .left {
		float: left;
		width: 500px;
		margin: 0 40px 0 0;
	}

	.contentAbout .right {
		float: left;
		width: 380px;
		margin: 0 40px 0 0;
	}

		.contentAbout .left .skills {
			float: left;
			width: 480px;
			height: 200px;
			/* background: url(images/skills.png) 0 0 no-repeat;
			text-indent: -999999px; */
			font:normal 65px/50px "caflisch-script-pro-1","caflisch-script-pro-2", sans-serif;
		}

		.contentAbout .left p,
		.contentAbout .right p {
			float: left;
			clear: both;
			width: 380px;
			margin: 0 0 50px 0;
			padding: 0 0 0 120px;
		}

		.contentAbout .right p {
			padding: 0;
		}

		.contentAbout .left p strong,
		.contentAbout .right p strong {
			font-weight: normal;
			background: #fffcd3;
			padding: 2px 5px;
			color: #333;
		}

		.contentAbout .left p img.aboutPicOne {
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
			float: left;
			margin: 5px 40px 30px -120px;
		}

		.contentAbout .right p img.aboutPicTwo {
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
			float: right;
			margin: 5px -160px 30px 40px;
		}
		
		.contentAbout h2 {
			float: left;
			font:normal 35px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: -1px;
			color: #555;
			margin: 30px 0 0 0;
			padding: 20px 0 0 9px;
			width: 1071px;
			background: url(images/dotsH.png) 0 0 repeat-x;
		}
		
		.contentAbout #projektslider {
			float: left;
			clear: both;
			width: 1080px;
			height: 550px;
			position: relative;
		}
		
		.contentAbout #projektslider .viewport {
			float: left;
			clear: both;
			width: 1080px;
			height: 550px;
			overflow: hidden;
			position: relative;
		}
		
			.contentAbout #projektslider .prev {				
				width: 38px;
				height: 38px;
				display: block;
				background:url(images/dhSprite.png) 0 -140px no-repeat;
				position: absolute;
				left: -45px;
				top:255px;
				z-index: 10;
				text-indent: -999999px;
			}
			
				.contentAbout #projektslider .prev:hover { 
				background: url(images/dhSprite.png) 0 -180px no-repeat;
				}
			
			.contentAbout #projektslider .next {
				width: 38px;
				height: 38px;
				display: block;
				background: url(images/dhSprite.png) -40px -140px no-repeat;
				position: absolute;
				right: -45px;
				top:255px;
				z-index: 10;
				text-indent: -999999px;
			}
			
				.contentAbout #projektslider .next:hover {
				background: url(images/dhSprite.png) -40px -180px no-repeat;
				}
				
			.contentAbout #projektslider .disable { 
				filter:alpha(opacity=15);
				-moz-opacity:0.15;
				-khtml-opacity: 0.15;
				opacity: 0.15;
				cursor:default;
			}

		
		.contentAbout .overview {
			width: 1080px;
			position: absolute;
			left: 0;
			top: 0;
			margin: 20px 0 40px 0;
			padding: 10px 0 0 0;
			background: url(images/dotsH.png) 0 0 repeat-x;
		}
		
		.contentAbout .overview li {
			float: left;
			margin: 20px 9px 0 9px;
			width: 210px;
			border: 1px solid #ddd;
			background: url(images/beigesPapier.jpg) 0 0 repeat; /* #F9F8F1; */
			padding:20px 20px 60px 20px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
			-moz-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
			-webkit-box-shadow: 0px 1px 0px rgba(221, 221, 221, 1), inset 0 1px 0 rgba(255, 255, 255, 1);
			height: 380px;
			position: relative;
		}
		
		.contentAbout .overview li h3 {
			float: left;
			font:normal 25px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: normal;
			color: #555;
			width: 210px;
			text-align: center;
		}
		
		.contentAbout .overview li p {
			float: left;
			color: #555;
			width: 190px;
			padding: 0 10px;
			font-size: 15px;
			line-height: 20px;
		}
		
		.contentAbout .overview li img {
			float: left;
			width: auto;			
			border: 1px solid #c3bea5;
			background: #fff;
			padding: 4px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
			margin: 10px 0 20px 0;
		}

		.contentAbout .overview li .lochUnten {
			width: 230px;
			height: 40px;
			background: url(images/lochUnten.png) 0 0 repeat-x;
			position: absolute;
			left: 50%;
			bottom: -2px;
			margin: 0 0 0 -113px;
		}



/* Contact Page ================================================================================================ */

#wrapperContent .contentContact {
	float: left;
	width: 1080px;
	clear: both;
	background: url(images/contactBg.jpg) 0 0 no-repeat;
	padding: 700px 0 0 0;
	position: relative;
	margin: 10px 0 0 0;
}

#wrapperContent .contentContact .fragen {
	position: absolute;
	left: 135px;
	top: 30px;
	font:normal 55px/50px "caflisch-script-pro-1","caflisch-script-pro-2", sans-serif;
}



	.contentContact .contactMeta {
		float:right;
		width:1080px;
		margin: 0;
		padding: 50px 0;
		background: url(images/dotsH.png) 0 0 repeat-x;
		font:normal 16px/25px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;

	}

		.contactMeta .visitenkarte,
		.contactMeta .rechtliches {
			float: left;
			width: 360px;
			padding: 20px 0;
		}

		.contactMeta .visitenkarte .avatar {
			float: right;
			border: 1px solid #c3bea5;
			background: #f9f8f1;
			padding: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0px 1px 0px  #c3bea5;
			-moz-box-shadow: 0px 1px 0px #c3bea5;
			-webkit-box-shadow: 0px 1px 0px #c3bea5;
			margin: 2px 37px 0 0;
		}

		.contactMeta .rechtliches {
			float: left;
			width: 680px;
			margin: 0 0 0 0;
			padding: 20px 0 0 40px;
			background: url(images/dotsV.png) left top repeat-y;
			font-size: 13px;
			font:normal 16px/25px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
		}

		.contactMeta .visitenkarte p,
		.contactMeta .rechtliches p {
			float: left;
			clear: both;
			padding:0 0 25px 0;
			width: 100%;
		}

		.contactMeta .headline {
			font:normal 35px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			letter-spacing: normal;
			color: #555;
			float: left;
			clear: both;
			margin: 0 0 10px 0;
		}


#wrapperContent .contentContact .formmailer {
	width:660px;
	height: 400px;
	position: absolute;
	top: 200px;
	right: 90px;
	font:normal 16px/25px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
}

.formmailer p {
	width:620px;
	font-style: italic;
	margin: 0 0 40px 0;
	font-size: 16px;
	line-height: 22px;
	color: #827d6c;
}

.formmailer form {
	width: 660px;
	position: relative;
	top:0;
	left: 0;
}



.formmailer small,
.formmailer label {
	padding:0 0 0 10px;
}

.formmailer small {
	color: #827d6c;
	font-size: 11px;
	font-style: italic;
}

.formmailer .dd_name,
.formmailer .dd_mail,
.formmailer .dd_url,
.formmailer .dd_msg {
		width: 240px;
		margin:0 0 10px 0;
}

.formmailer .dd_msg {
	position: absolute;
	right: 0;
	top: 26px;
	width: 380px;
}

.formmailer label.label_msg {
	position: absolute;
	right: 0;
	top: 0;
	width: 370px;
}

.formmailer .dd_name input,
.formmailer .dd_mail input,
.formmailer .dd_url input  {
	-webkit-border-radius:5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding:10px;
	color:#827d6c;
	width:218px;
	border: 1px solid #d8d8d0;
	font-size: 16px;
	box-shadow:inset 0 0 2px #dbd9cf;
   -moz-box-shadow:inset 0 0 2px #dbd9cf;
   -webkit-box-shadow:inset 0 0 2px #dbd9cf;
   background: url(images/weissRauschen.jpg) 0 0 repeat;
}

.formmailer .dd_msg textarea {
	width: 360px;
	height: 200px;
	-webkit-border-radius:5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding:10px;
	color:#827d6c;
	border: 1px solid #d8d8d0;
	font-size: 16px;
	box-shadow:inset 0 0 2px #dbd9cf;
	-moz-box-shadow:inset 0 0 2px #dbd9cf;
	-webkit-box-shadow:inset 0 0 2px #dbd9cf;
   background: url(images/weissRauschen.jpg) 0 0 repeat;
}

.formmailer .dd_name input:focus,
.formmailer .dd_mail input:focus,
.formmailer .dd_url input:focus,
.formmailer .dd_msg textarea:focus {
	background: #fff;
}

.error_msg {
	color:#c05959;
	position: absolute;
	left: 0;
	top:340px;
	width: 220px;
	padding: 10px;
}

.pxs_css_spamcheck {
	display: none !important;
}


.formmailer .senden {
	background: url(images/dhSprite.png) -180px -780px no-repeat;
	border: none;
	width: 176px;
	height: 39px;
	text-indent: -99999px;
	cursor: pointer;
	position: absolute;
	bottom: -90px;
	right: 0;
}

.formmailer .senden:hover:hover {
	background: url(images/dhSprite.png) -180px -830px no-repeat;
}

.formmailer .senden:hover:active {
	background: url(images/dhSprite.png) -180px -880px no-repeat;
}


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

#wrapperContent .commentBox {
	float: left;
	width: 700px;
	clear: both;
	margin: 0 0 0 240px;
	padding: 15px 0;
	background: url(images/dotsH.png) 0 0 repeat-x;
}

	.commentBox h3 {
		width: 700px;
		background: url(images/dotsH.png) left bottom repeat-x;
		font:normal 40px/16px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #555;
		padding: 0 0 15px 0;
		float: left;
		clear: both;
	}

		.commentBox h3 .text {
			float: left;
			padding: 15px 0 0 0;
		}


	.commentBox h3 .addComment {
		background: url(images/dotsV.png) left bottom repeat-y;
		margin: 0 0 0 20px;
		padding: 12px 0 0 20px;
		float: left;
	}

		.commentBox h3 .addComment a {
			display: block;
			width: 28px;
			height: 28px;
			background: url(images/dhSprite.png) -270px 0 no-repeat;
		}

		.commentBox h3 .addComment a:hover {
			background: url(images/dhSprite.png) -270px -30px no-repeat;
		}

	.commentBox ol.commentList {
		width: 700px;
		float: left;
		clear: both;
		margin: 10px 0 0 0;
	}

		.commentBox ol.commentList li {
			width: 700px;
			float: left;
			clear: both;
			margin: 40px 0;
		}

			.commentBox ol.commentList li h4 {
				width: 700px;
				float: left;
				clear: both;
				color: #555;
				position: relative;
				background: url(images/dotsH.png) left bottom repeat-x;
				font:normal 40px/28px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
				letter-spacing: 0px;
				padding: 0 0 15px 0;
				margin: 0 0 30px 0;
			}

				.commentBox ol.commentList li h4 .schreibt {
					color: #ddd;
				}

				.commentBox ol.commentList li h4 a {
					text-decoration: none;
				}

				.commentBox ol.commentList li h4 a.commentNr {
					background: url(images/dhSprite.png) -300px -80px no-repeat;
					position: absolute;
					left: -100px;
					top: -25px;
					width: 80px;
					height: 80px;
					display: block;
					color: #dfddd2;
					font:normal 40px/70px Georgia, "Times New Roman", Times, serif;
					text-align: center;
				}

				.commentBox ol.commentList li.admin h4 a.commentNr {
					background: url(images/dhSprite.png) -300px -170px no-repeat;
					color: #fff;

				}

				.commentBox ol.commentList li h4 .date {
					position: absolute;
					right: 0;
					top: 14px;
					color: #777;
					font:normal 20px/15px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
					text-align: right;
				}

				.commentBox ol.commentList li h4 .gravatar {
					position: absolute;
					width: 122px;
					height: 122px;
					right: 0;
					top: 70px;
					font:normal 15px/15px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
					text-align: right;
				}

				.commentBox ol.commentList li h4 .gravatar img {
					border: 1px solid #c3bea5;
					background: #f9f8f1;
					padding: 4px 4px 22px 4px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					box-shadow: 0px 1px 0px  #c3bea5;
					-moz-box-shadow: 0px 1px 0px #c3bea5;
					-webkit-box-shadow: 0px 1px 0px #c3bea5;
				}
				
				.commentBox ol.commentList li.admin h4 .gravatar {
					position: absolute;
					width: 141px;
					height: 163px;
					right: -16px;
					top: 70px;
					background: url(images/rahmengold.jpg) 0 0 no-repeat;
				}
				
				.commentBox ol.commentList li.admin h4 .gravatar img {
					border: 0;
					background: none;
					padding: 0;
					-moz-border-radius: 0;
					-webkit-border-radius: 0;
					border-radius: 0;
					box-shadow: 0 0 0  rgba(0,0,0,0.5);
					-moz-box-shadow: 0 0 0  rgba(0,0,0,0.5);
					-webkit-box-shadow:  0 0 0  rgba(0,0,0,0.5);
					position: absolute;
					top: 43px;
					right: 20px;
				}

		.commentBox ol.commentList li p {
			width: 520px;
			float: left;
			clear: both;
			margin: 0 0 20px 0;
			font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
		}

		.commentBox ol.commentList li p.simple_comment_quotes {
			width: 520px;
			float: left;
			clear: both;
			margin: 20px 0 30px 0;
			border-top: 1px solid #F3F1E6;
			padding: 5px 0 0 0;
		}

			.commentBox ol.commentList li p.simple_comment_quotes a {
				text-decoration: none;
				font:normal 18px/15px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			}

		.commentBox ol.commentList li blockquote {
			width: 440px;
			float: left;
			clear: both;
			margin: 0 0 20px 0;
			padding: 0 0 0 80px;
			background: url(images/commentQuotes.png) 20px 5px no-repeat;
			color: #aaa;
			font-style:italic;
		}

			.commentBox ol.commentList li blockquote p {
				width: 440px;
				margin: 0 0 20px 0;
				float: left;
				clear: both;
			}

		.commentBox ol.tbList {
			width: 700px;
			float: left;
			clear: both;
			margin: 10px 0 30px 0;
		}

			.commentBox ol.tbList li {
				width: 700px;
				float: left;
				clear: both;
				margin: 0 0 5px 0;
			}


#wrapperContent .formBox {
	float: left;
	width: 800px;
	clear: both;
	margin: 0 0 0 140px;
	padding:30px 0 15px 0;
	background: url(images/dotsH.png) 0 0 repeat-x;
}

	.formBox h3 {
		width: 800px;
		background: url(images/dotsH.png) left bottom repeat-x;
		font:normal 40px/28px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #555;
		padding: 0 0 15px 0;
		float: left;
		clear: both;
	}

	.formBox #form {
		float: left;
		width: 800px;
		clear: both;
		margin: 50px 0 100px 0;
	}

		.formBox #form p {
			float: left;
			width: 500px;
			clear: both;
			margin: 0 0 30px 110px;
		}

		.formBox #form label {
			float: left;
			width: 500px;
			clear: both;
			margin: 0 0 0 110px;
			color: #777;
			font:normal 28px/18px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
			position: relative;
		}

		.formBox #form p.subscribe-to-comments label {
			float: left;
			width: 400px;
			clear: none;
			margin: 0 0 30px 20px;
			font-size: 13px;
		}

			.formBox #form label small {
				position: absolute;
				left: -110px;
				top:40px;
				color: #aaa;
				font:normal 12px/12px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
				font-style: italic;
			}

		.formBox #form input {
			float: left;
			width: 318px;
			clear: both;
			margin: 8px 0 30px 100px;
			padding: 0 10px;
			color: #555;
			font:normal 18px/40px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			background: #f3f1e6;
			border: 1px solid #c7c3b2;
			height: 40px;
			box-shadow:inset 0 0 2px #dbd9cf;
		   -moz-box-shadow:inset 0 0 2px #dbd9cf;
		   -webkit-box-shadow:inset 0 0 2px #dbd9cf;
		}

		.formBox #form input#subscribe {
			float: left;
			width: 30px;
			clear: both;
			margin: 0 0 0 0px;
			padding: 0 10px;
			height: 18px;
		}

		.formBox #form .formcomment {
			float: left;
			width: 518px;
			height: 300px;
			clear: both;
			margin: 8px 0 20px 100px;
			padding: 10px;
			color: #555;
			font:normal 18px/25px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			background: #f3f1e6;
			border: 1px solid #c7c3b2;
			box-shadow:inset 0 0 2px #dbd9cf;
		   -moz-box-shadow:inset 0 0 2px #dbd9cf;
		   -webkit-box-shadow:inset 0 0 2px #dbd9cf;
		}

		.formBox #form .submitButton {
			background: url(images/dhSprite.png) -180px -780px no-repeat;
			float: right;
			clear: both;
			margin: 0 160px 20px 0;
			border: none;
			box-shadow:inset 0 0 0px #dbd9cf;
		   -moz-box-shadow:inset 0 0 0px #dbd9cf;
		   -webkit-box-shadow:inset 0 0 0px #dbd9cf;
		   width: 176px;
		   height: 39px;
		   text-indent: -99999px;
		   cursor: pointer;
		}

		.formBox #form .submitButton:hover {
			background: url(images/dhSprite.png) -180px -830px no-repeat;
		}

		.formBox #form .submitButton:active {
			background: url(images/dhSprite) -180px -880px no-repeat;
		}




/* Sidebar ================================================================================================ */

#wrapperContent #sidebar {
	float: right;
	width: 240px;
	color: #777;
	font-size: 15px;
	margin: 88px 0 0 0;
}

	#sidebar .headline {
		float: left;
		font:normal 35px/30px "kaffeesatz-1","kaffeesatz-2", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: normal;
		color: #555;
		margin: 0 0 25px 0;
		width: 240px;
	}
	
	#sidebar .googleplusstream {
		float: left;
		width: 240px;
		clear: both;
	}
	
		#sidebar .googleplusstream li {
			float: left;
			width: 240px;
			clear: both;
			background: url(images/dotsH.png) left bottom repeat-x;
			line-height: 21px;
			padding: 10px 0;
		}
		
			#sidebar .googleplusstream li a {
				font-weight: normal;
				color: #555;
			}
			
				#sidebar .googleplusstream li a:hover {
					color: #b25438;
				}
			
				#sidebar .googleplusstream li a .arrow {
					color: #b25438;
				}

	#sidebar .werbung,
	.articleBox .werbung {
		float: left;
		clear: both;
		width: 250px;
		padding: 0 4px;
		border: 1px solid #eee;
		margin: 0 0 48px 0;
	}

	.articleBox .werbung {
		margin: 25px 0 48px 0;
	}

	#sidebar .cats {
		float: left;
		clear: both;
		width: 240px;
		margin: 0 0 50px 0;
	}

	#sidebar .cats li.archiv a.showArchiv {
		background: url(images/dhSprite.png) 0 -780px no-repeat;
		float: left;
		clear: both;
		border: none;
		width: 117px;
		height: 39px;
		text-indent: -99999px;
		margin: 10px 0 0 0;
	}

	#sidebar .cats li.archiv a.showArchiv:hover {
		background: url(images/dhSprite.png) 0 -830px no-repeat;
	}

	#sidebar .cats li.archiv a.showArchiv:active {
		background: url(images/dhSprite.png) 0 -880px no-repeat;
	}

	#sidebar .comments {
		float: left;
		clear: both;
		width: 240px;
	}

		#sidebar .comments li {
			float: left;
			clear: both;
			width: 240px;
			background: url(images/dotsH.png) left bottom repeat-x;
			padding: 0 0 25px 0;
			margin: 0 0 25px 0;
			font-style: italic;
		}

			#sidebar .comments li img {
				float: left;
				clear: both;
				background: #f9f8f1;
				margin: 0 10px 10px 0;
				border: 1px solid #c3bea5;
				padding: 6px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				box-shadow: 0px 1px 0px  #c3bea5;
				-moz-box-shadow: 0px 1px 0px #c3bea5;
				-webkit-box-shadow: 0px 1px 0px #c3bea5;
			}

/* Footer ================================================================================================ */

#footerLeisteOben {
	float: left;
	clear: both;
	width: 100%;
	height: 110px;
	margin: 50px 0 0 0;
	background: url(images/footerLeisteOben.png) center bottom repeat-x;
}

#footer {
	float: left;
	clear: both;
	width: 100%;
	height: 550px;
	background: url(images/footerBg.png) center top repeat-x;
	position: relative;
}

	#footer a.top {
		position: absolute;
		width: 100px;
		height: 75px;
		display: block;
		left: 50%;
		top: -73px;
		margin-left: -50px;
		background: url(images/dhSprite.png) -700px 0 no-repeat;
		text-indent: -99999px;
	}

	#footer a.top:hover {
		background: url(images/dhSprite.png) -700px -100px no-repeat;
	}

	#footer #footerContent {
		width: 1080px;
		clear: both;
		margin: 0 auto;
	}

		#footerContent .headlines {
			width: 1080px;
			height: 60px;
			margin:24px 0 30px 0;
			float: left;
			background: url(images/headlines.png) 0 0 no-repeat;
		}

		#footerContent .latestWork {
			width: 300px;
			height: 300px;
			float: left;
			position: relative;
		}

			#footerContent .latestWork .thumb {
				width: 300px;
				height: 190px;
				position: absolute;
				left: 0;
				top: 28px;
				z-index: 5;
			}

			#footerContent .latestWork a.frame {
				width: 300px;
				height: 228px;
				position: absolute;
				left: 0;
				top: 0;
				background: url(images/dhSprite.png) -390px 0 no-repeat;
				z-index: 10;
			}

			#footerContent .latestWork .category {
				width: 300px;
				height: 20px;
				position: absolute;
				left: 0;
				top: 20px;
				font-size: 12px;
				line-height: 28px;
				font-weight: bold;
				color: #fff;
				font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
				text-align: center;
				text-transform: uppercase;
				z-index: 15;
			}

			#footerContent .latestWork a.mehrDavon {
				float: right;
				clear: both;
				width: 100px;
				height: 39px;
				background: url(images/dhSprite.png) -370px -780px no-repeat;
				display: block;
				text-indent: -99999px;
				margin: 240px 100px 0 0;
			}

			#footerContent .latestWork a.mehrDavon:hover {
				background: url(images/dhSprite.png) -370px -830px no-repeat;
			}

			#footerContent .latestWork a.mehrDavon:active {
				background: url(images/dhSprite.png) -370px -880px no-repeat;
			}

		#footerContent .followMe {
			width: 150px;
			margin: 28px 0 0 50px;
			float: left;
			position: relative;
		}

			#footerContent .followMe a.dribbble,
			#footerContent .followMe a.twitter,
			#footerContent .followMe a.facebook,
			#footerContent .followMe a.flickr,
			#footerContent .followMe a.forrst,
			#footerContent .followMe a.rss {
				width: 150px;
				height: 40px;
				margin: 0 0 10px 0;
				float: left;
				text-indent: -99999px;
				background:  url(images/dhSprite.png) -810px 0 no-repeat;
			}

			#footerContent .followMe a.twitter {
				background:  url(images/dhSprite.png) -810px -50px no-repeat;
			}

			#footerContent .followMe a.facebook {
				background:  url(images/dhSprite.png) -810px -100px no-repeat;
			}

			#footerContent .followMe a.flickr {
				background:  url(images/dhSprite.png) -810px -150px no-repeat;
			}

			#footerContent .followMe a.forrst {
				background:  url(images/dhSprite.png) -810px -200px no-repeat;
			}

			#footerContent .followMe a.rss {
				background:  url(images/dhSprite.png) -810px -250px no-repeat;
			}

			#footerContent .followMe a.dribbble:active,
			#footerContent .followMe a.twitter:active,
			#footerContent .followMe a.facebook:active,
			#footerContent .followMe a.flickr:active,
			#footerContent .followMe a.forrst:active,
			#footerContent .followMe a.rss:active {
				position: relative;
				top: 1px;
			}

		#footerContent .mbw,
		#footerContent .mba {
			width: 240px;
			margin: 22px 0 0 50px;
			float: left;
			position: relative;
			line-height: 20px;
			font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
			font-size:13px;
		}

			#footerContent .mbw ul,
			#footerContent .mba ul {
				float: left;
				width: 240px;
				margin: 0 0 20px 0;
			}

				#footerContent .mbw ul li,
				#footerContent .mba ul li {
					float: left;
					clear:both;
					margin: 0 0 10px 0;
					padding: 0 0 2px 0;
					border-bottom: 1px dotted #9b9782;
				}

				#footerContent .mbw ul li small,
				#footerContent .mba ul li small {
					color: #69665a;
				}
				
			#footerContent .mbw a,
			#footerContent .mba a {
				font-weight: bold;
			}

	#footer .infos {
		width: 1080px;
		height: 28px;
		line-height: 28px;
		position: absolute;
		font-size: 13px;
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
		left: 50%;
		bottom: 0;
		margin: 0 0 0 -540px;
	}

/* Sonstiges ================================================================================================ */

del {
	text-decoration:line-through;
}

.wp_syntax {
	clear:both;
	color:#222;
	float:left;
	width: 1060px;
	font:normal 13px/23px "Courier New", Courier, monospace;
	border: 11px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 1px 0px  #c3bea5;
	-moz-box-shadow: 0px 1px 0px #c3bea5;
	margin:0 0 30px 0;
	overflow: scroll;
}

img#wpstats{display:none}

.instaphotos { 
	float: left;
	clear: both;
	width: 1060px;
	height: 212px;
	position: relative;
	margin: 10px 0 50px 11px;
	padding: 0;
}
	.instaphotos .prev {				
		width: 38px;
		height: 38px;
		display: block;
		background:url(images/dhSprite.png) 0 -140px no-repeat;
		position: absolute;
		left:-55px;
		top:80px; 
		z-index: 90;
		text-indent: -999999px;
	}
	
		.instaphotos .prev:hover { 
			background: url(images/dhSprite.png) 0 -180px no-repeat;
		}
	
	.instaphotos .next {
		width: 38px;
		height: 38px;
		display: block;
		background: url(images/dhSprite.png) -40px -140px no-repeat;
		position: absolute;
		right: -55px;
		top:80px;
		z-index: 90;
		text-indent: -999999px;
	}
	
		.instaphotos .next:hover {
			background: url(images/dhSprite.png) -40px -180px no-repeat;
		}
		
	.instaphotos .disable { 
		filter:alpha(opacity=15);
		-moz-opacity:0.15;
		-khtml-opacity: 0.15;
		opacity: 0.15;
		cursor:default;
	}


.instaphotos .viewport {
	position: relative;
	overflow: hidden;
	height: 212px;
	width: 1060px;
	padding: 0;
	margin: 0;
}

.instaphotos .viewport ul.overview {
	position: absolute;
	left: 0;
	top: 0;
	width: 1060px;
	height: 212px;
	padding: 0;
	margin: 0;
	background: none;
}

.instaphotos .viewport ul.overview li {	
		float: left;
		width: 214px;
		height: 212px;
		background: none;
		padding: 0;
		border: none;
		margin: 0;
}

.instaphotos .viewport ul.overview li img {	
		float: left;
        clear: both;
        background: #f9f8f1;
        border: 1px solid #c3bea5;
        padding: 9px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 0px  #c3bea5;
        -moz-box-shadow: 0px 1px 0px #c3bea5;
        -webkit-box-shadow: 0px 1px 0px #c3bea5;
        margin: 0;
        width: 182px;
        height: 182px;
}

#MakeBetterWebsitesAward {
	position: fixed;
	bottom: 0;
	right: 20px;
	z-index: 2000000001;
}

	#MakeBetterWebsitesAward a {
		background: url(http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2011/12/abetterwebsite.png) 0 0 no-repeat;
		text-indent: -9999px;
		display: block;
		width: 90px;
		height: 104px;
	}