/* predefined HTML<tags>*/

html {
margin:0;
padding:0;
height:100%;
}

body{
font-family: 'Lucida Grande', LucidaGrande, 'Lucida Sans', 'Lucida Sans Unicode', LucidaSans, Lucida,  Arial, sans-serif;
font-size: 12px;
color: #555145;
line-height: 14px;
margin:0;
padding:0;
height:100%;
background:url(http://kundenbereich.pmode.de/mediarange/img_de/nav/lila/bg.gif) top left repeat-y;
}

.feedbackselect {
 color: #555145;
 width:168px;
 height:18px;
 font-size:11px;
 margin:0 0 4px 0;
}

.feedbackinput {
 color: #555145;
 width:168px;
 height:18px;
 font-size:11px;
 margin:0 0 4px 0;
}

.feedbacktextarea {
 color: #555145;
 width:342px;
 height:40px;
 font-size:11px;
 margin:0 0 4px 0;
}

a:link, a:visited{
 color: #A0017E; font-size: 11px; font-weight: bold; text-decoration: none;
}
a:hover{
 color: #A0017E; font-size: 11px; font-weight: bold; text-decoration: underline;
}

/* selfdefined HTML<tags> for copy */

.hl{ 
 color: #A0017E; font-size: 12px; font-weight: bold; 
}

.sl{
 color: #A0017E; font-size: 11px; font-weight: bold; 
}
.slcopy{
 color: #A0017E; font-size: 11px;
}
.copy{
 color: #555145; font-size: 12px;
}
.copyklein{
 color: #555145; font-size: 11px;
}

.copyinfo{
 color: #555145; font-size: 11px;
}

.copybu{
 color: #555145; font-size: 10px;
}

.prodkatbg{
 background-color: #F0F0F0;
}

/* selfdefined HTML<tags> for footer */
.footerbg{
 background-color: #E7E8E8; 
 }
 .footerlink{
 color: #555145; font-size: 10px; text-decoration: none;
}

/* selfdefined HTML<tags> for subnav */

#subnav a.snav {
 color: #A0017E;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
}

#subnav a.snavsel {
 color: #A0017E;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

#subnav a.subsnav {
 color: #A0017E;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
}

#subnav a.subsnavsel {
 color: #A0017E;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}

.snavbg{
 background-color: #F7F0F4;
}

/* rest */

.produktkatselect {
width:450px;
height:20px;
color: #555145;
font-size: 12px;
font-weight: normal;
margin:10px 0 10px 0;
}

a.produktinfos:link,a.produktinfos:visited,a.produktinfos:hover,a.produktinfos:active {
 color: #A0017E;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
}

.head {
border-left:1px solid #FFFFFF;
background:url(http://kundenbereich.pmode.de/mediarange/img_de/head/lila/bg_mood.jpg) top left no-repeat;
width:100%;
height:97px;
}

.nav {
background:url(http://kundenbereich.pmode.de/mediarange/img_de/head/lila/bg.gif) bottom left no-repeat;
width:768px;
height:53px;
vertical-align:top;
}

.navright {
background:url(http://kundenbereich.pmode.de/mediarange/img_de/head/lila/bg.gif) bottom left no-repeat;
width:100%;
height:53px;
}

#subnav {
z-index:3;
position:absolute;
top:134px;
left:581px;
width:188px;
}

#subnav .subnavitem {
margin:0;
width:168px;
text-align:left;
padding:4px 0 4px 0;
border-bottom:1px solid #A0017E;
}

#subnav .subsubnavitem {
margin:0;
width:188px;
height:24px;
line-height:24px;
text-align:left;
background:url(http://kundenbereich.pmode.de/mediarange/img_de/nav/lila/snav_sub_bg.gif) top left no-repeat;
}

#subnav .subnavitemstart {
margin:0;
width:168px;
height:13px;
text-align:left;
padding:0;
margin:0;
border-bottom:1px solid #A0017E;
}

#subnav .snavvspace {
height:134px;
padding:0;
margin:0;
}

.subnavcell {
 background-color: #F7F0F4;
 vertical-align:top;
 width:188px;
 height:100%;
}

#head {
position:absolute;
top:0px;
left:0px;
z-index:2;
}

#footer {
z-index:3;
position:fixed;
bottom:0px;
background-color: #E7E8E8; 
color: #555145;
width:100%;
height:25px;
padding-left:10px;
}

#footer a {
 color: #555145;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
}

#content {
z-index:1;
position:absolute;
top:0px;
left:0px;
width:581px;
height:100%;
}

.hlbox{ 
 color: #A0017E;
 font-size: 12px;
 font-weight: bold;
 width:378px;
 margin:0 0 20px 84px;
}

.hlboxbreit { 
 color: #A0017E;
 font-size: 12px;
 font-weight: bold;
 width:456px;
 margin:0 0 20px 84px;
}

.image_copy {
 width:511px;
 margin-bottom:10px;
 color: #555145;
 font-size: 12px;
 font-weight: normal;
 margin-left:28px;
 }
 
 .copyblock {
  width:482px;
  margin-bottom:10px;
  color: #555145;
  font-size: 12px;
  font-weight: normal;
  margin:0 0 10px 84px;
 }
 
.copyblockklein {
width:378px;
margin-bottom:10px;
color: #555145;
font-size: 12px;
font-weight: normal;
margin:0 0 10px 84px;
}

.copyblockmittel {
width:456px;
margin-bottom:10px;
color: #555145;
font-size: 12px;
font-weight: normal;
margin:0 0 10px 84px;
}

.copyblockmittel11 {
 width:456px;
 margin-bottom:10px;
 color: #555145;
 font-size: 11px;
 font-weight: normal;
 margin:0 0 10px 84px;
}