html {
 height: 100%;
}
body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
background-color: #000000;
background-repeat: repeat-x;
font-family: Tahoma,"Trebuchet MS",Verdana,Segoe,Arial,sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000000;
}

#container {
width: 900px;
height: auto;
padding: 0px 0;
background:#FFFFFF;
border:1px solid #CCCCCC;
position: absolute;
left: 50%;
margin-left: -450px;
font-size: 10pt;
}

#main_container {
border: 0px solid red;
margin: 0px auto;
width:100%;
background: #FFFFFF;
}

#left_nav, #middle_content, #hd_flags, #hd_topl, #hd_icons, #header_logo, .picon, .pprice, .pcon, .pprice_detail, .pcon_detail  {
 border: 0px solid green;
 float: left;
 height: 100%;
}
#left_nav {
 width: 211px;
 background: transparent url(../file_server/nav_bg.jpg) left top no-repeat;
}
#checkout {
 width:100%;
 text-align:right;
 padding-top:10px;
}
#middle_content {
 width: 680px;
}
#middle_content h1,h2,h3 {
border:0;
padding: 16px 0px 0px 0px;
font-weight:normal;
margin:0;
padding:0;
}

#middle_content h1 {
font-size:21px;
color:#FF6307;
}
#middle_content h2 {
font-weight:bold;
font-size:12pt;
color:#5A1021;
}
#middle_content h3 {
font-size:10pt;
color:#5A1021;
}
#right_nav {
float:right;
}

.picon{
width: 25%;
text-align:center;
}
.pprice {
width: 23%;
}
.pcon {
width: 51%;
}
.pcon_detail {
width: 70%;
}
.pprice_detail {
float:right;
text-align:right;
width:26%;
}
.pprice {
float:right;
text-align:right;
}

.std_con, .std_con_center, #header_bar,#header_logo,.std_con_right,.std_con_left{
width:100%;
font-size:10pt;
}
.std_con_center{
text-align:center;
float:left;
}
.std_con_right{
text-align:right;
float:left;
width:96%
}

.std_con_left{
text-align:left;
float:left;
}
#header_bar{
float:left;
background: transparent url(../images/header_box.jpg) left top no-repeat;
height:31px;
}
#header_logo{
background: transparent url(../images/logo.jpg) left top no-repeat;
height:151px;
}
#hd_flags {
 line-height: 30px;
 padding-top: 4px;
 width: 197px;
 text-align: left;
 padding-left: 1px;
}

#hd_topl {
width:695px;
text-align:center;
}

li.bread_active {
 font-weight:bold;
}
li.mt_active {
font-weight:bold;
}

#main-nav{
        float:left;
        width:100%;
}

#main-nav ul,
#main-nav li{
        padding:0px;
        margin:0px;
        list-style-type:none;
}

#main-nav ul{
        background-image:url(../file_server/nav-bar.gif);
        background-position:right;
        background-repeat:no-repeat;
        float:left;
        padding:0px 0px 0px 0px;
        margin:1px 0px 0px 0px;
}

#main-nav li{
        line-height:30px;
        display:inline;
        position:relative;
        float:left;
        width:138px;
        text-align:center;
}

#main-nav li a{
        width:138px;
        text-align:center;
        float:left;
        background-image:url(../file_server/nav-bar.gif);
        background-position:left;
        background-repeat:no-repeat;
}

#main-nav li a:link,
#main-nav li a:visited{
        color:#FFFFFF;
        text-decoration:none;
}

#main-nav li.active a,
#main-nav li a:hover{
        background-image:url(../file_server/nav-active.gif);
        background-repeat:no-repeat;
        background-position:left;
}

#menu_tree ul li a {font-size: 10pt; color: #381D02; text-decoration: none;}
#menu_tree ul li a:hover {color: #CE5F06; text-decoration: underline;}
#menu_tree a.mt_active, a.mt_active:hover, a.mt_active:active {font-size: 10pt; text-decoration: underline;}    

#menu_tree {
color: #000000;
background-color: #transparent;
padding: 1px;
margin-bottom: 1px;
}

#menu_tree ul {
margin-left: 0;
padding-left: 0;
display: block;
border: none;
}

#menu_tree ul li {
margin-left: 0;
padding-left: 6px;
border: none;
list-style: none;
display: block;
line-height:20px;
}

#bread {
color: #000000;
background-color: #FFFFFF;
padding: 3px;
margin-bottom: 25px;
}

#bread ul {
margin-left: 0;
padding-left: 0;
display: inline;
border: none;
}

#bread ul li {
margin-left: 0;
padding-left: 2px;
border: none;
list-style: none;
display: inline;
}


p {text-align:left;}

p.dashed_box {
border:1px solid #B7894D; width:99%; padding:3px;
background:#FFEED7;
}

span.aktionspreis {
font-weight:bold;
color : red;
background : transparent;
text-decoration : line-through;
text-align : right;
}
span.normal {
font-weight:bold;
}
span.aktionspreisorg {
font-weight:bold;
color : #51A909;
}

span.lbl_green {
font-size:11pt;
margin-left:0px;
font-weight:bold;
color:#00C000;
}

a.header:link {text-decoration:none; font-size:10pt;  color: #ffffff;font-weight:normal;}
a.header:visited {text-decoration:none;  font-size:10pt;color: #ffffff;font-weight:normal;}
a.header:hover {text-decoration:none;  font-size:10pt;color: #737373;font-weight:normal;}
a.header:active {text-decoration:none; font-size:10pt; color: #737373;font-weight:normal;}

a {font-weight: bold; text-decoration: underline; color: #381D02;}
a:link {font-weight: bold; text-decoration: underline; color: #381D02;}
a:visited {color: #381D02;}
a:hover {text-decoration:none; color: #FF9227;}
a:active {text-decoration:none; color: #FF9227;}

input.searcher{
color : #600804;
font-family : Arial, Helvetica, sans-serif;
font-size :10px;
height:17px;
border-color : #0A2345;
width:100px;
border: solid #0A2345 1px;
}
div.nav {background-color:#296184;color:#FFFFFF;}

div.navp {background-color:#296184;color:#FFFFFF;border-width:1px;
border-style:solid;
border-color:black;
padding:3px;
text-align:justify;}
div.right {text-align:justify;}

form  { margin: 0px; padding: 0px; }

TEXTAREA,SELECT {background-color: #F0F8FF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #002951; font-weight: normal;border: 1px solid #000000; }

input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: xx-small;color:#000000;}

input.text {
color : #000000;
font-size : 11px;
font-family : Verdana,Trebuchet Ms,Verdana,Arial;
font-weight: bold;
border-style:solid;
border-width: 1px;
border-color: #8F8F90;
}
textarea.agb {
color : #000000;
font-size : 11px;
font-family : Verdana,Trebuchet Ms,Verdana,Arial;
border-style:solid;
border-width: 1px;
border-color: #8F8F90;
}

input.submit    {background-color:#EFEEED;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color:#000000;
border: 1px solid #000000;
height: 20px;
cursor: pointer;
margin-top: 1px; }

table { border-collapse: collapse; }

#list{list-style:none;
font-size:12px;}

#list a{
color:#0F2338;
text-decoration:none;
display:block;
width:130px;
height:16px;
background-color:transparent;
border:1px solid transparent;
padding-left:3px;
text-align:left;}

#list a:hover{
color:#000000;
background-color:#FF9227;
border:1px solid #FF6600;
padding-left:3px;
}


#list_left,#list_center ul{
margin-left: 0px;
padding-left: 0px;
display: block;
border: none;
}

#list_left ul, #list_left li,#list_center ul {
margin-left: 0px;
padding-left: 0px;
border: none;
list-style: none;
display: block;
}

#list_center ul {
 text-align:center;
}

li.list1 {padding-left: 3px;}
ul.list1 {list-style-type: none; margin: 0px; padding: 0px;}

hr.boxes {
border: 0;
width: 100%;
height:1px;
color: #CDCDCE;
background-color: transparent;
}

hr.paymentline {
border: 0px solid;height:1px;color:#910505;
}
hr.basket_separator {
border: 0px solid;height:1px;color:#765224;width:80%;
}

#trailimageid {
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
height: 1px;
z-index: 1000;
}

hr {
height: 1px;
border: 0;
width: 100%;
}
hr.yellow {
color: #ddad08;
background-color: #ddad08;
}

hr.blue {
color: #336699;
background-color: #336699;
}

hr.red {
color: #aa1002;
background-color: #aa1002;
}

hr.green {
color: #339966;
background-color: #339966;
}

ul#csslinks, ul#csslinks ul { list-style: none; margin: 0; padding: 0; cursor: pointer; }
ul#csslinks { border: 1px solid #CCC; padding: 0px; }
ul#csslinks li { background-color: transparent; border-bottom: 1px solid #ffffff; font-weight: bold; }
ul#csslinks li a { color: #020765; text-decoration: none; display: block; }
ul#csslinks li a:hover { color: #000; }
ul#csslinks li li { background: none; padding-left: 17px; }
ul#csslinks li li a { color: #020765; font-size: 11px; font-weight: normal; display: block; padding: 1px; background: none; }
ul#csslinks li li a:hover { color: #0B4179; border: 1px solid #305F9A; padding: 0px; margin-left: -17px; padding-left: 17px; background: left no-repeat #E3EAFD; }

hr.orange {
border:1px solid #FF6600;
height:0px;
padding:3px;
width: 99%;
}

.leftcol div.module, #rightcol-normal div.module {
width: 190px;
margin-bottom: 10px;
color:#333333
}

div.leftcol a {text-decoration:none; color:#FFFFFF; font-size:12px;background-color:transparent;}
div.leftcol a:link    { color:#000000; }
div.leftcol a:visited { color:#000000; }
div.leftcol a:hover   { color:#D36902; text-decoration:underline;}
div.leftcol a:active  { color:#D36902; text-decoration:underline;}

div#rightcol-normal a {text-decoration:none; color:#FFFFFF; font-size:12px;background-color:transparent;}
div#rightcol-normal a:link    { color:#000000; }
div#rightcol-normal a:visited { color:#000000; }
div#rightcol-normal a:hover   { color:#D36902; text-decoration:underline;}
div#rightcol-normal a:active  { color:#D36902; text-decoration:underline;}

.leftcol div.module div, #rightcol-normal div.module div {
width: 190px;
}

.leftcol div.module div div, #rightcol-normal div.module div div {
width: 190px;
background: transparent url(./images/delimeter.gif) bottom left no-repeat;
}

.leftcol div.module div div div,#rightcol-normal div.module div div div{
width: 190px;
padding-left: 13px;
padding-right: 10px;
padding-top: 16px;
background: transparent;
padding-bottom: 16px;
font-size: 11px;
}

.leftcol div.module div div div div, #rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;
}

div.module h3 {
font-size: 14px;
width: 190px;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #333333;
}

p.okbox {
border:1px solid #198A13; text-align:left; padding:3px;width:100%;background-color:#B8F4B5;
}

span.okboxtext {
font-size:10pt; font-weight:bold; color:#198A13;
}

p.faultbox {
border:1px solid #FF2400; text-align:left; padding:3px;width:100%;background-color:#F4BEB5;
}

span.faultboxtext {
font-size:10pt; font-weight:bold; color:#000000;
}

p.infobox {
border:1px solid #FFA500; text-align:left; padding:3px;width:90%;background-color:#FFF7DD;
}
span.infoboxtext {
font-size:10pt; color:#000000;
}

p.descbox {
border:1px solid #FFA500; text-align:left; padding:3px;width:100%;background-color:#FFF7DD;
}
span.descboxtext {
font-size:10pt; font-weight:normal; color:#9CAAB1;
}

#vista_toolbar {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
width:100%;
border-bottom: 1px solid gray;
}

#vista_toolbar ul {
background-image:url(images/opt_adm_back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(images/opt_adm_left.png) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(images/opt_adm_right.png) no-repeat right center;
}

#vista_toolbar a.active{
background: url(images/opt_adm_left.png) no-repeat left center;
}

#vista_toolbar a.active span {
background:url(images/opt_adm_right.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

table.tab_std {
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
padding: 10px;
border-collapse: collapse;
}
#shopinfo{
 font-size:8pt;
 color:#E0B885
}
#shopinfo a {color:#BC8C4E;text-decoration:underline;}
#shopinfo a:hover {text-decoration:underline;}
        .small_info{
        font-size:7pt;
        color:#9B9B9B;
        }
        .small{
        font-size:8pt;
        }
        #footer_bank{
        border: 0px solid red;
        margin: 0px auto;
        width:100%;
        min-height:36px;
        height:auto;
        background: url(./file_server/template/footer.jpg) top left no-repeat transparent;
        float:left;
        color:#FFFFFF;
        text-align:right;
        font-size:12pt;
        vertical-align:middle;
        padding-top:11px;
        }

        #footer_bank a {
        color:#FFFFFF;
        }

        #footer_bank a:hover {
        text-decoration:underline;
        }
        #footerredimero{
        border: 0px solid red;
        margin: 0px auto;
        width:100%;
        height:auto;
        background: transparent;
        float:left;
        color:#726954;
        text-align:center;
        font-size:8pt;
        vertical-align:middle;
        }