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

   Datei: main.css

          Basis-Style Sheets


      (c) Klaus Tucher Informatik
          Klaus Tucher
          Im Münzen 30
          73230 Kirchheim
   ----------------------------------------------------------------------- */


body {   
   background-color:#100050;
/*   background-image: url('/webios/_data/_mandant/_media/bg_main.png');
*/
   background-repeat: repeat-y;
   font-family: Arial, Helvetica, sans-serif;
   color: #FFF0E0;
   font-size: 10.5pt;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   padding: 0;
   margin: 0;
   }

b {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   }

th, td {   
   }

input {
   font-family: Arial, Helvetica, sans-serif;
   border-width: 1px;
   padding: 3px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   }

textarea {
   border-width: 1px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   resize:none;
   }

select {
   font-family: Arial, Helvetica, sans-serif;
   color: #1F497D; 
   font-size:11.0pt;
   border-width: 1px;
   margin: 0;
   padding-left: 3px;
   padding-right: 4px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   }

select[disabled] {
   color: #e0e0e0;
   }

legend {
   color: #f0e060;
   }

fieldset {
   margin-bottom:15px;
   }
.Selectbox {
   background: url('/webios/_data/_mandant/_media/dropdown_arrow.png') no-repeat right #ffffff;
   margin: 0; 
   padding: 0;
   width: 220px;
   height: 24px;
   overflow: hidden;
   border: 1px #e6e6e6 solid;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   }

.Selectbox select {
   width: 240px;
   height: 24px;
   font-family: Arial, Helvetica, sans-serif;
   color: #1F497D; 
   font-size: 11.0pt;
   margin: 0;
   padding: 3px;
   padding-right: 0;
   border: 0;
   background: transparent;
   }

.Selectbox select [disabled] {
   color: #e0e0e0;
   }

button {
   color: white;    
   background-color: #FFC000;
   background-image: url('/webios/_data/_mandant/_media/bg_gold.png');
   background-position: bottom;
   background-repeat: repeat-x;
   padding: 3px;
   padding-left: 10px;
   padding-right: 10px;
   border-width: 1px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   }

h1 {
   margin-top: 25px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 1.6em;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   border-bottom: 1px solid #FFF0E0;
   }

h2 {
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 1.4em;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   border-bottom: 1px solid #FFF0E0;
   }

h3 {
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   font-size: 1.4em;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   border-bottom: 1px solid #FFF0E0;
   }

hr    {
   border: 0;
   border-top: 1px solid #FFF0E0;
   }

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

a:link {
   color: #FFC000;
   }

a:visited {
   color: #FFC000;
   }

a:hover {
   color: #FFFFFF;
   background-color: #FFC000;
   }

a:active {
   color: #FFFFFF;
   background-color: #FFC000;
   }

.Main {
   position: relative;
   width: 1200px;
   min-height: 100%;
   }

.Header {
   position: relative;
   min-height: 150px;
   height: 150px;
   margin-left: 20px;
   padding: 25px;
   padding-top: 0;
   background-image: url('/webios/_data/_mandant/_media/headerline.png');
   background-repeat: no-repeat;
   background-position: -20px bottom;
   width: 1090px;
   }

.Headline {
   position: absolute; left:260px; top: 50px;
   font-family: times new roman, helvetica;
   text-transform: uppercase;
   font-size: 2.9em;
   font-style: italic;
   font-weight: normal;
   text-decoration: none;
   }

.Logo {
   padding-top: 25px;
   margin-left: 40px;
   float: left;
   }


.FixedMenu {
   float: right;
   margin-top: 125px;
   margin-right: 0;
   }

.FixedMenu form {
   float: right;
   margin-left: 20px;
   width: 230px;
   padding: 10px;
   background-color: #302070;
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
   }

.FixedMenu button {
   margin-left: 5px;
   margin-top: 15px;
   margin-bottom: 15px;
   }

.FixedMenu input {
   background-color: #ffffff;
/*   border-style: none; */
   border-bottom: 2px solid #102050;
   width: 140px;
   margin-top: 15px;
   margin-left: 5px;
   float: left;
   }


.MainMenu {
   font-size: 1.2em;
   font-weight: normal;
   position: absolute; left:260px; top: 150px;
   }

.MainMenu li {
   display: block;
   float: left;
   list-style-type: none;
   margin-right: 15px;
   }

.MainMenu a {
   display: inline-block;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 6px;
   padding-right: 6px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   }

.MainMenu a:link {
   color: #FFC000;
   }

.MainMenu a:visited {
   color: #FFC000;
   }

.MainMenu a:hover {
   background-color: #FFC000;
   color: #FFFFFF;
   }

.MainMenu a:active {
   background-color: #FFC000;
   color: #FFFFFF;
   }


   /* ------------------------ Content-Bereich --------------------- */

.Content {
   margin-left: 50px;
   margin-bottom: 50px;
   margin-top: 20px;
   padding: 20px;
   padding-left: 30px;
/*   width: 970px;*/
/*   background-color: #E6E6E6;
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
   font-size: 0.9em;
*/
   }

.ContentLeft {
   width: 150px;
   min-width: 150px;
   float: left;
   margin-right: 50px;
   display: block;
   font-size: 0.9em;
   }

.ContentLeft h1 {
   width: 160px;
   margin-top: 21px;
   margin-bottom: 21px;
   }

.ContentMiddle {
   display: block;
   width: 680px;
   float: left;
   }

.ContentMiddle h1 {
   margin-top: 18px;
   }

.ContentRight {
   width: 150px;
   float: left;
   margin-left: 25px;
   font-size: 0.9em;
   }

.ContentRight h1 {
   width: 150px;
   margin-top: 21px;
   margin-bottom: 21px;
   }

.Footer {
   margin-left: 80px;
   margin-top: 20px;
   padding: 20px;
   padding-left: 30px;
   width: 970px;
   min-height: 20px;
/*   background-color: #E6E6E6; */
/*   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; */
   border-top: 1px solid #FFF0E0;
   font-size: 0.9em;
   }

.Footer li {
   float: left;
   list-style-type: none;
   margin-right: 40px;
   }

.Footer a {
   display: block;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   }
                           
.CartHeader {
   margin-left: 20px;
   padding: 25px;
   background-image: url('/webios/_data/_mandant/_media/headerline.png');
   background-repeat: no-repeat;
   background-position: -20px bottom;
   width: 1052px;
   }

.CartHeader h1 {
   color: white;
   background-color: #E6E6E6;
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
   margin-left: 200px;
   padding: 10px;
   }

.CartFooter {
   margin-left: 20px;
   padding: 25px;
/*   background-color: #E6E6E6;
//   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
*/
   border-top: 1px solid #FFF0E0;
   width: 1070px;
   }

.KategorienMenu {
   }

.KategorienMenu a {
   color: #FFF0E0;
   border-bottom: 1px solid #FFF0E0;
   width: 155px;
   padding: 5px;
   padding-left:0;
   display: block;
   margin-bottom: 3px;
   overflow: hidden;
   font-weight: normal;
   }   

.KategorienMenu a:hover {
   color: #100050;
   background-color: #FFF0E0;
   }   

.MenuItem0 a {
   width: 155px;
   }   

.MenuItem0_mouseover a {
   width: 155px;
   }   

.MenuItem1 a {
   width: 155px;
   }   

.MenuItem1_mouseover a {
   width: 155px;
   }   

.MenuItem2 a {
   width: 140px;
   padding-left: 15px;
   display: block;
   }   

.MenuItem2_mouseover a {
   width: 140px;
   padding-left: 15px;
   display: block;
   }   

.MenuItem3 a {
   width: 125px;
   padding-left: 30px;
   display: block;
   }   

.MenuItem3_mouseover a {
   width: 125px;
   padding-left: 30px;
   display: block;
   }   
                        
.MP_Aktiv {
   background-color: #FFF0E0;
   color: #100050;
   width: 150px;
   padding: 0;
   display: block;
   margin: 0px;
   overflow: hidden;
   }   

.ShopNaviForm {
   margin:0; padding:0;
   }

.ShopNaviForm input {
   width: 500px;
   margin-right: 20px;
   }
   
.SelectLabel {
   min-width: 140px;
   width: 140px;
   float: left;
   }
                          


.ArtikelUebersicht {
   background-color: white;
   border: 1px solid #e6e6e6;
   padding: 10px;
   margin-bottom: 5px;
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
   }

.ArtikelUebersicht td {
   padding-right: 10px;
   }

.ArtikelUebersicht a {
   color: #FFF0E0;
   border-bottom: 0;
   font-weight: normal;
   }   

.ArtikelUebersicht a:hover {
   color: #FFFFFF;
   background-color: #FFF0E0;
   }   

.ArtikelMiniaturbild {
   float: left;
   height: 100%;
   min-width: 150px;
   min-height: 150px;
   margin-right: 10px;
   background-color: white;
   }

.ArtikelMiniaturbild a {
   margin: 0; padding: 0; 
   background-color: white;
   }

.ArtikelMiniaturbild a:hover {
   background-color: #FFFFFF;
   }   


.ArtikelDetailansicht {
   background-color: white;
   border: 1px solid #e6e6e6;
   padding: 10px;
   margin-bottom: 5px;
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
   }


.ArtikelDetailansicht td {
   padding-right: 10px;
   }



/* Lupenfunktion Artikeldetaildarstellung */

#Detailbild_Container {
   max-width: 675px;
   max-height: 675px;
   overflow: hidden;
   }

#Miniaturbild_Container {
   position:absolute;
   top:10px;
   left:10px;
   border:1px #e6e6e6 solid;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   background-color: white;
   }


.Variantenselect {
   background: url('/webios/_data/_mandant/_media/dropdown_arrow.png') no-repeat right #ffffff;
   margin: 0; 
   padding: 0;
   width: 80px;
   height: 24px;
   overflow: hidden;
   border: 1px #e6e6e6 solid;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   }

.Variantenselect select {
   width: 110px;
   height: 24px;
   font-family: Arial, Helvetica, sans-serif;
   color: #101015; 
   font-size: 9pt;
   margin: 0;
   padding: 3px;
   padding-right: 0;
   border: 0;
   background: transparent;
   }

.noItem {
   border: 1px solid #FFF0E0;
   background-color: #FFFFf0;
   margin-top: 50px;
   padding: 30px;
   }


.Breadcrumb {
   font-size: 10pt;
   position: absolute; left:260px; top: 100px;
   }

.Breadcrumb a {
   color: #FFF0E0;
   border-bottom: 0;
   }   

.Breadcrumb a:hover {
   color: #FFFFFF;
   background-color: #FFF0E0;
   }   

.Suchvorschlaege {
   z-index: 999;
   width: 210px;
   color: #ffffe0;
   background-color: #302070;
   border: 0;
   padding: 10px;
   margin: 0;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   top: 40px;
   left: -10px;
   font-weight: normal;
   border-left: 1px solid #402580;
   border-right: 1px solid #402580;
   border-bottom: 1px solid #402580;
   margin-right: 10px;
   }

.Suchvorschlaege li {
   color: white;
   display: block;
   width: 200px;
   float: none;
   }

.Suchvorschlaege a {
   font-weight: normal;
   color: white;
   display: block;
   width: 200px;
   float: none;
   text-decoration: none;
   padding: 0;
   }

.Suchvorschlaege a:link {
   color: white;
   }

.Suchvorschlaege a:hover {
   color: white;
   background-color: #FFF0E0;
   }

.SubMenu {
   background-color:#100050;
   border: 1px solid #FFF0E0;
   padding: 5px;
   }         

.TellAFriend {
   position:relative;
   }

#WizTaF_Form {
   background-color: #ffffff;
   color: #000050;
   border: #c0c0c0 1px solid;
   padding: 5px;
   }

#Cookies {
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 25px;
   width: 100%;
   background-color: #e0e0e0;
   color:black;
   border: #c0c0c0 1px solid;
   text-align: center;
   display: none;
   min-width: 400px;
   }