/* BODY ================================================================================================================================ */

html											{ overflow: -moz-scrollbars-vertical !important; }
body 											{ margin: 0; padding: 8px 0 0 0; text-align: center; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #000; background: url(../../gfx/bck.body.gif) left top repeat-x #fff; }
#format											{ width: 941px; padding: 0; text-align: left; margin: auto auto; }

/* ALLGEMEINE FORMATIERUNGEN =========================================================================================================== */

.hide											{ display: none; }

.bordertop										{ border-top: 1px solid #EBEBEB; padding-top: 15px; margin: 0; }
.borderbottom									{ border-bottom: 1px solid #EBEBEB; margin-bottom: 15px; }

/* BEREICHSÜBERGREIFENDE FORMATIERUNGEN ================================================================================================ */

a:link											{ color: #C80000; }
a:visited										{ color: #787878; }
a:hover, a:active,
a:focus											{ color: #000; }

/* HEADER ============================================================================================================================== */

#header											{ height: 182px; padding: 20px 20px 0 20px; margin: 0; background: url(../../gfx/bck.header.gif) left top no-repeat; }

#header h1, #header h2							{ float: left; height: 180px; padding: 0; margin: 0; border: 1px solid #fff; }
#header h1										{ width: 179px; background: url(../../gfx/header.h1.gif) left top no-repeat #fff; }
#header h2										{ width: 719px; background: #fff; border-left: none; }

/* NAVI ================================================================================================================================ */

#navi											{ padding: 0 20px 0 20px; margin: 0; background: url(../../gfx/bck.navi.gif) left top no-repeat; line-height: 15px; }

#navi ul										{ height: 45px; padding: 0; margin: 0; background: url(../../gfx/bck.navi.ul.gif) left top repeat-x; border: 1px solid #fff; border-top: none; }
#navi li										{ position: relative; float: left; list-style: none; }

#navi li a										{ float: left; width: 169px; padding: 15px 0 15px 10px; color: #fff; text-decoration: none; border-right: 1px solid #fff; background: url(../../gfx/bck.navi.a.gif) left top repeat-x; }
#navi li.home a									{ width: 169px; padding-left: 10px; background: url(../../gfx/bck.navi.a.gif) left -90px repeat-x; }
#navi li.twoline a								{ padding: 8px 0 7px 10px; }

#navi li a:link,
#navi li a:visited								{ /*noch kein stil */ }
#navi li a:hover,
#navi li a:active,
#navi li a:focus								{ background-position: left -45px; }

#navi li a.active:link,
#navi li a.active:visited,
#navi li a.active:hover,
#navi li a.active:active,
#navi li a.active:focus							{ background-position: left -45px; }

#navi li ul										{ display: none; width: 180px; position: absolute; left: 0; top: 100%; padding: 0; margin: 0; list-style: none; z-index: 1000; border: none; border-top: 1px solid #b4b4b4; }
#navi li ul li									{ clear: both; float: none; margin: 0; }

#navi li ul li a:link,
#navi li ul li a:visited						{ float: none; height: 1%; width: auto; display: block; padding: 10px 9px 14px 10px; text-decoration: none; cursor: pointer; background: url(../../gfx/bck.navi.sub.a.gif) left bottom repeat-x #828282; }
#navi li ul li a:hover,
#navi li ul li a:active,
#navi li ul li a:focus,
#navi li ul li a.active:link,
#navi li ul li a.active:visited,
#navi li ul li a.active:hover,
#navi li ul li a.active:active,
#navi li ul li a.active:focus					{ background-position: left bottom; background-color: #c80000; }

#navi li:hover ul, #navi li.over ul				{ display: block; }

/* INHALT ============================================================================================================================== */

#main											{ float: left; width: 901px; padding: 0 20px 0 20px; margin: 0; background: url(../../gfx/bck.main.gif) left top repeat-y; }

/* NAVI 2 ------------------------------------------------------------------------------------------------------------------------------ */

#navi2											{ float: left; width: 179px; padding: 0; margin: 0; border: 1px solid #fff; border-top: none; line-height: 15px; }
#navi2 li										{ float: left; list-style: none; }

#navi2 li a										{ float: left; width: 160px; color: #323232; padding: 10px 9px 14px 10px; text-decoration: none; background: url(../../gfx/bck.navi2.a.gif) left bottom no-repeat; }

#navi2 li a:link,
#navi2 li a:visited								{ background-color: #CDCDCD; }
#navi2 li a:hover,
#navi2 li a:active,
#navi2 li a:focus								{ background-color: #EBBEBE; }

#navi2 li a.active:link,
#navi2 li a.active:visited,
#navi2 li a.active:hover,
#navi2 li a.active:active,
#navi2 li a.active:focus						{ background-color: #EBA5A5; }

#navi2 li.l2 a:link,
#navi2 li.l2 a:visited							{ background-color: #DCDCDC; }
#navi2 li.l2 a:hover,
#navi2 li.l2 a:active,
#navi2 li.l2 a:focus							{ background-color: #EBBEBE; }

#navi2 li.l2 a.active:link,
#navi2 li.l2 a.active:visited,
#navi2 li.l2 a.active:hover,
#navi2 li.l2 a.active:active,
#navi2 li.l2 a.active:focus						{ background-color: #EBA5A5; }

#navi2 li.l3 a:link,
#navi2 li.l3 a:visited							{ background-color: #F0F0F0; }
#navi2 li.l3 a:hover,
#navi2 li.l3 a:active,
#navi2 li.l3 a:focus							{ background-color: #EBBEBE; }

#navi2 li.l3 a.active:link,
#navi2 li.l3 a.active:visited,
#navi2 li.l3 a.active:hover,
#navi2 li.l3 a.active:active,
#navi2 li.l3 a.active:focus						{ background-color: #EBA5A5; }

/* SUBNAVI ----------------------------------------------------------------------------------------------------------------------------- */

#navi2 .subnavi									{ float: left; width: 179px; padding: 0; margin: 0; }
#navi2 .subnavi li								{ float: left; list-style: none; }

#navi2 .subnavi li a							{ float: left; width: 150px; color: #323232; padding: 3px 6px 5px 23px; text-decoration: none; background: url(../../gfx/bck.subnavi.a.gif) left bottom no-repeat; }

#navi2 .subnavi li a:link,
#navi2 .subnavi li a:visited					{ background-color: #EBBEBE; }
#navi2 .subnavi li a:hover,
#navi2 .subnavi li a:active,
#navi2 .subnavi li a:focus						{ background-color: #EBA5A5; }

#navi2 .subnavi li a.active:link,
#navi2 .subnavi li a.active:visited,
#navi2 .subnavi li a.active:hover,
#navi2 .subnavi li a.active:active,
#navi2 .subnavi li a.active:focus				{ background-color: #EBA5A5; }

/* CONTENT ----------------------------------------------------------------------------------------------------------------------------- */

.note_important, .note_alert					{ float: left; width: 689px; margin: 0; padding: 4px 0 7px 30px; color: #fff; }
.note_important									{ background: url(../../gfx/i.alert.ani.gif) 7px 7px no-repeat #C80000; }
.note_alert										{ background: url(../../gfx/i.alert.ani.gif) 7px 7px no-repeat #C80000; }

#content										{ float: right; width: 720px; margin: 0; padding: 0; }

#pagefunctions									{ float: right; width: 700px; padding: 14px 0 15px 0; margin: 0; border-top: 1px solid #EBEBEB; }
#pagefunctions li								{ float: left; list-style: none; }
#pagefunctions a								{ color: #646464; text-decoration: none; padding: 2px 20px 2px 20px; }
#pagefunctions a.backlink						{ background: url(../../gfx/i.backlink.gif) 0 2px no-repeat; }
#pagefunctions a.toplink						{ float: left; background: url(../../gfx/i.toplink.gif) 0 2px no-repeat; }
#pagefunctions a.printlink						{ float: left; background: url(../../gfx/i.printlink.gif) 0 2px no-repeat; }
#pagefunctions a:hover							{ color: #C80000; background-position: 0 -23px; }

.leftcol										{ float: left; width: 525px; padding: 20px 0 0 20px; margin: 0; }

.onecol, .imgcontainer, .lastimgcontainer		{ float: left; width: 155px; padding: 0 20px 0 0; }
.twocol											{ float: left; width: 330px; padding: 0 20px 0 0; }

.trecol, .trecol_cont, .trecol_cont_bb			{ float: left; width: 505px; padding: 0 20px 0 0; }
.trecol_cont									{ padding: 0; margin: 0; }
.trecol_cont_bb									{ padding: 0; margin: 0 0px 15px 0; border-bottom: 1px solid #EBEBEB; }
.trecol_cont .twocol,
.trecol_cont_bb .twocol							{ padding: 0; }

.quacol											{ float: left; width: 680px; padding: 0 20px 0 0; }
.rightcol										{ float: left; width: 155px; padding: 20px 20px 0 0; }

p, h2, h3, ul 									{ padding: 0 0 15px 0; margin: 0; }
h2												{ float: left; width: 520px; color: #C80000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; }
h3												{ font-weight: bold; font-size: 11px; }
h4												{ padding: 0; margin: 0; font-weight: bold; font-size: 11px; }
h4.col											{ color: #C80000; }

ul.bulletlist li								{ margin: 0; padding: 0 0 0 15px; list-style: none; background: url(../../gfx/li.bulletlist.gif) left top no-repeat; }

.leftcol img									{ border: 1px solid #EBEBEB; margin: 0 0 0 0; }
.legend											{ color: #A0A0A0; font-size: 9px; }
.note											{ color: #A0A0A0; font-size: 9px; }
.leftcol img.noborder							{ border: 0; margin: 0;  }
.imgcontainer									{ background: red; }
.lastimgcontainer								{ padding: 0; }

.missing_content								{ color: #C80000; font-weight: bold; }

.checkedlist li									{ list-style: none; margin: 0 0 1px 0; }
.checkedlist li.checked,
.checkedlist li.unchecked						{ background: url(../../gfx/i.checkedlist.gif) left 5px no-repeat; padding: 0 0 0 18px; margin: 0; }
.checkedlist li.unchecked						{ color: #969696; background-position: left -45px; }

.linklist li									{ margin: 0; padding: 0 0 0 11px; list-style: none; background: url(../../gfx/i.linklist.gif) 0px 2px no-repeat; }
.linklist li a:link								{ color: #000; text-decoration: none; }
.linklist li a:visited							{ color: #787878; text-decoration: none; }
.linklist li a:hover,
.linklist li a:active,
.linklist li a:focus							{ color: #C80000; text-decoration: underline; }

.linklist li a.col:link							{ color: #C80000; }
.linklist li a.col:visited						{ color: #787878; }
.linklist li a.col:hover,
.linklist li a.col:active,
.linklist li a.col:focus						{ color: #000; }

p.download_pdf									{ padding: 0 0 20px 35px; background: url(../../gfx/i.download_pdf.gif) 0 5px no-repeat; }

a.zoomlink										{ display: block; padding: 2px 2px 3px 20px; text-decoration: none; background: url(../../gfx/i.zoomlink.gif) 4px 5px no-repeat; font-size: 9px; line-height: 18px; }
a.zoomlink:link,
a.zoomlink:visited								{ background-color: #EBEBEB; color: #646464; }
a.zoomlink:hover,
a.zoomlink:active,
a.zoomlink:focus								{ background-color: #EBBEBE; color: #C80000; background-position: 4px -15px; }

/* HEROS UND TEASER -------------------------------------------------------------------------------------------------------------------- */

.hero, .teaser									{ margin: 0 0 20px 0; font-size: 9px; line-height: 15px; }
.hero h3, .teaser h3							{ padding: 7px 10px 8px 10px; margin: 0; font-weight: bold; font-size: 11px; line-height: 15px; border-bottom: 1px solid #fff; }
.hero p, .teaser p								{ padding: 0; margin: 0; }
.hero a, .teaser a								{ height: 1%; display: block; }

.hero a, .teaser a								{ padding: 70px 0 0 0; text-decoration: none; background-position: left top; background-repeat: no-repeat; }
.hero a em, .teaser a em						{ padding: 7px 10px 8px 10px; display: block; font-style: normal; border-top: 1px solid #fff; }

.hero h3										{ color: #fff; background: url(../../gfx/bck.herohead.gif) left top repeat-x; }
.hero a:link,
.hero a:visited,
.hero a:link em,
.hero a:visited em								{ background-color: #EB0000; color: #fff; }
.hero a:hover,
.hero a:active,
.hero a:focus,
.hero a:hover em,
.hero a:active em,
.hero a:focus em								{ background-color: #EBBEBE; color: #C80000; }

.teaser h3										{ color: #323232; background: url(../../gfx/bck.teaserhead.gif) left top repeat-x; }
.teaser a:link,
.teaser a:visited,
.teaser a:link em,
.teaser a:visited em							{ background-color: #EBEBEB; color: #323232; }
.teaser a:hover,
.teaser a:active,
.teaser a:focus,
.teaser a:hover em,
.teaser a:active em,
.teaser a:focus em								{ background-color: #EBBEBE; color: #C80000; }

/* FUSSZEILE =========================================================================================================================== */

#footer											{ clear: left; font-size: 9px; color: #787878; text-align: center; padding: 10px 0 10px 0; margin: 0 15px 0 15px; border-top: 5px solid #EBEBEB; }

/* FORMULARE =========================================================================================================================== */

form											{ margin: 0; padding: 0 0 20px 0; }

form h3											{ padding: 15px 0 0 0; }

.man, .opt, .void, .info						{ margin: 1px 0 0 0; }

.man input, .man textarea,
.opt input, .opt textarea,
.void input, .void textarea						{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; overflow: hidden; background: transparent; border: 0px solid; }

.fieldcontainer									{ padding: 4px; }

.man label, .opt label, .void label,
.info label, .checkboxhead, .radiohead,
.innerformalert, .innerformnote					{ display: block; padding: 1px 4px 2px 5px; }

.innerformalert									{ color: #C80000; background: #FAE6E6; border-top: 1px solid #fff; }

.man											{ background: #E6E6E6; color: #646464; }
.man .fieldcontainer							{ background: #F0F0F0; }
.man input, .man textarea						{ color: #000; }

.opt											{ background: #E6E6E6; color: #646464; }
.opt .fieldcontainer							{ background: #F0F0F0; }
.opt input, .opt textarea						{ color: #000; }

.void											{ background: #C80000; color: #fff; }
.void .fieldcontainer							{ background: #FAE6E6; }
.void input, .void textarea						{ color: #C80000; }
.void label, .void .radiohead,
.void .checkboxhead								{ padding: 2px 4px 2px 23px; background: url(../../gfx/i.form.alert.ani.gif) 6px 6px no-repeat; }

.info											{ background: #F0F0F0; color: #969696; }
.info .fieldcontainer							{ background: #FAFAFA; }
.info .infovalue								{ color: #969696; }
.info label										{ padding: 2px 4px 2px 21px; background: url(../../gfx/i.form.info.gif) 6px 6px no-repeat;}

.opt .xcheckbox, .opt .checkbox,
.man .xcheckbox, .man .checkbox,
.void .xcheckbox, .void .checkbox,
.opt .xradio, .opt .radio,
.man .xradio, .man .radio,
.void .xradio, .void .radio						{ cursor: pointer; height: 1%; display: block; }

.xcheckbox label, .checkbox label,
.xradio label, .radio label						{ background: transparent; margin: 0px 0px 0px 20px; padding: 1px 0px 1px 0px; }

.opt .checkbox									{ background: url(../../gfx/checkbox.gif) 0px 0px no-repeat; color: #646464; }
.opt .xcheckbox									{ background: url(../../gfx/checkbox.gif) 0px -50px no-repeat; color: #646464; }
.opt .radio										{ background: url(../../gfx/radio.gif) 0px 0px no-repeat; color: #646464; }
.opt .xradio									{ background: url(../../gfx/radio.gif) 0px -50px no-repeat; color: #646464; }

.man .checkbox									{ background: url(../../gfx/checkbox.gif) 0px -100px no-repeat; color: #646464; }
.man .xcheckbox									{ background: url(../../gfx/checkbox.gif) 0px -150px no-repeat; color: #646464; }
.man .radio										{ background: url(../../gfx/radio.gif) 0px -100px no-repeat; color: #646464; }
.man .xradio									{ background: url(../../gfx/radio.gif) 0px -150px no-repeat; color: #646464; }

.void .checkbox									{ background: url(../../gfx/checkbox.gif) 0px -200px no-repeat; color: #C80000; }
.void .xcheckbox								{ background: url(../../gfx/checkbox.gif) 0px -250px no-repeat; color: #C80000; }
.void .radio									{ background: url(../../gfx/radio.gif) 0px -200px no-repeat; color: #C80000; }
.void .xradio									{ background: url(../../gfx/radio.gif) 0px -250px no-repeat; color: #C80000; }

a.submit:link,
a.submit:visited								{ height: 1%; display: block; padding: 2px 4px 4px 8px; text-decoration: none; color: #FFF; background: #B4B4B4; margin: 1px 0 0 0; }
a.submit:hover,
a.submit:active,
a.submit:focus									{ color: #FFF; background: #C80000; }

a.abort:link,
a.abort:visited									{ height: 1%; display: block; padding: 2px 4px 4px 8px; text-decoration: none; color: #000; background: #F0F0F0; margin: 1px 0 0 0; }
a.abort:hover,
a.abort:active,
a.abort:focus									{ color: #FFF; background: #C80000; }