/* Allgemeiner Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
/*body   { width: 100%; height: 100% }*/
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0; vertical-align: bottom }

.zf    { _zoom: 1; min-height: 1%;  } /* zoom -> IE6-8 */
.zf:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; font-size: 0; }

.clr   { clear: both; height: 15px; }
.col   { float: left; display: inline; position: relative; }
.hd    { display: none !important; }

body    { }

#wrapper  { margin: 50px auto; position: relative; width: 850px; border-bottom: 2px  solid #42433a; border-top: 2px solid #42433a; padding-bottom: 30px; }

#header { background-color: #dcdcdc; height: 110px; }
#logo { position:absolute; top:0; right:0; }
#contentwrap { padding-left: 60px; }
#content { width: 500px; float: left; }
#abbildung { padding: 30px 0 0 27px; width: 250px; float: left; overflow:hidden; }

.abbdia { position:absolute; padding: 40px 0 0 27px; float: left; overflow:hidden; }

.autoclear { overflow: hidden; zoom: 1; }
.display { display: none; }

/* Auflistungen Navigation
#header ul { }
#header ul li  { list-style: none; float: left; }

.subnav a:link, .subnav a:visited, .subnav a:active   { font-size: 12px; } */

/*= NAV 1 ========================================== */
#nav1 { position: absolute; top: 90px; left: 50px;  }

/*#nav1.tr { font-size:12px; top: 87px; }
#nav1.tr a { font-size:12px; }*/

.l1ul            { padding:0; }
.l1ul, .l1ul ul  { list-style-type: none; }

.l1li, .l1lia { line-height: 1px; }

.l1li:hover {  }
.l1ul li.last    { }

.l1ul a  { display: block; text-decoration: none; font-size: 14px; outline: 0; }

.l1a, .l1aa { font-size: 12px; line-height: 18px; padding: 3px 10px; letter-spacing: 1px; }
.l1aa { }

.l1a, .l1a:link, .l1a:visited  { }
.l1a:hover { }

.l1aa, .l1aa:link, .l1aa:visited, .l1aa:hover  { color:#f1892d; background: #ffffff; padding: 6px 10px; }
.l1aa {  }
.l1aa b { }

/*=== FLAGS =================================== */
#lmul { float:right; margin: 0px 181px 0 0; }
#lmul li { overflow: hidden; }
#lmul li a { font-size:10px; text-decoration:none; }
#lmul li a:hover { text-decoration:underline; }
#lmul .notr:hover { }

#lmul .lmlia { }

.notr {  opacity: 0.4; }

#lmul li.de   	{ }
#lmul li.tr 	{ }

/* Stildefinitionen fuer Kontakt */
/*#abbkontakt  { margin-top: 32px; margin-left: 0; position: relative; float: left }*/
#abbkontakt { padding: 30px 0 0 0; width: 300px; float: left; overflow:hidden; }
#abbkontakt p { padding-top:10px; line-height:20px; }
#kontaktcontent  { position: relative; width: 446px; float: left }

/* Stildefinitionen fuer Textstruktur */
body,p,table,a,form,input,textarea   { color: #717171; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px ; line-height: 18px; }
#wrapper h1        { }
#wrapper h1 span { display:none; }

h2 { font-size:36px; line-height: 40px; font-weight:normal; padding: 40px 0 12px 0; color: #f1892d; }
/*h2.tr { font-size:32px; line-height: 40px; font-weight:normal; padding: 37px 0 12px 0; color: #f1892d; }*/

/* Stildefinitionen fuer Accordion */
h3 { font-size:12px; font-weight:normal; }
.ac { font-weight:bold; margin-top:16px; border-bottom: 1px dotted #f1892d; cursor: pointer; padding: 1px 0 3px 20px; background: url(../../media/gfx/layout/pfeil_rechts.jpg) no-repeat 0 5px; }
.acaktiv { margin-top:16px; border-bottom: 1px solid #f1892d; cursor: pointer; padding: 1px 0 3px 20px; background: url(../../media/gfx/layout/pfeil_unten.jpg) no-repeat 0 6px; }
.divaccordion { padding-left: 5px; }

#content p, 
#content ul,
#content ol, 
#content table { padding: 10px 0 0 0; }

#content p { padding-right: 30px; } 

#abbildung p, 
#abbildung ul,
#abbildung ol, 
#abbildung table { padding: 10px 0 0 0; }

formular { }
table td { padding-bottom: 10px; }
table { font-size: 10px; line-height: 11px; }

em        { font-style: italic ; }
strong    { font-style: normal; font-weight: bold }
#abbildung .bu { font-size: 10px; line-height: 12px; padding-top: 5px; }

/* Auflistungen im Content */
#content ul, #content ol {  }

#content ul        { list-style: disc; margin-left: 16px   }
#content ul li     { padding-left: 20px }

#content ol     { list-style: decimal; margin-left: 24px }
#content ol li  { padding-left: 12px }

/* Stile fuer Links generell*/
a, a:link, a:visited, a:active   { text-decoration: none; }
a:hover  { color:#f1892d; }

/* SEITE ARBEITEN */
/* Auflistungen im Abbildung */
#abbildung ul 

#abbildung ul        { }
#abbildung ul li     { list-style: none; padding-bottom: 5px; }
#abbildung ul li.aktiv { background: url(../../media/gfx/layout/arbaktiv.jpg) no-repeat 0 5px; list-style: none; padding-left: 15px; }
#abbildung ul li a.orange { font-weight:bold; color:#f1892d; text-decoration: none; }

#abbildung a, #abbildung a:link, #abbildung a:visited, #abbildung a:active   { text-decoration: underline; }
#abbildung a:hover  { text-decoration: none; color:#f1892d; }

/* DIV */
.pfeil { float:left; height:22px; width:19px; border:0; outline:0; }
#forward { background: url(../../media/gfx/layout/forward.jpg) no-repeat; margin-left: 20px; }
#backward { background: url(../../media/gfx/layout/backward.jpg) no-repeat; }
#contentNavi  { height:50px; display:none; }
#contentNavi p { padding:0; }
#refItemWrap   { height:280px; }
#refText 	{ width: 210px; float:left; }
#naviWrap { float:right; }

.refItem		{ width: 500px; height:250px; }
div.act			{ position: absolute; }
.refContent		{ }
.act h4			{ display: none; }

.zfa { float: left; color:#f1892d; padding-left: 10px; font-weight:bold; }
.zfn { float: left; padding-left: 10px; }