/*_______________________________________________________________________



                 styles.css

                 Layout for netzrezepte.de migrapolis.de

                 Thomas Krug, 5. April 2005

   ________________________________________________________________________ */



body {

   padding: 0;

   background-color: #424496;

   margin: 0px 0px 0px 0px;

   font-family : verdana;

   font-size: 1em;

}



.wrap {

   position: relative;

   width: 100%;

   left: 0px;

   text-align: center;

}



.boxwrap {

   padding: 0px;

   width: 1000px;

   margin: auto;

   margin-top: 0px;

   margin-bottom: 10px;

   border: 1px solid #0071C6;

   text-align: left;

}



.CEwrap {

   margin-bottom: 15px;

}



.leftfield .CEwrap {

   margin-bottom: 15px;

   background-color: #FFDE07;

   padding: 5px;

}



.leftfield .CEwrap a {

   text-decoration: none;

   color: #000000;

}



.leftfield .CEwrap a:hover {

   text-decoration: none;

   color: #424491;

}





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

         text formating

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



h1 {

   font-weight: bold;

   padding-left: 0px;

   padding-top: 0px;

   margin: 15px 0px;

   font-family : verdana;

   font-size: 1em;

   color: #5F5F5F;

}



h2 {

   font-weight: bold;

   font-family : verdana;

   font-size: 0.85em;

   color: #5F5F5F;

   margin: 15px 0px;

   margin-bottom: 10px;

}



h3 {

   font-weight: bold;

   font-family : verdana;

   font-size: 0.8em;

   color: #5F5F5F;

   margin: 0px;

   margin-bottom: 10px;

}



h4 {

   font-weight: bold;

   font-family : verdana;

   font-size: 0.75em;

   color: #5F5F5F;

   margin: 0px;

   margin-bottom: 10px;

}



.teasertext {

   position: absolute;

   left: 50%;

   top: 0px;

   margin-left: -495px;

}



.teasertext h1 {

   font-size: 1em;

   padding-top: 5px;

}



p {

   font-family : verdana;

   font-size: 0.8em;

   color: black;

   margin: 0px;

   margin-bottom: 5px;

}



address {

   margin: 0px;

   margin-bottom: 5px;

   font-size: 0.8em;

}



h1.specialheader {

   font-family : verdana;

   font-size: 0.7em;

   color: #5A5A5A;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 5px;

   padding-left: 5px;

   padding-top: 1px;

   border-bottom: 1px solid #5A5A5A;

   border-left: 5px solid #5A5A5A;

}



h1.unterstrichheader {

   font-family : verdana;

   font-size: 0.8em;

   color: #000000;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 5px;

   padding-left: 0px;

   padding-top: 1px;

   border-bottom: 1px solid #5A5A5A;

   text-align: left;

}



h1.ausgefuellt_blau {

   background-color: #0071C6;

   color: #FFFFFF;

   font-size: 0.8em;

   padding-left: 5px;

   padding-right: 5px;

}



h1.ausgefuellt_grau {

   background-color: #5A5A5A;

   color: #FFFFFF;

   font-size: 0.8em;

   padding-left: 5px;

   padding-right: 5px;

}



p.postionnavigation {

   font-family : verdana;

   font-size: 0.7em;

   color: #000000;

   margin-left: 0px;

   margin-right: 10px;

   margin-bottom: 5px;

   margin-top: 0px;

   padding-left: 0px;

}



p.postionnavigation a {

   text-decoration: underline;

}



p.postionnavigation a:hover {

   text-decoration: none;

}



p.tipafriend {

   width: 150px;

}





dd.csc-textpic-caption {

   font-family : verdana;

   font-size: 0.7em;

   color: black;

   margin: 0 0 0 0;

}



fieldset {

   border: 0px solid #FFFFFF;

}



label {

   font-family : verdana;

   font-size: 0.7em;

   color: black;

   margin: 0 0 0 0;

   display: block;

}





li {

  font-size: 11px;

  padding: 0px;

  margin: 0px;

  margin-top: 7px;

  margin-left: 0px;

  margin-bottom: 0px;

}



img {

  border: none;

}



td {

   font-size: 12px;

}



td p {

   font-size: 12px;

}





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

         navigation formating

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



a {

   font-family : verdana;

   font-size: 1em;

   color: #5F5F5F;

   text-decoration: none;

   padding: 0px;

   margin: 0px;

}



a:hover {

   text-decoration: underline;

}



a.TopNavigation {

   font-family : verdana;

   font-size: 0.9em;

   font-weight: bold;

   color: #000000;

   text-decoration: none;

   padding-left: 6px;

   padding-right: 4px;

   margin-left: 5px;

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

   background-repeat: no-repeat;

   background-position: 0px 1px;

}



a.TopNavigation:hover {



}



a.FootNavigation {

   font-family : verdana;

   font-size: 0.7em;

   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.7em;

   color: #5F5F5F;

   text-decoration: none;

   padding-left: 4px;

   padding-right: 4px;

   margin-left: 0px;

}



a.OptionNavigation:hover {

   text-decoration: underline;

}



a.DiscNavigation {

   font-family : verdana;

   font-size: 1em;

   color: #000000;

   text-decoration: none;

   padding-left: 4px;

   padding-right: 4px;

   margin-left: 0px;

}



a.DiscNavigation:hover {

   text-decoration: none;

}



a.positionlink {

   font-family : verdana;

   font-size: 1em;

   color: #000000;

   text-decoration: none;

   padding-left: 0px;

   padding-right: 0px;

   margin-left: 0px;

}



a.positionlink:hover {



}

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

         position and formating forms

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



input.searchfield {

   height: 14px;

   z-index: 3;

   width: 120px;

   font-size: 11px;

   font-family : verdana;

   color: #5F5F5F;

   border: 1px solid #5F5F5F;

   margin-bottom: 5px;

}



input.submitbutton {

/*   content: suchen;*/

   color: #5F5F5F;

   cursor: pointer;

   margin-top: 3px;

   margin-bottom: 0px;

   width: 16px;

   border: 0px solid #5F5F5F;

}



input.loginfield {

   height: 12px;

   z-index: 3;

   width: 51px;

   font-size: 10px;

   font-family : verdana;

   border: 1px solid #5F5F5F;

   margin-bottom: 5px;

}



form {

   margin: 0px;

}



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;

}



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: 0px;

   margin-bottom: 3px;

}



input {

   z-index: 3;

   font-size: 10px;

   font-family: verdana;

   color: #5F5F5F;

   margin-left: 0px;

   margin-bottom: 0px;

   border: 1px solid #5F5F5F;

}



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;

}



textarea {

   z-index: 3;

   width: 215px;

   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;

}



input.csc-mailform-submit {

   margin-top: 10px;

}



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

         positions

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



.header {

   margin: 0px;

   padding: 0px;

   height: 200px;

   width: 1000px;

   overflow: hidden;

   position: relative;

}



.header_newsl {

   margin-top: 0px;

   margin-left: 0px;

   margin-right: 0px;

   margin-bottom: 20px;

   padding: 0px;

   padding-left: 20px;

   padding-top: 20px;

}



.homenav_center {

   position: absolute;

   width: 100%;

   text-align: center;

   top: 20px;

}



.homenav {

   margin: auto;

   width: 1000px;

   color: #000000;

   font-family : verdana;

   font-size: 11px;

   text-align: right;

   padding: 0px 15px 0px 0px;

}



.searchform {

   padding: 0px 0px 0px 5px;

   width: 150px;

   float: right;

}



.language {

   text-align: right;

}



.positionnav {

   padding-left: 190px;

   padding-top: 3px;

   margin-left: 0px;

   margin-right: 0px;

   margin-top: 0px;

   margin-bottom: 0px;

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

   border-top: 5px solid #FFF685;

   border-bottom: 1px solid #CCD6D8;

}



div.logo {

   position: absolute;

   top: 50px;

   left: 20px;

   z-index: 2;

   width: 1px;

   height: 1px;

}



div.logo2 {

   position: absolute;

   top: 2px;

   left: 2px;

   z-index: 2;

   width: 1px;

   height: 1px;

}



.topbanner {



}



.topcolum {



}



.mainfield {

   margin: 0px;

   padding: 0px;

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

   width: 1000px;

   overflow: hidden;

}



.bottombanner {



}



.leftfield {

   float: left;

   width: 180px;

   max-width: 180px;

   margin: 0px;

   margin-top: 5px;

   margin-left: 5px;

   padding: 0px;

   padding-top: 0px;

   padding-bottom: 0px;

}



.leftcontent {

   margin-top: 20px;

   margin-left: 0px;

   width: 180px;

   overflow: hidden;

}



.leftbanner {

   margin-top: 20px;

   width: 180px;

   margin-bottom: 20px;

}



.rightfield {

   float: right;

   width: 180px;

   margin: 0px;

   padding: 0px;

   padding-top: 4px;

}



.middlefield {

   padding: 0px;

   margin: 0px;

   margin-right: 180px;

   margin-left: 180px;

}



.maincontent {

   margin: 0px;

   padding-left: 15px;

   padding-right: 15px;

   padding-bottom: 20px;

   padding-top: 5px;

   width: 600px;

   overflow: hidden;

}



.footer {

   padding-bottom: 0px;

   padding-top: 10px;

   margin-bottom: 0px;

   margin-right: 0px;

   overflow: hidden;

}



.footnav {

   padding-top: 0px;

   padding-bottom: 0px;

   padding-left: 198px;

   padding-right: 0px;

}



.disclaimernavnav {

   padding-top: 0px;

   padding-bottom: 0px;

   padding-left: 10px;

   padding-right: 0px;

   background-color: #FFFFFF;

   width: 570px;

}



.LeftNavLine {

   border-bottom: 3px solid #5A5A5A;

   border-left: 3px solid #424496;

   margin: 0px;

   margin-top: 2px;

   padding: 0px;

   width: 180px;

   overflow: hidden;

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

   background-repeat: no-repeat;

   background-position: 27px 9px;*/

   white-space: normal;

}



.RightNavLine {

   padding-bottom: 5px;

   padding-top: 5px;

}



.rightcontent {

   padding-bottom: 15px;

   padding-top: 0px;

   padding-right: 10px;

   margin: 0px;

}



.rightbanner {

   width: 180px;

}



.optionnavi {

   float: right;

   margin-right: 200px;

   width: 220px;

   background-color: #C1DEF3;

}



.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 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 {

   border: 1px solid #5F5F5F;

   background-color: #EFEFEF;

   padding: 5px;

}



.rightcontentbox {

   background-color: #CBCEE3;

   width: 180px;

   float: right;

   padding: 5px;

   margin-left: 10px;

}



.sprachumschalter {

   background-color: #FFDE07;

   padding: 3px;

   font-size: 13px;

   margin-top: 20px;

}



.sprachumschalter a {

   font-size: 13px;

   color: #000000;

}



.sprachumschalter a:hover {

   text-decoration: none;

}



.sprachumschalter li {

   font-size: 13px;

   list-style-type: none;

   padding: 0px;

   margin: 0px;

}



.sprachumschalter ul {

   font-size: 13px;

   list-style-type: none;

   padding: 0px;

   margin: 0px;

}



/* ------------------------ Navigation Links -------------------------- */



/*first level*/

.leftnavigation ul, .leftnavigation ul li { list-style-type: none; margin: 0; padding: 0; width: 180px; }



.leftnavigation ul li a,

.leftnavigation ul li a:link,

.leftnavigation ul li a:visited { font-size: 1.2em; color: #FFFFFF; font-weight: bold; line-height: 20px; text-decoration: none; text-indent: 0px; display: block; margin: 0; padding: 0; padding-top: 5px; border-top: 1px solid #fff685; border-left: 3px solid #424496; padding-left: 10px; background-color: #DD918A; }







.leftnavigation ul li a:hover,

.leftnavigation ul li a:active,

.leftnavigation ul li a:focus,

.leftnavigation ul li.act a,

.leftnavigation ul li.act a:link,

.leftnavigation ul li.act a:visited,

.leftnavigation ul li.act a:hover,

.leftnavigation ul li.act a:active,

.leftnavigation ul li.act a:focus { color: #00A8DD; background-color: #ECC4BD; }



/*second level*/

.leftnavigation ul li ul li a,

.leftnavigation ul li ul li a:link,

.leftnavigation ul li ul li a:visited { font-size: 1.1em; color: #FFFFFF; font-weight: bold; line-height: 20px; text-decoration: none; text-indent: 0px; display: block; margin: 0; padding: 0; padding-top: 3px; border-top: none; border-left: 3px solid #424496; padding-left: 20px; }



.leftnavigation ul li ul li a:hover,

.leftnavigation ul li ul li a:active,

.leftnavigation ul li ul li a:focus,

.leftnavigation ul li ul li.act a,

.leftnavigation ul li ul li.act a:link,

.leftnavigation ul li ul li.act a:visited,

.leftnavigation ul li ul li.act a:hover,

.leftnavigation ul li ul li.act a:active,

.leftnavigation ul li ul li.act a:focus { color: #00A8DD; background-color: #ECC4BD; }



/*third level*/

.leftnavigation ul li ul li ul li a,

.leftnavigation ul li ul li ul li a:link,

.leftnavigation ul li ul li ul li a:visited { font-size: 1.1em; color: #FFFFFF; font-weight: bold; line-height: 20px; text-decoration: none; text-indent: 0px; display: block; margin: 0; padding: 0; padding-top: 3px; border-top: none; border-left: 3px solid #424496; padding-left: 30px; }



.leftnavigation ul li ul li ul li a:hover,

.leftnavigation ul li ul li ul li a:active,

.leftnavigation ul li ul li ul li a:focus,

.leftnavigation ul li ul li ul li.act a,

.leftnavigation ul li ul li ul li.act a:link,

.leftnavigation ul li ul li ul li.act a:visited,

.leftnavigation ul li ul li ul li.act a:hover,

.leftnavigation ul li ul li ul li.act a:active,

.leftnavigation ul li ul li ul li.act a:focus { color: #00A8DD; background-color: #ECC4BD; }



/*fourth level*/

.leftnavigation ul li ul li ul li ul li a,

.leftnavigation ul li ul li ul li ul li a:link,

.leftnavigation ul li ul li ul li ul li a:visited { font-size: 1.1em; color: #FFFFFF; font-weight: bold; line-height: 20px; text-decoration: none; text-indent: 0px; display: block; margin: 0; padding: 0; padding-top: 3px; border-top: none; border-left: 3px solid #424496; padding-left: 40px; }



.leftnavigation ul li ul li ul li ul li a:hover,

.leftnavigation ul li ul li ul li ul li a:active,

.leftnavigation ul li ul li ul li ul li a:focus,

.leftnavigation ul li ul li ul li ul li.act a,

.leftnavigation ul li ul li ul li ul li.act a:link,

.leftnavigation ul li ul li ul li ul li.act a:visited,

.leftnavigation ul li ul li ul li ul li.act a:hover,

.leftnavigation ul li ul li ul li ul li.act a:active,

.leftnavigation ul li ul li ul li ul li.act a:focus  { color: #00A8DD; background-color: #ECC4BD; }



/*fifth level*/

.leftnavigation ul li ul li ul li ul li ul li a,

.leftnavigation ul li ul li ul li ul li ul li a:link,

.leftnavigation ul li ul li ul li ul li ul li a:visited { font-size: 1.1em; color: #FFFFFF; font-weight: bold; line-height: 20px; text-decoration: none; text-indent: 0px; display: block; margin: 0; padding: 0; padding-top: 3px; border-top: none; border-left: 3px solid #424496; padding-left: 50px; }



.leftnavigation ul li ul li ul li ul li ul li a:hover,

.leftnavigation ul li ul li ul li ul li ul li a:active,

.leftnavigation ul li ul li ul li ul li ul li a:focus,

.leftnavigation ul li ul li ul li ul li ul li.act a,

.leftnavigation ul li ul li ul li ul li ul li.act a:link,

.leftnavigation ul li ul li ul li ul li ul li.act a:visited,

.leftnavigation ul li ul li ul li ul li ul li.act a:hover,

.leftnavigation ul li ul li ul li ul li ul li.act a:active,

.leftnavigation ul li ul li ul li ul li ul li.act a:focus  { color: #00A8DD; background-color: #ECC4BD; }





.leftnavend {

   border-top: 1px solid #FFF685;

}



/*navi tv und radio */



.homenav_center {

   position: absolute;

   width: 100%;

   text-align: center;

   top: 20px;

}



.homenav {

   margin: auto;

   width: 1000px;

   color: #000000;

   font-family : verdana;

   font-size: 11px;

   text-align: right;

   padding-right: 15px;

}



.tvlink_center {

   position: absolute;

   width: 100%;

   text-align: center;

   top: 60px;

}



.tvlink {

   margin: auto;

   width: 920px;

   padding-right: 35px;

   text-align: right;

}



.radiolink_center {

   position: absolute;

   width: 100%;

   text-align: center;

   top: 137px;

}



.radiolink {

   margin: auto;

   width: 920px;

   padding-right: 35px;

   text-align: right;

}



/*navi end*/





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



.tx-srfeuserregister-pi1 legend {

   font-weight: bold;

   font-size: 0.8em;

   font-variant: small-caps;

   background-color: #ACD4EE;

   border: 1px solid #424496;

   padding: 5px;

   color: #424496;

}



.tx-srfeuserregister-pi1 label {

   text-align: left;

}



.tx-srfeuserregister-pi1 fieldset {

   background-color: #FFF685;

   margin-bottom: 1px;

   padding: 5px;

   border: 1px solid #424496;

}



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



.tx-newloginbox-pi1 legend {

   color: #424496;

   font-weight: bold;

   font-variant: small-caps;

   background-color: #ACD4EE;

   border: 1px solid #424496;

   padding: 5px;

   margin-bottom: 10px;

}



.tx-newloginbox-pi1 fieldset {

   background-color: #FFF685;

   margin-bottom: 1px;

   padding: 5px;

   border: 1px solid #424496;

}



.tx-newloginbox-pi1 label {

   text-align: left;

   float: left;

   width: 120px;

}



.fieldset_row {

   width: 500px;

   overflow: auto;

   margin-bottom: 5px;

}



.bannermanagenemt img {

   padding: 0px 10px 10px 0px;

}



.kalender_table {

   border-collapse: collapse;

}



.kalender_table td {

   padding: 5px 10px 5px 10px;

   border: 1px solid #ACD4EE;

}



.kalender_table a {



}



.kalender_table_title {

   background-color: #ECC4BD;

}



input.katcheck {

font-family: verdana;

color: black;

font-weight: normal;

font-size: 12px;

border: 0px solid #FFFFFF;

text-indent: 0px;

background-color: #efefef;

}



.fotorandom {

   width: 90px;

   text-align: center;

}