/*TAG_BODY*/
html {
 height:100%;
}
body {
background: #222538 url(./images/mainbkg.jpg) top left repeat-x;
height: 99%;
width: 100%;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
font-family:"Trebuchet MS",Arial;
font-size:10pt;
font-weight:normal;
color: #000000; 
}
/*TAG_CONTAINER*/
#container{
width: 1000px; 
padding: 0px 0;
background:#ffffff;
border:0px transparent;
border-style: solid;
position: absolute;
left: 50%;
margin-left: -450px;
font-size: 10pt; 
}
#main_container{
border: 0px solid red;
margin: 0px auto;
width:100%;
}

#left_nav, #middle_content, #right_nav,#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, #right_nav {
padding-top:10px;
text-align:center;
}

#left_nav{
width: 191px; 
}
#right_nav{
width: 191px; 
}
#middle_content {
width: 605px; 
padding-top:10px; 
padding-left:10px; 
}
#middle_content h1,h2,h3 {
border:0;
padding: 16px 0px 0px 0px;
font-weight:normal;
margin:0;
padding:0;
}

#searchbox {
padding-left:10px;padding-top:110px;float:left;width:150px;border:0px solid #ff0000;font-size:50%;
}
#loginbox {
padding-left:0px;padding-top:5px;float:right;width:300px;border:0px solid #ff0000;font-size:70%;
}


#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;
}


/*TAG_SHOP_CONTENT*/
#middle_content h1 {
font-weight:normal; 
font-size: 16pt; 
color: #FF6307; 
}
#middle_content h2 {
font-weight:bold; 
font-size: 12pt; 
color: #5A1021; 
}
#middle_content h3 {
font-weight:normal; 
font-size:8pt; 
color: #5A1021; 
}
h1 {
 font-weight:normal; 
 font-size: 16pt; 
 color: #FF6307; 
 border-bottom: solid 1px #A5BBE7; 
 padding:5px 0px 5px 3px; margin:0;
 vertical-align:middle;
 text-align:left;
}
#right_nav {
float:right;
}
/*TAG_CONTAINER*/
.picon{
width: 25%; 
text-align:center;
}
.pcon {
width: 45%; 
padding-left:3px; 
}
.pprice {
width: 25%; 
}

.pcon_detail {
width: 69%;
}
.pprice_detail {
float:right;
text-align:right;
width:30%;
}
.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; 
border: 0px solid red;
}
#std_con_center{
text-align:center;
float:left;
}
.std_con_right{
text-align:right;
float:left;
}
.std_con_left{
text-align:left;
float:left;
}

table.tab_std {
background-color: #f9f9f9; 
border: solid 1px #d5d5d5; 
padding: 10px;
border-collapse: collapse;
}

/*TAG_TOPLEVEL*/
#header_bar{
float:left;
background: transparent url(./images/header_box.jpg) left top repeat-x;
height:30px;
}
#header_logo{
background: transparent url(./images/logo.jpg) left top no-repeat;
height:98px; 
}
#hd_flags,#hd_icons {
line-height:30px;
}
#hd_flags {
width: 170px; 
text-align:left;
}
#hd_icons {
width: 170px; 
text-align:right;
float:right;
}
#hd_topl {
width: 570px; 
text-align:center;
}

#toplevel_menu{
float:left;
width:100%;
}

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

#toplevel_menu ul{
float:left;
padding:0px 3px 0px 0px;
margin:0px 0px 0px 0px;
background-image:url(./images/nav-bar.jpg);
background-position:right;
background-repeat:no-repeat;
}

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

#toplevel_menu li a{
width:160px;
text-align:center;
float:left;
font-weight:normal; 
background-image:url(./images/nav-bar.jpg);
background-position:left;
background-repeat:no-repeat;
font-size:10pt; 
}

#toplevel_menu li a:link,
#toplevel_menu li a:visited{
color: #FFFFFF; 
text-decoration:none;
font-size:10ptpt;
}

#toplevel_menu li.active a,
#toplevel_menu li a:hover{
color: #C8C8C8; 
text-decoration:none;
background-image:url(./images/nav-active.jpg);
background-position:right;
background-repeat:no-repeat;
}

/*TAG_CATEGORIES*/
#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: 1px;
border: none;
list-style: none;
display: block;
}

#menu_tree ul li a{
 height:19px; 
 line-height:19px;
}

#menu_tree a.mt_active {
 font-weight:normal; 
 color: #000000; 
 text-decoration: underline;
}
#menu_tree a.mt_active:link {text-decoration:underline; color: #000000;font-weight:normal;}
#menu_tree a.mt_active:visited {text-decoration:underline; color: #000000;font-weight:normal;}
#menu_tree a.mt_active:hover {text-decoration:underline;  color: #000000;font-weight:normal;}
#menu_tree a.mt_active:active {text-decoration:underline; color: #000000;font-weight:normal;}
/* MENU_POSITION*/
#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;
}

li.bread_active {
 font-weight:bold; 
}

p {text-align:left;}

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

/*TAG_TEXT_COLORS*/
span.aktionspreis {
font-weight:bold; 
color : #FF0000; 
background : transparent;
text-decoration : line-through;
text-align : right;
font-size:10pt; 
}

span.aktionspreisorg{
font-weight:bold; 
color : #51A909; 
font-size:10pt; 
}

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



a.special_link:link {text-decoration:none; font-size:10pt;  color: #000000;font-weight:bold;}
a.special_link:visited {text-decoration:none;  font-size:10pt;color: #000000;font-weight:bold;}
a.special_link:hover {text-decoration:none;  font-size:10pt;color: #737373;font-weight:bold;}
a.special_link:active {text-decoration:none; font-size:10pt; color: #737373;font-weight:bold;}

/*TAG_STANDARD_LINKS*/
a:link {
text-decoration: none; 
color: #000000; 
font-weight:normal; 
}
a:visited {
text-decoration: none; 
color: #000000; 
font-weight:normal; 
}
a:hover {
text-decoration: underline; 
color: #FF9227; 
font-weight:normal; 
}
a:active {
text-decoration: underline; 
color: #FF9227; 
font-weight:normal; 
}

input.searcher{
color : #600804;
font-size :12px;
height:16px;
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; }
/*TAG_FORMULAR*/
.textarea {
border : 1px solid #ccc;
z-index: -3;
font-size: 11px;
}
input, textarea, select,input.text,textarea.agb {
z-index : -3;
color : #000000; 
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background: #EFEEED url(./images/opt_inputbg.gif) repeat-x;
padding: 3px 5px;
border: 1px solid #C8C8C8; 
}

INPUT:focus, textarea:focus, select:focus {
border: 1px inset #000000;
}

input.subimg {
 background: transparent;
 border: 0px solid;
}

input.submit    {
background-color:#EFEEED; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; 
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 li{margin-left:-39px;}

#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;
}

#list_left h4, .list_center h4 {
border:0;
padding: 0px 0px 0px 0px;
font-weight:bold;
margin:0;
padding:0;
color:#FF0000;
font-size:8pt;
}

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

hr {
 color: #C7C7C7; 
 background-color: #C7C7C7;
 height: 1px;
}

/*TAG_LINES*/
hr.boxes {
border: 0px;
border-top: solid 1px #CDCDCE; 
border-bottom: transparent;
}

hr.paymentline {
border: 0px;
border-top: solid 1px #910505; 
border-bottom: transparent;
}

hr.yellow {
border: 0px;
border-top: solid 1px #ddad08; 
border-bottom: transparent;
}

hr.blue {
border: 0px;
border-top: solid 1px #336699; 
border-bottom: transparent;
}

hr.red {
border: 0px;
border-top: solid 1px #aa1002; 
border-bottom: transparent;
}

hr.green {
border: 0px;
border-top: solid 1px #339966; 
border-bottom: transparent;
}

hr.orange {
border: 0px;
border-top: solid 1px #FF6600; 
border-bottom: transparent;
}

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

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: transparent; }
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; }


/*TAG_BOXEN*/
.leftcol div.module, #rightcol-normal div.module {
width: 160px; 
background: transparent url(./images/opt_box_02.jpg) left repeat-y;
margin-bottom: 10px;
text-align:left;
}



div.module  a{
 font-weight:normal; 
 color: #000000; 
 font-size: 8pt; 
 text-decoration:none;
}

div.module  a:hover{
 text-decoration:underline;
}


.leftcol div.module div, #rightcol-normal div.module div {
width: 160px;
background: transparent url(./images/opt_box_01.jpg) top left no-repeat;
}

.leftcol div.module div div, #rightcol-normal div.module div div {
width:160px;
background: transparent url(./images/opt_box_03.jpg)  bottom left no-repeat;
height:auto;
}

.leftcol div.module div div div, #rightcol-normal div.module div div{
width: 140px; 
padding-left: 15px;
padding-right: 5px;
padding-top: 10px;
background: transparent;
padding-bottom: 20px;
font-weight:normal; 
color: #000000; 
font-size: 8pt; 
min-height:50px;
}

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



div.module h3 {
 font-size: 12pt; 
 width: 160px;
 font-weight:bold; 
 color: #910505; 
 margin: 0px;
 padding: 0px;
 margin-top: -5px; 
 padding-left: 5px; 
}

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

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

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

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

#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"...*/
}


#catpreview {
text-align:center;
}
#checkout {
width:100%;
text-align:center;
padding-top:10px;
margin-bottom:10px;
}
#small{
font-size:8pt;
}
.small_info{
font-size:7pt;
color:#9B9B9B;
}

.small{
font-size:8pt;
}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug*/
#main_image img{margin-bottom:10px; float:right;}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

/*TAG_TEXT_COLORS*/
span.important  {
color: #ff0000; 
font-weight:bold;
}

/*TAG_FEEDBACK_BOXEN*/
div.infobox {
border:1px solid #FFA500;
text-align:left;
padding:3px;
width:100%;
background-color:#FFF7DD;
font-size:10pt;
font-weight:bold;
color:#000000; 
}


div.stdframe {
border:1px solid #FFA500;
text-align:left;
padding:3px;
margin-bottom:10px;
width:100%;
background-color: transparent;
color:#000000; 
}

tr.header {
 font-weight:bold;
}

table.tab_std tr.row2 {
        background-color: #ebebeb;
}
table.tab_std tr.row1 {
        background-color: #FFFFFF;
} 

table.tab_std tr.row2:hover {
        background-color: #dcdcdc;
}
table.tab_std tr.row1:hover {
        background-color: #dcdcdc;
}


.tabs {
                        list-style:none; 
                        padding:15px 0 0 10px; 
                        margin:-1px -1px 6px -1px; 
                        height:23px; 
                        background:#bcd url(./images/tabe.gif); 
                        border-bottom:1px solid #000;
                        }
.tabs li {display:block; float:left; margin:0 -13px -1px 0;}
.tabs li a {display:block; text-decoration:none;}

.tabs li a em {float:left; padding:0 20px; height:22px; border-top:1px solid #fff; border-bottom:1px solid #000; position:relative; z-index:100; font-style:normal; color:#fff; background:#f93 url(./images/tabd.gif) repeat-x bottom left; font-size:11px; font-family:verdana; line-height:20px;}

.tabs li a b {font-size:0; line-height:0; position:relative; border-bottom:1px solid #000; border-top:1px solid #fff; width:1px; display:block; float:left; z-index:300; background:#f93 url(./images/tabd.gif) repeat-x bottom left;}

.tabs li b.p1 {height:19px; background:#fff; margin-top:4px; border-top:0; z-index:100;}
.tabs li b.p2 {height:19px; margin-top:2px; border-top:2px solid #fff; border-bottom:1px solid #888; z-index:100;}
.tabs li b.p3 {width:2px; height:21px; margin-top:1px; z-index:100;}
.tabs li b.p5 {height:20px; margin-top:2px;}
.tabs li b.p6 {height:19px; margin-top:3px;}
.tabs li b.p7 {height:18px; margin-top:4px;}
.tabs li b.p8 {height:17px; margin-top:5px;}
.tabs li b.p9 {height:16px; margin-top:6px;}
.tabs li b.p10 {height:15px; margin-top:7px;}
.tabs li b.p11 {height:14px; margin-top:8px;}
.tabs li b.p12 {height:13px; margin-top:9px;}
.tabs li b.p13 {height:12px; margin-top:10px;}
.tabs li b.p14 {height:11px; margin-top:11px;}
.tabs li b.p15 {height:10px; margin-top:12px;}
.tabs li b.p16 {height:9px; margin-top:13px;}
.tabs li b.p17 {height:8px; margin-top:14px;}
.tabs li b.p18 {height:7px; margin-top:15px;}
.tabs li b.p19 {height:6px; margin-top:16px;}
.tabs li b.p20 {height:5px; margin-top:17px;}
.tabs li b.p21 {height:4px; margin-top:18px;}
.tabs li b.p22 {height:3px; margin-top:19px;}
.tabs li b.p23 {height:2px; margin-top:20px;}
.tabs li b.p24 {height:1px; margin-top:21px;overflow:hidden;}
.tabs li b.p25 {width:1px; height:1px; background:#fff; margin-top:22px; border-top:0; overflow:hidden;}
.tabs li b.p26 {width:1px; height:1px; background:#000; margin-top:23px; border:0; overflow:hidden;}

.tabs li em b.shdw {position:absolute; display:block; left:-4px; bottom:0; border:0; width:17px; height:17px; background: #f93 url(./images/taba.gif) bottom left; z-index:500;}

.tabs li a:hover,
.tabs li a:focus, 
.tabs li a:active 
{white-space:nowrap; color:#000; position:relative; z-index:500; cursor:pointer;}
.tabs li a:hover em, 
.tabs li a:focus em, 
.tabs li a:active em 
{color:#800; background:#fc8 url(./images/tabb.gif) bottom left; border-bottom-color:#888;}
.tabs li a:hover em b.shdw,
.tabs li a:focus em b.shdw, 
.tabs li a:active em b.shdw  
{visibility:hidden;}
.tabs li a:hover b, 
.tabs li a:focus b, 
.tabs li a:active b 
{background:#fc8 url(./images/tabb.gif) bottom left; border-bottom-color:#888;}
.tabs li a:hover b.p1, 
.tabs li a:focus b.p1, 
.tabs li a:active b.p1 
{background:#fff; border-bottom-color:#888;}
.tabs li a:hover b.p25, 
.tabs li a:focus b.p25, 
.tabs li a:active b.p25 
{background:#fff; border-bottom-color:#888;}
.tabs li a:hover b.p26, 
.tabs li a:focus b.p26, 
.tabs li a:active b.p26 
{background:#888;}

.tabs li a.selected, 
.tabs li a:hover.selected,  
.tabs li a:active.selected  
{white-space:nowrap; color:#000; position:relative; z-index:600; cursor:default;}
.tabs li a.selected em, 
.tabs li a:hover.selected em,
.tabs li a:active.selected em
{color:#800; background:#fff url(./images/tabc.gif) bottom left; border-bottom-color:#fff;}
.tabs li a.selected em b.shdw, 
.tabs li a:hover.selected em b.shdw, 
.tabs li a:active.selected em b.shdw 
{visibility:hidden;}
.tabs li a.selected b, 
.tabs li a:hover.selected b, 
.tabs li a:active.selected b 
{background:#fff url(./images/tabc.gif) bottom left; border-bottom-color:#fff;}
.tabs li a.selected b.p1, 
.tabs li a:hover.selected b.p1, 
.tabs li a:active.selected b.p1 
{background:#fff; border-bottom-color:#fff;}
.tabs li a.selected b.p26, 
.tabs li a:hover.selected b.p26, 
.tabs li a:active.selected b.p26 
{width:1px; height:1px; background:#fff; margin-top:23px; border-top:0; overflow:hidden;}

hr.black {
border: 0px;
border-top: solid 1px #000000; 
border-bottom: transparent;
}

.lightgrey {
 background: url('./images/bg_frame.jpg') top repeat-x;
}