/* 

 Stylesheet für Template: Tradoria Standard 1

*/

/* HTML - Tags */

body {
   padding: 0px;
   margin: 0px;
   margin-bottom: 20px;
   font-family: Arial, sans-serif ;
   font-size: 13px;
   background-color: #FFFFFF;
   color: #000000;
   width: 100%;
   overflow: -moz-scrollbars-vertical;
}

ul {
   list-style-type: square;
   margin-top: 0px;
   margin-bottom: 0px;
}

li {
   margin-left: -15px;
   margin-bottom: 3px;
}

.li_box {
   margin-left: -25px;
   margin-bottom: 3px;
}

h1 {
   font-size: 21px;
   display: inline;
   color: #FF9900;  
}

h2 {
   font-size: 17px;
   display: inline;
   color: #FF9900;
}

h3 {
   font-size: 14px;
   font-weight: bold;
   display: inline;
   color: #FF9900;
}

/* Links */

a {
	text-decoration: underline;
	color: #454545;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}

a.header_menu {
	color: #000000;
   text-decoration: none;
}

a.header_menu:hover {
	color: #000000;
   text-decoration: underline;
}

a.link_arrow {
   text-decoration: underline;
   padding-left: 10px;
   background-image: url('../theme/images/arrow.gif');
   background-repeat: no-repeat;
   background-position: 0px 3px;
   font-weight:bold;
}

a.backlink {
   text-decoration: underline;
   padding-left: 10px;
   background-image: url('../theme/images/arrow_back.gif');
   background-repeat: no-repeat;
   background-position: 0px 3px;
}

a.link_arrow:hover {
   text-decoration: underline;
}

a.main_menu {
	font-weight: bold;
	font-size: 14px;
   color: #FFFFFF;
   text-decoration: none;
   margin: 0px;
   margin-left: 10px;
   padding: 5px;
   line-height: 30px;
}
a.main_menu:hover {
	color: #FFFFFF;
   text-decoration: none;
   background-color: #FF9900;
   margin-left: 10px;
   padding: 5px;
}

/* Formulare */

input, textarea, select {
   font-family: Arial, sans-serif;
   font-size: 13px;
   color: #454545;
}

.btn_search {
   background-color: #7A7A7A;
   background-repeat: no-repeat;
   height: 23px;
   width: 80px;
   border: 0px;
   padding-left: 12px;
   color: #FFFFFF;
   font-weight: bold;
   margin-right: 10px;
}

.input_error {
   border: 2px solid #FF0000;
}


/* Vom System benötigt */

.small {
   font-size: 11px;
   color: #AAAAAA;
}

.strike {
   color: #FF0000;
}

.default_color {
   color: #454545;
}


/* Sonstiges */

.color {
   color: #FF9900;
}

.msg_error {
   color: #FF0000;
   padding: 5px;
   padding-left: 10px;
   background-color: #FFE5E5;
}

.msg_done {
   color: #169D00;
   padding: 5px;
   padding-left: 10px;
   background-color: #D0EBCC;
}

.box_header {
   padding: 2px;
   padding-left: 10px;
   background: #FF9900;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 3px;
}

.box_body {
   padding: 10px;
   background: #F1F1F1;
}

.box_cell {
   margin-bottom: 7px;
}

.box_product_list {
   float: left;
   width: 238px;
   margin-bottom: 10px;
   border: 1px solid #DDDDDD;
   padding: 10px;
}

.box_product_list_2 {
   float: left;
   width: 238px;
   margin-left: 10px;
   margin-bottom: 10px;
   border: 1px solid #DDDDDD;
   padding: 10px;
}

.price {
   font-weight: bold;
   font-size: 14px;
   color: #FF9900;
}

.light_grey {
   color: #AAAAAA;
}

.text_arrow {
   padding-left: 10px;
   background-image: url('../theme/images/arrow.gif');
   background-repeat: no-repeat;
   background-position: 0px 3px;
}

.product_review_flop {
   background-image: url('../theme/images/star_flop.gif');
   background-repeat: repeat-x;
   text-align: left;
   width: 110px;
   height: 19px;
}

.product_review_top {
   background-image: url('../theme/images/star_top.gif');
   background-repeat: repeat-x;
   height: 19px;
   overflow: hidden;
}

.chargroup {
   padding: 1px;
   padding-left: 5px;
   padding-right: 5px;
   color: #FFFFFF;
   background: #81BEE1;
   font-size: 15px;
}

.hr_grey {
   background: #DDDDDD;
   width: 100%;
   height: 3px;
   margin-bottom: 7px;
}

.cart_line {
   border-top: 1px solid #DDDDDD;
   padding-top: 20px;
   padding-bottom: 20px;
}

/* Container */

#frame {
   width: 960px;
   margin: auto;
   padding: 0px;
   padding-top: 10px;
}

#header {
   width: 960px;
   height: 135px;
   padding: 0px;
   padding-bottom: 5px;
   margin-bottom: 5px;
}

#header #logo {
   padding-top: 35px;
   padding-left: 220px;
   font-size: 21px;
   font-weight: bold;
   color: #FFFFFF;
   height: 70px;
}

#header #menu {
   color: #000000;
   text-align: right;
   width: 600px;
   position: absolute;
   margin-top: 140px;
   margin-left: 340px;
}

#menu_bar {
   background: #7B7B7B;
   width: 100%;
   height: 33px;
   margin-top: 20px;
}

#footer {
   background: #DDDDDD;
   height: 15px;
   width: 730px;
   padding-top: 5px;
   padding-left: 215px;
   padding-right: 15px;
   padding-bottom: 5px;
}

#breadcrumb {
   width: 940px;
   padding: 10px;
}

#hr_breadcrumb {
   background: #DDDDDD;
   width: 960px;
   height: 5px;
}

/* 3 Spalten */

#column_left {
   width: 200px;
   float: left;
}

#column_middle {
   width: 530px;
   text-align: left;  
   margin-left: 15px;
   margin-right: 15px;
   float: left;
}

#column_right {
   width: 200px;
   float: left;
}

#column_2cols {
   width: 725px;
   text-align: left;  
   margin-left: 15px;
   float: left;
}

.clear {
   clear: left;
}

.spacer {
   height: 5px;
   margin: 0px;
}

/* Blog */

.blog_post {
   margin-bottom: 20px;
   line-height: 20px;
}

.blog_comment {
   margin-bottom: 20px;
   line-height: 20px;
   background: #F1F1F1;
   border-left: 3px solid #DDDDDD;
   padding: 15px;
}

.blog_post .funcbar {
   margin-top: 15px;
   border-left: 3px solid #81BEE1;
   background: #F1F1F1;
   padding: 7px;
   padding-left: 10px;
}

/* Produkt */
.td_order {
   background-color: #F1F1F1;
}

.td_order2 {
   background-color: #F1F1F1;
   border-top: 1px solid #DDDDDD;
}

.row_order {
  border-top: 1px solid #DDDDDD;
}

/*** Menüstruktur ***/

.menu_selected {
   font-weight:bold;
   color: #FF9900;
}

.menu_level_1 {
   margin: 0px 0px 5px 0px;
}
.menu_level_2 {
   margin: 0px 0px 5px 15px;
   font-size: 12px;
}
.menu_level_3 {
   margin: 0px 0px 5px 25px;
   font-size: 12px;
}

.menu_level_4 {
   margin: 0px 0px 5px 30px;
   font-size: 12px;
}
