html, body {
background:#d1d5d1;
color:#333;
margin:0 0 20px 0;
padding:0;
}
body {
font-size:101%;
}
a img {
border:none;
}
h2 {
font-size:1.025em;
margin:1em 0 0.2em 0;
}
h3 {
font-size:1.025em;
margin:1em 0 0.2em 0;
}
a {
color:#be1217;
text-decoration:none;
}
p {
margin:1em 0;
}
input,
textarea,
select {
font-family:"Times New Roman";
}
select {
border:1px solid #999;
}
#layout {
font-size:14px;
font-family:"Times New Roman", Times, serif;
}
.background1 {
height:26px;
width:876px;
margin:0 auto;
padding:28px 0 0;
background:transparent url(/img/background-shadow-top.png) no-repeat center bottom;
}
.background2 {
background:transparent url(/img/background-shadow.png) repeat-y center;
}
.background4 {
height:60px;
width:876px;
margin:0 auto;
background:transparent url(/img/background-shadow-bottom.png) no-repeat center top;
}
.layout1 #layout-body, .layout22 #layout-body, .layout2 #layout-body, .layout3 #layout-body, .layout5 #layout-body, .layout6 #layout-body {
background:url(/img/the_austrian_quality_shoe_brand.gif) no-repeat 7px bottom;
}
.catalog #layout-body {
background:none;
}
#layout-header {
width:840px;
margin:0 auto;
position:relative;
background-color:#fff;
}
#banner {
position:absolute;
top:-8px;
left:0;
}
#banner img {
display:block;
}
#layout-body.columns {
width:632px;
padding:20px 12px 4px 196px;
background-color:white;
margin:0 auto;
}
.frontpageheight  { 
height:450px;
}
#layout-body.columns .min-height {
height:413px;
float:left;
width:0;
margin:0 1px 0 -1px;
}
.layout1 #layout-body.columns .min-height {
height:413px;
}
.layout4 #layout-body.columns .min-height {
display:none;
}
#layout-body .col.first {
width:100%;
float:right;
margin-left:-1em;
}
#layout-body .col.second {
float:left;
width:196px;
margin-left:-196px;
margin-right:1em;
}
/* ~ ~ ~ Layout variations ~ ~ ~ */
.layout5 #banner img,
.layout4 #banner img,
.layout6 #banner img,
.layout3 #banner img,
.layout2 #banner img {
top:0;
}
.layout5 #layout-header,
.layout6 #layout-header,
.layout4 #layout-header,
.layout3 #layout-header,
.layout2 #layout-header {
height:74px;
}
.layout2 #layout-body.columns {
width:534px;
padding:12px 18px 12px 288px;
}
.layout5 #layout-body.columns {
width:652px;
padding:12px 18px 12px 170px;
}
.layout2 #layout-body .col.second {
width:260px;
margin-left:-276px;
}
.layout5 #layout-body .col.second {
width:140px;
margin-left:-158px;
}
.layout3 #layout-body.columns {
width:816px;
padding:12px 12px 12px 12px;
}
.layout3 #layout-body .col.second {
display:none;
}
.layout4 #layout-body.columns {
width:670px;
padding:12px 152px 12px 18px;
}
.layout6 #layout-body.columns {
width:670px;
padding:12px 152px 12px 18px;
}
.layout4 #layout-body .col.first {
float:left;
margin:0;
margin-right:-1em;
}
.layout6 #layout-body .col.first {
float:left;
margin:0;
margin-right:-1em;
}
.layout4 #layout-body .col.second {
width:140px;
float:right;
margin:0 -140px 0 0;
margin-left:1em;
}
.layout6 #layout-body .col.second {
width:140px;
float:right;
margin:0 -140px 0 0;
margin-left:1em;
}
.layout6 #main-body {
padding-right:1em;
}
.frontpage #layout-body.colums {
height:450px !important;
}
/* ~ ~ ~ Inline columns ~ ~ ~ */
.layout5 #main-columns.columns,
.layout2 #main-columns.columns {
width:394px;
padding:0 140px 0 0;
}
.layout5 #main-columns.columns {
width:512px;
}
.layout5 #main-columns .col.first,
.layout2 #main-columns .col.first {
width:382px;
float:left;
margin:0;
margin-right:-1em;
}
.layout5 #main-columns .col.first {
width:500px;
}
.layout5 #main-columns .col.second,
.layout2 #main-columns .col.second {
float:right;
width:140px;
margin:0 -140px 0 0;
margin-left:1em;
}
.layout5 #main-columns ul.col.second,
.layout2 #main-columns ul.col.second {
padding:0;
list-style:none;

}
#current-sujet a {
text-decoration:none;
}
#current-sujet img {
width:265px;
height:182px;
}
#layout-footer {
width:840px;
margin:0 auto;
padding:0;
margin-top:-13px;
}
#main-header {
color:#d10f17;
margin-top:0;
margin-bottom:0.75em;
font-weight:normal;
/* font-size:2.07em; old font size */
font-size:1.571em;
letter-spacing:-0.015625em;
}
.img-list {
list-style:none;
margin:0;
padding:0;
}
.img-list img {
display:block;
width:307px;
}
.img-list li {
float:left;
width:316px;
height:220px;
position:relative;
}
.shops-listing .modellnr {
font-weight:bold;
font-style:normal;
}
.shops-listing ul {
margin:0;
padding:0;
list-style:none;
}
.shops-listing li {
margin:0.5em 0;
}
.shops-listing a {
text-decoration:none;
}
.shops-listing h3 {
color:#777;
font-weight:normal;
margin:1.125em 0 0.4em 0;
}
#sform {
margin:4px 1px 0;
padding:0;
background:#E5E5E5 url(/img/box-border-top.gif) no-repeat top;
}
#sform h2 {
font-weight:normal;
font-size:1.43em;
margin:0;
}
#sform .description {
margin-bottom:2em;
}
#sform fieldset {
background:transparent url(/img/box-border-bottom.gif) no-repeat bottom;
border:0px solid white;
padding:10px;
margin:0;
}
#sform .buttons input.image {
display:inline;
vertical-align:middle;
}
.field {
padding-left:60px;
padding-right:1em; /*(3a)*/
margin-bottom:0.5em;
margin-top:0.25em;
display:block;
}
.field-name {
float:left;
width:50px;
margin-left:-60px;
text-align:right;
margin-right:10px;
}
#sform-crystal-label {
width:auto;
text-align:left;
}
#sform-crystal {
margin:0;
}
.field-content {
width:170px;
float:left;
margin-left:-1px;
margin-right:-1em;
}
input.field-content.text,
input.field-content.password {
width:168px;
}
.field input.text,
.field input.password,
.field textarea {
padding:1px 2px;
}
select.field-content {
width:174px;
}
.field.unnamed .field-content {
margin-left:0; /*(1c)*/
}
.buttons {
text-align:right;
padding-right:7px;
}
.buttons label {
font-size:17px;
line-height:1;
}
/* generic navigation lists */
.nl {
margin:0;
padding:0;
list-style:none;
}
.nl li {
display:inline;
margin:0;
padding:0;
list-style:none;
}
.nl .selected a {
color:black;
}
/* invisible elements */
.layout1 #main-header,
.layout3 #main-header,
#search label,
.nl .marker,
.outer-space {
position:absolute;
top:-1000px;
left:-1000px;
height:1px;
width:1px;
overflow:hidden;
}
.searchhome {
position:absolute;
left:62px;
top:-26px;
}
#navigation {
line-height:1.2;
margin-left:82px;
padding-left:0.75em;
position:absolute;
top:59px;
}
#navigation a {
text-decoration:none;
font-size:17px;
padding:0 0.45em;
color:#555;
text-transform:uppercase;
}
#navigation .selected a, #navigation a:hover {
color:#de0007;
}
#search {
position:absolute;
right:1em;
bottom:0px;
width:140px;
margin:0;
padding:0;
}
#home-search-item {
position:relative;
}
#home-search-item #search {
position:absolute;
right:3em;
bottom:30px;
}
#search input.text {
width:120px;
height:13px;
}
#search input.image {
position:absolute;
bottom:0;
right:0;
}
#search .form-name {
position:absolute;
width:9em;
left:-9.75em;
text-align:right;
font-size:17px;
color:#555;	
text-transform:uppercase;
bottom:-4px;
}
#search fieldset {
border:0px solid white;
padding:0;
margin:0;
}
#search input.text,
#search select {
margin:0;
padding-top:0;
padding-bottom:0;
font-size:11px;
}
#search select {
margin:0;
width:140px;
}

#layout-footer .nl li {
border-left:1px solid white;
font-size:10px;
}
#layout-footer .nl li.first,
#layout-footer .nl li:first-child {
border:none;
}
#layout-footer .nl a {
text-decoration:none;
color:white;
padding:0 0.1em 0 0.3em;
font-size:13px;
text-transform:uppercase;
}
#secondary-navigation {
float:left;
margin-left:-0.3em;
width:640px;
margin-top:-33px;
}
#languages {
float:right;
width:335px;
width:200px;
text-align:right;
margin-top:-33px;
}

.crystal #secondary-navigation, .crystal #languages {
margin-top:0px;
}

#languages .selected a {
color:#333;
}
#fashiontrends {
width:840px;
}
.fashiontrend-item {
width:261px;
padding-right:15px;
float:left;
position:relative;
}
.fashiontrend-item img {
margin-right:-16px;
}
.fashiontrend-item p {
margin-top:12px;
}
.fashiontrend-item img {
display:block;
}

.shiny-link {
background:#e5e5e5 url(/img/link-background-top.gif) no-repeat top;
width:140px;
float:right;
}
.shiny-link a {
background:transparent url(/img/link-background-bottom.gif) no-repeat bottom;
display:block;
width:111px;
padding:4px 4px 4px 25px;
color:#444;
text-decoration:none;
font-size:16px;
line-height:1.1;
}
#context-navigation li,
#context-navigation a {
text-transform:uppercase;
display:block;
}
#context-navigation li {
background:#e2e2e2 url(/img/link-background-top.gif) no-repeat top left;
width:140px;
margin-bottom:5px;
}
#context-navigation a {
width:111px;
padding:4px 4px 4px 21px;
background:transparent url(/img/link-background-bottom.gif) no-repeat bottom left;
color:#5f5f5f;
text-decoration:none;
font-size:14px;
line-height:1.1;
}
#context-navigation .selected {
background:#D10F17 url(/img/link-background-top2.gif) no-repeat top left;
}
#context-navigation .selected a {
background:transparent url(/img/link-background-bottom2.gif) no-repeat bottom left;
color:white;
}
#trend-images {
list-style:none;
margin:0;
padding:0;
float:left;
}
#trend-images img,
#trend-images a,
#trend-images li {
display:block;
width:140px;
height:94px;
}
#trend-images li {
width:140px;
border:1px solid #e5e5e5;
margin:0 0 7px 0;
}
#trend-images img {
}
.col.second .picture {
position:relative;
}
.col.second .picture img {
display:block;
}
.content {
margin-top:3px;
}
#picture-navigation {
background:#fff url(/img/picture-arrows.gif) no-repeat 50% 50%;
text-indent:-3000px;
overflow:hidden;
height:19px;
width:38px;
position:absolute;
top:380px;
left:226px;
}
#picture-navigation a {
display:block;
text-decoration:none;
width:17px;
height:19px;
float:left;
}
#catalog-pictures {
width:831px;
margin-right:-16px;
position:relative;
}
#catalog-pictures li {
width:268px;
float:left;
margin-right:9px;
margin-bottom:16px;
position:relative;
}
#catalog-pictures img {
display:block;
}
#catalog-categories {
width:140px;

background:transparent url(/img/link-background-top.gif) no-repeat top left;
background-color:#e5e5e5;
text-transform:uppercase;
}
#catalog-categories h2 {
margin:0 0 0 19px;
padding:0;
color:#5f5f5f;
padding-bottom:5px;
font-weight:lighter;
}
#catalog-categories .background {
/* ie5 */
width:118px;
padding:4px 4px 4px 2px;
margin-right:-2em;
background:transparent url(/img/link-background-bottom.gif) no-repeat bottom left;
}
#catalog-categories ul {
padding-bottom:4px;
margin-top:0.2em;
}
#catalog-categories li,
#catalog-categories a {
display:block;
}
#catalog-categories li {
width:118px;
margin:0;
}
#catalog-categories a {
/* ie5 */
width:104px;
padding:0px 7px;
color:#5f5f5f;
text-decoration:none;
font-size:13px;
line-height:1.1;
}
#catalog-categories .selected a {
color:#d10f17;
}
#shoe-details {
position:relative;
width:840px;
margin:0 auto;
background-color:#fff;
background-image:url('/img/austrian_quality_softline.gif');
background-repeat:no-repeat;
background-position:left center;
}
#shoe-details .background5 {
padding:1px 164px 1px 163px;
}
#shoe-details h1 {
/*
display:none;
*/
margin:1em 0 0;
font-size:1em;
text-align:right;
}
#shoe-features {
float:left;
width:48%;
margin:-90px 0 1em 212px;
position:relative;
padding-top:20px;
text-transform:uppercase;
font-size:90%;
height:65px;
padding-top:36px;
}
#shoe-feature-icons {
float:left;
margin-left:-159px;
}
#shoe-feature-icons img {
display:block;
float:left;
margin-top:2px;
margin-right:4px;
}
#shoe-features h2 {
position:relative;
font-size:1em;
font-weight:bold;
left:-19px;
margin:0;
height:0;
top:-1.3em;
color:#5e5e5d;
}
#shoe-features p {
position:relative;
top:0px;
left:-19px;
margin:0;
font-size:0.85em;
}
#shoe-features a {
cursor:help;
}
#shoe-text1,
#shoe-text2,
#shoe-text3 {
display:none;
}
#shoe-data {
float:right;
text-align:right;
width:50%;
margin-right:-150px;
text-transform:uppercase;
font-size:90%;
margin-bottom:-24px;
margin-top:-6px;
}
#shoe-data .price {
font-size:1.3em;
font-weight:bold;
}
#shoe-data h1 {
margin-bottom:11px;
padding-top:14px;
padding-bottom:6px;
color:#5e5e5d;
}
#shoe-data p {
margin-top:-11px;
padding-bottom:6px;
line-height:90%;
color:#5e5e5d;
}
#shoe-data p strong {
padding-top:12px;
}
#goretex-logo {
float:right;  
margin-top:-62px;
margin-right:16px;
}
.news-item {
margin-bottom:1em;
padding-left:150px;
}
.news-item h1 {
color:#d10f17;
margin-top:0;
margin-bottom:0em;
font-weight:normal;
font-size:1.571em;
letter-spacing:-0.015625em;
font-weight:normal;
font-size:1.271em;
}
.news-item p {
margin-top:0;
}
.news-item .content {
width:100%;
float:right;
margin-left:-20px;
}
.news-item .picture {
float:left;
width:140px;
margin-left:-150px;
margin-right:20px;
}
#fashiontrends .news-item img {
width:147px;
}
#file-list {
margin:0.5em 0;
}
#file-list li {
display:block;
}
#download-pictures {
width:554px;
margin-right:-16px;
}
#download-pictures li {
width:268px;
float:left;
margin-right:9px;
margin-bottom:12px;
}
#download-pictures img {
display:block;
margin:auto;
margin-left:0;
}
#contact-form textarea,
#contact-form input.text {
width:350px;
font-size:1em;
}
#contact-form textarea {
height:8em;
}
#contact-form label {
display:block;
width:7em;
}
#send-form .error,
#contact-form .error,
.error label {
color:#de0007;
font-weight:bold;
}
.error input.text,
.error textarea {
border:1px solid #de0007;
font-weight:normal;
}
table {
font-size:1em;
}
#contact-form table td {
color:#444;
}
#send-form label {
display:block;
width:4em;
}
#send-form input.text {
width:270px;
}
#send-form textarea {
width:270px;
height:7em;
}
#http-404 {
width:500px;
margin-left:82px;
min-height:350px;
}
#http-404 h1 {
color:#d10f17;
margin-top:0;
margin-bottom:0em;
font-weight:normal;
font-size:1.571em;
letter-spacing:-0.015625em;
}
#http-404 p {
margin-top:0;
}
/* ~ ~ ~ Clearfix ~ ~ ~ */
/*(2*/
#shop-buttons:after,
.columns:after,
.field:after,
.news-item:after,
#fashiontrends:after,
#shoe-details:after,
.clearfix:after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
}
input.text,
input.password,
textarea {
border:1px solid #999;
}
/* new image overlay styles */
.overlay,
.big-overlay,
.med-overlay {
position:absolute;
top:147px;
left:3px;
font-size:1.1em;
font-weight:normal; /* temp */
}
.med-overlay {
margin-left:12px;
}
.big-overlay {
top:168px;
}
.med-overlay {
top:149px;
}
.overlay,
.med-overlay,
.overlay a,
.med-overlay a {
color:#555;
text-transform:uppercase;
text-decoration:none;
padding-left:10px;
}
.big-overlay,
.big-overlay a {
display:block;
color:#fff;
text-transform:uppercase;
text-decoration:none;
padding-left:10px;
margin-left:9px;
}
.med-overlay {
margin-top:2px;
margin-left:5px;
}
.big-overlay a span {
color:#fff;
text-transform:uppercase;
text-decoration:none;
padding-left:10px;
}
.frontpage .big-overlay a {
color:#fff;
margin-left:-13px;
color:#fff;
top:105px;
display:block;
}
.crystal .big-overlay a {
margin-left:-12px;
}
.fashiontrend-item .med-overlay a {
color:#fff;
}
.fashiontrend-item .med-overlay {
margin-top:3px;
margin-left:-4px;
}
span.big-overlay {
font-size:.9em;
top:185px;
}
.col {
margin-top:12px;
}
.layout2 #layout-body .content,
.layout6 #main-body  {
padding-bottom:54px;
}
.shopgallery-link {
background:url(/img/gallery-icon.gif) no-repeat 100% 50%;
padding:0 16px 0 0;
}
.shop-nav li {
margin:0 10px 0 0;
}
#shop-buttons {
margin:1px 0 12px;
}
#shop-buttons a {
background:url(/img/shopfinder_buttons.png) no-repeat 0 0;
color:#000;
float:left;
display:block;
margin:3px 3px 0 0;
height:42px;
width:128px;
text-indent:-3000px;
overflow:hidden;
}
#amazon-button a,
#tretter-button a,
#checarino-button a {
margin-right:0;
}
#humanic-button a {
background-position:0 -42px;
}
#zalando-button a {
background-position:0 -84px;
}
#schuhideen-button a {
background-position:0 -126px;
}
#checarino-button a {
background-position:0 -168px;
}
#tretter-button a {
background-position:0 -210px;
}
/*
(1) Workaround for Mozilla bug with clearing floats <http://bugzilla.mozilla.org/show_bug.cgi?id=148994>
(2) Clearing without extra markup
(3) Trick to allow 100% wide .field-contentelements with borders and padding
(4) Subset of the Holly hack
*/