body, html { margin:0; padding:0; background-color:#f3f3f3; }

body, p, td, input, textarea, select, div, li,
h1, h2, h3, h4, h5, h6  { 
  font-family: 'Roboto', sans-serif;
  font-size:18px;
  line-height:27px; 
  color: #888888;
  letter-spacing : 0.2px
}

h1, h2, h3, h4, h5, h6 {

  color: #01803a; /*dunkelgrün*/ /* #80b71e hellgrün */
  font-weight:normal; 
}

h1 { font-size:31px; font-family: Georgia, serif; line-height:1.2em; margin-top: -4px !important;}

.darkgreen { color: #01803a; }



#wrap { width:1202px; margin:0 auto; background-color:#fff; }

#headerwrap {
 margin-top:100px;
  border:0px solid orange;
}

#header { 
  position:absolute;
  top:0;
z-index:4;
  background-repeat:no-repeat;
}

#mm { display:none; }


/*header slider*/

#bs-demo div{
position: absolute;
z-index: 3;
overflow: hidden;
top: 100px;
width: 1200px;
height: 470px;
margin: 0px;
}

.box { cursor:pointer; }



#menuwrap {
 position:absolute;
 z-index:8;
 top:0;
 width:1202px;
  min-height:200px;
  border:0px solid yellow;
}

#menubutton {
  color:#fff;
  float:right;
  position:relative;
  z-index:20;
  padding:30px;
  }

#menubutton_active {
  color:#fff;
  float:right;
  position:relative;
  z-index:22;
  padding:30px;
  display:none;
  }

#menu {
  position:absolute;
  z-index:10;
  top:0;
  width:100%;
  color:#fff;
  background-color:#01803a;
  border:0px solid red;
  display: none;
  }

#claim, #claim2 {
  position:absolute;
  z-index:5;
  top:0px;
  font-size:41px; 
  color: #01803a;
  margin: 20px 10px 10px 30px;
  }

#claim2 {
  margin: 20px 10px 10px 200px;
  }

#claim p, #claim2 p { 
font-size:41px;
  line-height:51px;
    font-family: Georgia, serif;
  color: #01803a;
  padding:0px;
  margin:0px;
  }

#claim p {
    color: #fff;
}

#logo {
 position: relative;
z-index: 15;
top: 360px;
float: right;
  margin-right:30px;
  }

#menuSticky { 
  border-bottom:1px solid #ccc; 
  width:1202px;
/*  background-image:url('Schatten_miniheader.png'); 
  background-repeat: repeat-x;
  background-position:bottom left; */
  height:100px; 
  background-color:#fff; 
   }

.flotante {}

.fixed { 
  position: fixed;
  top:0;
  z-index:1000;
  width: 100%; 
}


#menuList {
width: 263px;
float: right;
padding: 6px 0px;
  margin-right: 30px;
  margin-top: 3px;
}

#menuList ul {
   columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}

#menuList ul li a { text-decoration:none; }


#menubutton2 {
  color:#fff;
  float:right;
  position:relative;
  z-index:40;
  padding:30px;
  }

#menubutton_active2 {
  color:#fff;
  float:right;
  position:relative;
  z-index:42;
  padding:30px;
  display:none;
  }

button {
border: 0px none;
background: transparent;
  padding: 0px;
}

button:hover {
cursor:pointer;
}

#menu2 {
  position:absolute;
  z-index:36;
  top:0;
  width:100%;
  color:#fff;
  background-color:#01803a;
  border:0px solid red;
  display: none;
  }

#menulogo2 {
  float:left;
  position:relative;
  width:180px;
  margin-top:10px;
  padding-left:30px;
}

#menulogo2 img { height:auto; width:296px; }


ul { padding:0px; margin:0px; list-style-type:none;}

#menu ul, #menu2 ul { width:320px; padding:30px; }

#menu li, #menu2 li  { padding:0px 0px 10px 0px; letter-spacing:1px; }
#menu li a:link, #menu2 li a:link { color:#fff; text-decoration:none; }
#menu li a:visited, #menu2 li a:visited { color:#fff; text-decoration:none; }
#menu li a:hover, #menu2 li a:hover{ color:#fff; border-style:solid; border-width: 0px 0px 1px 0px; }

#menu li.active a:link, #menu2 li.active a:link  { color:#fff; border-style:solid; border-width: 0px 0px 1px 0px; }
#menu li.active a:visited, #menu2 li.active a:visited  { color:#fff; border-style:solid; border-width: 0px 0px 1px 0px; }
#menu li.active a:hover, #menu li.active a:hover{ color:#fff; border-style:solid; border-width: 0px 0px 1px 0px; }

#menuList li a:link { color:#01803a; text-decoration:none; }
#menuList li a:visited { color:#01803a; text-decoration:none; }
#menuList li a:hover{ color:#01803a; border-style:solid; border-width: 0px 0px 1px 0px; }

#menuList li.active a:link { color:#01803a; border-style:solid; border-width: 0px 0px 1px 0px; }
#menuList li.active a:visited { color:#01803a; border-style:solid; border-width: 0px 0px 1px 0px; }
#menuList li.active a:hover { color:#01803a; border-style:solid; border-width: 0px 0px 1px 0px; }

#contentbox,
#footerbox { position:relative; }

#contentbox { padding:50px 30px 30px 30px; }

/* FAQ */

.page-8 #contentbox { padding: 68px 0px 0px 0px !important; }
.page-8 .tx-jfmulticontent-pi1 div h3, .page-8 h1 { padding-left:30px; }
.page-8 .csc-default p.bodytext { padding-left: 30px; width: 849px;}
.page-8 .csc-default ol, .page-8 .csc-default ul{ padding-left: 90px; width: auto;}

.page-8 .csc-default ul.slides{ padding-left: 0px;}


.page-6 #contentbox { padding-top: 68px !important; }

#k_content { 
width: 800px;
float: left;
margin-right: 30px;
}

#k_right { width:263px; float:right;}

#k_right img { width:263px; height:auto;}

/* header-überschrift und content */

/* Initiative */
.page-3 .csc-default .csc-header { width:263px; float:left; } 
.page-3 .csc-default p.bodytext, .page-5 #content .csc-default ul {
  margin-left: 293px;
  width: auto;
}

.page-3 #content ul { list-style-type:disc; margin:0px 0px 20px 0px; }

.page-3 #content .csc-default ul li ul { margin-left:60px; }

/* Förderkriterien */
.page-5 .csc-default .csc-header { width:263px; float:left; }
.page-5 .csc-default p.bodytext, .page-5 #content .csc-default ul {
  margin-left: 293px;
  width: auto;
}

.page-5 #content ul { list-style-type:disc; margin:0px 0px 20px 0px; }
.page-5 #content ul li { margin:0px 0px 20px 0px; }
.page-5 #content ul li ul li { margin:0px 0px 0px 0px; }

.page-5 #content .csc-default ul li ul { margin-left:60px; }

/* Meldungen */
.page-7 .csc-default .csc-header { width:263px; float:left; }
.page-7 .csc-default p.bodytext, .page-5 #content .csc-default ul {
  margin-left: 293px;
  width: auto;
}

.page-7 #content ul { list-style-type:disc; margin:0px 0px 20px 0px; }

.page-7 #content .csc-default ul li ul { margin-left:60px; }



/*  styles.css  */
.page-3 #content .csc-default ol,
.page-3 #content .csc-default ul,
.page-5 #content .csc-default ol,
.page-5 #content .csc-default ul,
.page-7 #content .csc-default ol,
.page-7 #content .csc-default ul {
    margin-left: 308px;
}

.page-3 #content .csc-default ul,
.page-5 #content .csc-default ul,
.page-7 #content .csc-default ul {
    padding-left: 18px;
}

.page-3 #content .csc-default ol,
.page-5 #content .csc-default ol,
.page-7 #content .csc-default ol {
    padding-left: 18px;
}


#content article { 
  column-width: 500px;
  -moz-column-width: 500px;
  -webkit-column-width: 500px;
  column-gap: 30px;
  -moz-column-gap: 30px;
   -webkit-column-gap: 30px;
  margin-bottom:60px;
}

#content article > p:first-child {

  margin-top: 0;

}


#content article > p:last-child {

  margin-bottom: 0;

}

#content .csc-default h1, #content.csc-default h2, #content .csc-default h3 {
 margin: 0px;
}

h1, h2 {
  column-span: all;
}

#content .csc-default .contenttable h1, #content .csc-default .contenttable h2, #content .csc-default .contenttable h3 {
 width:180px;
  margin-bottom:0px;
  margin-top: 18px;
}

#content div.csc-default { padding-bottom:30px;}

.contenttable { width:100% }
.contenttable td { vertical-align: top; }

#content a:link,#k_content a:link,#k_right a:link   { color:#888; text-decoration:none; border-style:solid; border-width: 0px 0px 1px 0px; }
#content a:visited, #k_content a:visited, #k_right a:visited  { color:#80b71e;  }
#content a:hover, #k_content a:hover, #k_right a:hover { color:#80b71e;  }

#footerbox { 
border-top: 1px solid #ccc;
padding: 20px 30px 0px 30px;
margin-bottom: 0px;
background-color: #fff;
height: 100px;
}

#footer1,
#footer2,
#footer3,
#footer4 { 
  width: 262px;
float: left;
text-transform: uppercase;
background-color: #fff;
margin-right: 30px;
padding: 0px 0px 30px 0px;
  font-size:13px;
    line-height:16px;
}

#footer1 li,
#footer2 li,
#footer3 li,
#footer4 li {
  font-size:13px;
  line-height:18px;
}

#footer3 {
margin-right: 0px;
  padding-top:50px;
  text-transform: none;
}

#footer1 {
  padding-top:20px;
}

#footer4 {
  padding-top:20px;
}

#footer1 li { padding:0px 0px 0px 0px; letter-spacing:1px; }
#footer1 li a:link { color:#888; text-decoration:none; }
#footer1 li a:visited { color:#888; text-decoration:none; }
#footer1 li a:hover { color:#888; border-style:solid; border-width: 0px 0px 1px 0px; }

#footer1 li.nav_aktiv a:link   { color:#888; border-style:solid; border-width: 0px 0px 0px 0px; }
#footer1 li.nav_aktiv a:visited  { color:#888; border-style:solid; border-width: 0px 0px 0px 0px; }
#footer1 li.nav_aktiv a:hover { color:#888; border-style:solid; border-width: 0px 0px 0px 0px; }

/* form */
.tx-powermail .powermail_fieldset .powermail_legend { display:none; }

.tx-powermail .powermail_fieldset {
    clear: left;
    border: 0px solid #bbb;
    padding: 20px;
    margin: 0 0 20px 0;
    background: #fff;
    width: 800px;
}

.tx-powermail .powermail_fieldset .powermail_label {
    display: block;
    width: 200px;
    float: left;
    clear: left;
    font-weight: normal;
}

.tx-powermail .powermail_fieldset .powermail_field {
    width: 500px;
    padding: 5px;
    margin: 0;
    border: 1px solid #bbb;
    color: #444;
    float: left;
    font-size: inherit;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    margin: 5px 0 0 500px;
    padding: 5px 20px;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    background-color: #01803a;
    border: 1px solid #eee;
    width: 200px;
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit:hover, 
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset:hover {
background-color: #80b71e;
}

#powermail_field_anrede,
#powermail_field_vorname, 
#powermail_field_nachname {
  width: 280px;
}

.powermail_form > h3:nth-child(2) { display:none; }

.tx-powermail .powermail_confirmation {
    border: 0px solid #bbb;
    padding: 0px;
    margin: 0 0 20px 0;
    background: #fff;
    overflow: hidden;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    margin: 5px 60px 20px 0;
  }

/* news */

.news-list-item {
    padding: 40px 0 30px 0px;
  border-bottom:1px solid #01803a;
  min-height:630px;
}

.news-list-item:last-child {

  border-bottom:0px solid #01803a;

}

.news-list-item:nth-child(1) {
  border-top:1px solid #01803a;
}

.newsheader { width:554px; float:left; margin-right:30px; }
.newsheader:nth-child(2) { margin-right:0px; }


#newsImageTop {
  border-right:1px solid #01803a;
  border-left:1px solid #01803a;
}

#newsOrganisation,
#newsImageTop { width:48%; float:left; }

#newsOrganisation p { color: #01803a; }

#newsImageTop { margin-left:20px; }

#newsImage {
    text-align: center;
/*    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
    filter: grayscale(100%);
  filter: gray;
  */
}


#newsInhalt {
    padding-top: 5px;
}



.news-list-container IMG {
    float: none;
    margin: 0 2px 5px 5px;
    border: none;
}

#newsOrganisation p,
#newshead p,
#newsText p{ margin-top: 0px; }

#newsText img { float:left; width:554px; height:auto; margin: 0px 30px 0px 0px; display: inline-block }

#newsText div { overflow:hidden; }

#content ul#newsKategorie,#content ul#newsZinfo { list-style-type:disc; border-top: 0px solid #01803a; border-bottom: 0px solid #01803a; }
#content ul#newsKategorie li,#content ul#newsZinfo li { 
  color: #01803a;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 20px;
    list-style-position: inside;
}

ul#newsZinfo li:nth-child(1) {
border-bottom: 0px solid #01803a;
}

#newsZinfo li a:link { color:#01803a; text-decoration:none; border-style:solid; border-width: 0px 0px 0px 0px; }
#newsZinfo li a:visited { color:#01803a; text-decoration:none; }
#newsZinfo li a:hover { color:#01803a; text-decoration:none; border-style:solid; border-width: 0px 0px 1px 0px; }

#content ul { list-style-type:disc; margin:0px 0px 20px 15px; border-top: 0px solid #01803a; border-bottom: 0px solid #01803a; }
#content ul li {
  color: #888;
    letter-spacing: 0.2px
}

#content ul li ul { margin-left:60px; }

/*
ul#newsZinfo li {
line-height: 37px;
}
*/

#pbuttonwrap { height: 200px; margin-top:20px; }

.pbutton {
    
    float: left;
    height: 150px;
    letter-spacing: 0.5px;
    margin-right: 30px;
    text-align: center;
    width: 262px;
  padding:0px;
  margin-bottom: 30px;
}

.p1 {
   background-color: #01803a;
color: #fff;
height: 50px;
letter-spacing: 0.5px;
padding: 11px 0px;
text-align: center;
width: 250px;
}

.p2 {
   background-color: #fff;
color: #01803a;
height: 50px;
letter-spacing: 0.1px;
padding: 11px 0px;
text-align: center;
width: 246px;
border: 2px solid #01803a;
}

.pbutton:nth-child(1) .p1, .pbutton:nth-child(4) .p1{ line-height: 50px; }

.pbutton:nth-child(4) { margin-right: 0px; }

/*.pbutton:hover { cursor: pointer; } */

#zusatzinfo { 
width: 554px;
position: absolute;
margin-top: 446px;
}



.zinfo { float: left;
    width: 262px;
    margin-right: 30px;
  margin-left: -15px;
}

.zinfo:nth-child(2) { margin-right: 0px; }


/* Accordion */

.tx-jfmulticontent-pi1 {
    margin: 30px 0px;
  border-bottom: 1px solid #01803a;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: 58em;
top: 50%;
margin-top: -8px;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(pfeil-FAQ.png);
}
.ui-state-default .ui-icon {
    background-image: url(pfeil-FAQ.png);
}

.ui-state-active .ui-icon {
    background-image: url(pfeil-FAQ2.png);
}

.ui-icon-triangle-1-s {
    background-position: 0px 0px;
}

.ui-icon-triangle-1-e {
    background-position: 0px 0px;
}
.ui-icon {
    width: 22px;
    height: 22px;
    background-image: url(pfeil-FAQ.png);
}

.ui-accordion .ui-accordion-icons {
    padding-left: 0em;
}


.ui-accordion-header a:link {
    color: #01803a !important;
    text-decoration: none;
    border-style: solid;
    border-width: 0px 0px 0px 0px !important;
   font-family: 'Roboto', sans-serif;
  font-size:18px;
  line-height:27px;
  letter-spacing : 0.2px
}

.ui-widget-content h1 { display:none; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border:solid #01803a; border-width: 1px 0px 0px 0px;
    background: #fff none;
    font-weight: normal;
    text-decoration:none;
    color: #888;
}

.ui-widget-header .ui-state-default:nth-child(1) {
    border:solid #01803a; border-width: 0px 0px 0px 0px;

}

.ui-accordion .ui-accordion-content {
    padding: 0px 10px 10px 0px;
    border-top: 0;
    overflow: auto;
    zoom: 0;
}

.ui-widget-content {
    border: 0px solid #dddddd;
    background: #fff none;
    color: #888;
}
.ui-accordion-content-active { height:auto !important; }

#content .ui-accordion-content-active div.csc-default {
    padding-bottom: 0px;
}

iframe#piwik { 
 height: 240px;
width: 800px;
margin-left: -8px;
margin-top: -40px;
margin-bottom: -48px;
}


.flexslider .slides img {
    width: 100%;
    height: auto;
}

/* media queries */
/*smartphones*/


@media only screen and
(min-width:300px) and
(max-width:480px){  

#menulogo2 img {
    height: auto;
    width: 240px;
  margin-top: 10px;
}



#menuList {
    width: 50px;
    padding: 18px 20px 6px 0px;
    text-align: right;
    margin-right: 0px;
}

#menuList ul {
   columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  position:absolute;
  top:100px;
  left:0px;
  width:100%;
  background-color:#01803a;
}

#menuList ul li { border-bottom:1px solid #339966; padding: 8px 20px; }


#menuList ul li a:link,
#menuList ul li a:visited,
#menuList ul li a:hover
{ 
  color:#fff; 
  border-style: solid 0px;
    border-width: 0px 0px 0px 0px;
  display:block;
}

#menuList li.active a:link,
#menuList li.active a:visited,
#menuList li.active a:hover{
    color: #fff;
    border-style: solid 0px;
    border-width: 0px 0px 0px 0px;
}



#menuList li.active, #menuList ul li:hover {
  background-color:#339966;
  }



#menulogo2 {
    padding-left: 10px;
}
  
#bs-demo div {
    width: 100%;
    height: 200px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#contentbox {
    padding: 30px 10px;
}


#footerbox {
    border-top: 1px solid #ccc;
    padding: 20px 10px 0px 10px;
    height: 100px !important;
  margin-top:20px;
}

#footer1 {
    width: 100%;
    float: none;
  position:relative;
  top:70px !important;
  border-top:1px solid #ccc;
  }

#footer2,
#footer3,
#footer4 {
    width: 32%;
    margin-right:0px;
  position: relative;
top: -60px;
  }

#footer3 {
  margin:0px 5px;
  padding-top: 40px;
text-align: center; }

#footer2 img,
#footer3 img,
#footer4 img {
    width: 100%;
  height:auto;
  }


#footer1 ul li {
float:left;
margin-right:20px;
}

#footer1 ul li:nth-child(2) {
  text-align:center;
}

#footer1 ul li:last-child {
margin-right:0px;
  text-align:right;
}

}

/***************************/

@media only screen and
(min-device-width:300px) and
(max-device-width:480px){

  

#menulogo2 img {
    height: auto;
    width: 240px;
  margin-top: 10px;
}



#menuList {
    width: 50px;
    padding: 18px 20px 6px 0px;
    text-align: right;
    margin-right: 0px;
}

#menuList ul {
   columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  position:absolute;
  top:100px;
  left:0px;
  width:100%;
  background-color:#01803a;
}

#menuList ul li { border-bottom:1px solid #339966; padding: 8px 20px; }


#menuList ul li a:link,
#menuList ul li a:visited,
#menuList ul li a:hover
{ color:#fff;  border-style: solid 0px;
    border-width: 0px 0px 0px 0px;
  display:block;}

#menuList li.active a:link,
#menuList li.active a:visited,
#menuList li.active a:hover{
    color: #fff;
    border-style: solid 0px;
    border-width: 0px 0px 0px 0px;
}



#menuList li.active, #menuList li:hover {
  background-color:#339966;
  }



#menulogo2 {
    padding-left: 10px;
}
  
#bs-demo div {
    width: 100%;
    height: 200px;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#contentbox {
    padding: 30px 10px;
}


#footerbox {
    border-top: 1px solid #ccc;
    padding: 20px 10px 0px 10px;
    height: 100px;
  margin-top:20px;
}

#footer1 {
    width: 100%;
    float: none;
  position:relative;
  top:100px;
  border-top:1px solid #ccc;
  }

#footer2, 
#footer3, 
#footer4 {
    width: 32%;
    margin-right:0px;
  position: relative;
top: -60px;
  }

#footer3 { 
  margin:0px 5px; 
  padding-top: 40px;
text-align: center; }

#footer2 img,
#footer3 img,
#footer4 img {
    width: 100%;
  height:auto;
  }

#footer1 ul li {
float:left;
margin-right:15px;
  width:29%;
}

#footer1 ul li:nth-child(2) {
  text-align:center;
}

#footer1 ul li:last-child {
margin-right:0px;
  text-align:right;
}

}


@media only screen and
(min-width:300px) and
(max-width:420px){
#footer3 { padding-top: 10px !important; }
}

/*************************/
@media only screen and
(min-width:300px) and
(max-width:650px) {

  #pbuttonwrap {
    width: 97%;
}
  
}

@media only screen and
(min-width:651px) and
(max-width:767px) {

  #pbuttonwrap {
    width: 600px;
}
  
}

@media only screen and
(min-width:300px) and
(max-width:767px) {

#pbuttonwrap {
    height: 620px !important;

}

#menuList {
    width: 50px;
    padding: 18px 20px 6px 0px;
    text-align: right;
    margin-right: 0px;
}

#menuList ul {
   columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  position:absolute;
  top:100px;
  left:0px;
  width:100%;
  background-color:#01803a;
}

#menuList ul li { border-bottom:1px solid #339966; padding: 8px 20px; }


#menuList ul li a:link,
#menuList ul li a:visited,
#menuList ul li a:hover
{ color:#fff;  border-style: solid 0px;
    border-width: 0px 0px 0px 0px;
  display:block; }

#menuList li.active a:link,
#menuList li.active a:visited,
#menuList li.active a:hover{
    color: #fff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
}



#menuList li.active, #menuList li:hover {
  background-color:#339966;
  }


#footerbox {
    border-top: 1px solid #ccc;
    padding: 20px 10px 0px 10px;
   /* height: 200px !important; */
}

#footer1 {
    width: 100%;
    float: none;
  position:relative;
/*  top:120px; */
  border-top:1px solid #ccc;
  }

#footer2,
#footer3,
#footer4 {
    width: 32%;
    margin-right:0px;
  position: relative;
top: -60px;
  }

#footer3 {
  margin:0px 5px;
  padding-top: 40px;
text-align: center; }



#footer2 img,
#footer3 img,
#footer4 img {
    width: 100%;
  height:auto;
  max-width: 157px;
  }

#footer1 li {
    letter-spacing: 1px;
    width: 30%;
}

#footer1 ul li {
float:left;
margin-right:15px;
  width:29%;
}

#footer1 ul li:nth-child(2) {
  text-align:center;
}

#footer1 ul li:last-child {
margin-right:0px;
  text-align:right;
}

}
/*************************/

@media only screen and
(min-device-width:300px) and
(max-device-width:640px) and (orientation:landscape){

#pbuttonwrap {
    height: 620px !important;
    width: 600px;
}

#menuList {
    width: 50px;
    padding: 18px 20px 6px 0px;
    text-align: right;
    margin-right: 0px;
}

#menuList ul {
   columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  position:absolute;
  top:100px;
  left:0px;
  width:100%;
  background-color:#01803a;
}

#menuList ul li { border-bottom:1px solid #339966; padding: 8px 20px; }


#menuList ul li a:link,
#menuList ul li a:visited,
#menuList ul li a:hover
{ color:#fff;  border-style: solid 0px;
    border-width: 0px 0px 0px 0px;
  display:block;}

#menuList li.active a:link,
#menuList li.active a:visited,
#menuList li.active a:hover{
    color: #fff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
}



#menuList li.active, #menuList li:hover {
  background-color:#339966;
  }


#footerbox {
    border-top: 1px solid #ccc;
    padding: 20px 10px 0px 10px;
  /*  height: 200px !important; */
}

#footer1 {
    width: 100%;
    float: none;
  position:relative;
/*  top:120px; */
  border-top:1px solid #ccc;
  }

#footer2,
#footer3,
#footer4 {
    width: 32%;
    margin-right:0px;
  position: relative;
top: -60px;
  }

#footer3 {
  margin:0px 5px;
  padding-top: 40px;
text-align: center; }

#footer2 img,
#footer3 img,
#footer4 img {
    width: 100%;
  height:auto;
  }

#footer1 ul li {
float:left;
margin-right:20px;
}
#footer1 ul li:last-child {
margin-right:0px;
}

}