/*_______________________________________________________________________

                 styles.css
                 Layout for Agrarkoordination
                 Thomas Krug, 25. November 2009
   ________________________________________________________________________ */


/* =======================================================================
         basic structur
   =======================================================================*/

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

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

.boxwrap {
   padding: 0px 42px 0px 42px;
   width: 911px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: left;
   background-image:url(../Images/background.gif);
   overflow: hidden;
}

.CEwrap {
   margin-bottom: 15px;
   clear: both;
}

.versteckt {
   display: none;
}


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

h1 {
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 10px 0px;
   font-size: 0.9em;
   color: #59B50E;
   border-bottom: 2px solid #80B3A8;
}

.CERahmen h1 {
   font-size: 0.8em;
   color: #000000;
   border-bottom: 1px solid #FFFFFF;
}

h2 {
   font-weight: bold;
   font-size: 0.85em;
   color: #59B50E;
   margin: 0px 0px 10px 0px;
}

.CERahmen h2 {
   color: #FFFFFF;
}

h3 {
   font-weight: bold;
   font-size: 0.8em;
   color: #59B50E;
   margin: 0px 0px 10px 0px;
}

h4 {
   font-weight: bold;
   font-size: 0.75em;
   color: #59B50E;
   margin: 0px 0px 10px 0px;
}

p {
   font-size: 0.8em;
   color: black;
   margin: 0px 0px 5px 0px;
}

.rightcontent p {
   font-size: 0.7em;
}

.footer p {
   font-size: 0.75em;
}

address {
   margin: 0px;
   margin-bottom: 5px;
   font-size: 0.8em;
}

p.postionnavigation {
   font-size: 0.7em;
   color: #5F5F5F;
   margin: 3px 0px 5px 0px;
   padding: 0px;

}


dd.csc-textpic-caption {
   font-size: 0.7em;
   color: black;
   margin: 0px;
}

li {
   font-size: 12px;
   padding: 0px;
   margin: 7px 0px 0px 0px;
}

img {
   border: none;
}

td, th {
   font-size: 12px;
   vertical-align: top;
}

.form_grau {
   background-color: #EFEFEF;
}

.form_trans {

}

.form_grau td, .form_trans td {
   padding: 5px;
}



/* 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;
}

/* =======================================================================
         position and formating forms
   =======================================================================*/

form {
   margin: 0px;
}

fieldset {
   border: none;
   margin: 0px;
   padding: 0px;
}

legend {
   display: none;
}

label {
   font-size: 12px;
   color: #000000;
   margin: 0px;
   display: block;
   float: left;
   width: 150px;
}

input.searchfield {
   height: 16px;
   padding: 2px;
   margin: 0px;
   width: 100px;
   font-size: 12px;
   color: #006A4E;
   border: 1px solid #92C531;
}

input.submitbutton {
   content: suchen;
   cursor: hand;
   width: 22px;
   height: 22px;
   border: none;
   margin: 0px;
}

select {
   font-size: 10px;
   color: #5F5F5F;
   border: 1px solid #5F5F5F;
   margin: 0px;
}

input {
   font-size: 11px;
   color: #5F5F5F;
   margin: 0px;
   border: 1px solid #5F5F5F;
   width: 215px;
}

input[type=checkbox] {
   color: #5F5F5F;
   border: none;
   width: 16px;
}

input.csc-mailform-check {
   color: #5F5F5F;
   border: none;
   width: 16px;
}

input[type=radio] {
   color: #5F5F5F;
   border: none;
   width: 16px;
}

input.csc-mailform-radio {
   color: #5F5F5F;
   border: none;
   width: 16px;
}

textarea {
   width: 215px;
   font-size: 12px;
   color: #5F5F5F;
   border: 1px solid #5F5F5F;
   margin: 0px 0px 3px 0px;
}

span.csc-mailform-radio label {
   display: inline;
   float: none;
   width: 1px;
}

input.csc-mailform-submit {
   margin: 10px 0px 0px 150px;
}

.tip-a-friend-formfield {
   margin: 0px 0px 10px 0px;
}

.csc-mailform-field {
   margin: 0px 0px 10px 0px;
}

input.kurz {
   width: 50px;
}

input.mittel {
   width: 160px;
}

input.spendenbutton {
   width: 130px;
   border: none;
}

.spendenbild {
   margin: 0px 0px 10px 0px;
}


/* =======================================================================
         Menüs und Navigation
   =======================================================================*/

a {
   font-size: 1em;
   color: #B94D22;
   text-decoration: none;
   padding: 0px;
   margin: 0px;
}

a:hover {
   text-decoration: underline;
}

a.positionlink {
   font-size: 1em;
   color: #000000;
   text-decoration: none;
}

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

a.positionlinkact {
   font-size: 1em;
   color: #B94D22;
   text-decoration: none;
}

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





.leftmenu ul,
.leftmenu ul li ul,
.leftmenu ul li ul li ul,
.leftmenu ul li ul li ul li ul,
.leftmenu ul li ul ul li ul li ul {
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}

.leftmenu ul li,
.leftmenu ul li ul li,
.leftmenu ul li ul li ul li,
.leftmenu ul li ul li ul li ul li,
.leftmenu ul li ul li ul li ul li ul li  {
   margin: 0px;
   padding: 0px;
   display: block;
   overflow: hidden;
}

.leftmenu ul li a {
   display: block;
   padding: 5px 0px 5px 15px;
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   color: #000000;
   font-weight: bold;
}

.leftmenu ul li a.act {
   text-decoration: none;
   color: #B94D22;
   background-color: #ECF6CA;
}

.leftmenu ul li a:hover, .leftmenu ul li a.act:hover {
   text-decoration: none;
   color: #B94D22;
}

.leftmenu ul li ul li a {
   font-size: 11px;
   padding: 5px 0px 5px 30px;
   margin: 0px 0px 0px 0px;
   border-bottom: 2px solid #D8EB94;
}

.leftmenu ul li ul li a.act {
   color: #006A4E;
   background-image: url(../Images/navipfeil_gruen.gif);
   background-repeat: no-repeat;
   background-position: 16px 8px;
   background-color: transparent;
}

.leftmenu ul li ul li a:hover, .leftmenu ul li ul li a.act:hover {
   text-decoration: none;
   color: #006A4E;
}

.leftmenu ul li ul li ul li a {
   font-size: 11px;
   padding: 5px 0px 5px 45px;
   margin: 0px 0px 0px 0px;
}

.leftmenu ul li ul li ul li a.act {

}

.leftmenu ul li ul li ul li a:hover {
   text-decoration: none;
}

.leftmenu ul li ul li ul li ul li a {
   font-size: 11px;
   padding: 5px 0px 5px 60px;
   margin: 0px 0px 0px 0px;
}

.leftmenu ul li ul li ul li ul li a.act {

}

.leftmenu ul li ul li ul li ul li a:hover {
   text-decoration: none;
}


.homenav {
   position: absolute;
   right: 10px;
   top: 102px;
   margin: 0px;
   color: #006A4E;
   font-size: 11px;
}

.homenav ul {
   margin: 0px;
   padding: 0px;
}

.homenav ul li {
   display: block;
   float: left;
   padding: 0px 7px 0px 7px;
}

.homenav ul li a {
   color: #006A4E;
   font-size: 11px;
   font-weight: bold;
}

.homenav ul li a:hover {
   text-decoration: underline;
}

.homenav ul li a.act {

}


/* =======================================================================
         positions
   =======================================================================*/

.header {
   position: relative;
   margin: 10px 10px 0px 10px;
   padding: 0px;
   height: 128px;
   width: 890px;
   overflow: hidden;
   border-left: 2px solid #B1D82A;
   background-image: url(../Images/header-background.gif);
}

.kopfimage {
   position: absolute;
   right: 0px;
   top: 0px;
   width: 667px;
   height: 103px;
   overflow: hidden;
}

.searchform {
   margin: 0px 0px 10px 0px;
   padding: 0px;
   width: 180px;
}

.searchfieldwrap {
   float: left;
}

.submitbuttonwrap {

}

.language {
   text-align: right;
}

.positionnav {
   padding: 0px 0px 0px 15px;
   margin: 10px 0px 5px 0px;
}

.mainfield {
   margin: 0px 0px 0px 10px;
   padding: 0px;
   width: 890px;
   overflow: hidden;
   border-left: 2px solid #B1D82A;
   background-image:url(../Images/background_mainfield.gif);
}

.leftfield {
   float: left;
   width: 158px;
   margin: 10px 0px 0px 0px;
   padding: 10px 0px 0px 0px;
   overflow; hidden;
}

.leftcontent {
   margin: 20px 0px 0px 10px;
   width: 158px;
   overflow: hidden;
}

.rightfield {
   float: right;
   width: 150px;
   margin: 10px 0px 0px 0px;
   padding: 0px;
   overflow: hidden;
}

.rightcontent {
   padding: 5px 0px 15px 0px;
   margin: 0px;
}

.middlefield {
   padding: 0px;
   margin: 10px 170px 0px 180px;
}

.maincontent {
   margin: 0px;
   padding: 20px 15px 20px 15px;
   width: 500px;
   overflow: hidden;
}

.footer {
   position: relative;
   height: 20px;
   padding: 10px 0px 0px 0px;
   background-color: #FFFFFF;
   margin: 10px 0px 10px 10px;
   border-top: 2px solid #80B3A8;
   width: 890px;
   overflow: hidden;
   text-align: center;
}



/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 0px; }
DIV.csc-menu P { font-size: 11px; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 0px; background-color: #FFFFFF; }
DIV.csc-menu P A { color: #5F5F5F; text-decoration: none; }
DIV.csc-menu P A:hover { color: #5F5F5F; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 0px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #5F5F5F; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level1 A:hover { color: #5F5F5F; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #000000; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level2 A:hover { color: #000000; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #000000; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #5F5F5F; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #5F5F5F; }
/************* END SITEMAP ****************/

/* Rahmen */

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

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

.tx-indexedsearch-searchbox td {
   padding: 0px 10px 10px 0px;
}

.tx-indexedsearch-whatis {
   font-size: 12px;
   font-weight: bold;
}


/*-------------- felogin --------------*/

.felogin_h3 {

}

.felogin_message {
   font-size: 0.8em;
   margin: 0px 0px 10px 0px;
}

.felogin-fields {
   margin: 0px 0px 10px 0px;
   overflow: hidden;
}

.tx-felogin-pi1 legend {
   color: #006A4E;
   font-weight: bold;
   font-size: 0.8em;
   font-variant: small-caps;
   background-color: #B1D82A;
   border: 1px solid #006A4E;
   padding: 5px;
   margin-bottom: 10px;
   display: inline;
}

.tx-felogin-pi1 fieldset {
   background-color: #ECF6CA;
   margin-bottom: 1px;
   padding: 5px;
   border: 1px solid #006A4E;
}

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


/*----------- Fronten User Registration -----------*/

.tx-srfeuserregister-pi1 legend {
   font-weight: bold;
   font-size: 0.8em;
   font-variant: small-caps;
   background-color: #000000;
   border: 1px solid #FEB018;
   padding: 5px;
   color: #FEB018;
}

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

.tx-srfeuserregister-pi1-radio {
   float: left;
   clear: left;
}

.tx-srfeuserregister-pi1 fieldset {
   background-color: #EFEFEF;
   margin-bottom: 1px;
   padding: 5px;
   border: 1px solid #FEB018;
}


/*----------- Newsletter Registration -----------*/

.newsletterregister legend {
   font-weight: bold;
   font-size: 0.8em;
   font-variant: small-caps;
   background-color: #000000;
   border: 1px solid #FEB018;
   padding: 5px;
   color: #FEB018;
}

.newsletterregister label {
   text-align: left;
   float: left;
   width: 120px;
}

.newsletterregister fieldset {
   background-color: #EFEFEF;
   margin-bottom: 1px;
   padding: 5px;
   border: 1px solid #FEB018;
}

.newsletterregister input {
   z-index: 3;
   font-size: 10px;
   color: #5F5F5F;
   margin: 0px;
   border: 1px solid #5F5F5F;
   padding: 2px;
}

.newsletterregister input.nl_submit {
   z-index: 3;
   font-size: 10px;
   color: #5F5F5F;
   margin: 0px;
   margin-left: 130px;
   border: 1px solid #5F5F5F;
   padding: 0px;
}

.newsletterregister span.nl_warning {
   font-size: 10px;
   color: #DF0000;
}

.newsletterregister p {
   margin-top: 10px;
   margin-bottom: 10px;
}


/*********** Onlinepetition *******************/

.onlinepetitionform {
   margin: 20px 0px 0px 0px;
}

.onlinepetitionform_zwischenueberschrift {

}

.onlinepetitionform_field {
   margin: 0px 0px 10px 0px;
   overflow: hidden;
}

.onlinepetitionform_field label {
   font-size: 1em;
}

.onlinepetitionform_textinput {
   width: 290px;
   padding: 3px 5px 3px 5px;
   font-size: 1em;
}

.onlinepetitionform_select {
   width: 300px;
   padding: 0px;
   font-size: 1em;
}

.onlinepetitionform_submit {
   width: 300px;
   padding: 3px 5px 3px 5px;
   font-size: 1em;
}

.onlinepetitionform_field input.kurz {
   width: 55px;
   margin: 0px 5px 0px 0px;
}

.onlinepetitionform_field input.mittel {
   width: 220px;
}