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:"Trebuchet MS",Arial;
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: 684px;
}
#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: 64%;
}
#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;
}
#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;
}
#hd_flags {
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:12pt; color:#381D02; text-decoration:none;}
#menu_tree ul li a:hover { color:#CE5F06; text-decoration:underline; font-weight:bold;}
#menu_tree a.mt_active,a.mt_active:visited,a.mt_active:hover,a.mt_active:active {font-size:15pt; font-weight:bold;}	

#menu_tree {
color: #000000;
background-color: #FFFFFF;
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: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: #FF9227;font-weight:normal;}
a:active {text-decoration:none; color: #FF9227;font-weight:normal;}

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; font-weight:bold; color:#9CAAB1;
}

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