/*
width; height; padding; margin; font; text-align; text-indent; color; background; border; vertical-align; position; display; float; overflow; clear;
*/

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	{ padding: 0; margin: 0; font-size: 100%; background: transparent; border: 0; vertical-align: baseline; outline: 0; }

html	{ color: #000; background: #d2d2d2 url(img/body_bg.gif) top left repeat-x; overflow-y: scroll; }

body	{ font: 100%/100% Arial, sans-serif; color: #000; background: #d2d2d2 url(img/body_bg.gif) top left repeat-x; }

ol, ul	{ list-style: none; }

blockquote, q	{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after	{ content: ''; content: none; }

ins		{ text-decoration: none; }
del		{ text-decoration: line-through; }

table	{ border-collapse: collapse; border-spacing: 0; }

a		{ color: #000; text-decoration: none; }
a img	{ border: none; }

h1		{ margin: 0.25em 0; font-size: 2em; font-weight: normal; line-height: 1.25em; }
h2		{ margin: 0.25em 0; font-size: 1.5em; font-weight: normal; line-height: 1.333em; }
h3		{ margin: 0.25em 0; font-size: 1.333em; font-weight: normal; line-height: 1.375em; }

input, select, textarea	{ font-family: Arial, sans-serif; font-size: 100%; }

.hidden		{ display: none; }

#container	{ width: 980px; margin: 0 auto; font-size: 0.75em; background: #fff; overflow: hidden; }

#header		{ width: 980px; height: 210px; position: relative; display: inline; float: left; overflow: hidden; }

#logo		{ width: 700px; position: relative; }
#logo a		{ width: 300px; height: 100px; background: url(img/projekthelden_logo.gif) left top no-repeat; position: absolute; left: 30px; top: 10px; display: block; text-indent: -999em; overflow: hidden; }
#logo p		{ width: 380px; height: 90px; background: url(img/projekthelden_slogan.gif) left top no-repeat; position: absolute; left: 155px; top: 98px; display: block; text-indent: -999em; overflow: hidden; }

#navigation		{ width: 240px; position: absolute; left: 758px; top: 66px; }
#navigation ul li		{ margin: 0 0 1px 0; }
#navigation ul li a			{ background: left top no-repeat; display: block; text-indent: -999em; overflow: hidden; }
#navigation ul li.home a		{ width: 48px; height: 19px; background-image: url(img/navigation.gif); background-position: 0 0; }
#navigation ul li.home a:hover, #navigation ul li.home a.active	{ background-image: url(img/navigation.gif); background-position: 0 -29px; }
#navigation ul li.projects a	{ width: 115px; height: 37px; background-image: url(img/navigation.gif); background-position: 0 -58px; }
#navigation ul li.projects a:hover, #navigation ul li.projects a.active	{ background-image: url(img/navigation.gif); background-position: 0 -105px; }
#navigation ul li.articles a	{ width: 92px; height: 30px; background-image: url(img/navigation.gif); background-position: 0 -152px; }
#navigation ul li.articles a:hover, #navigation ul li.articles a.active	{ background-image: url(img/navigation.gif); background-position: 0 -192px; }
#navigation ul li.about-us a	{ width: 124px; height: 33px; background-image: url(img/navigation.gif); background-position: 0 -232px; }
#navigation ul li.about-us a:hover, #navigation ul li.about-us a.active	{ background-image: url(img/navigation.gif); background-position: 0 -275px; }

#navigation-support		{ width: 240px; position: absolute; left: 756px; top: 13px; }
#navigation-support ul	{ margin: 0 0 0 7px; }
#navigation-support ul li	{ margin: 0 1em 0 0; display: inline; float: left; overflow: hidden; }
#navigation-support ul li a		{ color: #2e425a; }
#navigation-support ul li a:hover, #navigation-support ul li a.active	{ text-decoration: underline; }

#content		{ width: 755px; display: inline; float: left; overflow: hidden; }
#content p		{ margin: 0 0 1em 0; line-height: 1.25em; }
#content p.relation					{ margin: 0; }
#content p.relation span.section	{ font-size: 1.167em; line-height: 1.286em; }
#content p.relation span.separator	{ }
#content p.relation span.categories	{ font-size: 0.833em; }
#content p.date						{ margin: 0; }

#title		{ width: 755px; height: 82px; margin: 0 0 2em 0; color: #fff; background: url(img/title_bg.png) left top no-repeat; position: relative; }
#title h1	{ margin: 0; font-size: 2.25em; line-height: 1.296em; position: absolute; left: 155px; top: 15px; }

#text		{ width: 600px; padding: 0 0 0 155px; margin: 0 0 2em 0; overflow: hidden; }
#text h1	{ width: 480px; margin-top: 0; color: #447dae; }
#text div.text-main		{ width: 480px; display: inline; float: left; overflow: hidden; }
#text div.text-main h2	{ margin-top: 1.25em; color: #447dae; }
#text div.text-main h3	{ margin-top: 1em; }
#text div.text-main p	{ font-size: 1.083em; line-height: 1.385em; }
#text div.text-main a	{ color: #447dae; }
#text div.text-sidebar				{ width: 80px; padding: 0 25px 0 15px; display: inline; float: left; overflow: hidden; }
#text div.text-sidebar ul li		{ margin: 0 0 10px 0; }
#text div.text-sidebar ul li img	{ border: 1px solid #e6e6e6; vertical-align: bottom; }

#teasers ul li		{ width: 740px; height: 300px; padding: 10px 0 30px 15px; margin: 0 0 1em 0; color: #000; background: url(img/teaser_bg.png) left top no-repeat; position: relative; }
#teasers ul li div.text					{ width: 260px; position: absolute; left: 458px; top: 55px; }
#teasers ul li div.text h2				{ margin: 0 0 0.5em 0; font-size: 1.5em; line-height: 1.333em; }
#teasers ul li div.text p				{ font-size: 1.083em; line-height: 1.231em; }
#teasers ul li div.text p.text			{ padding: 0 0 0 10px; }
#teasers ul li div.text p.text a		{ color: #447dae; }
#teasers ul li div.text p.more			{ padding: 0 0 0 10px; }
#teasers ul li div.text p.more a:hover	{ text-decoration: underline; }
#teasers ul li div.image				{ position: relative; left: 1px; top: 49px; }
#teasers ul li div.image img			{ width: 420px; height: 260px; vertical-align: bottom; display: block; position: absolute; left: 0; top: 0; }
#teasers ul li div.image span.shadow	{ width: 420px; height: 260px; background: url(img/image_shadow_bg.png) left top no-repeat; display: block; position: absolute; left: 0; top: 0; }
#teasers ul li div.info p.relation		{ position: absolute; left: 25px; top: 25px; }
#teasers ul li div.info p.date			{ position: absolute; left: 458px; top: 27px; }
#teasers ul li.featured					{ color: #fff; background: url(img/feature_bg.png) left top no-repeat; }
#teasers ul li.featured a				{ color: #fff; }
#teasers ul li.featured div.text		{ top: 70px; }
#teasers ul li.featured div.text h2 a		{ color: #fff; }
#teasers ul li.featured div.text p.text a	{ color: #5aa4e5; }
#teasers ul li.featured div.text p.more a	{ color: #fff; }

#sidebar		{ width: 223px; margin: 0 1px 0 0; display: inline; float: right; overflow: hidden; }
#sidebar h2		{ height: 33px; padding: 0.462em 0 0 8px; margin: 0; font-size: 1.167em; font-weight: normal; line-height: 1.231em; color: #fff; background: #2e425a; }

#categories		{ margin: 10px 0 1px 0; background: #e6e6e6; }
#categories h2	{ display: none; }
#categories ul	{ padding: 8px; overflow: hidden; }
#categories ul li	{ width: 102px; display: inline; float: left; overflow: hidden; }
#categories ul li a:hover, #categories ul li a.active	{ text-decoration: underline; }

#feeds div.feed div.header		{ height: 32px; margin: 1px 0 0 0; background: url(img/feeds_header_bg.gif) left top no-repeat; position: relative; }
#feeds div.feed div.header h3	{ padding: 0.5em 8px; margin: 0; font-size: 1.167em; font-weight: normal; color: #fff; }
#feeds div.feed div.header p.icon	{ margin: 0; position: absolute; right: 14px; top: 8px; }
#feeds div.feed div.header p.icon img	{ vertical-align: bottom; }
#feeds div.feed ul		{ padding: 8px 18px 0 8px; }
#feeds div.feed ul li	{ margin: 0 0 1em 0; }
#feeds div.feed ul li p.info	{ font-size: 0.833em; color: #838383; }

#footer			{ width: 980px; padding: 0.5em 0; margin: 2em 0 0 0; display: inline; float: left; overflow: hidden; }
#footer p.copyright	{ margin: 0 0 0 764px; }

body.home #title		{ display: none; }
body.projekte #title	{ display: none; }
body.artikel #title		{ display: none; }
body.kategorien #title	{ display: none; }
body.content #title		{ display: block; }

body.content #title p.relation		{ position: absolute; left: 155px; top: 25px; }
body.content #title p.relation a	{ color: #fff; }
body.content #title p.date			{ position: absolute; left: 648px; top: 27px; }
body.content #text h1				{ color: #000; }

body.english span.name		{ font-size: 2.25em; line-height: 1.296em; }
body.ueber-uns span.name	{ font-size: 2.25em; line-height: 1.296em; }