/* ---------------------- General ---------------------- */

* { padding: 0; margin: 0; }

body {
 background-color: #76b838;
 background-repeat: repeat-y;
 background-image: url(images/background_2.gif);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
}

h1 {
font-size: 17px;
padding-bottom: 10px;
color: #76b838;
line-height: 20px;
}

/* ---------------------- Box Layout ---------------------- */

#wrapper { 
 margin-left: 70px; 
 margin-bottom: 0; 
 margin-right: auto; 
 margin-top: 0;
 width: 782px;
}

#header {
 margin-left: 0px;
 margin-bottom: 22px;
 margin-right: 0px;
 width: 782px;
 float: left;
 padding: 0px;
 height: 117px;
}

#leftcolumn { 
 background-color: white; 
 margin-left: 0px; 
 margin-right: 5px; 
 margin-top: 0px; 
 color: #333;
 padding: 0px;
 height: auto;
 width: 472px;
 float: left;
}

#rightcolumn { 
 background-color: white; 
 float: right;
 color: #333333;
 padding: 0px;
 height: auto;
 width: 296px;
 display: inline;
}

/* ---------------------- Static Content ---------------------- */

#fr_pages {
 background-image: url(images/background_1.gif);
 margin-left: 0; 
 margin-bottom: 0; 
 margin-right: auto; 
 margin-top: 0;
 width: 908px;
 height: 67px;
}

#logo { 
 background-image: url(images/fr_logo.gif); 
 height: 77px;
 width: 400px;
 float: left;
}

#teaserbox { 
 background-image: url(images/teaser.jpg);
 float: right;
 height: 77px;
 width: 382px;
 display: inline;
}

#leftcolumn ul, #rightcolumn ul {
padding: 0 0 12px 0px;
margin:0 0 0 8px;
list-style-position: inside;
}

/* ---------------------- Menu at the top right ---------------------- */

#metanav {
  position:absolute;
  top:16px;
  left: 440px;
  width:400px;
  
}

#additional_menu { 
padding-left: 0px; 
padding-bottom: 0px; 
padding-right: 26px; 
padding-top: 18px; 
color: white; 
text-align: right; 
float: right;
margin: 0px 0px 0px 0px;
height: 35px;
width: 774px;
display: inline;
}
 
#additional_menu ul {
  list-style: none;
}

#additional_menu li {
  display: inline;
  padding: 0px 9px;
  border-left: 1px solid white;
}

#additional_menu li.first-child {
  border-left: none;
}

#additional_menu #noborderontheright {
  border-right: none;
}

#additional_menu a:link,
#additional_menu a:visited {
  text-decoration: none;
  color: white;
}

#additional_menu a:hover {
  text-decoration: underline;
}

#additional_menu a:active {
  text-decoration: underline;
}

/* ---------------------- Main Menu ---------------------- */

#mainmenu_container {
position:relative;
height:40px;
color:#E0E0E0;
background:#76b838;
width:100%;
}

#mainmenu_navi {
padding-left: 0px;
padding-bottom: 0;
padding-right: 0;
padding-top: 0;
position:relative;
height:33px;
font-size: 12px;
font-weight:bold;
background:#fff url(images/main_bg.jpg) repeat-x bottom left;
}
    
#mainmenu_navi ul {margin:0; padding:0; list-style-type:none; width:auto; float:left;}

#mainmenu_navi ul li {display:block; float:left; margin:0 1px;}

#mainmenu_navi ul li a {display:block; float:left; color: #777777; text-decoration:none; padding:0 0 0 20px; height:33px;}

#mainmenu_navi ul li a span {padding:12px 20px 0 0; height:21px; float:left;}

#mainmenu_navi ul li a:hover {color:#777777; background:transparent url(images/main_bg-OVER.jpg) repeat-x bottom left;}

#mainmenu_navi ul li a:hover span {display:block; width:auto; cursor:pointer;}

#mainmenu_navi ul li a.ACT,#mainmenu_navi ul li a.ACT:hover {color:#fff; background:#76b838 url(images/main_left-ON.jpg) no-repeat top left;line-height:330%;}

#mainmenu_navi ul li a.ACT span {display:block; padding:0 20px 0 0; width:auto; background:#76b838 url(images/main_right-ON.jpg) no-repeat top right;height:33px;}




/* ---------------------- Footer ---------------------- */

#footer { 
 text-align: center; 
 border-top: 1px solid #999; 
 width: 762px;
 clear: both;
 color: black;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
 
#footer ul {
  list-style: none;
}

#footer li {
  display: inline;
  padding: 0px 9px;
  border-left: 1px solid black;
}

#footer li.first-child {
  border-left: none;
}

#footer #noborderontheright {
  border-right: none;
}

#footer a:link,
#footer a:visited {
  text-decoration: none;
  color: #76b838;
}

#footer a:hover {
  text-decoration: underline;

}

#footer a:active {
  text-decoration: underline;
}


/* ------------------ Allgemeiner Rahmen und Titel f die Content Boxen ----------------- */


#rightcolumn .boxed {


width: 294px;
}

#leftcolumn .boxed {
width: 470px;
}

#leftcolumn .content_mailform {
  width: 500px;
  float: left;
  height: auto;
  margin-bottom: 30px;
}

.boxed {
float: left;
height: auto;
border: 1px solid #999999;
margin-bottom: 30px;
}

.boxed .title {
border-bottom: 1px solid #999999;
width: auto;
height: 20px;
margin: 0;
padding: 5px 0 0 10px;
background: #eee;
font-size: 13px;
color: #4c4c4c;
}

.boxed a {
font-weight: bold;
text-decoration: none;
color: #76b838;
}

.boxed .content {
padding: 10px;
}

.boxed .content p {
padding-bottom: 10px;
}


/* ------------------ Newsfeed ----------------- */


.newsfeed {
padding: 5px;
}

.newsfeed h3 {
font-size: 12px;
margin: 0;
}

.newsfeed ul li {
background: url(images/arrow.gif) no-repeat 0 7px; 
padding: 5px 0 10px 15px;
}

.newsfeed ul li.last {
padding-bottom: 5px;
}

.newsfeed ul, .newsfeed ol {
margin: 0;
padding: 0;
list-style: none;
line-height: 16px;
}


/* ------------------ Mitmachen und Gewinnen ----------------- */


.gewinnspiel img {
border-bottom: 1px solid #999999;
}

.gewinnspiel p{
padding-bottom: 10px;
}


/* ------------------ Login ----------------- */


.login{
padding: 10px;
}

.login a{
background: url(images/arrow.gif) no-repeat 0 2px; 
padding-left: 15px;
padding-right: 30px;
}

.login input {
display: block;
border: thin solid #999;
padding: 2px;
float: left;
width: 115px;
margin: 10px 15px 10px 0;
}


/* ------------------ Praemien ----------------- */


.pramien, .pramien_rechts {
padding: 10px;
margin:0;
}


.pramien a.linkunten {
background: url(images/arrow.gif) no-repeat 0 2px; 
padding-left: 15px;
}

.produkt_teaser {
  float:left;
  padding:0;
  margin: 15px 0 4px 0;
  /*width:454px;*/
  overflow:hidden;
}
a.produktbeschreibung {
  display:block;
  background: #4b7621 url(images/button2.gif) repeat-x 0px 0px;
  border-top: 1px solid #999;
  color: #fff;
  font-size:11px;
  padding: 4px 2px 4px 20px; 
  margin:0;
  overflow:hidden;
}
a.produktbeschreibung:hover {
    background: #385b17 url(images/button2.gif) repeat-x 0px -100px;
}
.produkt {
  width: 140px;
  float:left;
  border: 1px solid #999;
  margin: 0 6px 9px 0px;
  padding:0;
  overflow:hidden;
}
div.pramien_rechts .produkt {
  width:128px;
}

div.produkt a img {
  border:none;
  color: #fff;
  padding:0;
  margin:0; 
}

/* ------------------ Abo - Angebote ----------------- */


.angebote {
}

.angebote .left {
float: left;
width: 280px;
padding: 10px;
}

.angebote .left p {
padding-bottom: 10px;
}

.angebote .right {
float: right;
width: 150px;
}


/* ------------------ Shop ----------------- */


.shop {
padding: 13px;
}

.shop img {
padding-bottom: 10px
}

.shop a {
background: url(images/arrow.gif) no-repeat 0 2px; 
padding-left: 15px;
}


/* ------------------ Gruener Button ----------------- */


.roundbutton {
cursor:pointer; 
cursor:hand; 
ine-height:27px;
background:url(images/button.gif) no-repeat right top; 
padding-right:20px; 
vertical-align:middle;
display:block; /*opera*/
display:inline-block; /*ie*/
display:-moz-inline-box;  /*ff*/
}

.roundbutton span { 
background:url(images/button.gif) no-repeat left top; 
height:27px;
display:block;
display:inline-block;
padding-left:20px; line-height:27px;
}

a.roundbutton {color: #fff;}
a.roundbutton:hover {background-position:right -155px;}
a.roundbutton:hover span {background-position:left -155px;}

.tx-thmailformplus-pi1 fieldset {
  border: none;
}