/* color definitions */

.green { color: #396C34; }
.greenlight { color: #91ADA4; }
.black { color: #0E2229; }
.grey { color: #656466; }

.bluedark { color: #285B6E; }
.bluelight { color: #E2E5E8; }

/* basic page styles */
html, address, blockquote, body, div, dl, dt, dd, fieldset, form,
p, h1, h2, h3, h4, h5, h6, ol, ul, li, center, hr, pre,
table, tr, td, th, thead, tbody, tfoot, caption, img {
 margin: 0; padding: 0; border: 0;
}

html, body { 
 height: 100%; 
}
html, body, td {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size: 12px;
 color: #285B6F;
 color: #0E2229;
}

body {
 position: relative;
 background: #396C34 url(images/wrappage-bg.gif) repeat-y 50% 0%; 
}

/* basic link styles */
a {
 color: #0E2229;
}
a:hover {
 color: #396C34;
}

#wrappage {
 width: 898px;
 position: relative;
 margin: 0 auto;
} 
#head {
 height: 200px;
 width: 898px;
 background: url(images/seitenansicht.gif) no-repeat 100% 100%;
}
#logo {
 position: absolute;
 left: 40px;
 top: 10px;
}
#service-menu {
 position: absolute;
 top: 5px;
 right: 5px;
 width: 300px;
 height: 20px;
 font-size: 11px;
}
#service-menu ul {
 float: right;
}
#service-menu li {
 float: left;
 list-style-type: none;
 margin-left: 5px;
 color: #0E2229;
}
#service-menu li a {
 text-decoration: none;
}
#service-menu li a:hover {
 text-decoration: underline;
}



.green{ color: #396C34; }
.greenlight { color: #91ADA4; }
.black { color: #0E2229; }
.grey { color: #656466; }

.bluedark { color: #285B6E; }
.bluelight { color: #E2E5E8; }


#menu {
 position: absolute;
 top: 210px;
 left: 0;
 width: 100%;
 height: 29px;
 background: #E2E5E8;
 z-index: 1000;
 border-top: 1px solid #91ADA4;
 border-bottom: 1px solid #91ADA4;
 border-top: 1px solid #285B6E;
 border-bottom: 1px solid #285B6E;
}
#menu ul {
 float: left;
 list-style: none;
 line-height: 1em;
 padding: 3px 0 3px 0;
 padding: 0 0 3px 0;
 margin: 0 0 0 20px;
}
#menu ul ul {
/* background: #dddddd; */
 background: #E2E5E8;
 padding-bottom: 0;
 margin-bottom: 0;
 margin-left: 0;
 font-size: .9em;
}
#menu ul ul ul {
 font-size: 1em;
}
 
#menu a {
 display: block;
 color: #353535;
 text-decoration: none;

 padding-top: 9px;
 padding-right: 15px;
 padding-bottom: 8px;
 padding-left: 14px;

 margin: 0;
 border: 0;
}
#menu li ul a {
 padding-top: 6px;
 padding-bottom: 6px;
}

#menu li.logo a {
 padding-right: 20px;
/* background: url(images/navigation-logo.gif) no-repeat 100% 50%; */
}
#menu li.logo li a {
 padding-right: 0;
 background-image: none;
}

#menu a.active { color: #396C34; font-weight: bold; }

#menu a.menuparent  {
/*	background: url(images/navigation_a_active2.gif) no-repeat 90% 40%; */
}
 
#menu li {
 float: left;
 padding: 0;
}
 
#menu li ul {
 position: absolute;
 left: -999em;
 height: auto;
 width: 170px;
 font-weight: normal;
 border-width: 1px;
 border-bottom: 1px solid #940035;
 border-bottom: 1px solid #91ADA4;
 border-bottom: 1px solid #285B6E;
}
 
#menu li li {
 width: 170px;
 border-top: 1px solid #940035;
 border-top: 1px solid #91ADA4;
 border-top: 1px solid #285B6E;
}
 
#menu li ul a {
 width: 150px; 
 border-left: 0;
}
 
#menu li ul ul {
 margin: -25px 0 0 160px; 
}
 
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
 left: -999em;
}
 
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
 left: auto;
}
 
#menu li:hover, #menu li.sfhover {
 color: #fff;
/* background: #bbbbbb; */
}

#menu li:hover a:hover, #menu li.sfhover a:hover {
 color: #396C34;
}



#content-area {
 position: absolute;
 overflow: visible;
 width: 730px;
 left: 60px;
 top: 300px;
 margin-left: 9px;
/* border: 1px solid #285B6E; */
}

#content-area p, #content-area h1, #content-area h2, #content-area h3, #content-area h4 {
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 line-height: 16px;
}
#content-area ol, #content-area ul {
 margin-left: 10px;
 margin-right: 10px;
 padding-bottom: 10px;
 line-height: 16px;
}

#content-area h1, #content-area h2, #content-area h3, #content-area h4 {
 margin: 1px;
 padding: 9px;
 line-height: 16px;
 background: #F0F1F3;
 background: #F4F4F4;
 color: #38697A;
 color: #396C34; 
/* color: #0E9D00; */
 border-top: 1px solid #285B6E;
}
#content-area h1 {
/* border-top: 1px solid #369C34; */
}
#content-area h2, #content-area h3, #content-area h4 {
 font-style: italic;
}
#content-area .z1 h1, #content-area .z1 h2, #content-area .z1 h3, #content-area .z1 h4,
#content-area .z12 h1, #content-area .z12 h2, #content-area .z12 h3, #content-area .z12 h4,
#content-area .z21 h1, #content-area .z21 h2, #content-area .z21 h3, #content-area .z21 h4,
#content-area .z11 h1, #content-area .z11 h2, #content-area .z11 h3, #content-area .z11 h4,
#content-area .z111 h1, #content-area .z111 h2, #content-area .z111 h3, #content-area .z111 h4 {
/* border-bottom: 1px solid #285B6E; */
}
#content-area h1{
 font-size: 15px; 
} 
#content-area h2{
 font-size: 14px; 
}
#content-area h3{
 font-size: 13px; 
} 
#content-area h4 {
 font-size: 12px; 
}


#content-area ol, #content-area ul {
 padding-left: 20px;
}
#content-area li {
 margin: 4px;
}
#content-area a {
 font-weight: bold;
}

.c {
 clear: both;
 height: 1px;
}
.line {
 height: 1px;
}
.z1, .z11, .z21, .z12, .z111 {
 margin-bottom: 15px;
}
.z1 {
 background: url(images/spalten/bottom1.gif) no-repeat 0% 100%;
}
.z1 .line {
 background: url(images/spalten/top1.gif) no-repeat;
}
.z11 {
/* background: url(images/spalten/bottom11.gif) no-repeat 0% 100%; */
}
.z11 .line {
/* background: url(images/spalten/top11.gif) no-repeat; */
}
.z11c1 {
 float: left;
 width: 360px;
}
.z11c2 {
 float: right;
 width: 360px;
}
.z12 {
 background: url(images/spalten/bottom12.gif) no-repeat 0% 100%;
}
.z12 .line {
 background: url(images/spalten/top12.gif) no-repeat;
}
.z12c1 {
 float: left;
 width: 196px;
}
.z12c2 {
 float: right;
 width: 424px;
}
.z21 {
 background: url(images/spalten/bottom21.gif) no-repeat 0% 100%;
}
.z21 .line {
 background: url(images/spalten/top21.gif) no-repeat;
}
.z21c1 {
 float: left;
 width: 421px;
}
.z21c2 {
 float: right;
 width: 199px;
}
.z111 {
 background: url(images/spalten/bottom111.gif) no-repeat 0% 100%;
}
.z111 .line {
 background: url(images/spalten/top111.gif) no-repeat;
}
.z111c1 {
 float: left;
 width: 196px;
 margin-right: 10px;
}
.z111c2 {
 float: left;
 width: 215px;
}
.z111c3 {
 float: right;
 width: 199px;
}


li dfn, .usb {
 display: block;
 position: absolute;
 left: -5000px;
 height: 0px;
 width: 0px;
}
acronym {
 cursor:help;
 border-bottom: 1px dotted #666;
}
abbr {
 cursor:help;
 border: none;
}