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

.searchword {
 font-weight:bold;
 color:#ff0000;
}

#searchfield {
 width:360px;
 float:left;
 padding-top:3px;
 padding-left:10px;
 border:0px solid;
}
#searchfield img {
 cursor:pointer;
}

#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: 170px; 
padding-left:10px;
}
#right_nav{
width: 170px; 
}
#middle_content {
width: 605px; 
padding-top:10px;
}
#middle_content h1,h2,h3 {
border:0;
padding: 16px 0px 0px 0px;
font-weight:normal;
margin:0;
padding:0;
}

/*TAG_SHOP_CONTENT*/
#middle_content h1 {
font-weight:normal; 
font-size: 12pt; 
color: #858c00; 
}
#middle_content h2 {
font-weight:bold; 
font-size: 10pt; 
color: #4C4C4C; 
}
#middle_content h3 {
font-weight:normal; 
font-size:8pt; 
color: #ab0924; 
}
h1 {
 font-weight:normal; 
 font-size: 12pt; 
 color: #858c00; 
 border-bottom: solid 1px #bfbfbf; 
 padding:5px 0px 5px 3px; margin:0;
 vertical-align:middle;
 text-align:left;
}
#right_nav {
float:right;
}
/*TAG_CONTAINER*/
.picon{
width: 20%; 
text-align:center;
}
.pcon {
width: 50%; 
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;
}
/*TAG_TOPLEVEL*/
#header_bar{
float:left;
background: transparent url(./images/header_box.jpg) left top repeat-x;
height:34px;
padding-top:3px;
}
#header_logo{
background: transparent url(./images/logo.jpg) left top no-repeat;
height:113px; 
}
#hd_flags,#hd_icons {
line-height:34px;
}
#hd_flags {
width: 170px; 
text-align:left;
margin-top:-4px;
}
#hd_icons {
width: 0px; 
text-align:right;
float:right;
}
#hd_topl {
width: 400px; 
text-align:right;
vertical-align:middle;
margin-top:5px;
}

#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:34px; 
display:inline;
position:relative;
float:left;
width:111px;
text-align:center;
}

#toplevel_menu li a{
width:111px;
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: #858c00; 
text-decoration:none;
font-size:13px;
}

#toplevel_menu li.active a,
#toplevel_menu li a:hover{
color: #FFFFFF; 
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: 3px;
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 : #858c00; 
background : transparent;
text-decoration : line-through;
text-align : right;
font-size:10pt; 
}

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

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


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

a.special_link:link {text-decoration:none; font-size:10pt;  color: #ffffff;font-weight:bold;}
a.special_link:visited {text-decoration:none;  font-size:10pt;color: #ffffff;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:none;
color: #ab0924; 
font-weight:normal;
}
a:active {
text-decoration:none;
color: #ab0924; 
font-weight:normal;
}

input.searcher{
color : #A81024;
font-size :11px;
height:17px;
border-color : #000000;
width:100px;
border: solid #000000 1px;
}
div.nav {background-color:#737373;color:#FFFFFF;}

div.navp {background-color:#737373;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;
 margin:0px;
 padding:0px;
}

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:#FFFFFF;
border:1px solid #ABB300;
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:#A81024;
font-size:8pt;
}

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

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

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

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

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

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

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

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

hr.orange {
border: 0px;
border-top: solid 1px #8f8f8f; 
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: #848484; border: 1px solid #848484; 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.leftcol a {text-decoration:none; color:#000000; font-size:12px;background-color:transparent;}
div.leftcol a:link    { color:#ABB300; }
div.leftcol a:visited { color:#ABB300; }
div.leftcol a:hover   { color:#848484; }
div.leftcol a:active  { color:#ABB300; }

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:#ABB300; text-decoration:underline;}
div#rightcol-normal a:active  { color:#ABB300; 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;
}

.leftcol div.module div div div,#rightcol-normal div.module div div div{
width: 140px; 
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
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: 12pt; 
 width: 160px;
 font-weight:bold; 
 margin: 0px;
 padding: 0px;
 color: #9c001a; 
 margin-top: -5px; 
}

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

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

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

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

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

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

table.tab_std td { padding:6px; }

#catpreview {
text-align:center;
}
#checkout {
width:100%;
text-align:center;
padding-top:10px;
margin-bottom:10px;
}
#small{
font-size:8pt;
}
.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: #ab0924; 
font-weight:bold;
}

/*TAG_FEEDBACK_BOXEN*/
div.infobox {
border:1px solid #ABB300;
text-align:left;
padding:3px;
width:99%;
background-color:#FFFFFF;
font-size:10pt;
font-weight:bold;
color:#9c001a; 
}

/*TAG_UMRANDUNGEN*/
div.stdframe {
border:1px solid #ABB300;
text-align:left;
padding:3px;
margin-bottom:10px;
width:99%;
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;
}

        .small_info{
        font-size:7pt;
        color:#4C4C4C;
        }
        .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:#4C4C4C;
        text-align:center;
        font-size:8pt;
        vertical-align:middle;
        }
.rframe {
 width:99%;
 height:1000px;
 border:0px;
}

#rmenu a {
 font-size:11pt;
 color:#940400;
 font-weight:bold;
}
#rmenu a:hover {
 text-decoration:underline;
}

#colorpre {
	width:20px;
	height:20px;
	background-color:transparent;
	float:left;
	border:1px solid black;
	margin-right:5px;
}
	
.dottedline {
width:100%;height:0px;float:left;border:0px;border-top:1px dotted #910505;
margin-top:10px;
margin-bottom:10px;

}

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

#pinfo {
width:310px;float:right;min-height:370px;border:0px solid green;
}

#pinfo .nprice {
 font-size:13pt;
 color:#000000;
 font-weight:bold; 
}


#pinfo .aprice {
 font-size:13pt;
 color:#FF0000;
 font-weight:bold; 
}


#pinfo span.sprice {
font-weight:bold; 
color : #000000; 
background : transparent;
text-decoration : line-through;
text-align : right;
font-size:13pt; 
}

fieldset.error {
 border:   1px solid #ff0000;
 background-color:#FFE3E3;
 display:   block;
 padding: 1em 2em;
 clear:   both; 
 margin:  5px 0 10px 0;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
}

legend {
 font-weight: bold;
 color:#ff0000;
}

label {
 clear: left;
 float: left;
 display: block;
 font-weight: bold;
}