/*_______________________________________________________________________



                 styles.css Netzwerkasyl

                 Layout for netzrezepte.de Standardlayout cyberfields

                 Thomas Krug, 5. April 2005

		Revision 16.11.2010 jh pfeil immer aus Images/pfeil CSS-Validiert

   ________________________________________________________________________ */



body {

   padding: 0;

   background-color: #FFFFFF;

   margin: 0px 30px 0px 30px;

   font-family : verdana;

   font-size: 1em;

} 

 

.wrap {

   position: relative;

   width: 100%;

   left: 0px;

   text-align: center;

}

.boxwrap {

   padding: 0px;

   width: 1000px;

   margin-top: 10px;

   margin-bottom: 10px;

   margin-left: auto;

   margin-right: auto;

   border-right: 1px solid #FF8605;

   border-left: 1px solid #FF8605;

   border-top: 1px solid #FF8605;

   border-bottom: 1px solid #FF8605;

}



.CEwrap {

   margin-bottom: 15px;

}





/* =======================================================================

         text formating

   =======================================================================*/



h1 {

   font-weight: bold;

   padding-left: 0px;

   padding-top: 5px;

   padding-bottom: 0px;

   margin: 0px;

   font-family : verdana;

   font-size: 1.1em;

   color: #1B778A;

}



h2 {

   font-weight: bold;

   font-family : verdana;

   font-size: 1.0em;

   color: #1B778A;

}



h3 {

   font-weight: bold;

   font-family : verdana;

   padding-bottom: 15px;

   font-size: 0.9em;

   color: #5F5F5F;

   margin: 0 0 0 0;

}



p {

   font-family : verdana;

   font-size: 0.8em;

   color: black;

   margin: 0px;

}



td {

   font-family : verdana;

   font-size: 0.8em;

   color: black;

   margin: 0px;

}



bullet {

   padding: 0px;

   background-color: #FFFFFF;

   margin: 0px 60px 0px 60px;

   color: #5F5F5F;

; font: 10em verdana

}



p.rightheader {

   font-family : verdana;

   font-size: 0.8em;

   color: #5A5A5A;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 10px;

   margin-top: 10px;

   padding-left: 5px;

   padding-top: 1px;

   /*background-image:url(Images/top_menu_verlauf.gif);*/

   border-bottom: 1px solid #FF8605;

   border-left: 5px solid #366990;

   background-position: 0px 1px;

   /*height: 16px;*/   

}



p.postionnavigation {

   font-family : verdana;

   font-size: 0.8em;

   color: #5F5F5F;

   margin-left: 0px;

   margin-right: 10px;

   margin-bottom: 5px;

   padding-left: 0px;



}



p.suche {

   font-family : verdana;

   font-size: 12px;

   font-weight: bold;

   color: #000000;

   padding-left: 0px;

   margin-bottom: 3px;

   

}



p.login {

   font-family : verdana;

   font-size: 12px;

   font-weight: bold;

   color: #000000;

   padding-left: 0px;

   margin-bottom: 3px;

}


p.sitetitle {

   font-family : verdana;

   font-size: 12px;

   color: #FFFFFF;

   padding-left: 0px;

   margin-bottom: 3px;

}

p.absender {
   font-family : verdana;
   font-size: 0.7em;
   line-height: 18px;
   color: #000000;
   padding-left: 4px;
   margin-left: 0.0em;
   margin-bottom: 0.8em;
}

p.csslogo {

	position: relative; 

	margin-left: 8px;

	margin-top: 530px;

}

hr.zieher {

   color: #FFFFFF;

   background-color: #FFFFFF;

   border: 0px solid #FFFFFF;

   height: 1px;

}



a {

   font-family : verdana;

   font-size: 12px;

   color: #000000;

   text-decoration: underline;

}



a:hover {

   text-decoration: none;

}



dd.csc-textpic-caption {

   font-family : verdana;

   font-size: 0.8em;

   color: black;

   margin: 0 0 0 0;

}



fieldset {

   border: 0px solid #FFFFFF;

}



label {

   font-family : verdana;

   font-weight: normal;

   font-size: 0.8em;

   color: #000000;

   padding: 0px;

   margin: 5px 0px 0px 0px;

   display: block;

}



ul {

   list-style-image: url(Images/pfeil.gif);

   margin-right: 5px;

   padding: 0px 0px 0px 18px;

   margin: 0;

}



li {

   font-family : verdana;

   font-size: 0.8em;

   color: black;

   margin: 0;

   padding: 0 0 5px 0;

}



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

/* Bulletlists */

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



/* Bulletlists, general */

ul.csc-bulletlist li { font-size: 0.8em; color: #000000 ;}



/* Bulletlists, specifically */

ul.csc-bulletlist-0 { color: #FFFF00; list-style: square}

ul.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }

ul.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }

ul.csc-bulletlist-3 { color: #8A00FF; list-style-image: url(Images/pfeil.gif); 

}



/* =======================================================================

         navigation formating

   =======================================================================*/



a {

   font-family : verdana;

   font-size: 1em;

   color: #1B778A;

   text-decoration: none;

   padding: 0px;

   margin: 0px;

}



a:hover {

   text-decoration: underline;

}



a.PrimaryNav {

   font-weight: bold;

   font-family: verdana;

   font-size: 0.8em;

   color: #FFFFFF;

   text-decoration: none;

/*   border: 1px solid #5F5F5F; */

   padding: 0px 5px 0px 5px;

   margin: 1px;

}



a.PrimaryNav:hover {

/*   border: 1px solid #FFFFFF; */

   text-decoration: none;

   color: #73A824;

}



a.LeftNav {

   color: #5F5F5F;

   text-decoration: none;

   display: block;

   font-size: 0.7em; 

   font-family: verdana; 

   padding:   0px 0px 0px 25px;

}



a.LeftNav:hover {

   text-decoration: underline;

}



a.LeftNavSub {

   font-family : verdana;

   font-size: 0.7em;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 35px;

   line-height: 20px;

   display: block;

}



a.LeftNavSub:hover {

   text-decoration: underline;

}



a.LeftNavSub2 {

   font-family : verdana;

   font-size: 0.7em;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 47px;

   line-height: 20px;

   display: block;

}



a.LeftNavSub2:hover {

   text-decoration: underline;

}



a.LeftNavSub3 {

   font-family : verdana;

   font-size: 0.7em;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 60px;

   line-height: 20px;

   display: block;

}



a.LeftNavSub3:hover {

   text-decoration: underline;

}



a.LeftNavSub4 {

   font-family : verdana;

   font-size: 0.8em;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 97px;

   line-height: 20px;

   display: block;

}



a.LeftNavSub4:hover {

   text-decoration: underline;

}



a.TopNavigation {

   font-family : verdana;

   font-size: 0.9em;

   font-weight: bold;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 4px;

   padding-right: 4px;

   margin-left: 0px;

   border-left: 1px solid #CCD6D8;

   border-right: 1px solid #CCD6D8;

}



a.TopNavigation:hover {

   border-left: 1px solid #5F5F5F;

   border-right: 1px solid #5F5F5F;

}



a.FootNavigation {

   font-family : verdana;

   font-size: 0.8em;

   color: #FFFFFF;

   text-decoration: none;

   padding-left: 15px;

   padding-right: 5px;

   padding-bottom: 0px;

   margin-bottom: 0px;

   margin-left: 0px;

   line-height: 12px;

}



a.FootNavigation:hover {

   color: #73A824;

}



a.OptionNavigation {

   font-family : verdana;

   font-size: 0.8em;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 4px;

   padding-right: 4px;

   margin-left: 0px;

}



a.OptionNavigation:hover {

   text-decoration: underline;

}



a.DiscNavigation {

   color: #5F5F5F;

   text-decoration: none;

; font: 0.8em verdana; margin:   0px 0px; padding: 4px 4px

}



a.DiscNavigation:hover {

   text-decoration: underline;

}



a.positionlink {

   font-family : verdana;

   font-size: 0.8em;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 0px;

   padding-right: 0px;

   margin-left: 0px;

}



a.positionlink:hover {

   text-decoration: underline;

}

/* =======================================================================

         position and formating forms

   =======================================================================*/



input.searchfield {

   height: 8px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family : verdana;

   color: #5F5F5F;

   border: 1px solid #FF8605;

   margin-bottom: 0px;

}



input.submitbutton {

   color: #5F5F5F;

   margin-top: 3px;

   margin-bottom: 0px;

   width: 16px;

   border: 0px solid #5F5F5F;

}



input.loginfield {

   height: 36px;

   z-index: 3;

   width: 115px;

   font-size: 10px;

   font-family: verdana;

   color: #015F9F;

   border: 1px solid #015F9F;

   margin-bottom: 3px;

   background-color: #FFFFFF;

}



input.loginbutton {

   width: 14px;

   height: 1px;

}



input.logoutbutton {

   height: 16px;

   z-index: 3;

   width: 51px;

   font-size: 10px;

   font-family: verdana;

   font-weight:bold;

   text-align: center;

   color: #015F9F;

   background-color: #FFFFFF;

   border: 1px solid #015F9F;

   margin-bottom: 3px;

}



input {

   height: 16px;

   z-index: 3;

   width: 115px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #015F9F;

   margin-left: 0px;

   margin-top: 3px;

   margin-bottom: 3px;

   padding-bottom: 3px;   

}



.searchbox {

   width: 280px;

   z-index: 2;

   margin: 0px;

   padding: 0px;

   padding-left: 20px;

   padding-top: 10px;

}



form.loginform {

   width: 280px;

   padding: 0px;

   margin: 0px;

}



input.tx-indexedsearch-searchbox-sword {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tx-indexedsearch-searchbox-button {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}



select {

   z-index: 3;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tipafriend {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}   

   

textarea.tipafriendtext {

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tipafriendcheckbox {

   z-index: 3;

   color: #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

   border: 0px solid #5F5F5F;

}



input.tipafriendsubmit {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}



textarea {

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 0px;

   margin-bottom: 3px;

}



input.csc-mailform-submit {

   margin-top: 10px;

}



.rightform {

   padding-right: 0px;

   margin-top: 0px;

}



form {

   margin: 0px;

}



input.tt_products_search_field {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 0px;

   margin-bottom: 3px;

}



input.tt_products_search_submit {

   height: 16px;

   z-index: 3;

   width: 100px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 0px;

   margin-bottom: 3px;

}



input.newslettercheckboxen {

   height: 16px;

   z-index: 3;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   margin-left: 0px;

   margin-bottom: 0px;

   border: 0px solid #5F5F5F;

}



input.tt_products_anzahl {

   height: 16px;

   z-index: 3;

   width: 30px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}



input.tt_products_warenkorb {

   height: 16px;

   z-index: 3;

   width: 120px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 0px;

   margin-bottom: 3px;

}



input.tt_products_submit {

   height: 16px;

   z-index: 3;

   width: 150px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 0px;

   margin-bottom: 3px;

}



input.tt_products_submit_large {

   height: 16px;

   z-index: 3;

   width: 200px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 0px;

   margin-bottom: 3px;

}



input.index_search_erweiteret_vorschau {

   height: 16px;

   z-index: 3;

   width: 16px;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-left: 5px;

   margin-bottom: 3px;

}

/* =======================================================================

         positions

   =======================================================================*/



.header {

   margin-top: 0px;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 0px;

   padding: 0px;

   padding-top: 10px;

   padding-left: 10px;
   padding-bottom: 0px

   overflow: hidden;

   background-image:url(Images/header_bg_verlauf.gif);

   



}



.topnav {  

   padding-right: 0px;

   padding-top: 0px;

   padding-bottom: 0px;

   padding-left: 198px;

   height: 20px;

   margin-left: 0px;

   margin-top: 0px;

   margin-bottom: 0px;

   background-image:url(Images/top_menu_verlauf.gif);

   border-top-width: 1px;

   border-top-style: solid;

   border-top-color: #FFFFFF;

   border-bottom-width: 1px;

   border-bottom-style: solid;

   border-bottom-color: #FFFFFF;

}



.homenav {

   position: relative;

   left: 690px;

   right: 1350px;		

   width: 300px;

   top: -30px;

   text-align: right;

   color: #5F5F5F;

   font-family : verdana;

   font-size: 11px;

   text-align: right;

}

.language {

   text-align: right;

}



.positionnav {

   padding-left: 25px;

   margin-left: 0px;

   margin-right: 0px;

   margin-top: 10px;

   margin-bottom: 5px;

  /* border-bottom: 1px solid #CCD6D8;*/

}



div.logo {

/*   position: auto; */

   top: 0px;

   left: 0px;

   z-index: 2;

   background-image:url(Images/Logo_VNNA_web.gif);

   background-repeat: no-repeat;

   width: 300px;

   height: 100px;

}



/*div.logo2 {

   position: 	;

   top: 25px;

   left: 225px;

   z-index: 2;

   background-image:url(Images/name_logo1.gif);

   background-repeat: no-repeat;

   width: 200px;

   height: 50px;

}*/



/*div.font_size_selector {

   position: absolute;

   top: 131px;

   right: 38px;

   z-index: 2;

   width: 95px;

   height: 18px;

}*/



.topline {

   margin-top: 0px;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 0px;

   padding-top: 1px;

   padding-bottom: 1px;

   height: 22px;

   background-color: #000000;

}



.mainfield {

   margin-top: 0px;

   margin-bottom: 0px;

   margin-left: 0px;

   margin-right: 0px;

   padding: 0px;

   padding-left: 0px;

   background-image:url(Images/background.gif);

   width: 100%;

   overflow: auto;

}



.leftfield {

   float: left;

   width: 180px;

   background-color: #DFE3E6;

   margin: 0px;

   margin-top: 5px;

   margin-left: 0px;

   padding: 0px;

   padding-top: 0px;

   padding-bottom: 0px;



}



.leftcontent {

   margin: 20px 0px 0px 10px;

   width: 180px;

   overflow: hidden;

}



.rightfield {

   float: right;

   width: 200px;

   background-color: #FFFFFF;

   margin: 0px;

   padding-top: 9px;

   overflow: hidden;

}



.middlefield {

   padding: 0px;

   margin-right: 215px;

   margin-left: 180px;

   margin-top: 0px;

   margin-bottom: 0px;

}



.bottomfield {

   margin-top: 0px;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 0px;

   padding: 0px;

   padding-top: 0px;

   height: 16px;

   background-image:url(Images/top_menu_verlauf.gif);

   border-top-width: 1px;

   border-top-style: solid;

   border-top-color: #FFFFFF;

   border-bottom-width: 1px;

   border-bottom-style: solid;

   border-bottom-color: #FFFFFF;

   z-index: 1;

}



.bottomline {

   margin-top: 0px;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 0px;

   height: 18px;

   padding-top: 1px;

   padding-bottom: 1px;

   background-color: #5F5F5F;

}



.middlefieldcontent {

   padding-left: 0px;

   padding-right: 0px;

   padding-bottom: 0px;

   padding-top: 0px;

   margin:0px;

   width: 99%;



}



.maincontent {

   height: 100%;

   margin: 0px;

   padding-left: 25px;

   padding-right: 15px;

   padding-bottom: 20px;

   padding-top: 10px;

   overflow: hidden;

}



.footer {

   padding-bottom: 10px;

   padding-top: 10px;

   margin-bottom: 0px;

   margin-right: 0px;

   background-color: #FFFFFF;

   background-image:url(Images/header_bg_verlauf.gif);

}



.footnav {

   padding-top: 0px;

   padding-bottom: 0px;

   padding-left: 198px;

   padding-right: 0px;

   padding-right: 0px;	

}



.disclaimernavnav {

   padding-top: 0px;

   padding-bottom: 0px;

   padding-left: 203px;

   padding-right: 0px;

}



.LeftNavLine {

   border-bottom-width: 1px;

   border-bottom-style: solid;

   border-bottom-color: #FF8605;

   margin: 0px;

   padding: 0px;

   padding-left: 0px;

   padding-bottom: 5px;

   padding-top: 18px;

   width: 180px;

   overflow: hidden;

   white-space: normal;

; background: url(Images/punkt1.gif) no-repeat 12px 22px

}



.LeftNavLineSub {

   margin: 0px;

   margin-left: 0px;

   padding: 0px;

   padding-left: 0px;
   padding-top: 10px;

   white-space: normal;

; background: url(Images/punkt2.gif) no-repeat 25px 19px

}



.LeftNavLineSub1 {

   margin: 0px;

   margin-left: 0px;

   padding: 0px;

   padding-left: 0px;

   background-image:url(Images/punkt2.gif);

   background-repeat: no-repeat;

   background-position: 38px 9px;

   white-space: normal;

}



.LeftNavLineSub2 {

   margin: 0px;

   margin-left: 0px;

   padding: 0px;

   padding-left: 0px;

   background-image:url(Images/punkt2.gif);

   background-repeat: no-repeat;

   background-position: 48px 9px;

   white-space: normal;

}



.LeftNavLineSub3 {

   margin: 0px;

   margin-left: 0px;

   padding: 0px;

   padding-left: 0px;

   background-image:url(Images/punkt2.gif);

   background-repeat: no-repeat;

   background-position: 87px 9px;

   white-space: normal;

}



.RightNavLine {

   padding-bottom: 5px;

   padding-top: 5px;

}



.rightcontent {

   padding-bottom: 15px;

   padding-top: 0px;

   padding-right: 10px;

   margin: 0px;

}



.siteoptions {

   padding-bottom: 15px;

   padding-top: 20px;

   padding-right: 20px;

   margin: 0px;

   text-align: right;

}



.tx-indexedsearch {

   width: 100%;

   overflow: hidden;

}



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

/* Menu / Sitemap, generally */

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

DIV.csc-menu { margin-left: 0px; }

DIV.csc-menu P { font-size: 11px; margin: 1px 0px 0px; padding: 2px 2px 2px 10px; ; background: #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: 20px; }

DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }

DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }

DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }

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: #023403; font-weight: bold; }

DIV.csc-menu-2 P.csc-sitemap-level2 A:hover { color: #023403; 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 ****************/