/*_______________________________________________________________________

                 styles.css
                 Layout for netzrezepte.de Standardlayout
                 Thomas Krug, 25. November 2009
   ________________________________________________________________________ */


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

body {
   padding: 0;
   background-color: #FFFFFF;
   margin: 0px 0px 0px 0px;
   font-family : arial;
   font-size: 1em;
   background-image: url(../Images/background.gif);
   background-repeat: repeat-x;
}

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

.boxwrap {
   padding: 0px;
   width: 1040px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 10px;
   text-align: left;
}

.CEwrap {

}

.versteckt {
   display: none;
}


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

h1 {
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   font-size: 11px;
   color: #000000;
   line-height: 145%;
}

.rightcontent h1 {
   font-size: 16px;
   margin: 0px 0px 10px 0px;
}

h1.specialheader {
   font-size: 11px;
   color: #5A5A5A;
   margin: 0px 0px 5px 0px;
   padding: 1px 0px 0px 5px;
   border-bottom: 1px solid #5A5A5A;
   border-left: 5px solid #5A5A5A;
}

h2 {
   font-weight: bold;
   font-size: 11px;
   color: #000000;
   margin: 0px 0px 0px 0px;
}

h3 {
   font-weight: bold;
   font-size: 11px;
   color: #000000;
   margin: 0px 0px 0px 0px;
}

h4 {
   font-weight: bold;
   font-size: 11px;
   color: #000000;
   margin: 0px 0px 0px 0px;
}

p {
   font-size: 11px;
   color: black;
   margin: 0px 0px 5px 0px;
   line-height: 145%;
}

.rightcontent p {
   font-size: 11px;
}

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


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

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

img {
   border: none;
}

td, th {
   font-size: 11px;
}

/* 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: 11px;
   color: #000000;
   margin: 0px;
   display: block;
   float: left;
   width: 150px;
}

input.searchfield {
   height: 15px;
   width: 150px;
   font-size: 13px;
   color: #000000;
   border: 1px solid #000000;
   padding: 3px;
}

input.submitbutton {
   content: suchen;
   cursor: hand;
   width: 16px;
   border: none;
}

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

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

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

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

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

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

textarea {
   width: 215px;
   font-size: 10px;
   color: #000000;
   border: 1px solid #000000;
   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;
}


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

a {
   color: #000000;
   text-decoration: underline;
   padding: 0px;
   margin: 0px;
}

a:hover {
   text-decoration: none;
   font-weight: bold;
}

.leftmenu {
   margin: 40px 0px 0px 0px;
}

.leftnavi {
   height: 150px;
   overflow: hidden;
}

.leftnavi a {
   display: block;
   padding: 5px 15px 5px 15px;
   margin: 0px 54px 0px 0px;
   font-size: 16px;
   color: #000000;
   text-align: right;
   background-image: url(../Images/rotpunkt.gif);
   background-repeat: no-repeat;
   background-position: right 10px;
   text-decoration: none;
}

.leftnavi a.act {
   text-decoration: none;
   font-weight: bold;
}

.leftnavi a.act:hover, .leftnavi a:hover {
   text-decoration: none;
   font-weight: bold;
}

.leftnavi2 a {
   font-size: 13px;
   padding: 5px 15px 5px 30px;
   margin: 0px 56px 0px 0px;
   background-image: url(../Images/rotpunkt_klein.gif);
   background-repeat: no-repeat;
   background-position: right 10px;
}

.leftnavi2 a.act {
   font-weight: bold;
   text-decoration: none;
}

.leftnavi2 a.act:hover, .leftnavi2 a:hover {
   text-decoration: none;
   font-weight: bold;
}



.disclaimernavnav {
   position: absolute;
   left: 245px;
   top: 0px;
   padding: 0px 0px 0px 0px;
   overflow: hidden;
}

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

.disclaimernavnav ul li {
   display: block;
   float: left;
}

.disclaimernavnav ul li.first {
   border-left: none;
}

.disclaimernavnav ul li a {
   display: block;
   padding: 0px 30px 0px 22px;
   color: #000000;
   font-size: 16px;
   background-image: url(../Images/rotpunkt.gif);
   background-repeat: no-repeat;
   background-position: left 5px;
   width: 72px;
   text-decoration: none;
}

.disclaimernavnav ul li a:hover {
   text-decoration: none;
   font-weight: bold;
}

.disclaimernavnav ul li a.act {
   text-decoration: none;
   font-weight: bold;
}


.navi_zurueck {
   position: absolute;
   top: 10px;
   right: 85px;
   color: #000000;
}

.navi_vor {
   position: absolute;
   top: 10px;
   right: 15px;
   color: #000000;
}

.disabled {
   color: #FFFFFF;
}

.vorzuruecknav {
   position: absolute;
   top: 10px;
   right: 15px;
   color: #000000;
   width: 140px;
   height: 20px;
   overflow: hidden;
}

.vorzuruecknav p {
   font-size: 16px;
   color: #FFFFFF;
}

.vorzuruecknav p a {
   color: #000000;
   text-decoration: none;
}

.vorzuruecknav p a:hover {
   font-weight: bold;
}

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

.header {
   position: relative;
   margin: 0px;
   padding: 0px;
   height: 208px;
   width: 1040px;
   overflow: hidden;
}

.homelink {
   position: absolute;
   left: 63px;
   top: 43px;
   z-index: 2;
   width: 180px;
   height: 99px;
   overflow: hidden;
}

.loginbox {
   position: absolute;
   left: 687px;
   top: 61px;
   z-index: 2;
   width: 174px;
   height: 73px;
   overflow: hidden;
}

.searchform {
   position: absolute;
   right: 0px;
   top: 5px;
   margin: 0px;
   padding: 0px;
   width: 180px;
}

.language_select {
   position: absolute;
   left: 50px;
   top: 5px;
   margin: 0px;
   padding: 0px;
   width: 80px;
}

.mainfield {
   margin: 0px;
   padding: 0px;
   width: 1019px;
   overflow: hidden;
   background-image: url(../Images/background_left.gif);
   background-repeat: repeat-y;
}

.leftfield {
   float: left;
   width: 245px;
   margin: 5px 0px 0px 0px;
   padding: 0px;
}

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

.rightfield {
   float: right;
   width: 162px;
   height: 500px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   overflow: hidden;
   background-color: #cacfd3;
}

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

.middlefield {
   padding: 0px;
   margin: 0px 0px 0px 245px;
}

.middlefield_start {
   padding: 0px;
   margin: 0px 172px 0px 245px;
}

.maincontentnavi {
   height: 30px;
   padding: 0px;
   width: 774px;
   overflow: hidden;
   background-color: #cacfd3;
   text-align: right;
   position: relative;
}

.maincontent {
   margin: 0px;
   padding: 18px 40px 10px 80px;
   width: 654px;
   height: 442px;
   overflow: hidden;
   background-color: #cacfd3;
}

.maincontent_start {
   margin: 0px;
   padding: 48px 40px 10px 80px;
   width: 482px;
   height: 442px;
   overflow: hidden;
   background-color: #cacfd3;
}

.footer {
   position: relative;
   height: 30px;
   padding: 0px;
   background-image: url(../Images/background_left.gif);
   background-repeat: repeat-y;
}



/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 0px; height: 430px; overflow: auto;}
DIV.csc-menu P { font-size: 11px; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 0px;  }
DIV.csc-menu P A { color: #000000; text-decoration: none; }
DIV.csc-menu P A:hover { color: #000000; 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: #000000; font-weight: bold; }
DIV.csc-menu-2 P.csc-sitemap-level1 A:hover { color: #000000; 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: #000000; }

/* 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: #000000; }
/************* END SITEMAP ****************/

/* Rahmen */

.maincontent_start .csc-default {
   margin-bottom: 48px;
}

.CERahmen-rechtsbeschnitten {
   width: 525px;
   /*margin-bottom: 48px;*/
}

.CERahmen-linksbeschnitten {
   margin: 0px 0px 0px 188px;
   /*margin-bottom: 48px;*/
}

.CERahmen-ganzlinks {
   width: 430px;
   height: 99px;
   overflow: hidden;
   margin: 0px 12px 48px -80px;
   float: left;
}



.CERahmen-boxklein {
   background-color: #727172;
   width: 139px;
   height: 85px;
   overflow: hidden;
   color: #FFFFFF;
   padding: 7px 11px 7px 11px;
   font-size: 11px;
   margin-bottom: 48px;
   position: relative;
}

/*.CERahmen-boxklein:hover {
   border: 2px solid #ED1C24;
   padding: 5px 9px 5px 9px;
}*/

.innerbox {
   position: absolute;
   bottom: 0px;
   left: 0px;
   padding: 7px 11px 7px 11px;
}

.CERahmen-boxklein p, .CERahmen-boxklein a, .CERahmen-boxklein h1, .CERahmen-boxklein h2, .CERahmen-boxklein h3, .CERahmen-boxklein h4 {
   color: #FFFFFF;
   font-size: 11px;
   margin: 0px;
   padding: 0px;
   line-height: 145%;
}

.CERahmen-boxklein ul, .CERahmen-boxklein ol, .CERahmen-boxklein li {
   color: #FFFFFF;
   font-size: 11px;
   margin: 0px 0px 0px 7px;
   padding: 0px;
   line-height: 145%;
}

.CERahmen-linksumfliessen {
   float: left;
}

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

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

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


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

.felogin_h3 {

}

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

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

.tx-felogin-pi1 legend {
   color: #FEB018;
   font-weight: bold;
   font-size: 11px;
   font-variant: small-caps;
   background-color: #000000;
   border: 1px solid #FEB018;
   padding: 5px;
   margin-bottom: 10px;
   display: inline;
}

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

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

.loginbox h3, .loginbox .felogin_message_welcome, .loginbox .felogin_message {
   display: none;
}

.loginbox h3.felogin_h3_success, .loginbox .felogin_message_success {
   display: block;
   color: #FFFFFF;
   padding: 0px 0px 0px 13px;
}

.loginbox .tx-felogin-pi1 fieldset {
   background-color: #EE3439;
   margin: 0px;
   padding: 0px 3px 0px 3px;
   border: 0px solid #EE3439;
   width: 153px;
   overflow: hidden;
}

.loginbox .tx-felogin-pi1 legend {
   border: none;
   background-color: #EE3439;
   color: #FFFFFF;
   margin: 0px 0px 5px 7px;
   padding: 0px;
   font-variant: normal;
   display: none;

}

.loginbox input {
   width: 143px;
   border: 2px solid #FFFFFF;
   background-color: #DCE3E7;
   padding: 1px 3px 1px 3px;
}

.loginbox input.felogin_submit {
   background-color: #EE3439;
   margin: 0px;
   padding: 0px 0px 0px 3px;
   border: 0px solid #EE3439;
   text-align: left;
   color: #FFFFFF;
   font-weight: bold;
}

.loginbox .felogin-fields {
   margin: 0px 0px 6px 0px;
}

.loginbox .felogin-fields label {
   color: #FFFFFF;
   font-weight: bold;
}

.loginbox .felogin-fields p {
   color: #FFFFFF;
   font-weight: bold;
}


/******** Viererbox **********/

.viererboxrahmen {
   margin: 0px 0px 0px 190px;
   position: relative;
}

.viererboxen {
   background-color: #727172;
   width: 139px;
   height: 85px;
   overflow: hidden;
   color: #FFFFFF;
   padding: 7px 11px 7px 11px;
   font-size: 11px;
}

.viererboxen:hover {
   border: 2px solid #ED1C24;
   padding: 5px 9px 5px 9px;
}

.viererboxen p, .viererboxen a, .viererboxen h1, .viererboxen h2, .viererboxen h3, .viererboxen h4 {
   color: #FFFFFF;
   font-size: 11px;
   margin: 0px;
   padding: 0px;
   line-height: 145%;
}

.viererboxen ul, .viererboxen ol, .viererboxen li {
   color: #FFFFFF;
   font-size: 11px;
   margin: 0px 0px 0px 7px;
   padding: 0px;
   line-height: 145%;
}

.viererbox1 {
   position: absolute;
   left: 0px;
   top: 0px;
}

.viererbox2 {
   position: absolute;
   left: 172px;
   top: 0px;
}

.viererbox3 {
   position: absolute;
   left: 0px;
   top: 154px;
}

.viererbox4 {
   position: absolute;
   left: 172px;
   top: 154px;
}

.viererbox1_linkoverlay {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 2;
}

.viererbox2_linkoverlay {
   position: absolute;
   left: 172px;
   top: 0px;
   z-index: 2;
}

.viererbox3_linkoverlay {
   position: absolute;
   left: 0px;
   top: 154px;
   z-index: 2;
}

.viererbox4_linkoverlay {
   position: absolute;
   left: 172px;
   top: 154px;
   z-index: 2;
}

a.viererboxenlinks {
   width: 161px;
   height: 99px;
   overflow: hidden;
}

a.viererboxenlinks:hover {
   border: 2px solid #ED1C24;
   width: 157px;
   height: 95px;
   text-decoration: none;
}

/********* Teaserbild mit Überschrift **************/

.ce_teaserbild {
   width: 602px;
   height: 99px;
   overflow: hidden;
   margin: 0px 0px 48px -80px;
}

.ce_teaserbild_bild {
   width: 430px;
   height: 99px;
   overflow: hidden;
}

.headerbox {
   background-color: #727172;
   width: 161px;
   height: 99px;
   overflow: hidden;
   float: right;
   position: relative;
}

h1.ce_teaserbild_header {
   position: absolute;
   left: 11px;
   bottom: 14px;
   width: 117px;
   color: #FFFFFF;
   overflow: hidden;
}


/************* Suchergebnisse ******************/

.tx-indexedsearch {
   height: 430px;
   overflow: auto;
}

/**************** Fileexplorer ****************/

.fileexplorer_allWrap .flexigrid {
   height: 350px;
   overflow: auto;
}