/* Allgemeine-Styles */
*
{
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
vertical-align: top;
}

.blk{ color: #333;}
.wth{ color: #fff;}

body{
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif;
/*font-size: 12px;*/
font-size: 1em;
color: #333;
background-color: #f7f5f3;
background-image: url(../images/sk_bg.gif);
background-position: top center;
background-repeat: repeat-y;
}

h2{
text-transform: uppercase;
font-weight: bold;
font-style: italic;
font-size: 160%;
}

h3{
text-transform: uppercase;
font-weight: bold;
font-style: italic;
font-size: 120%;
}

#page{
width: 100%;
margin: 0 auto;
text-align: center;
}

#site{
width: 960px;
height: 100%;
margin: 0 auto;
text-align: left;
}

#header{
position: relative;
height: 65px;
padding: 0px 20px;
overflow: hidden;
}

.wn{
  height: 90px !important;
}

#logo{
position: absolute;
right: 45px;
top: 25px;
width:200px;
height: 30px;
}

#logo h1{
overflow: hidden;
display: none;
}

#topnav{
position: absolute;
left: 50px;
top: 40px;
height: 25px;
text-transform: uppercase;
font-weight: bold;
font-style: italic;
font-size: 75%;
}

#topnav ul{ list-style-type: none;}
#topnav ul li{ display: inline; float: left; padding-right: 25px;}
#topnav a, #topnav a:link, #topnav a:active, #topnav a:visited{color: #d3007b;text-decoration: none;}
#topnav a:hover, #topnav a.on, #topnav ul li a.on{color: #333;text-decoration: none;}


#topdiv{
position: absolute;
left: 50px;
top: 60px;
height: 5px;
width: 860px;
background-image: url(../images/sk-h-line.gif);
background-position: top left;
background-repeat: repeat-x;
}

#subnav{
position: absolute;
left: 50px;
top: 67px;
height: 20px;
text-transform: uppercase;
font-weight: bold;
font-style: italic;
font-size: 70%;
z-index: 100;
}

#subnav ul{ list-style-type: none;}
#subnav ul li{ display: inline; float: left; padding-right: 20px;}
#subnav a {color: #333;text-decoration: none;padding-right:10px;}
#subnav a, #subnav a:link, #subnav a:active, #subnav a:visited{color: #333;text-decoration: none;}
#subnav a:hover, #subnav a.on, #subnav ul li a.on{background-image:url(../images/subarrow.gif);background-repeat:no-repeat;padding-right:10px; background-position: right;}

#subdiv{
position: absolute;
left: 50px;
top: 85px;
height: 5px;
width: 860px;
background-image: url(../images/sk-h-line.gif);
background-position: top left;
background-repeat: repeat-x;
}

/* Content */
#content{
position: relative;
min-height: 480px;
margin: 15px 25px;
font-size: 12px;
}

#content_flash{
position: relative;
margin: 0 0 0 50px;
}

#content a,#content a:link,#content a:visited,#content a:active{ font-weight: bold; text-decoration: none; color: #333;}
#content a:hover{ text-decoration: none; color: #004494;}

.abs{
position: absolute;
z-index: 100;
}

.abs_filialbilder{
position: absolute;
z-index: 100;
white-space: nowrap;
width: 349px;
height: 223px
}

.smbg{
background-image:url(../images/schuhmode/schuh_des_monats/sdm-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 480px;
}

.smmabg{
background-image:url(../images/schuhmode/sk-sm-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 480px;
}

.smbgsf{
background-image:url(../images/schuhmode/schuhformen/sf-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 510px;
}

.spbg{
background-image:url(../images/schuhpflege/sp-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 610px;
overflow: hidden;
}

.spbgwt{
background-image:url(../images/schuhpflege/sp2-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 610px;
overflow: hidden;
}

.unbg{
background-image:url(../images/unternehmen/un-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 520px;
overflow: hidden;
}

.ndlbg{
height: 540px;
margin: 0px 25px !important;
}

.ndlbg-fil{
background-image:url(../images/filialen/filialen-bg.jpg);
background-repeat:no-repeat;
background-position: top;
height: 540px;
margin: 0px 25px !important;
}

.kabg{
background-image:url(../images/karriere/ka-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 750px;
overflow: hidden;
}

.kaobbg{
background-image:url(../images/karriere/ka-ob-bg.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px 25px !important;
height: 820px;
overflow: hidden;
}

#content h2{ position: absolute; top: 10px; left: 25px; z-index: 150;}

#content .smbox{ position: absolute; left:25px; width: 240px; height: 130px; background-color: #eee; }
#content #smpdbox{ position: absolute; top: 40px; left:275px; width: 610px; height: 410px; background-color: #fff; color: #fff; }

#content #ka-left{
position: absolute;
top: 40px;
left:25px;
width: 300px;
}

#content #ka-right{
position: absolute;
top: 25px;
left:352px;
width: 340px;
}

#content #ndl-left{
position: absolute;
top: 40px;
left:25px;
width: 300px;
z-index: 110;
}

#content #ndl-right{
position: absolute;
top: 0px;
left:230px;
width: 660px;
z-index: 105;
}

#ka-left .ka-picrow{
position: relative;
background-image: url(../images/karriere/ka-picrow.gif);
background-position: top left;
background-repeat: no-repeat;
width: 287px;
height: 179px;
overflow: hidden;
}

#ka-left .ka-picrow img{position:absolute; top: 7px; left: 7px; width: 273px; height: 165px; overflow: hidden;} 

#ka-left .joboffers{
position: relative;
height: 320px;
width: 295px;
padding-left: 5px;
overflow: auto;
}

#ka-left .joboffers ul{ list-style-type: none; margin-top: 10px;}

#ka-left .joboffers a{
padding-left: 20px;
background-image:url(../images/lnkdot-content.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

/* Marken */
#marken{
position: relative;
height: 65px;
padding: 0px 50px;
}

#markendiv{
position: absolute;
left: 50px;
top: 0px;
height: 5px;
width: 860px;
background-image: url(../images/sk-h-line.gif);
background-position: top left;
background-repeat: repeat-x;
}

#markenimg{
position: absolute;
left: 45px;
top: 5px;
text-align: center;
padding-top: 5px;
white-space: nowrap;
}

#markenimg{ display: inline; margin: 0px;}

/* Footer */
#footer{
position: relative;
height: 30px;
margin-bottom: 5px;
}

#footdiv{
position: absolute;
left: 50px;
top: 0px;
height: 5px;
width: 860px;
background-image: url(../images/sk-h-line.gif);
background-position: top left;
background-repeat: repeat-x;
}

#footlinks{
position: absolute;
right: 50px;
top: 10px;
text-transform: uppercase;
font-weight: bold;
font-style: italic;
font-size: 65%;
}

#footlinks a, #footlinks a:link, #footlinks a:active, #footlinks a:visited{
color: #d3007b;
text-decoration: none;
}

#footlinks a:hover, #footlinks a.on{
color: #333;
text-decoration: none;
}

#footlinks ul li{list-style-type: none;}

#footlinks ul li{
display: inline;
float: left;
padding: 0px 0px 0px 15px;
}

/* Forms */
input{
color: #111;
font-size: 11px; 
}

label{
display: block;
margin-bottom: 3px;
margin-top: 5px;
}

.fld, .tfld{
padding: 2px 4px;
border: 1px solid #111;
margin-right: 5px;
background-color: transparent; 
}

.sel{
padding: 2px 2px;
border: 1px solid #111;
background-color: #fff;
margin-bottom: 1px; 
}

.btn{
margin-top: 5px;
margin-right: 10px;
cursor: pointer;
height: 26px;
width: 71px;
font-weight: bold;
padding-left: 10px;
font-size: 10px;
color: #fff;
text-transform: uppercase;
background-image:url(../images/form-btn-bg.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
}

/* home-styles */
#hbox1 {
position: absolute;
top: 0px;
left: 25px;
width: 290px;
height: 165px;
overflow: hidden;
background-image: url(../images/home/sk_bg_boxhome_01.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}
#hbox1 p{ padding: 0px 15px; color: #fff; font-size: 11px; line-height: 120%;}
#hbox1 h4{ padding: 12px 5px 5px 15px; font-size: 22px; font-style: italic; font-weight: normal; color: #fff;}

#hbox2 {
position: absolute;
top: 175px;
left: 25px;
width: 290px;
height: 360px;
overflow: hidden;
}

#hbox3 {
position: absolute;
top: 0px;
left: 325px;
width: 560px;
height: 365px;
overflow: hidden;
background-color: #004494;
}

#hbox4 {
position: absolute;
top: 375px;
left: 325px;
width: 390px;
height: 160px;
overflow: hidden;
}

#hbox5 {
position: absolute;
top: 375px;
left: 725px;
width: 160px;
height: 160px;
overflow: hidden;
background-image: url(../images/home/sk_bg_boxhome_fs.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
}
#hbox5 div{ position: absolute; bottom: 10px; left: 10px; width:140px;}
#hbox5 div h4{ font-size: 18; color: #333;}

.hnlk{ font-weight: bold; font-size: 95%; text-decoration: none;} 
.hnlk img{ margin-right: 2px;} 

.pikal_item{
position: absolute;
top: 0px;
left: 0px;
width: 560px;
height: 365px;
}

.pikal_item .lnk_holder{
position: absolute;
white-space: nowrap;
top: 310px;
right: 50px;
}

.pikal_item .lnk_holder .ndlname{
color: #333;
background-color: #fff;
vertical-align:middle;
}
