
/* Allgemein */
* {
margin: 0;
padding: 0;
}
html{ 
border: 0; 
padding: 0; 
margin: 0; 
} 
#film-pos {
width:460px;
height:380px;
margin-top:-0px;
margin-left:-10px;
}
* html #wrap {
height:100%
}
a {
color:#009900;
}
img.left {
padding: 3px 10px 7px 0;
float:left;
}
img.right {
padding: 3px 0 7px 0;
float:right;
}
.head {
border-bottom: 1px solid #dbdddb;
padding: 0 0 5px 0;
color:#0e4724;
}
#head-line {
margin-left: auto; 
margin-right: auto;
background: #fff url(img/header-hg.gif) top center no-repeat;
}
#wrap {
border-left:1px solid #e5f0ea;
border-right:1px solid #e5f0ea;
width:849px;
margin-left: auto; 
margin-right: auto;
min-height:100%;
}
#right .sec-nav { 
height:45px;
}
#right ul.sec-nav { 
background: #ebf2ee url(img/bg-subnav.jpg) top left no-repeat;
float:left;
width:211px;
line-height:2.5em;
color:#fff;
font-size: 10px; 
text-transform: uppercase;
padding-left: 13px;
}
#right ul.sec-nav li { 
float:left;
}
#right li.home a { 
padding: 0 15px;
float:left;
background: url(img/navi/home-nav.gif) top left no-repeat;
}
#right li.activeH { 
color:#fefe87;
float:left;
padding: 0 15px;
background: url(img/navi/home-navA.gif) top left no-repeat;
}
#right li.home a:hover { 
float:left;
background: url(img/navi/home-navA.gif) top left no-repeat;
}
#right li.kontakt a { 
padding: 0 10px  0 17px;
float:left;
background: url(img/navi/kontakt-nav.gif) top left no-repeat;
}
#right li.kontakt a:hover { 
background: url(img/navi/kontakt-navA.gif) top left no-repeat;
}
#right li.activeK { 
color:#fefe87;
float:left;
padding: 0 10px  0 17px;
background: url(img/navi/kontakt-navA.gif) top left no-repeat;
}

#right li.sitemap a { 
padding: 0 0 0 17px;
float:left;
background: url(img/navi/sitemap-nav.gif) top left no-repeat;
}
#right li.sitemap a:hover { 
color:#fefe87;
background: url(img/navi/sitemap-navA.gif) top left no-repeat;
}
#right li.activeS { 
color:#fefe87;
padding: 0 0 0 17px;
float:left;
background: url(img/navi/sitemap-navA.gif) top left no-repeat;
}
#right ul.sec-nav a { 
color:#fff;
}
#right ul.sec-nav a:hover { 
color:#fefe87;
}
.breadcrumb {
padding-bottom:20px;
font-size:7pt;
text-transform: uppercase;
color:#0e4724;
}
.breadcrumb a {
padding-right: 5px;
text-decoration:underline;
color:#0e4724;
}

.logo-pos { 
position:relative;
top:-120px;
left:670px;
}
.thumbnail {
margin: 0 2px 2px 0;
float:left;
padding:2px;
border: 1px #ccc solid;
}
img {
border: none;
}
img.border a {
margin:0
}
img.border a:hover {
border-bottom:3px solid #ff9988;
}
.pos-02 {
display:block;
float:left;
padding:0;
margin:0 5px 5px 0;
width:285px;
}
.pos-02 h4 {
padding: 0 0 5px 18px;
color:#0e4724;
font-size:11px;  
}
.pos-02 h5 {
font-weight:normal;
margin:0;
padding: 0 0 5px 18px;
color:#0e4724;  
font-size: 9pt;  
}
.pos-02 img {
margin:0;
text-align:left;
background:#000;
float:left;
}
.pos-02 a {
float:right;
margin-left:10px;
}
.pos-02 a.button {
font-weight:bold;
font-size: 7pt;  
text-transform: uppercase;
color:#009900;
float:right;
margin-left:10px;
padding: 2px 10px 2px 10px;
}
.pos-02 .pleft {
font-size: 9pt;  
float:left;
display:block;
width:150px;
}
.pos-03 {
display:block;
float:left;
padding:0;
margin:0 20px 5px 0;
width:270px;
}
.pos-03 a.button {
font-weight:bold;
font-size: 7pt;  
text-transform: uppercase;
color:#009900;
float:right;
margin-left:10px;
padding: 2px 10px 10px 10px;
}
.pos-03 h4 {
border-bottom: 1px solid #dbdddb;
padding: 0 0 5px 0;
color:#0e4724;
font-size:11px;  
}
.pos-03 h5 {
text-align: justify;
font-weight:normal;
margin:0;
padding: 10px 0 10px 15px;
color:#0e4724;  
font-size: 9pt;  
}
.pos-04 {

display:block;
float:left;
padding:0;
margin:0 20px 20px 0;
width:530px;
}
.pos-04 h4 {
background:#edeaea;
border-bottom: 1px solid #dbdddb;
padding: 10px 0 3px 10px;

color:#0e4724;
font-size:11px;  
}
.pos-04 h5 {
text-align: justify;
font-weight:normal;
margin:0;
padding: 10px 0 10px 15px;
color:#0e4724;  
font-size: 9pt;  
}
.pos-04 p {
padding-left:10px;
float:left;  
padding-top:10px;
}
.pos-04 a.button {
width:450px;
border-bottom: 1px dotted #ccc;
font-weight:bold;
font-size: 7pt;  
text-transform: uppercase;
color:#009900;
float:left;
margin-left:10px;
padding:5px 10px 2px 10px;
}
.pos-01 {
float:left;
padding:0;
width:570px;
}
.pos-01 h3 {

padding: 10px 0 0 18px;
color:#0e4724;  
margin:0;
}
.pos-01 img.bg {
background:#
text-align:right;
float:left;
padding:0 5px 0 10px ;
}
.pos-01 a {
float:left;
margin-left:10px;
}
.pos-01 p {
margin:0;
padding-left:0px;
font-size: 9pt;  
float:left;
display:block;
width:310px;
}
h1 {
padding-top:15px;
font: bold 30px sans-serif; 
text-align:left; 
padding-bottom:20px;
color:#0e4724;
}
h2 {
color:#0e4724;
font: bold 1.6em Arial,sans-serif;
padding-bottom: 4px;
}
a { 
text-decoration: none;
}

li {
list-style-type:none;
}
.clearer {
clear: both;
}
body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
font: normal 11px "Arial",sans-serif;
}
* html #inner-wrap {
height:1px;
}


#flashcontent {
float:left;
border-top: 1px solid #5B5A5C;
background: #000;
width: 625px;
height: 205px;
}
/* Footer Bereich */

#footer {
float:left;
background:#556699;
position:absolute;
bottom:0;
height:40px;
width:100%;
text-align:center;
}
.right { 
margin-left: 20px;
}
.bottom {
height:20px;
width:849px;
padding: 20px 0 20px 0;
border-top: 1px solid #ccc;
background: #0a612d;
margin-left: auto; 
margin-right: auto;
text-align: left;
color:#fff;
font-size: 8pt;
}
.bottom ul {
margin-top:-15px;
float:right; 
padding-right:20px; 
}
.bottom li.navbottom01 {
line-height: 1.4em;
font-size: 8pt;
float:left;
list-style-type: none;
}	
.bottom li.navbottom01 a { 
text-transform: uppercase;
padding-left:20px;
padding-right: 20px;
color:#fff;
}
.bottom li.navbottom01 a:hover, .bottom li.navbottom01 a.active { 
color:#fffa00;
}
/* header */
#fade0 {
background: #0a612d;
color: #f4f3f3;
height:22px;
line-height: 20px;
}
#fade0 a.navi, #fade0 a.navi:active, #fade0 a.navi:visited { 
clear:both; 
width:84px;
float: left;  
color:#fff; 
text-decoration:none;  
background: #13602c; 
padding-left:22px; 
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
}
#fade0 a.aktiv, #fade0 a.aktiv:active, #fade0 a.aktiv:visited { 
padding-left:22px; 
clear:both; 
width:84px;
float: left;  
color:#fefe87; 
text-decoration:none;  
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* browserhack für safari */
#fade0 a.aktiv, #fade0 a.aktiv:active, #fade0 a.aktiv:visited { 
padding-left:22px; 
clear:both; 
width:95px;
float: left;  
color:#fefe87; 
text-decoration:none;  
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
}
}
#fade01 {
background: #0a612d;
color: #f4f3f3;
height:22px;
line-height: 20px;
}
#fade01 a.navi, #fade01 a.navi:active, #fade01 a.navi:visited { 
clear:both; 
width:61px;
float: left;  
color:#fff; 
text-decoration:none;  
background: #13602c; 
padding-left:27px; 
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
}
#fade01 a.aktiv, #fade01 a.aktiv:active, #fade01 a.aktiv:visited { 
clear:both; 
float: left;  
color:#fefe87; 
text-decoration:none;  
background: #13602c; 
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
width:61px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* browserhack für safari */
#fade01 a.aktiv, #fade01 a.aktiv:active, #fade01 a.aktiv:visited { 
clear:both; 
float: left;  
color:#fefe87; 
text-decoration:none;  
background: #13602c; 
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
width:70px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* browserhack für safari */
#fade01 a.navi, #fade01 a.navi:active, #fade01 a.navi:visited { 
clear: both; 
width:70px;
float: left;  
color:#fff; 
text-decoration:none;  
background: #13602c; 
padding-left:19px; 
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* browserhack für safari */
#fade0 a.navi, #fade0 a.navi:active, #fade0 a.navi:visited { 
clear:both; 
width:95px;
float: left;  
color:#fff; 
text-decoration:none;  
background: #13602c; 
padding-left:22px; 
letter-spacing: 1px;
border-bottom:solid 1px #0b4924;
height:21px;
}
}
#header .nav a:hover, .fade, #header .nav a.active{
background: #04642a ;
color:#fefe87; 
}

/* navigation */

#header .nav {
border-bottom:solid 1px #0b4924;
letter-spacing: 1px;
margin:0;
height:21px;
width:625px;
background: #04642a; 
text-transform: uppercase;
}
#header .nav a.last {
margin:0;
padding:0;
}
#header .nav a {
font-weight:normal;
background: #0a612d;
color: #f4f3f3;
float: left;
line-height: 20px;
padding: 0 0 0 27px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* browserhack für safari */
#header .nav a {
font-weight:normal;
background: #0a612d;
color: #f4f3f3;
float: left;
line-height: 20px;
padding: 0 0 0 19px; }
}
#header .nav-aktiv {
font-weight:normal;
background: #0a612d;
color:#fefe87;
float: left;
line-height: 20px;
padding: 0 0 0 27px;
}
#header .nav-aktiv0 {
font-weight:normal;
background: #0a612d;
color:#fefe87;
float: left;
line-height: 20px;

}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* browserhack für safari */
#header .nav-aktiv {
font-weight:normal;
background: #0a612d;
color:#fefe87;
float: left;
line-height: 20px;
padding: 0 0 0 22px;
}
}

#header {
padding-top:95px;
margin-left: auto; 
margin-right: auto;
width: 849px;
background: #fff;
height: 22px;
}
/* Content Bereich */
#content {

margin-left: auto; 
margin-right: auto;
text-align:left;
width:849px;
}
#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
#hg-themen {
margin:0;
padding:0;
float:left;
width:625px;
height: 187px;
}
#codec {
color:#0e4724;
padding:0;
margin:0;
float:left;
text-align:left;
width:625px;
}
#codec .content {
background: #fff url(img/bg-content.jpg) top left no-repeat;
float:left;
padding: 20px 0 10px 20px;

width:605px;
}
#codec p {
margin-right:20px;

padding-right:20px;
text-align:justify;
font-size: 9pt;
}
#codec .pos3er {
float:left;
width:165px;
margin-right: 6px;
margin-bottom:20px;
}
#codec h3 {
padding-top:10px ;
padding-bottom:10px;
color:#0e4724; 
font-size: 12pt; 
}
#codec h4 {
padding-bottom:10px;
color:#0e4724; 
font-size: 10pt; 
}
#codec h4 a {
color:#0e4724; 
}
#codec h4 a:hover {
color:#d93b1b;  
}
#codec ul.prod-nav0 {
text-transform: uppercase;
padding:10px 0 150px 10px;
clear:both;
position: relative;  
top:0;
right:0;
float:right;
}
#codec ul.prod-nav0 li {
padding: 3px 10px 3px 10px;
font-size: 11px;
border-bottom: 1px solid #d8e6dd;
}	
#codec ul.prod-nav0 li a {
color: #0e4724;
text-decoration:none;
}
#codec ul.prod-nav0 li a:hover {
color: #14823f;
text-decoration:none;
}	
#codec ul.prod-nav0 li.active  {
background: url(img/navi/pfeil-subnav.gif) top left no-repeat;
padding-left:10px;
color: #0e4724;
text-decoration:none;
}
#codec ul.prod-nav {
text-transform: uppercase;
padding:10px 0 150px 20px;
clear:both;
position: relative;  
top:0;
right:0;
float:right;
}
#codec ul.prod-nav li {
padding: 3px 10px 3px 10px;
font-size: 11px;
border-bottom: 1px solid #d8e6dd;
}	
#codec ul.prod-nav li a {
color: #0e4724;
text-decoration:none;
}
#codec ul.prod-nav li a:hover {
color: #14823f;
text-decoration:none;
}	
#codec ul.prod-nav li.active  {
background: url(img/navi/pfeil-subnav.gif) top left no-repeat;
padding-left:10px;
color: #0e4724;
text-decoration:none;
}
#codec ul.prod-ref {

text-transform: uppercase;
padding:10px 0 40px 20px;
clear:both;
position: relative;  
top:0;
right:0;
float:right;
}
#codec ul.prod-ref li {
padding: 3px 10px 3px 10px;
font-size: 11px;
border-bottom: 1px solid #d8e6dd;
}	
#codec ul.prod-ref li a {
color: #0e4724;
text-decoration:none;
}
#codec ul.prod-ref li a:hover {
color: #14823f;
text-decoration:none;
}	
#codec ul.prod-ref li.active  {
background: url(img/navi/pfeil-subnav.gif) top left no-repeat;
padding-left:10px;
color: #0e4724;
text-decoration:none;
}
p.border { 
padding:0; 
margin-right:18px;
float:left; 
width:235px;
}
p.first { 
margin:0;
padding:0;
width:465px;
}
p.first0 { 
margin:0;
padding:0;
width:460px;
}
.headline {
color:#0e4724; 
font-size: 1.2em; 
padding-bottom:20px; 
font-weight:bold;
}

.border03 {
color:#333; 
padding:0 0 30px 8px; 
margin: 10px 14px 0 0;
float:left; 
width:160px; 
height:35px; 
}
#right {
width: 224px;
float: right;
}
#right .pos ul {
padding-top: 10px;
}	
#right .logo {

background: #fff url(img/feld-R.jpg) top left no-repeat;
border-top: 1px solid #297547;
padding: 0;
text-align: center;
height: 186px;
width: 224px;	
float: left;
}
#right .logo p {
font-size: 10px;
color: #fff;
padding: 25px 20px 0 52px;
text-align: left;
}
#right .logo p a {
color: #fff;
text-decoration:underline;
}
#right p.span {
clear:both;
padding-top: 48px;
color:#fff;
}
#container {

}
#main .left {
width: 625px; 
background:#fcfbfb;
}
.left {
color: #0e4724; 
font: 8pt Arial,sans-serif;
float: left;
}
#main #right { 
float: left; 
width: 220px;
}

/* sub-navigation */
.subnav {
background:#f9fbfa;
color: #d4d4d4;
font-size: 9px;
width: 224px;
float: left;
text-align:left;
border-top-color: #444;
	
}
.subnav h1 {
padding-top: 8px;
padding-left: 20px;  
}
.subnav h2 {
font: bold 1.6em Arial,sans-serif;
}
.subnav ul {
margin:0;
padding-bottom:10px;
}
.subnav li.nav02 {
height:28px;
}
.subnav li.nav01, .subnav li.nav02 {
line-height:1.6em;
height:50px;
color:#d4d4d4;
padding: 5px 0 5px 0;
width: 225px;
}
.subnav li.nav03 a {
font: 9px verdana,sans-serif;
color: #acabab;
line-height: 1.4em;
width: 225px;
}
.subnav li.nav03 {
float:left;
color:#d4d4d4;
border-bottom: 1px solid #297547;
padding: 5px 0 5px 0;
width: 204px;
}		
.subnav li.nav01 a  {
text-transform: uppercase;
font: bold 11px verdana,sans-serif;
color: #009933;
text-decoration: none;
}
.subnav li.nav01 a {
display:block;
padding:0 0 10px 50px;
height:40px;
background: url(img/navi/icon_pdf.gif) top left no-repeat;
}
.adress  {
background:#f9fbfa;
font: 9px verdana,sans-serif;
color:#0e4724;
display:block;
padding:0 0 10px 30px;
}
.adress a  {
color: #009933;
}
.adress a:hover  {
color: #009933;
}
.subnav li.nav01 span {
font: 9px verdana,sans-serif;
color:#003300;
}
.subnav li.nav02 a {

height:28px;
 background: #3D3C3D url(img/navi/navi02M.gif) top left no-repeat;
}
.subnav li.nav01 a:hover, .subnav li.nav01 a.active, .subnav li.adress a:hover, {
color:#d93b1b;
}
.subnav li.nav02 a:hover, .subnav li.nav02 a.active {
background: #3D3C3D url(img/navi/navi02a.gif) top left no-repeat; 
color:#d93b1b;
}
.reflist {

margin-left:20px;

}

