/* allgemein */
	#mainarea		{ position:relative }

	#content		{ position:relative }

	/* Spalten */

	.maincolumnspace 	{ padding:1.7em 0px 1.7em 0px; margin:0em 18em 0em 1.7em; position:relative; vertical-align:top; max-width:90em }


	.columnbreak 		{ display:block; height:0px; clear:both }

	.maincolumn 		{ display:inline-block; width:50%; max-width:45em; min-width:20em; vertical-align:top }
	.maincolumn.twocolumns 	{ width:100%; max-width:90em }

	.maincolumn2 		{ padding:1.7em 1.7em 0.01em 1.7em; max-width:100%; background:white; margin-right:1.7em; margin-bottom:1.7em }
	.transparent .maincolumn2 
				{ background:none }

	.columnblock 		{ display:block; margin:0em 1.7em 1.6em 0em; background:white; padding:0em 0em 0.1em 0em; position:relative }
	.columnblock2 		{ margin:0em -1.7em -1.7em 0em }

	.columnblock.blogblock	{ border-top:2px solid #57a662 }
	.columnblock.contactblock	
				{ border-top:2px solid #d3ba5f }
	.blogcol .maincolumn2	{ border-top:2px solid #57a662 }
	.projcol .maincolumn2	{ border-top:2px solid #5fbcd3 }

	.indicolumnblock 	{ display:block; margin:0em; position:relative }
	.indicolumnblock1 	{ position:absolute; background:#ffffff; left:0px; top:0px; right:50%; bottom:0px; margin:0em 1.7em 1.7em 0em }
	.indicolumnblock2	{ position:absolute; background:#ffffff; right:0px; top:0px; left:50%; bottom:0px; margin:0em 1.7em 1.7em 0em }
	.indicolumnblock3 	{ position:relative }

	.maincolumn2 .fullsize 	{ margin-left:-1.7em; margin-right:-1.7em }
	.maincolumn2 .fullsize:first-child 
				{ margin-top:-1.7em }
	.maincolumn2 .fullsize:last-child 
				{ margin-bottom:-1.7em }
	.columnbox 		{ padding:0em; margin-bottom:1.7em; padding:1.7em 2em 0em 2em; background:#f2f2f2 }
	p.columnbox 		{ padding-bottom:1.7em }

	.flashobj		{ margin-bottom:1.7em }

	#aroundcontext		{ position:absolute; left:0px; top:0px; right:0px; max-width:110em }

	/* Unterüberschriftsbereich */

	.commentlink a 		{ background:url('../style/img/comment-button.png') 0% 50% no-repeat; padding:0em 0em 0em 2em; text-decoration:none !important;
				  display:block }
	.commentlink a:hover, .commentlink a:focus
				{ text-decoration:underline !important }


	/* Kontextbereich */

	#contextarea 		{ position:absolute; right:0em; top:0em; padding:1.7em 0em; width:18em }
	#incontextarea		{ padding:0em 1.7em 0em 0.3em }
	#contextarea h2, #contextarea .commentlink
				{ display:block; padding:1.7em 0em !important; margin-top:-2px !important; border-top:2px solid #ffffff; font-style:normal }
	#contextarea .description
				{ padding-top:1.7em; border-top:2px solid #ffffff; margin-top:-2px !important }

	#contextarea #firstContextPart h2:first-child, #contextarea #secondContextPart:first-child h2:first-child,
	#contextarea #firstContextPart .commentlink:first-child, #contextarea #secondContextPart:first-child .commentlink:first-child
				{ padding-top:0em !important; border-top:none; margin-top:0px !important}
	#contextarea h2 strong	{ font-size:1.3em; font-weight:normal; display:block; margin-bottom:-0.35em }
	#contextarea li a	{ text-decoration:none !important; display:block; }
	#contextarea li a:hover, #contextarea li a:focus
				{ text-decoration:underline !important }
	#contextarea li a.current	
				{ color:black !important; text-decoration:none !important; border-left:2px solid #000000; padding-left:13px; margin-left:-15px }

	#contextarea ul		{ display:block; margin:0em; padding:0em 0em 1.7em 0em; }
	#contextarea ul li	{ display:block; list-style:none; padding:0em; margin:0em; }

	#contextarea a.current.blog
				{ border-color:#57a662 }
	#contextarea a.current.projects
				{ border-color:#5fbcd3 }
	#contextarea a.current.photos
				{ border-color:#d35f5f }
	#contextarea a.current.contact
				{ border-color:#d3ba5f }

	#contextarea ul.multiColumnable
				{ padding-bottom:0em }
	#contextarea ul.multiColumnable+ul.multiColumnable
				{ padding-bottom:1.7em }


/*	#contextarea p		{ hyphens:auto; -moz-hyphens:auto }*/

	/* Inhalt */

	#content a.boxlink 	{ display:block; padding:1.7em 2em 0em 2em; margin:-1.7em -2em 0em -2em }
	#content a.boxlink:hover 
				{ background-color:#e7e7e7 }
	#content a.boxlink strong 
				{ display:block; font-weight:normal; padding-bottom:1.7em }
	#content a.boxlink 	{ text-decoration:none !important }
	#content a.boxlink:hover strong, #content a.boxlink:focus strong 
				{ text-decoration:underline !important }
	#content a.boxlink span { display:block; color:#333333; padding-bottom:1.7em }
	#content a.boxlink span span 
				{ display:inline; padding:0em }
	#content p.columnbox a.boxlink
				{ margin-bottom:-1.7em }


	/* Wir legen ein Zeilenraster von 1.7 Grund-em zugrunde. */


/*	#content h1		 { font:inherit; font-size:2em; line-height:1.7em; margin:-0.6em 0em 0em 0em; padding:0em 0em 0.73em 0em; border-bottom:0.08em solid #c5c5c5 }*/

	#content h2 		{ font:inherit; margin:0em; padding:0em 0em 1.7em 0em; color:#000000 !important }

	#content h2 a		{ color:#000000 !important; text-decoration:none !important }
	#content h2 a:hover, #content h2 a:focus
				{ color:#000000 !important; text-decoration:underline !important }

	#content h2.blogtitle 	{ font-size:1.3em; line-height:1.35; padding-bottom:1.35em }
	#content h2.blogtitle a	{ color:#000000 !important; text-decoration:none !important }
	#content h2.blogtitle a:hover, #content h2.blogtitle a:focus
				{ text-decoration:underline !important }

	#content .columnbox+h2, #content p+h2 { padding-top:1.7em }
	#content p.fullsize + h2 { padding-top:0em }
/*	#content h1 + .columnbox + h2 { padding-top:0em }*/

	#content h3 { font:inherit; margin:0em; padding:0em 0em 1.7em 0em; color:#000000 !important }

	#content .blogNavi	{ position:relative; height:1.7em }
/*	#content .blogNavi	{ padding-bottom:3.4em; margin-top:-1.7em; text-align:right; color:#999999; position:relative }
	#content .blogNavi span	{ padding-left:0.7em; padding-right:0.7em }*/

	#noComments		{ height:3.4em }

	ul, ol 			{ display:block; margin:0em; padding:0em 0em 1.7em 1.7em }

	.min2lines 		{ min-height:3.4em }
	.min3lines 		{ min-height:5.1em }
	.min4lines 		{ min-height:6.8em }
	.min5lines 		{ min-height:8.5em }

	/* Bilder */
	a.fillwidth 		{ display:block }
	img.fillwidth, a.fillwidth img 
				{ display:block; width:100%; height:auto }

	a.maxfillwidth 		{ display:block }
	img.maxfillwidth, a.maxfillwidth img 
				{ display:block; max-width:100%; height:auto }

	.whiteimagestage 	{ text-align:center; border:0.2em solid #f2f2f2; padding:1.5em 2em; background:#ffffff; vertical-align:center }
	.whiteimagestage img 	{ vertical-align:center }

	.imageborder 		{ margin:0px 4px 0px 0px; position:relative; padding:0em 0em 1.7em 0em }
	.imageborder img 	{ border:2px solid #f2f2f2; margin:0px -4px 0px 0px }
	.imageborder + .columnbox 
				{ margin-top:-1.7em }

	/* Buttons */

	.button 		{ background:#dddddd; font:inherit; cursor:pointer; min-height:2px;
				  margin:0px; border:none; padding:0.2em 1em 0.3em 1em; line-height:1.7em;
  				  border-bottom:0.2em solid #bbbbbb;
				  color:#151515 !important; text-decoration:none !important; }

	.button:hover, .button:focus 
				{ outline:none; background:#f2f2f2 }
	.button:active 
				{ background:#cccccc; border-bottom:none; border-top:0.2em solid #aaaaaa }



	/* Linklisten */
	ul.freeLinkList 	{ margin:0px; padding:0em 0em 0em 0em; list-style:none; display:block }
	ul.freeLinkList li 	{ margin:0px; padding:0em 0em 1.7em 0em; list-style:none; display:block }
	ul.freeLinkList a 	{ text-decoration:none !important; display:block }
	ul.freeLinkList a:hover { text-decoration:underline !important }

	ul.freeLinkList.tight	{ padding-bottom:1.7em }
	ul.freeLinkList.tight li
				{ padding-bottom:0em }

	ul.linklist		{ margin:0px; padding:0em; list-style:none }
	ul.linklist li 		{ margin:0px; padding:0em 0em 1.7em 0em; list-style:none }
	ul.linklist li a 	{ display:block; text-decoration:none !important }

	ul.linklist li.filelink a:hover 
				{ text-decoration:none !important }
	ul.linklist li.filelink a strong 
				{ font-weight:normal }
	ul.linklist li.filelink a em 
				{ display:block; font-style:normal; color:#505050 !important; text-decoration:none !important }
	ul.linklist li.filelink a:hover strong 
				{ text-decoration:underline !important }

	ul.thumbgrid 		{ line-height:1; position:relative; padding:0em; margin:0em 0em 1.7em 0em; list-style:none }
	ul.thumbgrid li.double 	{ display:inline-block; position:relative; width:100%; line-height:1; vertical-align:bottom }
	ul.thumbgrid li 	{ display:inline-block; position:relative; width:50%; line-height:1; vertical-align:bottom }
	.twocolumns ul.thumbgrid li 
				{ width:25% }
	ul.thumbgrid li a 	{ display:block; position:relative; line-height:1; vertical-align:bottom; background:#f2f2f2 }
	ul.thumbgrid li a img 	{ display:block; width:100%; opacity:0.99 }
	ul.thumbgrid li a span 	{ display:block; height:11.9em; opacity:0.99 }
	ul.thumbgrid.small li a span 
				{ height:8.5em }
	ul.thumbgrid.medium li a span 
				{ height:10.2em }
	.thumbgrid:hover li a span, .thumbgrid:hover li a img 
				{ opacity:0.5 }
	.thumbgrid li a:hover span, .thumbgrid li a:hover img 
				{ opacity:0.99 }
	.thumbgrid li a span, .thumbgrid li a img, .sneakthumb img 
				{ -moz-transition: opacity 0.5s ease-in-out;
				  -webkit-transition: opacity 0.5s ease-in-out;
				  -o-transition: opacity 0.5s ease-in-out;
				  transition: opacity 0.5s ease-in-out; }

	.thumbgrid.withspaces 	{ margin-right:-1.7em; margin-bottom:0em }
	.thumbgrid.withspaces li a 
				{ margin-right:1.7em; margin-bottom:1.7em }

	.thumbgrid li a:hover 	{ -moz-transition-duration: 0.1s;
				  -webkit-transition-duration: 0.1s;
				  -o-transition-duration: 0.1s;
				  transition-duration: 0.1s; }

	.thumbgrid.withborder 	{ border-left:2px solid #f2f2f2; border-top:2px solid #f2f2f2; margin-bottom:1.7em }
	.thumbgrid.withborder li a
				{ border-right:2px solid #f2f2f2; border-bottom:2px solid #f2f2f2; }

	/* Achtung folgendes wird unten für eine kleine Ansicht wieder aufgehoben */
	.fullsize .thumbgrid.withborder
				{ border-left:none; margin-right:-2px; }
	.fullsize:first-child .thumbgrid.withborder 
				{ border-top:none }
	.fullsize:last-child .thumbgrid.withborder 
				{ margin-bottom:-4px }
	/* Ende Achtung */

	.mimeicon, .mimeicon2x 	{ vertical-align:middle; margin-right:0.2em; margin-top:-2px }
	.mimeicon2x 		{ display:none }

	.sneakthumb 		{ display:block; height:10.2em; position:relative; overflow:hidden; border-bottom:0.2em solid #c5c5c5; margin-bottom:1.7em }
	.columnbox .sneakthumb 	{ margin:-1.5em -1.8em 0em -1.8em; height:9.8em; border:none; border-bottom:0.2em solid #c5c5c5; background:#ffffff }
	.columnbox .sneakthumb.smaller 
				{ height:8.1em }
	a.sneakthumb:hover, .sneakthumb a:hover, a:hover .sneakthumb, .sneakthumb:hover 
				{ border-bottom-color:#777777; background:#000000 }
	.sneakthumb a 		{ display:block }
	a.sneakthumb:hover img, .sneakthumb a:hover img, a:hover .sneakthumb img 
				{ opacity:0.97 }
	.sneakthumb img		{ position:relative }

	.iconrow 		{ display:block !important; overflow:hidden; vertical-align:bottom; line-height:1px; text-align:justify; padding-bottom:0em !important }
	.iconrow img 		{ display:inline; vertical-align:bottom; line-height:1px }

	.topicIcon, .topicIcon2x
				{ float:right }
	.topicIcon2x		{ display:none }

	.fillcolumn > *		{ left:0px; top:0px; right:50%; bottom:0px; position:absolute; display:block; left:0em; top:0em }
	.indicolumnblock .fillcolumn > *
				{ bottom:1.7em; margin-right:1.7em }



	/* Input-Felder */
	.inputField, .inputContent 
				{ padding-bottom:0.2em; position:relative }
	.inputField, .inputContent 
				{ margin-right:6px }
	.inputField input, .inputContent textarea, .inputField select
				{ display:block; width:100%; min-width:100%; max-width:100%; border:none; margin:0px -6px -2px 0px; font:inherit; 
				  background:#f8f8f8; color:#000000; border-bottom:2px solid #cccccc }

	#commentspace .inputField input, #commentspace .inputContent textarea 
				{ background:#ffffff }

	.inputField input, .inputField select
			 	{ line-height:1em; padding:0.3em; vertical-align:bottom }
	.inputContent textarea 	{ line-height:inherit; padding:0em 0.3em; height:6.2em; min-height:5.5em }
	.inputField input:focus, .inputContent textarea:focus, .inputField select:focus
				{ border: 2px solid #777777; margin:-2px -8px -2px -2px }
/*	.inputField input:focus, textarea:focus { border-bottom-color:#777777; outline:none }*/
	.inputField span, .inputField label, .inputContent span, .inputContent label 
				{ display:block; padding:0.5em 0em 0.2em 0em }
	.buttonArea		{ text-align:right }


	/* Kommentarbereich */

	#commentspace 		{ line-height:1.7; color:#222222; margin:0em 19.7em 6.8em 1.7em; background:rgba(255,255,255,0.4); max-width:88.3em } 
	#commentspace2 		{ margin:-1.7em -19.7em -1.7em -1.7em }

	#commentspace p 	{ padding-bottom:1.7em }

	#commentspace h2 	{ font:inherit; font-size:1em; color:#000000; margin:0em 0em 0em 0em; padding:1.7em 3.4em 0em 3.4em }


	#commentspace .maincolumnspace 
				{ padding-top:0em; padding-bottom:0em }
	
	#commentspace .maincolumn2
				{ background:none }

	#commentspace .columnbox
				{ background:#ffffff }

	#commentspace form .maincolumn2 
				{ padding-top:0em; padding-bottom:0em }

	#commentspace h3 	{ margin:0em; padding:0em 3.4em 1.7em 3.4em; font:inherit; color:#000000 }

	#commentspace form 	{ display:block; padding:0px 0px 0px 0px }
	#commentspace form p 	{ position:relative; padding:0em }
	#commentspace .newCommentSubmit 
				{ text-align:right; padding-top:1em }

	#commentspace .errors 	{ margin:1.7em 0px 0em 0em; padding:1.5em 1.8em; border:0.2em solid #aa5555; background:#ffaaaa; color:#000000 }
	#commentspace .success 	{ margin:0em 0px 1.7em 0em; padding:1.5em 1.8em; border:0.2em solid #55aa55; background:#aaffaa; color:#000000 }

	#commentspace .comment 	{ background:#ffffff; padding:1.7em 1.7em 0em 1.7em; margin:0em 0em 1.7em 0em }

	#commentspace h4 	{ margin:0em; padding:0em 0em 1.7em 0em; color:#000000 !important; font-size:inherit; font-weight:inherit; 
				  background:url('../style/img/comment-arrow.png') 1.5em 100% no-repeat; }




	/* Bereichsfarben */
	#subtitlebox.blog
				{ border-color: #57a662 }

	#subtitlebox.projects
				{ border-color: #5fbcd3 }

	#subtitlebox.photos
				{ border-color: #d35f5f }



	/* Kleine Bildschirme -> nur eine Spalte, Kontextspalte flexibel */

	@media only screen and (max-width:1150px) {

/*		#content 	{ max-width:72em }*/

		#aroundcontext	{ max-width:72em }

		.aroundmaincolumnspace, #aroundcommentspace
				{ width:70%; max-width:50.4em }

		#aroundcommentspace
				{ max-width:50.4em }

		#commentspace	{ margin-right:1.7em; padding-bottom:1.7em; margin-bottom:5.1em }
		#commentspace2	{ margin-right:-1.7em }
		#commentspace .comment 
				{ margin-bottom:-1.7em }
		#commentspace2 > .maincolumnspace .maincolumn2 > p 
				{ margin-bottom:-1.7em; padding-bottom:0em }
		#commentspace h3
				{ padding-top:3.4em }

		.maincolumnspace 
				{ margin-right:0em }
		#contextarea 	{ width:30% }


		.maincolumn 	{ display:block; width:auto; min-width:0px; max-width:100% }
		.maincolumn.twocolumns 
				{ width:auto; max-width:100% }

		.maincolumn + .maincolumn .maincolumn2 > .fullsize:first-child 
				{ margin-top:0em }

		.maincolumn.twocolumns + .maincolumn .maincolumn2 > .fullsize:first-child 
				{ margin-top:-1.7em }

		.indicolumnblock1 
				{ display:none }
		.indicolumnblock2
				{ display:none }

		.twocolumns ul.thumbgrid li 
				{ width:50% }

		.columnblock .maincolumn2 
				{ padding-top:0em }
		.columnblock2	{ padding-top:1.7em; padding-bottom:1.7em }
		.columnblock .maincolumn2 
				{ margin-bottom:0em }

		#content a.boxlink .min2lines 
				{ min-height:0px }

		.fillcolumn	{ position:relative; min-height:17em; margin:-1.7em }
		.fillcolumn > * { top:0em; bottom:3.4em; height:auto; width:100% }
		.indicolumnblock .fillcolumn > * 
				{ bottom:1.7em }

		#commentspace p.columnbox 
				{ padding-bottom:1.7em !important }

		#contextarea ul.multiColumnable
					{ display:inline-block; width:50%; vertical-align:top }
		#contextarea ul.multiColumnable li a
					{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:1em }

	}

	/* Noch kleinere Bildschirme -> Kontextspalte jetzt wieder fest */
	@media only screen and (max-width:900px) {
		.aroundmaincolumnspace, #aroundcommentspace
				{ width:auto; max-width:100% }
		#contextarea 	{ width:18em }
		.maincolumnspace
				{ margin-right:18em }

		#aroundcommentspace
				{ max-width:100% }
		#commentspace	{ margin-right:19.7em }
		#commentspace2	{ margin-right:-19.7em }

		#contextarea ul.multiColumnable
					{ display:block; width:auto }
		#contextarea ul.multiColumnable li a
					{ overflow:auto }

	}

	/* Sehr kleine Bildschirme -> Kontextspalte jetzt drunter */
	@media only screen and (max-width:700px) {
		#aroundcontext	{ position:static }
		.maincolumnspace
				{ margin-right:0em }
		#contextarea 	{ width:auto; position:relative; left:0em; right:0em; top:0em; padding:0em; 
				  background:rgba(255,255,255,0.4); margin:-1.7em 1.7em 3.4em 1.7em }
		#incontextarea	{ padding:1.7em 1.7em 0em 1.7em }

		#commentspace	{ margin-right:1.7em  }
		#commentspace .maincolumn2
				{ padding-right:0em }
		#commentspace2	{ margin-right:0em }

		#contextarea ul.multiColumnable
					{ display:inline-block; width:50%; vertical-align:top; min-width:9em; max-width:100%; padding-bottom:1.7em }
		#contextarea ul.multiColumnable li a
					{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:1em }

	}

	/* Extrem kleine Bildschirme -> Abstände minimieren */
	@media only screen and (max-width:440px) {
		.maincolumnspace
				{ margin:0em; padding-bottom:0em }
		.maincolumn2, .columnblock, .columnblock2
				{ margin-right:0em }
		#contextarea	{ background:none }
		#incontextarea 	{ padding:1.7em 0em 0em 0em }

		#contextarea li a.current { border-left:none; margin-left:0em; padding-left:0em }

/*		.fullsize	{ margin-left:0em !important; margin-right:0em !important }
		.fullsize:first-child
				{ margin-top:0em !important }
		.fullsize:last-child
				{ margin-bottom:0em !important }*/

		.fullsize .thumbgrid.withborder { border-left:2px solid #f2f2f2; margin-right:0px }
		.fullsize:first-child .thumbgrid.withborder { border-top:2px solid #f2f2f2 }
		.fullsize:last-child .thumbgrid.withborder { margin-bottom:0px }

		#commentspace	{ background:none; border-top:2px solid #ffffff; margin-top:-3.4em }
		#commentspace2	{ margin-right:0em; margin-top:0em }
		#commentspace h2, #commentspace h3
				{ padding-left:1.7em; padding-right:1.7em }

	}

	/* Sehr große Bildschirme -> Kontext jetzt zweispaltig und Inhalt zentriert */

	@media only screen and (min-width:1650px) {
		.aroundmaincolumnspace, #aroundcommentspace
				{ max-width:90em; margin-left:auto; margin-right:auto; padding-left:18em; padding-right:18em; position:relative }
		.maincolumnspace 
				{ margin-right:0em }

		#aroundcontext
				{ max-width:90em; margin-left:auto; margin-right:auto; padding-left:18em; padding-right:18em }

		#contextarea 	{ position:static; padding:0em }
		#contextarea #firstContextPart a.current
				{ border-left:none !important; border-right-width:2px; border-right-style:solid; padding-right:13px; margin-right:-15px; padding-left:0em; margin-left:0em }
		#contextarea #firstContextPart 
				{ position:absolute !important; left:1.7em; top:1.7em; width:16em; text-align:right }

		/*#contextarea #firstContextPart p
				{ text-align:justify }*/
		#contextarea #secondContextPart 
				{ position:absolute !important; right:1.7em; top:1.7em; width:16em }
		#contextarea #secondContextPart h2:first-child, #contextarea #secondContextPart .commentlink:first-child 
				{ border-top:none; padding-top:0em !important }
		#commentspace 	{ margin-right:1.7em }
		#commentspace2	{ margin-right:-1.7em }
	}

	@media only screen and (min-width:1900px) {
		#contextarea #secondContextPart  { margin-right:-4em; width:20.3em }

		#contextarea ul.multiColumnable
					{ display:inline-block; width:50%; vertical-align:top }
		#contextarea ul.multiColumnable li a
					{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:1em }

	}

	/* Hohe Auflösungen */

	@media only screen and (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 100dpi) { 
		.mimeicon	{ display:none }
		.mimeicon2x	{ display:inline; width:20px; height:20px }
		.topicIcon	{ display:none }
		.topicIcon2x	{ display:inline; width:48px; height:48px }
	}