/*_______________________________________________________________________

                 styles.css
                 Layout for netzrezepte.de Standardlayout cyberfields
                 Thomas Krug, 5. April 2005
   ________________________________________________________________________ */

body {
   padding: 0;
   background-color: #F4F7F9;
   margin: 0px 0px 0px 0px;
   font-family : arial, verdana;
   font-size: 1em;
}

.wrap {
   position: relative;
   width: 100%;
   left: 0px;
   text-align: center;
}

.boxwrap {
   position: relative;
   padding: 0px;
   width: 1000px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: left;
}

.headcolum {
   position: relative;
   height: 65px;
}

.searchcolum {
   position: relative;
   height: 70px;
   background-image:url(../Images/main_bg_top.gif);
   background-repeat: no-repeat;
}

.maincolum {
   position: relative;
   min-height: 580px;
   background-image:url(../Images/Backgrounds/mask4.png);
   background-repeat: no-repeat;
   overflow: hidden;
}

.teaserimg {
   position: absolute;
   top: 190px;
   left: 150px;
   width: 760px;
   height: 175px;
   overflow: hidden;
}

.mainlogo {
   position: absolute;
   top: 32px;
   left: 26px;
}

.maincontent {
   position: relative;
   width: 752px;
   margin: 254px 0px 0px 155px;
   clear: both;
   background-image:url(../Images/Backgrounds/content_bg.gif);
   background-repeat: repeat-y;
   overflow: hidden;
}

.start_maincolum {
   position: relative;
   min-height: 400px;
   background-image:url(../Images/main_bg_middle.gif);
   background-repeat: repeat-y;
}

.topcontent {
   padding: 0px 30px 0px 75px;
   min-height: 210px;
}

.footercontent {
   width: 685px;
   min-height: 82px;
   margin: 20px 30px 60px 60px;
   border-top: 1px solid #E0EEF5;
   border-bottom: 1px solid #E0EEF5;
   overflow: hidden;
   background-image:url(../Images/viererspalte.gif);
   background-repeat: no-repeat;
   background-position: 0px 10px;
}

.footercontent .CEwrap {
   width: 151px;
   min-height: 60px;
   overflow: hidden;
   padding: 10px;
   margin: 0px;
   float: left;
   clear: none;
}

.siteoptions {
   position: absolute;
   top: 0px;
   right: 20px;
}




/*-----------------------------------------------*/

.footercolum {
   position: relative;
   height: 190px;
   background-image:url(../Images/main_bg_bottom.gif);
   background-repeat: no-repeat;
}

.kuhleiste {
   position: fixed;
   bottom: 0px;
   width: 100%;
   text-align: center;
   background-image:url(../Images/kuh_bg.gif);
   background-repeat: repeat-x;
}

.language_select {
   position: absolute;
   top: 40px;
   left: 25px;
   width: 270px;
}

.contactline {
   position: absolute;
   top: 40px;
   right: 75px;
   font-size: 0.6em;
   color: #333333;
   width: 630px;
   text-align: right;
}

.searchform {
   position: absolute;
   top: 35px;
   right: 90px;
   background-image:url(../Images/search_bg.gif);
   background-repeat: no-repeat;
   width: 140px;
   height: 20px;
}

input.searchfield {
   border: 0px solid #FFFFFF;
   width: 95px;
   position: absolute;
   left: 30px;
   top: 2px;
   height: 14px;
   font-size: 11px;
   color: #9F9F9F;
}

input.submitbutton {
   position: absolute;
   left: 8px;
   top: 4px;
   width: 13px;
   height: 14px;
   border: none;
}

/* =======================================================================
         Positions Start-Page
   =======================================================================*/

.start_bg_img1 {
   position: absolute;
   top: 30px;
   left: 220px;
   width: 760px;
   height: 330px;
   overflow: hidden;
}

.start_bg_mask1 {
   position: absolute;
   top: 30px;
   left: 0px;
   width: 1000px;
   height: 330px;
}

.start_bg_img2 {
   position: absolute;
   top: 115px;
   left: 20px;
   width: 200px;
   height: 260px;
   overflow: hidden;
}

.start_bg_mask2 {
   position: absolute;
   top: 110px;
   left: 0px;
   width: 222px;
   height: 270px;
}

.start_bg_mask3 {
   position: absolute;
   top: 74px;
   left: 145px;
   width: 788px;
   height: 325px;
}

.start_maincontent {
   position: absolute;
   top: 79px;
   left: 168px;
   width: 750px;
   height: 290px;
   overflow: hidden;
   background-image:url(../Images/dreierspalte.gif);
   background-repeat: repeat-y;
}

.start_maincontent .CEwrap {
   width: 228px;
   height: 135px;
   overflow: hidden;
   padding: 10px;
   margin: 0px;
   float: left;
   clear: none;
}

.logo {
   position: absolute;
   top: 30px;
   left: 22px;
}

.start_footercontent {
   position: absolute;
   top: 15px;
   left: 195px;
   width: 690px;
   min-height: 82px;
   border-top: 1px solid #E0EEF5;
   border-bottom: 1px solid #E0EEF5;
   overflow: hidden;
   background-image:url(../Images/viererspalte.gif);
   background-repeat: no-repeat;
   background-position: 0px 10px;
}

.start_footercontent .CEwrap {
   width: 151px;
   min-height: 60px;
   overflow: hidden;
   padding: 10px;
   margin: 0px;
   float: left;
   clear: none;
}

/* =======================================================================
         text formating
   =======================================================================*/

h1 {
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 15px 0px;
   font-family : arial, verdana;
   font-size: 1em;
   color: #00713A;
}

h1.mainheadline {
   position: absolute;
   top: 55px;
   left: 260px;
   margin: 0px;
   padding: 0px;
   font-family : arial, verdana;
   font-size: 0.95em;
}

.footercontent h1, .start_footercontent h1 {
   font-weight: normal;
   padding: 0px;
   margin: 0px 0px 5px 0px;
   font-family : arial, verdana;
   font-size: 0.7em;
   color: #00713A;
}

.start_maincontent h1, .start_maincontent h2 {
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 5px 0px;
   font-family : arial, verdana;
   font-size: 0.65em;
   color: #00713A;
}

h2 {
   font-weight: bold;
   font-family : arial, verdana;
   font-size: 0.9em;
   color: #00713A;
   padding: 0px;
   margin: 0px 0px 15px 0px;
}

h3 {
   font-weight: bold;
   font-family : arial, verdana;
   font-size: 0.8em;
   color: #00713A;
   padding: 0px;
   margin: 0px 0px 10px 0px;
}

h4 {
   font-weight: bold;
   font-family : arial, verdana;
   font-size: 0.75em;
   color: #00713A;
   padding: 0px;
   margin: 0px 0px 10px 0px;
}

h5 {
   font-weight: bold;
   font-family : arial, verdana;
   font-size: 0.75em;
   color: #00713A;
   padding: 0px;
   margin: 0px 0px 10px 0px;
}

h6 {
   font-weight: bold;
   font-family : arial, verdana;
   font-size: 0.75em;
   color: #00713A;
   padding: 0px;
   margin: 0px 0px 10px 0px;
}

p {
   font-family : arial, verdana;
   font-size: 0.75em;
   color: #333333;
   margin: 0px 0px 10px 0px;
}

.footercontent p, .start_footercontent p {
   font-size: 0.7em;
   margin: 0px 0px 2px 0px;
}

.start_maincontent p {
   font-size: 0.7em;
   margin: 0px 0px 2px 0px;
   color: #666666;
}

dt {
   font-size: 0.9em;
   color: #333333;
   font-family : arial, verdana;
}

dd {
   font-size: 0.8em;
   font-family : arial, verdana, Arial, Helvetica;
}

dd a {
   color: #00713A;
}

dd.csc-textpic-caption {
   font-family : arial, verdana;
   font-size: 0.7em;
   color: #333333;
   margin: 0 0 0 0;
}

fieldset {
   border: 0px solid #FFFFFF;
   padding: 0px;
}

.csc-mailform-field {
   margin: 0px 0px 5px 0px;
   overflow: hidden;
}

label {
   font-family : arial, verdana;
   font-size: 0.7em;
   color: #333333;
   margin: 0px;
   display: block;
   float: left;
   width: 100px;
}

.maincontent ul {

}

.maincontent li {
  font-size: 0.8em;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  color: #333333;
}

.footercontent ul, .start_footercontent ul, .start_maincontent ul {
  margin: 0px 0px 0px 15px;
  padding: 0px;
  list-style-type: square;
}

.footercontent li, .start_footercontent li, .start_maincontent li {
  font-size: 0.7em;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  color: #333333;
}

a img {
   border: none;
}

.CEwrap {
   clear: both;
   overflow: hidden;
   margin: 0px 0px 10px 0px;
}

.rightfield .CEwrap {
   margin: 0px 0px 10px 0px;
}

.CERahmen {
   background-color: #F4F7F9;
   padding: 10px;
   overflow: hidden;
}

hr {
   border: none;
   border-top: 1px solid #00713A;
   background-color: #00713A;
   height: 1px;
   margin: 20px 0px 20px 0px;
}

.selected_items {
   width:164px;
   padding:4px 8px 4px 8px;
   cursor:pointer;
   background-color: #EAEFF3;
   margin: 0px 10px 2px 0px;
   font-size: 0.8em;
   float:left;
}


/* Text Ausrichtungen vom RTE */

.align-right {
   text-align: right;
}

.align-left {
   text-align: left;
}

.align-center {
   text-align: center;
}

.align-justify {
   text-align: justify;
}

.indent {
   margin-left: 40px;
}

/* Tabellenformatierungen */

caption {
   display: none;
}

.tx-indexedsearch td {
   font-size: 0.75em;
}

/* =======================================================================
         link and navigation formating
   =======================================================================*/

a {
   font-family : arial, verdana;
   font-size: 1em;
   color: #00713A;
   text-decoration: none;
   padding: 0px;
   margin: 0px;
}

a:hover, a:focus, a:active {
   text-decoration: underline;
}

.contactline a {
   font-family : arial, verdana;
   font-weight: normal;
   color: #333333;
   text-decoration: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.contactline a:hover {
   text-decoration: underline;
}

.contactline a:focus, .contactline a:active {
   text-decoration: underline;
   color: #333333;
}


.mainnavigation {
   margin: 0px 0px 0px 25px;
   overflow: hidden;
}


.mainnavigation li {
   float: left;
   margin: 0px;
   padding: 0px;
}

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

.mainnavigation a {
   display: block;
   float: left;
   font-family : arial, verdana;
   font-size: 0.7em;
   font-weight: bold;
   color: #666666;
   text-decoration: none;
   margin: 0px 10px 0px 0px;
   padding: 0px 10px 0px 0px;
   background-image:url(../Images/mainnavigation_klammer.gif);
   background-repeat: no-repeat;
   background-position: right 0px;
}

.mainnavigation a:hover {
   color: #00713A;
}

.mainnavigation a:focus, .mainnavigation a:active {
   color: #00713A;
}

.mainnavigation a.act {
   color: #00713A;
}

.subnavigation {
   position: absolute;
   top: 116px;
   left: 26px;
   width: 131px;
   overflow: hidden;
}

.supnavi_top {
   background-image:url(../Images/Backgrounds/leftnav_bg_top.gif);
   background-repeat: no-repeat;
   width: 131px;
   height: 28px;
}

.supnavi_content {
   background-image:url(../Images/Backgrounds/leftnav_bg_middle.gif);
   background-repeat: repeat-y;
   width: 131px;
   overflow: hidden;
   min-height: 175px;
}

.supnavi_bottom {
   background-image:url(../Images/Backgrounds/leftnav_bg_bottom.gif);
   background-repeat: no-repeat;
   width: 131px;
   height: 28px;
}

.subnavigation li {
   margin: 0px;
   padding: 0px;
}

.subnavigation li ul li {
   margin: 0px;
   padding: 0px 0px 0px 15px;
}

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

.subnavigation a {
   display: block;
   font-family : arial, verdana;
   font-size: 0.7em;
   font-weight: normal;
   color: #666666;
   text-decoration: none;
   margin: 0px 0px 0px 15px;
   padding: 0px 0px 5px 0px;
}

.subnavigation a:hover, .subnavigation a:focus, .subnavigation a:active {
   text-decoration: underline;
   color: #00713A;
}

.subnavigation a.act {
   color: #00713A;
}

/* =======================================================================
         Extensions
   =======================================================================*/

   /*---------- Indexed Search ----------*/

.tx-indexedsearch-res tr {
   margin: 0px 0px 10px 0px;
}


/*-------------- New Login Box --------------*/

.tx-newloginbox-pi1 legend {
   color: #424496;
   font-weight: bold;
   font-variant: small-caps;
   background-color: #EAEFF3;
   border: 1px solid #00713A;
   padding: 5px;
   margin-bottom: 10px;
   display: none;
}

.tx-newloginbox-pi1 fieldset {
   background-color: #FFFFFF;
   margin-bottom: 1px;
   padding: 0px;
   border: none;
}

.tx-newloginbox-pi1 label {
   text-align: left;
   float: left;
   width: 120px;
}

.fieldset_row {
   width: 500px;
   overflow: auto;
   margin-bottom: 5px;
}

/*--------- Direct Mail Subscription -------------*/

.newsletter_formfield {
   margin: 0px 0px 10px 0px;
   clear: both;
}

.newsletter_formfield .kategorien {
   font-size: 0.75em;
   margin: 0px 0px 0px 100px;
}

.newsletter_formfield_error p {
   color: #FF0000;
}

.newsletter_hinweis {
   margin: 20px 0px 30px 0px;
}

.newsletter_flichtfelder {
   margin: 20px 0px 30px 0px;
   font-size: 0.6em;
}

.directmailsubmit_ce_html {
   position: relative;
   background-image:url(../Images/search_bg.gif);
   background-repeat: no-repeat;
   width: 140px;
   height: 20px;
}

.directmailsubmit_ce_html input.searchfield {
   border: 0px solid #FFFFFF;
   width: 95px;
   position: absolute;
   left: 30px;
   top: 2px;
   height: 14px;
   font-size: 11px;
   color: #9F9F9F;
}

.directmailsubmit_ce_html input.submitbutton {
   position: absolute;
   left: 8px;
   top: 4px;
   width: 13px;
   height: 14px;
   border: none;
}

/*--------- CHGALLERY -------------*/

.tx-chgallery-pi1 .info {
   font-size: 0.8em;
}

.tx-chgallery-pi1 .info a {

}

.tx-chgallery-pi1 .pagebrowser {
   font-size: 0.7em;
}

.tx-chgallery-pi1 .gallery_single_desc {
   text-align: left;
   padding: 5px;
   width: 150px;
   overflow: hidden;
}

.tx-chgallery-pi1 .gallery_single_desc p.gallery_desc_details {
   height: 25px;
   overflow: hidden;
   font-size: 0.7em;
}

.tx-chgallery-pi1 .gallery_single_desc p.gallery_downloadlink {
   overflow: hidden;
   font-size: 0.7em;
}

.tx-chgallery-pi1 .gallery_zurueck_auswahl {
   font-size: 0.8em;
   float: right;
}

/*--------------- Meltwalter ------------*/

.importnews span.date {
  color: #333333;
  font-size: 0.75em;
}

.importnews span.source {
  color: #333333;
  font-size: 0.75em;
  font-weight: bold;
}

.importnews div.title {
  font-weight: bold;
  font-size: 0.9em;
  margin: 5px 0px 0px 0px;
}

.importnews .ingress {
  font-size: 0.8em;
  border-bottom: 1px solid #00713A;
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 10px 0px;
}

/*---------------- nr_actiondatabase ----------------------*/
fieldset.aktionsdb {
   border: 1px solid #00713A;
   padding: 20px 10px 10px 10px;
   width: 600px;
}

fieldset.aktionsdb legend {
   border: 1px solid #00713A;
   background-color: #DBE7DC;
   font-size: 0.8em;
   padding: 3px 10px 3px 10px;
}

.aktionsdb-field {
   overflow: hidden;
   margin: 0px 0px 10px 0px;
   border-bottom: 1px dashed #DBE7DC;
   padding: 0px 0px 5px 0px;
}

.aktionsdb-zwischenueberschrift {
   color: #00713A;
   margin: 20px 0px 10px 0px;
   font-size: 0.8em;
   font-weight: bold;
}

.aktionsdb-aufcontainer1 {
   background-color: #DBE7DC;
   padding: 10px;
   margin: 0px 0px 10px 0px;
}

.aktionsdb-aufcontainer2 {
   background-color: #FFFFFF;
   padding: 10px;
   margin: 0px 0px 10px 0px;
}

.aktionsdb-field label {
   font-size: 0.9em;
   display: block;
   float: left;
   width: 280px;
   padding: 0px 10px 0px 0px;
}

input.aktionsdb-textinput {
   width: 255px;
   color: #00713A;
}

input.aktionsdb-textinput:hover,
input.aktionsdb-textinput:active,
input.aktionsdb-textinput:focus {
   background-color: #DBE7DC;
}

input.kurz {
   width: 50px;
}

textarea.aktionsdb-textarea {
   width: 255px;
   height: 100px;
}

textarea.aktionsdb-textarea:hover,
textarea.aktionsdb-textarea:active,
textarea.aktionsdb-textarea:focus {
   background-color: #DBE7DC;
}

/*--- Listendarstellung ---*/

.listdeliverlystop_content {
   background-color: #F4F7F9;
   margin: 0px 0px 5px 0px;
   overflow: hidden;
   font-size: 0.8em;
}

.listdeliverlystop_header {
   background-color: #EAEFF3;
   padding: 3px;
   margin: 0px 0px 10px 0px;
}

.listdeliverlystop_body {
   padding: 3px;
   overflow: hidden;
}

.listdeliverlystop_fotos {
   float: right;
   width: 120px;
   text-align: right;
}

.listdeliverlystop_options {
   width: 70px;
   float: left;
}

.listdeliverlystop_details {
   width: 200px;
   float: left;
}

.listdeliverlystop_paralleleaktionen {
   width: 300px;
   margin-left: 280px;
}

/*--- Detaildarstellung ---*/

.detailaction_row {
   background-color: #F4F7F9;
   padding: 1px 5px 1px 24px;
   border-bottom: 1px solid #FFFFFF;
   font-size: 0.9em;
   overflow: hidden;
}

.detailaction_zwischenueberschrift {
   color: #00713A;
   margin: 20px 0px 10px 0px;
   font-weight: bold;
}

.detailaction_bezeichnung {
   display: block;
   float: left;
   width: 200px;
}

.detailaction_funktion {
   display: block;
   font-weight: bold;
   margin-left: 200px;
}

.detailaction_fotodownload {
   display: block;
   width: 94px;
   font-size: 0.8em;
   font-color: #AFAFAF;
   margin: 0px 0px 0px 20px;
   padding: 3px;
   background-color: #EAEFF3;
}

.detailaction_bildunterschrift {
   display: block;
   width: 94px;
   font-size: 0.8em;
   font-color: #AFAFAF;
   margin: 0px 0px 10px 20px;
   padding: 3px;
   background-color: #EAEFF3;
}


/*--- Parallele Aktion hinzufügen ---*/

.editparalleaction_bestaetigung {
   margin: 0px 0px 20px 0px;
   color: #00713A;
}

.editparalleaction_header {
   background-color: #EAEFF3;
   margin: 0px;
   padding: 5px;
}

.editparalleaction_row {
   background-color: #F4F7F9;
   padding: 5px;
   border-bottom: 1px solid #FFFFFF;
}

.editparalleaction_bezeichnung {
   display: block;
   float: left;
   width: 200px;
}

.editparalleaction_funktion {
   display: block;
}

/*-------------- Overview --------------*/

.overviewlanddetails {
   font-size: 0.7em;
   display: block;
}

/*---------------- nr_actiondatabase END ------------------*/

.tx-nractiondatabase-pi1 table {
   width: 500px;
}

.tx-nractiondatabase-pi1 table.action_overview td {
   width: 50%;
}

.tx-nractiondatabase-pi1 table.list_of_action {
   width: 630px;
   border-collapse:collapse;
}

.tx-nractiondatabase-pi1 table.list_of_action td.info {
   width: 180px;
}

.tx-nractiondatabase-pi1 table.list_of_action td.links {
   width: 100px;
}

.tx-nractiondatabase-pi1 table.list_of_action td.parallelactions {
   width: 250px;
}

.tx-nractiondatabase-pi1 table.list_of_action td.foto {
   width: 105px;
   text-align: right;
}

.tx-nractiondatabase-pi1 tr {
   background-color: #F4F7F9;
}

.tx-nractiondatabase-pi1 th {
   vertical-align: top;
   padding: 5px;
   background-color: #DBE7DC;
   color: #00713A;
   font-size: 0.9em;
}

.tx-nractiondatabase-pi1 td {
   vertical-align: top;
   padding: 5px;
}

.tx-nractiondatabase-pi1 td p {
   margin: 0px;
}