div, ul, dl { margin: 0; padding: 0; }

body { background: #1d1d1d url(body_bg.png); color: white; margin: 0 auto; width: 900px;
	font-family: UnDotum, "Liberation Sans", Calibri, Arial, sans-serif; font-size: 95%; }
a { color: white; text-decoration: underline; }
a img { border: none; }

#menu_main, #menu_products, #teaser_main { margin-bottom: 6px; }
#menu_main a, #menu_products a { text-decoration: none; }

#menu_main { background: #baff00; color: black; text-align: right; }
#menu_main a { color: black; }
#menu_main ul { padding: 2em 1em .5em 1em; }
#menu_main li { display: inline; font-weight: bold; text-transform: uppercase; padding: .5em; }

#menu_products { background: #e5e5e5; color: #222; overflow: hidden; /*hasLayout*/ width: 100%; }
#menu_products .info, #menu_products .products { min-height: 134px; }

#menu_products .info { float: left; width: 207px; background: #e5e5e5 url(big_arrow_left.png) right top no-repeat;
	padding: 10px 78px 10px 20px; }
#menu_products .info h1 { font-size: 1.2em; font-weight: bold; margin: .2em 0; padding: 0; }

#menu_products .products { background: #222; float: right; width: 555px; padding: 20px 20px 0 20px; }
#menu_products li { list-style-type: none; font-size: 1.2em; line-height: 1.5em; }
#menu_products li a { padding-left: 20px; }
#menu_products li .title { color: #baff00; font-weight: bold; text-transform: uppercase; padding-right: 1em; }
#menu_products li.other { font-size: .9em; text-align: right; margin-top: .8em; }
#menu_products li.other a { color: #baff00; }

#teaser_main { background: #87acff url(teaser_wolken.jpg); height: 240px; position: relative; }
#teaser_main img { position: absolute; top: -44px; left: -75px; }

#content { overflow: hidden; background: #222; padding-bottom: 1em; border-bottom: 6px solid #baff00; }
#content>* { padding-left: 20px; padding-right: 20px; }

#content .supplemental { float: right; width: 227px; }
#content .main { width: 590px; }

.supplemental .theme { float: left; border: 1px solid #333; padding: 5px; margin: 0 0 10px 0px; background: #2d2d2d; }
.main .theme { float: right; border: 1px solid #333; padding: 5px; margin: 0 0 10px 10px; background: #2d2d2d; }
.main .theme .bildtext, .supplemental .theme .bildtext { font-size: .8em; }
.supplemental .theme .bildtext { text-align: left; }
.main .theme .bildtext { text-align: right; }
.main p { overflow: hidden; }

h1 { background: #e5e5e5; color: #222; font-size: 1.3em; margin: 0; padding-top: 1.3em; padding-bottom: .5em; }
h2 { font-size: 1.2em; color: #baff00; font-weight: normal; margin: 20px 0; }
p { margin: .5em 0; }

#content ul li { list-style-image: url(small_dotted_arrow_right.png); }
#content ol li, #content ul li { margin: .5em 0 .5em 25px; }

/* Impressum */
address { float: left; font-style: normal; margin: 1em; }
address img { margin-top: 1em; }

/* Referenzen / Weitere Produkte */
.reference { background: url(medium_arrow_left.png) no-repeat 530px top; overflow: hidden; /*hasLayout*/ zoom: 1; margin: 2em 0 3em 0; }
.reference img { float: left; margin-right: 48px; }
.reference .details { overflow: hidden; /*hasLayout*/ zoom: 1; margin: 0; }
.reference h3, .reference h4 { font-weight: normal; font-size: 1em; color: #baff00; margin: 0; }
.reference h3 { font-weight: bold; }
.reference h4 { font-size: 1em; color: #baff00; margin-top: 1em; }
.reference li { list-style-type: none; }

/* Kontaktformular */
form + h1, p + h1 { margin-top: 2em; }
label { display: block; float: left; width: 12em; }