/* schriften */
html {
  overflow-y: scroll;
}
body, div {
  font-size: 70%;
  line-height: 140%;
}
@media screen {
  div {
    font-size: 100%;
  }
}
#mainmenue {
  font-size: 100%;
}
.global a:link, .global a:visited {
  font-size: 90%;
}
#footer a:link, #footer a:visited {
  font-size: 100%;
}
#submenu a:link, #submenu a:visited {
  font-size: 90%;
}
.linkDownload a:link, .linkDownload a:visited {
  font-size: 100%;
  text-decoration: underline;
}
@media screen {
  .global {
    color: #7b929e;
  }
  .global a:link, .global a:visited {
    padding: 0 3px 0 0;
    text-transform: uppercase;
  }
  .global a:link, .global a:visited {
    color: #7b929e;
    text-decoration: none;
  }
  .global a:hover, .global a:active {
    text-decoration: underline;
  }
  #footer {
    color: #627681;
  }
  #footer a:link, #footer a:visited {
    padding: 0 7px 0 7px;
    color: #627681;
    text-decoration: none;
  }
  #footer a:hover, #footer a:active {
    color: #627681;
    text-decoration: underline;
  }
  .linkDownload a:link, .linkDownload a:visited {
    color: #738a96;
  }
}

/* Formatierung */
a:link, a:visited {
  text-decoration: underline;
}
a:active, a:hover {
  text-decoration:underline;
}
@media screen {
  .global {
    position: relative;
    top: 17px;
    left: 660px;
    float: left;
    margin-right: 20px;
  }
  .global a:link, .global a:visited {
    padding: 0 3px 0 3px;
    text-align: right;
  }
}
@media screen {
  #mainmenue {
    position: relative;
    width: 219px;
    padding: 388px 0 0 0;
    height: 135px;
  }
  #mainmenue ul {
    margin: 0 0 0 15px;
    padding: 7px 0 0 0;
  }
  #mainmenue li {
    position: relative;
    width: 186px;
	line-height: 2.7em;
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
  }
  #mainmenue a:link, #mainmenue a:visited {
    padding: 0;
    margin: 0;
    display: block;
    text-transform: uppercase;
	text-decoration: none;
  }
}
@media screen {
  #body {
    position: relative;
    width: 865px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: left;
	background-color: #FFFFFF;
  }
  #welcome {
    width: 641px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
	height: 464px;
	background-color: #FFFFFF;
	margin-top: 70px;
  }
  .image_business {
    width: 318px;
    float: left;
  }
  .image_public {
    width: 318px;
    float: right;
  }
  #head {
    position: relative;
    width: 885px;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding: 0;
    background-image: url(/img/shadow_top.png);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  #main {
    width: 847px;
    margin: 0;
    padding: 8px;
  }
  #mainTable {
    position: relative;
    width: 885px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	border-collapse: collapse;
  }
  #mainTable .shadowLeft {
    position: relative;
    width: 12px;
	background: url(/img/shadow_left.png) repeat-y left top;
  }
  #mainTable .shadowRight {
    position: relative;
    width: 12px;
	background: url(/img/shadow_right.png) repeat-y left top;
  }
  #leftcolumn {
    width: 219px;
    float: left;
  }
  #content {
    width: 619px;
    margin: 0 0 0 5px;
    padding: 0;
    float: left;
  }
  #illuContent {
    margin: 0;
	float: left;
	height: 389px;
  }
  #topFlash {
    float: left;
    height: 389px;
  }
  #mood {
    width: 625px;
  }
  #mood .mood1 {
    margin: 0px 5px 0 0;
  }
  #footer {
    position: relative;
	width: 865px;
    padding: 1em 0 0.4em 0;
    margin: 2em 0 0 0;
    height: 15px;
    text-align: right;
  }
  #shadowBottom {
    position: relative;
    width: 889px;
    height: 19px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background: url(/img/shadow_bottom.png) repeat-y;
  }
}

@media screen {
  #submenu ul li a:link, #submenu ul li a:visited {
    text-decoration: none;
  }
  #submenu {
    margin: 5px 0 0 0;
    padding: 0;
    overflow: hidden;
  }
  #submenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: normal;
  }
  #submenu ul li {
    border-bottom: 1px solid #d0e0e8;
  }
  #submenu ul li li {
    border-top: 1px solid #d0e0e8;
    border-bottom: none;
    width: 219px;
  }
  #submenu li a:link, #submenu li a:visited {
    width: 204px;
    display: block;
    padding: 0.8em 0 0.8em 15px;
    font-weight: normal;
    text-transform: uppercase;
  }
  #submenu li li a:link, #submenu li li a:visited {
    width: 194px;
    display: block;
    padding: 0.8em 0 0.8em 25px;
    font-weight: normal;
  }
  #submenu li.active a:link, #submenu li.active a:visited {
    font-weight: bold;
  }
  #submenu li.parent a:link, #submenu li.parent a:visited {
    font-weight: bold;
  }
  #submenu li.active li a:link, #submenu li.active li a:visited {
    font-weight: normal;
  }
  #submenu li.parent li a:link, #submenu li.parent li a:visited {
    font-weight: normal;
  }
  #submenu li.parent li.active a:link, #submenu li.parent li.active a:visited {
    font-weight: bold;
  }
}
/* styles table pricelist */

table.priceList {
  width: 100%;
  border-collapse: collapse;
  
}
table.priceList th {
  background-color: #96a7ae;
  text-align: left;
  padding: 3px 0 3px 15px;
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
table.priceList td {
  background-color: #e1e6e8;
  padding: 3px 0 3px 15px;
  color: #727e83;
  vertical-align: bottom;
  border-bottom: 1px solid #FFFFFF;
}
table.priceList td.tableFooter {
  background-color: #eff3f5;
  padding-left: 15px;
  color: #727e83;
  border-bottom: 1px solid #FFFFFF;
}

/* styles download pic */

.downloadImg {
  clear: both;
  margin: 20px 0 0 0 !important;
}
.downloadPic {
  float: left;
}
.downloadPic img {
  margin-right: 59px;
  margin-top: 20px;
}
.downloadPic img.last {
  margin-right: 0;
}

/* styles lookbook */
#teaserImages {
  width: 625px;
}
#teaserImages .topTeaser {
  margin-right: 3px;
}
#artikelDescription {
  margin: 0;
}
#artikelDescription table {
  width: 100%;
  border-collapse: collapse;
}
#artikelDescription table td {
  padding-left: 25px;
}
#artikelDescription .descArtikelnameText {
  font-size: 120%;
}
#artikelDescription .descLabel {
  font-weight: bold;
  font-size: 90%;
}
#artikelDescription .descText {
  font-size: 90%;
}
#range {
  width: 575px;
  height: 19px;
  text-align: center;
  margin-left: 25px !important;
}
#range .rangeBack {
  display: block;
  cursor: pointer;
  height: 19px;
  width: 17px;
  float: left;
}
#range .rangeNext {
  display: block;
  cursor: pointer;
  height: 19px;
  width: 17px;
  float: right;
}
#range .rangePage {
  float: left;
  height: 19px;
  width: 535px;
}
#range .rangePage a:link, #range .rangePage a:visited {
  padding: 0 3px;
  text-decoration: none;
}
#range .rangePage a:active, #range .rangePage a:hover {
  text-decoration: underline;
}
#range .rangeSelected {
  font-weight: bold;
}

/* styles contact */

.contact .legend {
  font-weight: bold;
}
.contact table {
  margin-top: 10px;
  border-collapse: collapse;
}
.contact input {
  border: 1px solid #d2d8db;
  margin-bottom: 5px;
  width: 170px;
}
.contact textarea {
  border: 1px solid #d2d8db;
  width: 275px;
  margin-bottom: 10px;
}
.contact input.button {
  border: none;
  margin-right: 10px;
  width: 80px !important;
  padding: 3px 10px;
  background-color: #8a8b87;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-align: center;
}

/* styles order */

table.order {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
table.order td {
  padding: 0 0 30px 0;
  vertical-align: top;
}
table.order td img {
  padding: 0;
  vertical-align: top;
}
input.chkBox {
  position: relative;
  top: 3px;
  border: none;
  width: 15px;
}
table.shop {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
table.shop th {
  background-color: #979895;
  color: #FFFFFF;
  padding: 0 5px;
}
table.shop td {
  padding: 2px 10px;
  vertical-align: top;
}
table.orderForm {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
table.orderForm td {
  padding: 0 0 10px 0;
  vertical-align: top;
}
table.orderForm input {
  width: 200px;
}
table.orderForm textarea {
  width: 300px;
  border: 1px solid #909CA7;
}
.labelConfirmation {
  margin-left: 25px !important;
}