@media all{
	
/*  Reset  */

	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	header, nav, section, article, aside, footer
	{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}
	blockquote, q {quotes: none;}
	img {display: inline-block; vertical-align: bottom;}
	header, nav, section, article, aside, footer {display: block;}	
	html, body {height: 100%;}
	body {background: #fff url(../images/bg_body.png) repeat-x; color: #000; font-size: 13px; line-height:20px ; }

/*  Fonts  */

	body, #nav ul ul li a, #nav li.active ul a, .bannertext{font-family: DroidSans, Helvetica, Arial, Tahoma, Geneva, sans-serif;}
	a.active, b, strong, #qTip{font-family: DroidSansBold, Helvetica, Arial, Tahoma, Geneva, sans-serif;}
	em, i, #qTip span, .bannertext span, abbr:after, .info:after{font-family:DroidSerif-Italic, Georgia, "Times New Roman", Times, serif; font-style:italic;}
	h1, input, textarea, #nav ul, #print {font-family:DroidSerif, Georgia, "Times New Roman", Times, serif;}
	code, kbd, pre, samp, tt {font: 1em/1.8em "Courier New", Courier, monospace;}
	
/*  Elements  */

	a:link{text-decoration: underline; color:#333}
	a:hover, a:visited, .more:hover {color:#999}
	a.active{text-decoration:none; color:#000;}
	abbr, acronym {border-bottom: 1px dotted; cursor: help;}
	button{background:#eee url(../images/gradient_eee_bbb.png) repeat-x; border:none; border-bottom:1px solid #bbb; border-right:1px solid #bbb; padding:5px 15px 5px; margin-top:0.5em;cursor:pointer; color:#999 }
	button:hover{color:#666}
	button:active{background:#eee url(../images/inner_shadow.png) -4px -4px no-repeat; color:#666}
	dt {margin-left:2.5em;  margin-bottom:10px; color:#c11}
	dd {margin-left:5.5em; margin-top:-28px;  margin-bottom:10px; }
	dd.first{margin-left:2em; margin-top:-28px;}
	dt.first{margin-left:0;}
	dd.first, dt.first{font-size:14px}
	form{z-index:500}
	form p{ margin-bottom:0.5em;}
	h1,h2,h3,h4{font-weight:normal; clear:both;}
	h1 {color:#c11; font-size: 1.81em; margin: 2em 0 0em;}
	h2 {color:#555; font-size: 1.3em; line-height:1.5em; margin: 1em 0 1em; }
	p+h2 {margin-top: 1.5em; }
	h3 {color:#c11; font-size: 1.2em; line-height:1.4em; margin: 1.5em 0 1em; }
	h4 {color:#000; font-size: 1.1em; margin: 1.5em 0 1em; font-weight:700}
	h5 {font-size: .834em; margin: 0 0 0.5em; }
	h6 {font-size: .75em; margin: 0 0 0.35em; }
	iframe{margin-bottom:2em;}
	input, textarea{background:#efefef url(../images/inner_shadow.png) -3px -3px no-repeat; border:none; font-size:1.1em; line-height:1.4em; padding:7px 5% 5px; width:90%;}
	p, dl, ol, ul {color:#555; margin: 0 0 1.5em; }
	ol ul, ol ol, ul ul{margin:0.5em 0 1.5em 1.2em}
	ul {list-style: outside square; margin-left:1.2em;}
	ol {list-style: outside decimal; margin-left:1.5em;}
	li {margin-bottom:0.3em}
	sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
	sup {font-size: .834em; line-height: 1em; vertical-align: super;}
	textarea{ vertical-align:text-top; height:120px}

	.fleft {display: inline; float: left; margin: 0.35em 1.2em .75em 0;}
	.fright {display: inline; float: right; margin: 0.35em 0 .75em 1.2em;}
}

@media screen{	

	
/* Classes */
	.action{font-size: 17px; display: block; margin-top: 0.7em; text-decoration:underline;}
	.bannertext{height:50px; padding:8px 20px 0; margin:0; }
	.bannertext[rel]:hover{background-color:#ddd}
	.bookmarks {margin-left:2em;}
	.footer .bookmarks a.bookmark{display:inline-block; margin:0 0.1em 0; border:none; vertical-align:-0.8em; width:23px; height:24px; background:url(../images/fl_social.png) -23px 0; padding:0;}
	.dlink{text-decoration:none!important;}
	.footer, .push {height: 142px; } 
	.footer{background:#333 url(../images/bg_footer.png) repeat-x; height:112px; margin-top:30px; min-width:1050px; clear:both;}
		.footer p, .footer a{width:850px; text-align:left; margin:0.6em auto 0; color:#999; font-size:11px;}
		.footer a{margin-left:.5em;padding-left:.5em; border-left:1px solid #999; color:#999; font-size:11px;}
		.footer a:hover{color:#ccc;}
		.footer p{padding:15px 0 0 200px}
	.marker, a .marker a>.marker{color:#c11}
	.more{margin-top:-1.5em;}
	.nlink{background-color:#eee; padding:1em; margin:0 0 2.5em; text-align:left;}
	*+.nlink{margin-top:2.5em;}
	.nlink:hover{background-color:#ddd; cursor:pointer;}
	.teaser{background-color:transparent; padding:1em; margin:0.3em -1em 1.5em;}
	.teaser+.teaser{margin-top:-1em;}
	.teaser h2{margin:0 0 0.7em;}
	.teaser h2 a, .project h2 a{color:#333;}
	.teaser p{margin-bottom:0;}
	.project img{display:none;}
	.plink{background-color:transparent; padding:1em; margin:-1em -1em 1.5em;}
	.plink:hover, .teaser:hover{background-color:#eee; cursor:pointer;}
	.plink a{text-decoration:none!important; color:#555;}
	.plink a strong, .plink a b{text-decoration:underline; color:#000}
	.plink a:hover strong, .plink a:hover b{color:#999}
	.print{width:23px; height:26px; background-image:url(../images/fl_social.png); background-repeat:no-repeat; background-position:-0 -96px; text-indent:30px; line-height:26px; }
	.print a{color:#999;}
	.print a:hover{color:#333;}
	.print:hover{background-position:-23px -96px;}
	.print_only{display:none}

	.sitemap{width:700px}
	.sitemap, .sitemap ul{list-style:none; }
	.sitemap a{background-color:#fff;color:#333; text-decoration:none; padding:5px 10px; margin:-5px -10px;}
	.sitemap a:hover{ background-color:#efefef}
	.sitemap li{margin-top:1.5em;}
	.sitemap ul li{margin-top:0.5em; margin-left:2em}
	.sitemap ul{margin:0 0 1em 0;}
	.sitemap a .marker{color:#fff; font-size:11px;}
	.sitemap a:hover .marker{color:#999; }
	.slim{width:170px!important}
	.spam{display:none;}
	.tooltip{display:block;margin-top:-1em; position:absolute }

/* ID-Elements */

	#accordeon .opener , #accordeon .more {cursor:pointer; text-decoration:underline;}
	#accordeon h4.current {cursor:default; text-decoration:none;}
	#accordeon div.pane {display:none;border-bottom:1px solid #ddd; margin-bottom:1em; width:470px;}	
	#banner{position:relative; overflow:hidden; margin: 10px 0 0 200px; width:721px; height:254px; background:transparent url(../images/bg_banner.png) right bottom no-repeat; }
	#banner .prev {left:0px; margin-top:-88px; background-position:5px center; z-index:9999}
	#banner .next {right:20px; margin-top:-88px; background-position:-20px center; z-index:9999}
	#banner:hover .prev, #banner:hover .next {display:block;}
	#banner .prev, #banner .next {background-image:url(../images/icon-banner-nav-arrow.png); background-repeat:no-repeat;border:none;
		cursor:pointer; display:none; height:230px; position:absolute; top:35%; width:25px; z-index:9999; }
	#copyright{text-indent:-1000em; background:#c11 url(../images/fl_logo_badge2.png); height:58px; width:15px; position:absolute; top:15px; right:6px;}
	#content{min-height: 100%;	height: auto !important; height: 100%; margin:0 auto -142px; width:1050px;}
	#delicious { background-position:-23px -48px}
	#delicious:hover { background-position:0 -48px}
	#ft-title-imagebox{display:block; position:absolute; text-align:right; right: 0!important; width:auto; background-color:#fff!important; font-size:16px;color:#000!important;}
	#ft-title-imagebox span{font-size:12px; margin-top:3px; display:block;}
	#google { background-position:-23px -72px}
	#google:hover { background-position:0 -72px}
	#facebook:hover { background-position:0 0}
	#header{margin:0; width:200px; text-align:right;}
	#imagebox{margin:0 12px 12px 0;  height:233px; width:700px; overflow:hidden; background:#ccc url(../images/loading_modal.gif) center center no-repeat;}
	#login{cursor:crosshair}
	#maincontent{width:470px; padding: 0 0 0 200px; margin-top:-25px}
	#maincontent h1{margin-left:-200px; width:200px; text-align:right!important;}
	#maincontent p{text-align:left;}
	#nav{text-align:left; margin-left:200px; height:35px; padding:20px 0 40px;}
	#nav a{color:#999;}
	#nav a:hover{color:#666!important;}
	#nav ul{list-style:none;  padding:0; margin:0;}
	#nav ul li{float:left; margin:1em 2em 0 0;}
	#nav ul li a{text-decoration:none; font-size:15px;}
	#nav ul ul{margin:0; padding:6px 2em 1em 0; position:absolute; display:none; background-color:#fff;}
	#nav ul li.active ul, #nav ul li:hover ul{display:block; }
	#nav ul li:hover ul{z-index:1000;}
	#nav ul ul li{ float:left;display:block; margin:4px 0 0 2em;}
	#nav ul ul li a, #nav li.active ul a{font-size:11px; color:#bbb}
	#nav li.active a, #nav li.active ul li.active a{color:#000}	
	#print{float:right;}
	#qTip{display:none;position:absolute;background:url(../images/bg_fff_80.png);color:#fff;z-index:1000; padding:1em; max-width:300px; }
	#qTip span{margin-top:0.5em;display:block;} 
	#sidecontent{position:absolute; top:464px; width:270px; margin:0 0 0 530px; vertical-align:top;}
	#sidecontent h3{margin-top:-1px}
	#sidecontent ol{background-color:#fff;}
	#sidecontent p{text-align:left;}
	#twitter { background-position:-23px -24px}
	#twitter:hover { background-position:0 -24px}

 }
/* PRINT 

*/
@media print{
html, body{height:auto}
#nav, #banner, #sidecontent, .footer{display:none;}
a, a:visited, a:hover, a:visited:hover {color:#999; font-weight:bold; background: transparent;text-decoration: none;}
a[href*='#']{display:none;}
abbr{border:none;}
abbr:after, .info:after{content: " (" attr(tiptitle) ") ";font-size: 85%; font-weight:normal;}
#header{border-top:3px solid #000; margin-bottom:2em; text-align:right;}
h1 img{width:25mm; height:auto; margin-top:-2px; margin-right:20mm;}
p {margin: 0 0 1em 0;}
*[cite]:after {content:close-quote" (Quelle: "attr(cite)")";}
q:before, blockquote:before {content:open-quote;}
q:after, blockquote:after {content:close-quote;}
#maincontent{padding-bottom:2em;border-bottom:1px solid #999;  }
.more{display:none;}
.pane{display:block!important;}
.push:after {content: "\ Alle Rechte vorbehalten. (c) 2010 frameless Web Solutions, www.frameless.at"; color: #999 !important; font-size: 0.85em;}
}