/* @override http://maltechristensen.com/assets/templates/maltechristensen/css/maltechristensen.css */

/*  =========================================================
maltechristensen.com
Datei:  maltechristensen.css
Datum:  2010-04-06 
Autor:  Malte Christensen 

Farben:

background: #f1f1f1;
braun:		#383030;
color: 		#544b4c;
color:		#7f7576; hell
Markerlink:	#78f8f8;
========================================================== */


/* @group 1. Kalibrierung (E. Meyers CSS-Reset) und allgemeine Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

/* Clearfix hacks */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}

/*IE 7 HACK */ 
* html .clearfix {
	height: 1%
}


/* Allgemeine Selektoren */


html,body { height: 100%;}

body, input, textarea {
	background: #f1f1f1;
	color: #544b4c;
	font: 14px/1.6923076923076923em  Georgia, Times, Baskerville, 'Liveration Sans', serif;
	}


table {
	border-collapse: collapse;
	margin-bottom: 1.6923076923076923em;
	}


/* Typografie */	

h1, .artikel h2 {
	margin: 0;
	font-size: 1.9333333333333334em;
	line-height: 1.5333333333333334em;
	margin-bottom: 1em;
}

h2 {
	margin: 0;
	font-size: 1.5333333333333334em;
	line-height: 1em;
	margin-bottom: 1.0952380952380953em;
}
h3, .h3, #uebersicht h2 {
	margin: 0;
	font-size: 1.3666666666666666em;
	line-height: 1.4105263157894737em;
	margin-bottom: 1.2105263157894737em;
}
h4, h5, h6, #uebersicht h3, #listenansicht h3, .beschriftung, .kommentar_info cite {
	margin: 0;
	font-size: 1.1333333333333333em;
	line-height: 1.3529411764705883em;
	margin-bottom: 1.3529411764705883em;
	}

h1,h2,h3, h4, h5, h6, label, #kategorie_boxen span.caption { 
	font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2", Georgia, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	}
q{quotes:"\201E" "\201C";}

blockquote {
	background: #f1f1f1 url('../img/mc_icons.png') no-repeat -360px 20px;
	border: 1px dotted #7f7576;
	border-width: 1px 0;
	clear: both;
	}

	blockquote p {
		padding: 1em 1em 1em 3.7em;
		margin: 0;
		}
	#listenansicht blockquote {
	clear: none;
	}	

p, pre, td, th, label, blockquote, .alert, .infobox, .dreispalter, .dreierinfo {
	margin: 0;
	font-size: 1em;
	margin-bottom: 1.6923076923076923em;
	}

	p.dropline:first-letter {
		width: auto;
		padding: 0.14em 0.15em 0 0;
		font-size: 3.5em;
		line-height: 0.6275em;
		float: left;
		}

	 .dropline .uppercase {
		font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2", Helvetica, Arial, sans-serif;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 1em;
		}
		
	p+p {text-indent:13px;}

	small, p.small, .small{
		font-size: 0.8461538461538461em;
		line-height: 2em;
		text-indent: 0;
		}
	strong {font-weight: bold; 	font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2", Georgia, Helvetica, Arial, sans-serif;
}	

	textarea {resize: vertical;}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height:100%;
	margin: 0 auto -70px;
	}
	
#noscript, .alert {
	font-family: Helvetica, Arial, sans-serif;	background: #ffc9c9;
	border: 1px #383030 dotted;
	border-width: 1px 0;
	clear: both;
	}
	.alert p, #noscript p {
		border: solid #f1f1f1;
		border-width: 5px 0 ;
		padding: 1em 0 1em 3.7em;
		margin: 0;
		}

#content ul { margin: 1em 1.3em 2em;}
#content ol { margin: 1em 1.5em 2em;}
#content ul li {
	 list-style-image: url(../img/square.png);
	 padding-left: .5em;
	 }
#content ol li { list-style-type: lower-alpha; padding-left: .5em;}


em, i, .note {
	font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2", Georgia, Helvetica, Arial, sans-serif;
	font-size: 1em;
	}

/* Hyperlinks */

a {	color: #544b4c; text-decoration: underline;}
a:hover {color: #000;}
a:visited {color: #383030; text-decoration: underline;}
a:focus {outline: 0;}

a[rel="external"] { 
	background: transparent url('../img/mc_icons.png') right 100% no-repeat;
	padding-right: 15px;
	}
	
a img, a:hover img, #footer a:hover {border: none;}

#logo a, #logo a:visited, #logo a:hover {
	color: #544b4c;
	display: block;
	font: 12px/17px Georgia, 'Lucida Grande', sans-serif;
	padding-top: 120px;
	position: relative;
	text-decoration: none;
	}
		
#logo a strong {font:bold 14px "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2", Georgia, Helvetica, Arial, sans-serif;}

#footer .oben a {background: transparent url('../img/mc_icons.png') no-repeat -147px -122px ; float: right; margin-right: 30px;}

#listenansicht h3 {
	 background: url(../img/mc_icons.png) no-repeat -180px -140px;
	 padding-left: 30px;
	 }


/* Allgemeine Klassen und IDs */

		
	#header h1 {
		text-indent: -9999px;
		display: none;
			}
		
	#logo {
		background: transparent url('../img/malte-christensen-logo.jpg') no-repeat 0 0;
		float:left;
		letter-spacing: 1px;

		}
		.logo_subline {
			display: block;
			margin: 10px 7px;
			}

.textaligncenter, #noscript {text-align: center;}
			
.infobox, #listenansicht ul li, #vortrag h3, #presse h3, .pagebar li a, .autor p, #tweetthis a {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	}

.dreierinfo {
	margin: 50px 0;
	overflow: auto;
	width: 100%;
	}			
	 
.infobox {
	float: left;
	padding: 23px 10px;
	margin: 10px 5px;
	width: 285px;
	height: 100%;
	}
	#content .infobox ul {
		margin: 0;
		margin-left: 15px;
		float: left;
		width: 260px;}

	.left {float: left; margin-left: 0;}
	.right{float:  right;margin-right: 0 !important;}
	.blue {background: #d0e1e5;}
	.green {background: #c5dfa0;}
	.red {background: #ffc9c9;}
	.gray {background: #e7e7e7;}
	.lila {background: #cdd5ed;}
	
.zweispalter p {
	width: 47%;
	float: left;
	margin-right: 25px;
	}
	
.dreispalter {
	border: 1px dotted;
	border-width: 1px 0;
	padding: 1em 0;
	}
	
.dreispalter p { width: 30%; float: left; margin-right: 25px;}
	




/* @group NAVIGATION */

#navigation {
		float: right;
		margin: 44px 0 0 0;
		position: relative; }
	
		#navigation li, #subnav li {float: left; }
					
				#navigation li a, #navigation li a:visited {
					color: #544b4c;
					display: block;
					font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2", Georgia, Helvetica, Arial, sans-serif;
					font-size: 25px;
					letter-spacing: 1px;
					padding-top: 50px;
					margin-right: 80px;
					text-align: center;
					text-decoration: none;
					width: 140px; }
				
					#navigation li a:hover, #navigation li a.active {
						 background: transparent url('../img/mc_icons.png') no-repeat 40px -260px;
						 color: #383030; }
		
					#navigation a span {
						display: block;
						font: normal 12px/17px Georgia, 'Lucida Grande', sans-serif;
						line-height: 19px;
						margin: 12px 0; }
	
	#subnav {
		background: transparent url('../img/trenner_02.jpg') repeat-x 0 40px;
		font: 15px/1.7em "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2", Georgia, Helvetica, Arial, sans-serif;
		height:70px;
		margin: 40px 0 50px 0;
		position: relative;
		z-index: 0;
		}
		
		#subnav ul { margin-left: -25px;}
		
		#subnav a {
			display: block;
			padding: 5px 25px;
			text-decoration: none;
			letter-spacing: 1px;
			}

			#subnav li a:visited {color: #544b4c;}

			#subnav li a:hover { 
				background: transparent url('../img/mc_icons.png') no-repeat -18px -231px;
				color: #000;
				padding: 5px 25px;
				}
			#subnav li.active {
				background: transparent url('../img/mc_icons.png') no-repeat -18px -231px;
				font-weight: bold;
				}
				

/* Projekte Navigation */

#projekte_nav {
	position: absolute;
	top: 70px;
	right: 75px;
	}

	#projekte_nav li a, #projekte_nav li a:hover {
		margin-left: 25px;
		padding: 0 0 0 25px;
		}
	#nav_uebersicht a, li#nav_uebersicht a:hover {background: url(../img/mc_icons.png) no-repeat -15px -137px;}
	#nav_liste a, li#nav_liste a:hover  {background: url(../img/mc_icons.png) no-repeat -15px -118px;}

	li#next_projekt a, li#prev_projekt a, li#next_projekt a:hover, li#prev_projekt a:hover {
	 margin-left: 0;
	 padding: 0;
	 text-indent: -9999px;
	 width: 20px;
	 height: 20px;
	 } 
	li#next_projekt a:hover, li#next_projekt a {
		background: url(../img/mc_icons.png) no-repeat -180px -138px;
		}
	
	li#prev_projekt a:hover,li#prev_projekt a {
		background: url(../img/mc_icons.png) no-repeat -180px -177px;
		}

	li#ueb_projekt a, li#ueb_projekt a:hover {
		background: url(../img/mc_icons.png) no-repeat -13px -138px;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0 50px;
		text-indent: -9999px;
		}

/* Projekte Navigation */

#breadcrumb_nav {
	font-size: .8em;
	left: 30px;
	position: absolute;
	top: 55px;
	}
	#breadcrumb_nav li.active {
		background: transparent url('../img/mc_icons.png') no-repeat -13px -238px;
		padding: 0 0 0 25px;
		}
	
	#subnav #breadcrumb_nav li a  {
		background: transparent url('../img/mc_icons.png') no-repeat -13px -238px;
		display: block;
		padding: 0 0 0 25px;
		letter-spacing: 1px;
		text-decoration: underline;
		}

		#breadcrumb_nav li a:visited {color: #544b4c;}
	
		#breadcrumb_nav li a:hover { 
			background: transparent url('../img/mc_icons.png') no-repeat -18px -231px;
			color: #000;
			}

/* @end */


/* @end */

/* @group    2. Styles für die  Layoutbereiche  */

/* @group Startseite */

/* @group PROJEKTE */

#projekte {	
	height: 355px;
	margin-top: 40px;
	}
	
	#projekt_subline {
		color: #fff;
		display: inline;
		font: lighter 19px/1em 'Helvetica Neue', Neue Helvetica, 'Lucida Grande', Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		position: absolute;
		top: 545px;
		left: -310px;
		z-index: 5;
		}
		#projekt_subline li {
			background-color: #383030;
			color: #fff;
			opacity: .2;
			padding: 3px 20px;
			margin: 2px 0px;
			text-indent: 170px;
			width: 400px;
			display:inline-block;
			}
	#projekt_subline li:hover, #uebersicht h3:hover, #listenansicht ul li:hover ul {
		cursor: pointer;
		}
			#projekt_subline li.raus {
			padding-right: 40px;
			width: 440px;
			display:block; }


/* @end */


/* @group PERSON */

#person {
	background: transparent url('../img/malte-christensen.jpg') no-repeat 100% 0px;
	height: 490px;
	margin-top: 55px;
	padding-bottom: 55px;
	}
	
	.maltechristensen{width: 720px;}
	
		.col_01, .col_02 {
			float: left;
			margin-right:10px;
			width: 340px;
			}
						
			.unterschrift_titel {
				background: transparent url('../img/unterschrift.png') no-repeat 0 0;
				color: #7f7576;
				display: block;
				float: right;
				font-size: 11px;
				padding-top: 38px;
				margin: -35px 225px 0  0;
				letter-spacing: 1px;
				}
			a.button_kontakt {
				background: transparent url('../img/kontakt_btn.png') no-repeat 0 0;
				display: block;
				height: 51px;
				margin: 30px 0;
				text-indent: -9999px;
				width: 223px;
				}
				a:hover.button_kontakt {
					background: transparent url('../img/kontakt_btn.png') no-repeat 0 -51px;
					}

/* @end */

/* @group Journal */

#journal {background: transparent url('../img/trenner_01.jpg') repeat-x 0 -13px;}

	.journal {
		width: 690px;
		margin: -120px 0 100px 0;
		padding-top: 70px; }

		.journal h3, .artikel h2 {
			font-size: 1.6em;
			letter-spacing: 1px;
			line-height: 1.3em;
			}

		.journal a {
			background-color: #78f8f8;
			padding: 1px;
			text-decoration: none;
			}
			
		.journal a:hover {
			background: #383030;
			border-bottom: 1px solid;
			color: white;
			}

		.journalteaser {
			float: left;
			font: 13px/18px 'Neue Helvetica', 'Helvetica Neue', Arial, Helvetica, sans-serif;
			margin: 0 30px 20px 0;
			width: 230px;
			text-indent: 0;	}

			#journal .journalteaser small {
				font-family: helvetica, 'Lucida Grande', sans-serif;
				font-size: 13px;
				line-height: 1em;}
				
 /* @end */

/* @end */

/* @group Engagement */

#engagement {
	background: transparent url(../img/engagement-design.png) no-repeat 20px 20px;
	}

#vogel {
	padding: 20px 15px;
	width: 280px;
	}
	
#engagement blockquote, #engagement blockquote p { 
	background: transparent;
	border: 0;
	text-indent: -.7em;
	}

#engagement h1{
	font-size: 1.3666666666666666em;
	padding: 35px 40px 0;
	margin-left: 1em;
	width: 185px;
	}
#baum {
	position: relative;
	text-align: center;
	top: 30px;
	left: 240px;
	width: 400px;
	}
	
	#baum h2, #kopfbunt_zitat, #baum h3 {font-size: 1.1666666666666666em; line-height: 1.3em;}
	
ul#projekt_map {
	background: transparent url(../img/image_map.png) no-repeat 10px -10px;
	height: 445px;
	width: 550px;
	margin-top: 100px;
	position: relative;
	}

	ul#projekt_map li {
		list-style-type: none;
		list-style-image: none;
		text-indent: -9999px;
		}
		ul#projekt_map li a {position: absolute; display: block;}
		
			#map_01 a {
				left: 390px;
				height: 200px;
				top: 0px;
				width: 70px;
				}
			#map_02 a {
				height: 60px;
				left: 385px;
				top: 220px;
				width: 70px;
				}	
			#map_03 a {
				height: 60px;
				left: 210px;
				top: 285px;
				width: 200px;
				}
			#map_04 a {
				height:230px;
				left: 0px;
				width: 170px;
				top: 130px;
				}
			#map_05 a {
				left: 390px;
				height: 70px;
				top: 350px;
				width: 200px;
				}
				
#kopfbunt_zitat {position: relative;}	

#kopfbunt_zitat p {
	display: block;
	position: absolute;
	left: 500px;
	top: 120px;
	width: 320px;
	}
	
	#kopfbunt_zitat span {
	display: block;
	position: relative;
	top: 10px;
	left: 50px;
	font-size: .8em;
	}

#linie {
		background: url(../img/trenner_02.jpg) repeat-x 0 0;
		height: 20px;
		position: relative;
		top: -195px;
		z-index: -1;
		}

/* @end */


/* @group TEASER */

#teaser {
		background: transparent url('../img/trenner_03.jpg') repeat-x 0 0;
		height: 330px;
		padding-top: 40px;
		margin-top: 100px;
		position: relative;
		z-index: 100;
		}
		.teaserbox {
			float: left;
			width: 300px;
			margin: 0 5px;
			}	
			.teaserbox p {padding: 5px;}
	
			.teaserbox>a, #kategorie_boxen a {text-decoration: none;}
	
			.teaserbox h4{
				margin: 0;
				padding: 5px;
				}		


/* @end */

/* @group FOOTER */

.push {height: 70px;}

#footer {
	background: transparent url('../img/trenner_01.jpg') repeat-x 0 0;
	font: 13px/1.7em Georgia, Times, sans-serif;
	margin-top: 90px;
	padding-top: 20px;
	height: 70px;
	}

/* @end */

/* @end */


/* @group 3. Sonstige Styles  */

.even {background: #d0e1e5;
	}
.odd { background: #f1f1f1;
	}
	
.center{
		position:relative;
		left: 0px;
		width: 940px;
		height: auto;
		margin: auto;
		padding: 0 5px; 
		}

.full {	
		float: left;
		width: 100%;
		}

.block {
		display: block;
		font-size: 12px;
		letter-spacing: 1px;
		margin: 0 0 5px;
		}

ul.inline li {	float: left;}

.alignleft, #listenansicht img {
		float: left;
		margin: 0 2em .8em 0;
		}

.alignright {
		float: right;
		margin: 0 0 .8em 2em;
		}	

.aligncenter {
	display: block;
	margin: 1em auto;
	}

.hoch {
	font-size: .8em;
	position: relative;
	top: -.4em;
	left: 0;
	}

/* Icons */

.mail, .telefon, .oben a {
	display: block;
	padding: 0 0 0 38px;
	margin-left: 5px;
	}

.mail {	background: transparent url('../img/mc_icons.png') no-repeat left -40px;}
.telefon {background: transparent url('../img/mc_icons.png') no-repeat left -21px;}

/* Profil > Malte Christensen */

#profil_mc {
	width: 520px;
	}

#profil_mc h1 {
	text-transform: none;
	text-indent: -17px;
	width: 600px;
	}

	#jump {
		position: absolute;
		top:  -160px;
		right: 0px;
		z-index: 9999;
		overflow: hidden;
		}

#leistungen .infobox {height: 400px;}

/* @group Resonanz */

#content ul#presse, #content ul#vortrag {
	margin-bottom: 4em;
	}
#resonanz h2 {
	padding-top: 3em;
	background: transparent url('../img/trenner_02.jpg') repeat-x 0 0px;
	}

#auftraggeberstimmen {
	margin: 0 0 5em 0;
	}
h3#weblinks {
	padding: 0;
	background: 0;
	}

/* @end */

/* @group Portfolio */

#uebersicht .dreierinfo { margin: 0;}

#listenansicht {
	margin-bottom: 60px;
	}
	
#listenansicht img {
		-moz-box-shadow: 2px 2px 5px #544b4c;
		-webkit-box-shadow: 2px 2px 5px #544b4c;
		}


#listenansicht h3, #listenansicht ul {margin: 0;}

#listenansicht ul li, #adresse ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 1em;
	width: 100%;
	overflow: hidden;
	}

	#listenansicht ul li ul li {
		padding: 5px;
		float: left;
		margin: 0;
		}
		
	#listenansicht .projektname {
		width: 304px;
		}
	#listenansicht .projektdatum {
		width: 150px;
		text-align: right;
		}
	#listenansicht .projekttags {
		width: 390px;
		}

	.listenprojektdetail {
		width: 100%;
		overflow: auto;
		padding: 1.5em 0 2em .5em;
		}
		
	li.hover ul {color: #000;}
/* Projekt-Detail Ansicht  */
		
#projektinfos {
	float: left;
	margin: 30px 0px;
	width: 600px;
	}

#projektsidebar {
	float: right;
	margin: 30px 0;
	width: 285px;
	}
.projektmeta {
	background:url('../img/mc_icons.png') no-repeat -10px -160px;
	display: block;
	padding-left: 30px;
	height: 1.5em;
	margin: -27px 0 20px;
	}
a.projektlink {
	display: block;
	margin-top: 2em;
	}
		
/* @end */

/* @group KONTAKT */

#adresse {
	margin-right: 40px;
	padding-bottom: 80px;
	width: 350px;
	}
	
	#content #adresse ul {	margin-bottom: 60px;}
	.vcf a {
		background: url(../img/mc_icons.png) no-repeat -14px -178px;
		display: block;
		padding-left: 30px;
		margin: 30px 0;
		width: 140px;
		}
	
	#adresse p+p, .projekt_row p+p {text-indent: 0;}

	img.avatar {margin-bottom: 28px;}

#formularcontainer {margin-top: 46px;}
	
	label {
		padding: 10px 15px 0 0;
		margin: 20px 0 0;
		display: block;
		float: left;
		width: 260px;
		}
		
	#kontaktformular {margin-top: -20px;}
	
	#kontaktformular input {
		background-color: #f1f1f1;
		border-bottom: 1px dotted #544b4c;
		border-width: 0 0 1px 0;
		color: #544b4c;
		height: 25px;
		margin: 0px 15px 0px 0;
		padding: 3px 10px;
		width: 320px;
		}
		
	#kontaktformular input:focus, #kontaktformular textarea:focus {
		background: #d0e1e5;
		color: #383031;
		}
		
	#kontaktformular textarea {
		border: 1px dotted #000;
		height: 270px;
		margin: 5px 0; 
		padding: 3px 10px;
		width: 490px;
		}

	input#submit {
		background: transparent url('../img/kontakt_btn.png') no-repeat 0 0;
		border: none;
		display: block;
		height: 51px;
		margin: 30px 0;
		text-indent: -9999px;
		width: 223px;
		}
	input#submit:hover {
		background: transparent url('../img/kontakt_btn.png') no-repeat 0 -51px;
		cursor: pointer;
		}
		
		#address {display: none;}
		#gmap div div div div.gmnoprint div.gmnoprint img {visibility: hidden;}
		#gmap div div div div.gmnoprint div.gmnoprint img#visible {visibility: visible !important;}

	.erforderlich {	color: #fe8d8d;	}
		
#gmap {
	clear: both;
	padding: 0;
	width: 350px;
	height: 430px;
	}

/* @end */
		
		
		
/*Fachartikel Übersicht */

/* @group FACHARTIKEL */

/* BlogHeader */



#kategorie_boxen {
	width: 100%;
	overflow: auto;
	}

	#kategorie_boxen div {
		float: left;
		margin-right: 20px;
		position: relative;
		width: 300px;
		overflow: hidden;
		}
		
		#kategorie_boxen  span.caption {
			background: #383031;
			bottom: 7px;
			color: #f1f1f1;
			display: block;
			font-size: 16px;
			height: 25px;
			padding: 10px 15px 10px;
			position: absolute;
			width: 100%;
			}
			
		#bildteaser span.caption {
			background: #383031;
			bottom: 7px;
			color: #f1f1f1;
			display: block;
			font-size: 16px;
			height: 25px;
			opacity: .9;
			padding: 10px 15px 10px;
			position: relative;
			top: -52px;
			}
			
/* BlogContent */
#artikel_liste, .artikel_gesamt {
		float: left;
		margin-top: 60px;
		width: 540px;
		}
	
	.artikeltags {
		font-size: .8em;
		display: block;
		margin: -20px 0 20px;
		}

	.kommentarbubble a {
		background: url(../img/mc_icons.png) no-repeat -160px -60px;
		bottom:  20px;
		color: #f1f1f1;
		display: block;
		float: left;
		height: 35px;
		margin-right: 10px;
		padding: 3px 0;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 40px;
		}		

	.artikelfooter {
		border-bottom: 1px dotted #383031;
		padding-bottom: 15px;
		margin: 60px 0 70px;
		}
		


/* Sidebar */

.artikeleinzelsicht #sidebar {margin-top: 0;}

#sidebar {
	float: right;
	margin-top: 60px;
	width: 300px;
	}
	
	.vernetzung { 
		margin: 10px 0 32px 0;
		width: 100%;
		overflow: auto;
		}
	
	#sidebar .vernetzung ul {margin: 0;}
		
	#sidebar .vernetzung ul li {
		list-style-type: none ;
		float: left;
		padding-left: 0;
		margin-right: 30px;
		width: 80px;
		}
		.vernetzung a {text-decoration: none;}
		
		#suche input {
			background: #7f7576;
			border: 0;
			color: #f1f1f1;
			margin-right: 10px;
			padding: 2px 10px;
			width: 65px;
			display: block;
			}
			#suche input#blogsuche {
				width: 200px;
				float: left;
				height: 30px;
				}
				input#blogsuche:focus {
					background: #d0e1e5 ;
					border: 1px dotted #383031;
					color: #544b4c;
				}
				#suche #searchsubmit {
					background: #383031;
					height: 34px;
					cursor: pointer;
					}
				#suche #searchsubmit:hover {
						background: #544b4c;
						}
			
			#suche {height: 150px;}
					
					
/* Tabbox */					
	#tabbox {margin-top: 50px;}

		#tabbox ul {margin: 20px 0 -1px;}
			
			#reiter {display: none;}
					
			ul#reiter li {
				border-right: 1px solid #f1f1f1;
				float: left;
				list-style-type: none;
				padding:0;
				width: 99px;
				}
				ul#reiter li a {
					background: #383031;
					color: #f1f1f1;
					display: block;
					padding: 5px 10px;
					margin-bottom: -1px;
					text-decoration: none;
					}

				.tab {
					border: 1px solid #383031;
					clear: both;
					margin-bottom: 40px;
					padding: 0 0 0px;
					width: 297px;
					}
					
					.tab h3 {
						background: #383031;
						color: #f1f1f1;
						padding: 10px;
						}

					#tabbox	.tab li {
						border-bottom: 1px dotted #383031;
						list-style-type: none;
						margin: 0;
						padding: 0;
						}
						#tabbox	.tab li a {
							display: block;
							padding: 10px;
							margin: 0;
							text-decoration: none;
							}
							#tabbox	.tab li a:hover {
							background: #d0e1e5;
							display: block;
							padding: 10px;
							text-decoration: none;
							}

						#tabbox .selected {
							background: #f1f1f1;
							border: 1px solid #383031;
							border-width: 1px 1px 0 1px;
							color: #544b4c;
							}



/* Sonstiger Blogkram */

.beschriftung {
	display: block;
	margin-bottom: 10px;
	}
	
.autor {
	border-bottom: 1px dotted;
	margin-bottom: 60px;
	padding-bottom: 20px;
	}
	.autor p {
		background: #d0e1e5;
		padding: 15px;
		margin-bottom: 35px;
		}
	.autor h4 {
		margin-bottom: 10px;
		}
	#tweetthis {
		background: url(../img/tweet_this.png) no-repeat right bottom;
		height: 125px;
		position: relative;
		left: 340px;
		top: 35px;
		width: 200px;
		}
		#tweetthis a {
			background: #d0e1e5;
			display: block;
			margin-left: -20px ;
			padding: 20px 10px 5px 45px; 
			text-align: right;
			width: 120px;
			}

#kommentare {
	position: relative;
	width: 100%;
	}
#kommentare ol {
	margin: 0 0 50px 0;
	padding-bottom: 50px;
	border-bottom: 1px dotted #383031;
	}

#kommentare ol li {
	list-style-type: none;
	margin: 20px 0 40px;
	padding: 0;
	}

	.kommentar_info {
	background: #e7e7e7;
	border: 1px dotted #383031;
	border-width: 1px 0;
	padding: 28px 0 7px 51px;
	margin: 20px 0;
	}

	small.kommentar_meta {
		display: block;
		font-size: .8em;
		}
	#kommentare > h3 {
		margin-left: 50px;
	}
#kommentare span.kommentarbubble {
	position: absolute;
	top: 0px;
	}		

.kommentar_text

/* Einzelsicht */

.artikeleinzelsicht #sidebar, .artikeleinzelsicht .artikel_gesamt {
	margin-top: 0;
	}


/* @end */
		

/* @group PAGE-BAR */

	.pagebar {
		font-size: .9em;
		float: left;
		margin: 1em 4px;
		}
		
		#content .pagebar li {
			float: left;
			list-style-type: none;
			}
			
	 		.pagebar li.seiten {margin-right: 50px;}

			.pagebar li.active {margin-right: 6px;}
					
			.pagebar li span.this-page {
						padding: 0.4em 0.6em;
						color: #000;
						}
			
				.pagebar li a {
					background-color: #383031;
					color: #f1f1f1;
					padding: .45em 0.8em .7em;
					line-height: 2em;
					text-decoration: none;
					}
					.pagebar li a:hover {background-color: #7f7576;}
	
/* @end */
		
.debug {background: red;}

/* @end */

/* @group Nivo Slider */

/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */

.nivoSlider {
	position:relative;
	margin-bottom: 1.53333333333em;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#383031;
	color:#f1f1f1;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:10px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:40%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* niveau custumized */ 

#design_slider {
	width: 940px;
	height: 457px;
	position:relative;
	overflow: hidden;
	background:#f1f1f1 url(../img/loading.gif) no-repeat 50% 50%;
	}
#design_slider img, #projektfotos img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	}
#design_slider a {
	border:0;
}

#projektfotos {
	width: 600px;
	height: 450px;
	position:relative;
	background:#f1f1f1 url(../img/loading.gif) no-repeat 50% 50%;
	margin: 29px 0 80px 0;
	}



.nivo-controlNav {
	position:absolute;
	left:83%;
	bottom: 0px;
	}
#projektfotos .nivo-controlNav {
	position:absolute;
	right:5%;
	bottom: -30px;
	width: 300px;
}

.nivo-controlNav a {
	display:block;
	width:12px;
	height:12px;
	background:url(../img/bullets.png) -15px 0 no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	padding: 1px;
	float:left;
}
.nivo-controlNav a.active {
	background-position: 0 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background: url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

/* @end */





/* @group jCarousel */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */


.jcarousel-container {
	position: relative;
	top: 0;
	margin-left:-850px;
	overflow: hidden;
    width: 1750px;    
}

.jcarousel-clip {
    z-index: 2;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: relative;
    border:0px;
    padding:0px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    border:0px;
    padding:0px;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:  550px;
    height: 344px;
    overflow: hidden;
    border:0px;
    padding:0;   
    margin: 0 20px;
	}


/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    border:0px;
    padding:0px;    
    margin: 0px;
	}

.jcarousel-prev {
    z-index: 3;
    border:0px;
    padding:0px;    
    margin: 0px;
	}

/* Navigationspfeile prev next */

div.step{
		margin:5px 77% 0;
		position: absolute;
		z-index: 999;
		}
	 
a#box_carousel_prev {
	background: transparent url(../img/mc_icons.png) no-repeat -177px -172px;
	display: block;
	height: 35px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 30px;
	}
a#box_carousel_next {
	background: transparent url(../img/mc_icons.png) no-repeat -177px -132px;
	display: block;
	height: 35px;
	margin-left:50px;
	line-height: 0;
	text-indent: -9999px;
	width: 30px;
	}

div.box_carousel{margin:0;}
#carousel_1 {
	 height: 344px;
	 overflow: hidden;
	 }
div.box_carousel img.foto{
	float:left;
	margin-right:20px;
	}
/* @end */	





/* @group FancyBox */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('loading.gif');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #383031;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../img/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	text-align: left;
}

.fancybox-title-over {
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 22px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: normal;
	line-height: 29px;
	background-image: url('fancybox-x.png');
	background-position: 0px -40px;
	color: #383031;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../img/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 29px;
	height: 50px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../img/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../img/fancybox.png');
	background-position: -41px -80px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../img/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fancybox.png');
	background-position: -40px -122px;
}

/* @end */


/* @group FORMVALIDATION */


	.formError {
			position:absolute;
			top:300px; left:100px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}


			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ffc9c9;
				width:150px;
				font-size:11px;
				padding:4px 10px 4px 10px;
				margin-left: -100px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;
				left: 20px;
				width:15px;
				height:15px;
				z-index:5001;
				}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					font-size:0px;
					height:1px;
					background:#ffc9c9;
					margin:0 auto;
					line-height:0px;
					font-size:0px;
					display:block;
					}
					
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
						}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;} 
				.formError .formErrorArrow .line2{width:1px;border:none;background:transparent;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:transparent;}


/* @end */