html
{

}

body
{
  background-color:               white;
  margin-left:                    auto;
  margin-right:                   auto;
  margin-top:                     0px;
  padding:                        0px;
  width:                          1012px;
  color:                          #cccccc;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      .7em;
  height:                         100%;
}

img
{
  border:                         0px;
}

/**
 * headings
 */

h1
{
  float:                         right;
  font-size:                     1.2em;
  margin:                        0px 10px 0px 0px;
  padding:                       0px;
}

h2
{
  text-transform:                 uppercase;
  font-size:                      1em;
  margin:                         0em 23px 0.6em 23px;
  padding:                        1em 0px 0px 0px;
}

h3
{
  font-size:                      1.1em;
  margin:                         0em 23px 1em 23px;
  padding:                        1em 0px 0px 0px;
}


/**
 * blocks
 */
p
{
  margin-top:                     0px;
  margin-bottom:                  .75em;
}

.contentCol p
{
  margin-left:                    23px;
  margin-right:                   23px;
}


/**
 * forms
 */
form
{
  margin:                         0px;
  padding:                        0px;
}

input,
label,
select,
option,
textarea
{
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      1em;
  vertical-align:                 middle;
}

input.text,
textarea
{
  border-width:                   1px;
}

input.submitButton
{
  background-color:               #CCCCCC;
  border-color:                   #CCCCCC;
  border-width:                   1px;
  color:                          #666666;
  margin:                         3px 0px 0px 70px;
}


/**
 * links
 */
a:link,
a:visited
{
  color:                          #666666;
  text-decoration:                none;
}

a:active,
a:hover
{
  color:                          #999999;
  text-decoration:                none;
}

a img
{
  border:                         0px;
  vertical-align:                 bottom;
}


/**
 * index
 */
#index-logos-wrapper
{
  padding-top:                    352px;
}

#index-logos
{
  height:                         68px;
  position:                       relative;
  width:                          100%;
}

#index-logos img
{
  position:                       absolute;
  z-index:                        1000;
}

#logo-basefield
{
  left:                           13px;
  top:                            10px;
}

#logo-basefield-woman
{
  left:                           13px;
  top:                            0px;
}

#logo-basefield-sports-elements
{
  left:                           115px;
  top:                            0px;
}

#logo-clarina-collection
{
  left:                           220px;
  top:                            30px;
}

#logo-fry-day
{
  left:                           120px;
  top:                            0px;
}

#logo-in-linea-secret
{
  left:                           315px;
  top:                            0px;
}

#logo-in-linea-firenze
{
  left:                           430px;
  top:                            30px;
}

#logo-commander-finest-clothing
{
  left:                           530px;
  top:                            0px;
}

#logo-commander-flag
{
  left:                           625px;
  top:                            30px;
}

#logo-staccato
{
  left:                           718px;
  top:                            0px;
}

#logo-living-dreams
{
  left:                           832px;
  top:                            0px;
}

#logo-jette-by-staccato
{
  right:                          0px;
  top:                            0px;
}


/**
 * structure
 */

#content
{
  background-color:               #333333;
  background-image:               url(img/teaser.dummy.jpg);
  background-repeat:              no-repeat;
  height:                         422px;
  width:                          1012px;
}

.contentCol
{
  float:                          left;
  width:                          280px;
  height:                         422px;
  overflow:                       hidden;
}

.top
{
  opacity:                        .90;
  filter:                         alpha(opacity=90);
  background-color:               #515151;
  height:                         80px;
  z-index:						  1;

}

.bottom
{
  opacity:                        .85;
  filter:                         alpha(opacity=85);
  background-color:               #333333;
  height:                         342px;
  z-index:						  2;
}

.headline
{
  position:                       absolute;
  width:                          280px;
  z-index:						  101;
}

.text
{
  padding-top:                    20px;
  position:                       absolute;
  top:                            195px;
  height:                         320px;
  width:                          280px;
  overflow:                       hidden;
  z-index:						  100;
}

.scroll
{
  overflow:                       auto;
}

.left
{
  margin:                         0px 0px 0px 90px;
}

.normal
{
  opacity:                        .90;
  filter:                         alpha(opacity=90);
  background-color:               #333333;
}

.dark
{
  opacity:                        .98;
  filter:                         alpha(opacity=98);
  background-color:               #333333;
}

.noAlpha
{
  opacity:                        1;
  filter:                         alpha(opacity=100);
}

/*
 * default Template
 */


h2.default
{
  padding-top:                    50px;
}

/*
 * default Template Wide
 */

.wide
{
  width:                          560px;
  overflow:                       auto;
}

/*
 * Labels
 */

.logo
{
  text-align:                     center;
}

.logo  img
{
  margin-top:                     13px;
}

.galleryThumbs a img
{
  border: 2px solid #666666;
}

.galleryThumbs a:hover img
{
  border: 2px solid #999999;
}

/**
 * mainmenu
 */
#mainmenu
{
  font-size:                      1em;
  font-weight:                    bold;
  height:                         114px;
  margin:                         0px 0px 0px 0px;
  padding:                        0px 0px 0px 0px;
  position:                       relative;
}

#slogan
{
  left:                           13px;
  position:                       absolute;
  top:                            29px;
}

#mainmenu ul
{
  float:                          left;
  margin:                         90px 0px 0px 10px;
  padding:                        0px;
}

#mainmenu li
{
  float:                          left;
  list-style-type:                none;
  padding:                        0px 0px;
}

#mainmenu li a
{
  border-left:                    1px solid white;
  border-right:                   1px solid white;
  color:                          #CCCCCC;
  display:                        block;
  margin:                         0em 10px 0px 0px;
  padding:                        0px 6px;
  text-decoration:                none;
  text-transform:                 uppercase;
}

#mainmenu li a:hover,
#mainmenu li a.selected
{
  border-left:                    1px solid #E20000;
  border-right:                   1px solid #E20000;
  color:                          #E20000;
  margin:                         0em 10px 0px 0px;
  text-decoration:                none;
}

/**
 * submenu
 */

#submenu
{
  width:                          280px;
  height:                         342px;
}

#submenu ul
{
  margin:                         0px;
  padding:                        0px;
}

#submenu ul ul
{
  font-size:                      .9em;
  margin:                         .3em 0px 10px 17px;
  padding:                        0px;
}

#submenu ul ul ul
{
  margin:                         .3em 0px 10px 10px;
}

#submenu ul li
{
  list-style-type:                none;
  margin-bottom:                  .3em;
  margin-left:                    0px;
}

#submenu ul li li
{
  margin-bottom:                  .25em;
  margin-left:                    0px;
}

#submenu ul li a
{
  text-transform:                 uppercase;
  color:                          #999999;
  display:                        block;
  padding:                        0px 0px 0px 15px;
  text-decoration:                none;
  margin:                         0px;
}

#submenu ul li a:hover,
#submenu ul li a.selected
{
  color:                          #dddddd;
}

#submenu ul li li a
{
  font-weight:                    normal;
  padding-left:                   10px;
}

#submenu ul li li a:hover,
#submenu ul li li a.selected
{
  background-repeat:              no-repeat;
  background-position:            0px 50%;
  background-image:               url(img/bg.subnav.png);
}
/**
 * footer
 */
#footer
{
  bottom:                         0px;
  font-size:                      0.9em;
}

#footerContent
{
  padding:                        5px 0px 0px 0px;
}

.static
{
  margin-top: 20px;
}

#footer ul,
#footer li
{
  display:                        inline;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 0px 0px 0px;
}

#footer ul
{
  float:                          right;
  margin-left:                    0px;
}

#footer li
{
  padding:                        0px 10px 0px 1px;
}

#footer a
{
  color:                          #CCCCCC;
  padding:                        0px 0px 0px 6px;
  text-decoration:                none;
  text-transform:                 uppercase;
}

#footer a:hover
{
  color:                          #E20000;
}

#footer #portal-link
{
  color:                          #333333;
}

#footer #katagfashion-link
{
  color:                          #333333;
  margin-left: 220px;
}

/*
 * Kontaktformular
 */

/**
 * contact form
 */

.tbleft
{
  width:                        100px;
}

table.contactForm
{
  margin:                         0px 21px;
}

table.contactForm th
{
  font-weight:                    normal;
  text-align:                     left;
}

table.contactForm input.inputText,
table.contactForm textarea
{
  width:                          250px;
}

table.contactForm input.inputText#zipCode
{
  float:                          left;
  width:                          50px;
}

table.contactForm input.inputText#city
{
  float:                          right;
  width:                          190px;
}

p.buttonBar
{
  overflow:                       hidden;
  width:                          100%;
}

p.buttonBar input.back
{
  float:                          left;
}

p.buttonBar input.next
{
  float:                          right;
}

/**
 * sitemap
 */
#sitemap ul
{
  margin:                         0px;
  padding:                        0px;
}

#sitemap li
{
  list-style-type:                none;
  margin:                         0px 0px 0px 15px;
  padding:                        1px 0px;
}

#sitemap img,
#sitemap a
{
  vertical-align:                 middle;
}

#sitemap a
{
  padding-left:                   4px;
}


/**
 * Gallery
 */
#galleryThumbs
{
  height:                         99px;
  margin:                         0px 0px 20px 0px;
}

#galleryThumbs img
{
  border:                         none;
}

/**
 * storefinder
 */

#storefinder div
{
  padding-top:                    20px;
}

/**
 * misc
 */
.hilite
{
  color:                          #CC0033;
}

.contentMargin
{
  padding:                         10px 0px 0px 0px;
}

#preview
{
  position:                       relative;
}

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