body { background:#ffffff; background-repeat:repeat-x }

	body {
		background-image:-moz-linear-gradient(top, #e9e9e9, #ffffff);
		background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%,#ffffff));
		background-image:-webkit-linear-gradient(top, #e9e9e9, #ffffff);
		background-image:-o-linear-gradient(top, #e9e9e9, #ffffff);
		background-image:-ms-linear-gradient(top, #e9e9e9, #ffffff);
		background-image:linear-gradient(top, #e9e9e9, #ffffff);
	}

	/* Inhalt auf Mindesthöhe 100% bringen */
	html, body, #afternavi, #aroundcontent { height:100% }
	#content { position:absolute; top:10em; margin-top:60px; bottom:8em; left:0em; right:0em }
	#content .contentspace { min-height:100% }

	#headerarea { position:relative; overflow:hidden; background:url('../style/img/design-title-shadow.png') bottom repeat-x; z-index:10 }

	#inheaderarea { padding:60px 0px 0px 21em; height:10em; 
		background:-moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
		background:-webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
		background:-o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
		background:-ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
		background:linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
	}

	#headerarea .contentspace { padding-top:0em; padding-bottom:0em; height:10em; position:relative }

	#typobg	{ position:absolute; color:#ffffff; right:0px; bottom:0.08em; font-size:10em; text-transform:lowercase; opacity:0.1; text-align:right; line-height:0.75 }

	h1	{ position:absolute; left:0em; right:1.33em; bottom:30px; padding:0em; margin:0em; font-size:3em; color:#ffffff; font-weight:normal; text-align:right }

	#content { margin-left:21em }
	#content .contentspace	{ position:relative; background:#ffffff }

	.contentspace p	{ -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

	#content p.spruch		{ padding-bottom:0em; padding-bottom:1.7em; color:#555555; position:relative; z-index:0 }
	#content p.spruch:before	{ content:'»'; font-size:8em; font-weight:bold; line-height:1em; vertical-align:top; position:absolute; color:#eeeeee; top:-0.5em; left:-0.35em; z-index:-1 }
	#content p.spruch:after	{ content:'«'; font-size:8em; font-weight:bold; line-height:1em; vertical-align:bottom; position:absolute; color:#eeeeee;  z-index:-1; margin-top:-0.48em; margin-left:-0.2em }
	

/*	#content p.spruch		{ border-left:1px solid #aaaaaa; padding-left:19px; padding-bottom:0em; margin-bottom:1.7em; color:#555555 }*/


	#content h2:first-child, #content #sidebar:first-child + h2 { padding-top:0em }

	#mainContent { position:relative }

	#sidebar { position:absolute; left:-21em; top:2em; width:15em; padding:2em 2em 4em 4em; color:#333333 }

	#mainContent #sidebar { left:-25em;top:0em }

	/* #sidebar { color:#505050 } */
	#sidebar h2, #sidebar h3 { margin:0em -2em 0.9em 0em; padding:1.7em 2em 0.8em 0em; font-size:1em; color:#000000; font-weight:normal; border-bottom:1px solid #bbbbbb }
	#sidebar h2:first-child, #sidebar h3:first-child { padding-top:5.1em }

	img.fullWidth{ width:100%; height:auto }
	#sidebar img.fullWidth { max-width:15em }

	ul.klickmosaik { margin:0px; padding:0.3em 0px 1.4em 0px; display:block; list-style:none; width:15.5em; line-height:1 }
	.klickmosaik li { margin:0px; padding:0px; width:3.75em; height:3.75em; display:inline-block; position:relative; line-height:1; vertical-align:bottom; }
	.klickmosaik li a { display:block; position:relative; width:3.75em; height:3.75em; left:0em; top:0em; background-position:50% 50%; background-repeat:no-repeat; background-color:#ffffff;
		-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;
	}
	.klickmosaik li a span { display:none }
	ul.klickmosaik:hover li a { opacity:0.5 }
	ul.klickmosaik li a:hover { opacity:1; z-index:20; box-shadow:1px 1px 3px rgba(0,0,0,0.5); position:absolute; width:5.25em; height:5.25em; left:-0.75em; top:-0.75em; border:1px solid #ffffff; margin:-1px;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	ul.teasercollage { margin:0px; padding:0px 0px 1.7em 0px; display:block; list-style:none; line-height:1; position:relative }
	.teasercollage li { margin:0px; padding:0px; display:inline-block; line-height:1; vertical-align:bottom; background:#989898 right top no-repeat  }
	.teasercollage li a { display:block; position:relative; padding:8px 0em 8px 0em; margin:0em; height:82px; border:1px solid #ffffff;  text-decoration:none !important }
	.teasercollage:hover li { opacity:0.5 }
	.teasercollage li:hover { opacity:1 }
	.teasercollage li a:hover { z-index:20 }
	.teasercollage a>span { position:absolute; display:block; max-width:100%; left:0px; bottom:0px; color:#ffffff; text-shadow:#000000 1px 1px 1px; text-decoration:none !important; background:#000000; background-color:rgba(0,0,0,0.3) }
	.teasercollage span span { display:block; margin:0.5em }
	.teasercollage li { 
		-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;
	}
	.teasercollage li:hover { 
		-moz-transition-duration: 0.1s;
		-webkit-transition-duration: 0.1s;
		-o-transition-duration: 0.1s;
		transition-duration: 0.1s;
	}

	.flashobj { padding-bottom:1.7em }


	ul.sliderList3 { padding:0px; margin:0px -2px 1.7em 0px; display:block; list-style:none; line-height:1; position:relative; height:120px }
	.sliderList3 li { margin:0px; padding:0px; display:block; position:absolute; line-height:1; vertical-align:bottom; height:100%; top:0px }
	.sliderList3 a { display:block; height:100%; background:#eeeeee; margin-right:2px; position:relative; text-decoration:none !important }
	.sliderList3 li { left:0%; right:66% }
	.sliderList3 li+li { left:34%; right:33% }
	.sliderList3 li+li+li { left:67%; right:0% }
	.sliderList3:hover li { right:75% }
	.sliderList3:hover li+li { left:25%; right:50% }
	.sliderList3:hover li+li+li { left:50%; right:0% }
	.sliderList3:hover li:hover { right:50% }
	.sliderList3:hover li:hover+li { left:50%; right:25% }
	.sliderList3:hover li:hover+li+li { left:75%; right:0% }
	.sliderList3:hover li+li:hover { left:25%; right:25% }
	.sliderList3:hover li+li:hover+li { left:75%; right:0% }
	.sliderList3:hover li+li+li:hover { left:50%; right:0% }
	.sliderList3 li {
		-moz-transition: left 0.1s ease-in-out, right 0.1s ease-in-out;
		-webkit-transition: left 0.1s ease-in-out, right 0.1s ease-in-out;
		-o-transition: left 0.1s ease-in-out, right 0.1s ease-in-out;
		transition: left 0.1s ease-in-out, right 0.1s ease-in-out;
	}
	.sliderList3 li strong {
		-moz-transition: background-color 0.3s ease-in-out;
		-webkit-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}
	.sliderList3 li strong { position:absolute; display:block; left:0em; right:0em; bottom:0em; padding:0.5em; background:#aaaaaa; background-color:rgba(0,0,0,0.3); text-decoration:none !important; color:#ffffff; text-shadow:#000000 1px 1px 1px; font-weight:normal }
	.sliderList3 li:hover strong { background:#888888; background-color:rgba(0,0,0,0.5) }
	.sliderList3 li span { display:none }
/*	.sliderList3 li:hover span { display:block; position:absolute; left:0.5em; top:45px; right:1em; color:#333333 }*/


	a.withColorLine { border-left:1px solid #000000; padding-left:19px }
	a.withColorLine:hover { border-left:7px solid #000000; padding-left:13px }
	

	#sidebar .teaserList a span { color: #333333 }

/*	ul.teaserList a.withIcons { position:relative }
	ul.teaserList a.withIcons span { padding-right:33%; margin-right:1em } */
	ul.teaserList.withIcons { margin-left:-1.7em }
	ul.teaserList .withIcons { display:inline-block; width:50%; min-width:20em; max-width:100% }
	ul.teaserList .withIcons a { margin-left:1.7em; border-left:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:#ffffff }
	ul.teaserList .withIcons a:hover { border-left-color:#999999; border-bottom-color:#999999; background:#e9e9e9}
	ul.teaserList .withIcons a span.icons { display:block; line-height:1; vertical-align:bottom; padding:10px 10px 0px 10px; max-height:57px; overflow:hidden }

	ul.teaserList .withIcons a span.icons img { padding-bottom:9px }
	ul.teaserList .withIcons a span.icons img:first-child + img { opacity:0.90 }
	ul.teaserList .withIcons a span.icons img:first-child + img + img { opacity:0.75 }
	ul.teaserList .withIcons a span.icons img:first-child + img + img + img { opacity:0.55 }
	ul.teaserList .withIcons a span.icons img:first-child + img + img + img + img { opacity:0.30 }

	ul.teaserList .withIcons a strong { padding:0.5em; line-height:1; background:#aaaaaa; background-color:rgba(0,0,0,0.3); font-weight:normal; text-decoration:none !important;  color:#ffffff; text-shadow:#000000 1px 1px 1px }
	.teaserList .withIcons a {
		-moz-transition: background-color 0.3s ease-in-out, border-left-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
		-webkit-transition: background-color 0.3s ease-in-out, border-left-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out, border-left-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out, border-left-color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	}


	ul.linklist { margin:0px 0px 0px 0em; 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; text-decoration:underline }
	ul.linklist li.filelink a em { display:block; font-style:normal; color:#505050 !important; text-decoration:none !important }

	.thumb { border:1px solid #bbbbbb; display:inline-block; margin-right:1em; margin-bottom:1em; vertical-align:bottom }
	.thumb img { vertical-align:bottom }
	.thumb:hover { border:1px solid #ffffff; box-shadow:1px 1px 3px rgba(0,0,0,0.5);  }

	.fullWidthThumb { border:1px solid #bbbbbb; display:block; margin-bottom:1em }
	.fullWidthThumb img { display:block; width:100% }
	.fullWidthThumb:hover { padding:0px; border:1px solid #ffffff; box-shadow:1px 1px 3px rgba(0,0,0,0.5);  }

	.sneakThumb { border:1px solid #bbbbbb; display:block; margin-bottom:1em; overflow:hidden; max-height:12em; max-width:100% }
	.sneakThumb img { display:block }
	.sneakThumb:hover { padding:0px; border:1px solid #ffffff; box-shadow:1px 1px 3px rgba(0,0,0,0.5);  }

	.browser  { margin:-4px -5px 1.7em -5px }
	.browser1 { padding-left:82px; background:url('../style/img/browser-tl.png') left bottom no-repeat }
	.browser2 { padding-right:38px; background:url('../style/img/browser-tr.png') right bottom no-repeat }
	.browser3 { height:101px; background:url('../style/img/browser-tm.png') bottom repeat-x }
	.browser4 { padding-left:10px; background:url('../style/img/browser-ml.png') left repeat-y }
	.browser5 { padding-right:10px; background:url('../style/img/browser-mr.png') right repeat-y }
	.browser6 { background:#ffffff; padding-top:1px; padding-bottom:1px; position:relative }
	.browser7 { padding-left:14px; background:url('../style/img/browser-bl.png') left top no-repeat }
	.browser8 { padding-right:14px; background:url('../style/img/browser-br.png') right top no-repeat }
	.browser9 { height:15px; background:url('../style/img/browser-bm.png') top repeat-x }

	.browser3 h4 { margin:0px -18px 0px -62px; padding:14px 0px 0px 0px; text-shadow:0px 0px 1px #000000; font-weight:bold;
			text-align:center; line-height:1em; color:#ffffff; font-size:13px }

	.browser .favsarea { margin:-30px 3% -1em 3%; padding:2.5% 0em 2.5% 0em }
	.browser .favs 	   { margin:0em auto 0em auto; padding:0em 0em 0em 0em; max-width:1100px; position:relative }
	.browser .favs p   { margin:0em -1em 0em 0em; padding:0em }
	.browser .favs a   { display:block; float:left; width:33.3%; margin-bottom:1em; padding:0em; position:relative; text-decoration:none !important }
	.browser .favs a span  { display:block; margin-right:1em; position:relative; border:1px solid #aaaaaa; overflow:hidden }
	.browser .favs a:hover span { border-color: #777777 }
	.browser .favs a img   { display:block; width:100% }

	.browser .favs a strong {
		-moz-transition: background-color 0.3s ease-in-out;
		-webkit-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}
	.browser .favs a img {
		-moz-transition: opacity 0.3s ease-in-out;
		-webkit-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}

	.browser .favs a strong { position:absolute; display:block; left:0px; right:0px; bottom:0px; padding:0.5em; background:#aaaaaa; background-color:rgba(0,0,0,0.3); text-decoration:none !important; color:#ffffff; text-shadow:#000000 1px 1px 1px; font-weight:normal; line-height:1 }
	.browser .favs a:hover strong { background:#888888; background-color:rgba(0,0,0,0.5) }

	.browser .clearer  { clear:both }

	h3.favstitle { font-weight:normal; font-size:1em; padding:5px 0px 16px 25px; margin:0em 0em 3% 0em; line-height:1em; color:#888888; border-bottom:1px solid #aaaaaa; background:url('../style/img/browser-favorite.png') 0px 0px no-repeat; }

	.browser .browsercontent { overflow:hidden; position:relative; margin:-31px -1px -6px -1px; border:1px solid #666666; max-height:30em; text-align:center; background:#ffffff; border-radius: 0px 0px 4px 4px; line-height:1 }
	.browser .browsercontent a { display:block; }
	.browser .browsercontent img { max-width:100%; vertical-align:bottom; min-width:350px }

	.browser .tabbar { margin:-31px -1px 0px -1px; padding:0px 0px 33px .5em; background:url('../style/img/browser-tabbar-bg.png') }
	.browser .tabbar a { color:#bbbbbb !important; text-decoration:none !important }
	.browser .tabbar a.active { color:#ffffff !important }
	.browser .tabbar a:after { content:'|'; padding:0em .5em; font-weight:normal !important; color:#bbbbbb !important }
	.browser .tabbar a:last-child:after { content:''; padding:0em }

	/* Kleine Bildschirme */

	@media only screen and (max-width: 750px) {
		html, body, #afternavi, #aroundcontent { height:auto }
		#content { position:static; margin-top:0em !important }
		#content .contentspace { min-height:0em }

		#content { margin-left:0px }
		#content .contentspace { padding-bottom:2em; padding-top:2em }
		#inheaderarea { height:auto; padding-top:30px; padding-bottom:30px; padding-left:2em }
		#headerarea .contentspace { height: auto }
		#typobg { bottom:-0.2em }
		h1 { position:static; margin:0em }
		#sidebar { position:static; width:auto; padding:1.7em 2em 1.7em 2em; background:#e8e8e8 !important; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; margin-left:-2em; margin-right:-2em; margin-bottom:2em }
		#sidebar:first-child { margin-top:-2em; border-top:none }
		#sidebar:last-child { margin-bottom:-2em }
		#sidebar h2:first-child, #sidebar h3:first-child { padding-top:0em }
		#sidebar h2, #sidebar h3 { padding-right:0em; margin-right:0em }
		
	}