/*------------- Layout / Allgemeines -------------*/

body {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   text-align: center;
   font-size: 14px;
   font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
   color: #666666;
   }

table {
   font-size: 14px;
   }

#frame {
   width: 963px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

#header {
   background-image: url('../theme/images/head.jpg');
   height: 265px;
   }  
  
    
#main1 {   
   margin: 0; 
   padding: 0;
   background: url('../theme/images/traker_content.jpg') 250px bottom  no-repeat;
   background-color: #FAFAF1;
   }

#main2 {
   margin: 0; 
   padding: 0;
   background: url('../theme/images/bg_right.gif') top right repeat-y;
   }

#main3 {   
   margin: 0; 
   padding: 0;
   width: 963px;
   background: url('../theme/images/bg_left.gif') top left repeat-y;
   }


#column_left {
   width: 211px;
   float: left;
   } 
   
#column_right {
   width: 211px;
   float: right;
   }   


#column_middle {
   margin: 0px 211px;
   margin-bottom: 160px;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 5px;
   background-color: #FAFAF1;
   } 

.cleaner {
   clear: both;
   height: 1px;
   font-size: 1px;
   border: none;
   margin: 0; 
   padding: 0;
   background: transparent;
   }


#footer {
   clear: both;
   background: url('../theme/images/bg_end.jpg') top no-repeat;
   text-align: center;
   font-size: 12px;
   padding-top: 15px;
   }

a {
   color: #666666;
   }

a:hover {
   text-decoration: underline;
   color: #14487A;
   }
 
h1 {
   margin: 0px;
   font-size: 24px;
   color: #14487A;
   }

h2 {
   margin: 0px;
   font-size: 18px;
   color: #14487A;
   }

h3 {
   margin: 0px;
   font-size: 14px;
   color: #14487A;
   }

hr {
   margin:0px;
   background-color:#14487A;
   height: 1px;
   border: 1px solid #14487A;
   boder-bottom: 0px;
   border-right: 0px;
   border-left: 0px;
   }

hr.hr_light {
   margin:0px;
   background-color:#CCCCCC;
   height: 1px;
   border: 1px solid #CCCCCC;
   boder-bottom: 0px;
   border-right: 0px;
   border-left: 0px;
   }

/*------------- Content Head -------------*/

.head_menu {
   color: #072935;
   position: relative;
   top: 30px;
   left: 65px;
   width: 300px;
   }
   
.head_menu a {
   color: #072935;
   text-decoration: none;
   }
   
.head_menu a:hover {
   text-decoration: underline;
   }


.cart {
   width: 140px;
   height: 90px;
   position: relative;
   top: 91px;
   left: 622px;
   text-align: center;
   color: #072935;
   line-height: 20px;
   }

.cart a {
   color: #072935;
   text-decoration: underline;
   font-weight: bold;
   }

.cart a:hover {
   color: #072935;
   text-decoration: none;
   }


.main_menu {
   color: #FFFFFF;
   font-size: 18px;
   position: relative;
   top: 110px;
   left: 65px;
   width: 700px;
   }
   
.main_menu a {
   color: #FFFFFF;
   text-decoration: none;
   padding: 3px;
   }
   
.main_menu a:hover {
   color: #14487A;
   background-color: #FFFFFF;
   }


/*------------- Content Content -------------*/

#box_left {
   background: url('../theme/images/box_l.gif');
   margin-bottom: 10px;
   }
   
#box_left .head {
   background: url('../theme/images/box_l_head.gif');
   text-align: center;
   font-size: 18px;
   color: #14487A;
   font-weight: bold;
   padding-top: 15px;
   padding-bottom: 0px;
   line-height: 25px;
   }
   
#box_left .middle {
   padding-top: 10px;
   padding-left: 17px;
   padding-right: 17px;
   }
   
#box_left .bottom {
   background: url('../theme/images/box_l_bottom.gif');
   height: 19px;
   }

#box_right {
   background: url('../theme/images/box_r.gif');
   margin-bottom: 10px;
   }
   
#box_right .head {
   background: url('../theme/images/box_r_head.gif');
   text-align: center;
   font-size: 18px;
   color: #14487A;
   font-weight: bold;
   padding-top: 15px;
   padding-bottom: 0px;
   line-height: 25px;
   }
   
#box_right .middle {
   padding-top: 10px;
   padding-left: 17px;
   padding-right: 17px;
   }
   
#box_right .bottom {
   background: url('../theme/images/box_r_bottom.gif');
   height: 19px;
   }

ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   }

li {
    background: url('../theme/images/bullet.gif') 0px 8px no-repeat;
	padding-left: 10px;
	}

ul.arrow {
   list-style: none;
   margin: 0px;
   padding: 0px;
   }

ul.arrow li {
    background: url('../theme/images/arrow_breadcrumb.gif') 0px 7px no-repeat;
	padding-left: 10px;
	}

#search {
   background: url('../theme/images/bg_search.gif') no-repeat;
   margin-bottom: 10px;
   padding-left: 17px;
   padding-top: 20px;
   }
   
  
.image_product {
   background-color: #FFFFFF;
   border: 1px solid #14487A;
   margin: 0 auto;
   }

.strike {
   color: #660000;
   }

.price {
   font-size: 18px;
   color: #072935;
   font-weight: bold;
   }

.default_color {
   color: #666666;
   }

.light_grey {
   color: #999999;
   }

.text_arrow {
   background: url('../theme/images/arrow_breadcrumb.gif') 0px 7px no-repeat;
   padding-left: 8px;
   margin-left: 5px;
   }
  
.small {
   font-size: 12px;
   }
  
  
#boxproduct {
   width: 490px;
   margin: 0px 0px;
   margin-bottom: 10px;
   }

#boxproduct .head {
   background: url('../theme/images/produktbox_head.gif') no-repeat;
   line-height: 11px;
   padding: 0px;
   }

#boxproduct .middle {
   background: url('../theme/images/produktbox.gif');
   }
	 
#boxproduct .bottom {
   background: url('../theme/images/produktbox_bottom.gif') no-repeat;
   line-height: 11px;
   }

#boxproduct a {
   font-size: 14px;
   }


a.details { 
   background: url('../theme/images/arrow_small.gif') 0px 0px no-repeat;
   padding-left: 26px;
   padding-top:1px;
   font-weight: bold;
   color: #14487A;
   text-decoration: underline;
   line-height: 30px;
   }

a:hover .details {
   text-decoration: none;
   }

#breadcrumb {
   width: 490px;
   margin-bottom: 10px;
   }

a.link_arrow {
   background: url('../theme/images/arrow_breadcrumb.gif') 0px 7px no-repeat;
   padding-left: 8px;
   margin-left: 5px;
   }

a.arrow_back {
   background: url('../theme/images/arrow_breadcrumb_back.gif') 0px 7px no-repeat;
   padding-left: 10px;
   }

a.arrow_next {
   background: url('../theme/images/arrow_breadcrumb.gif') right 7px no-repeat;
   padding-right: 10px;
   }

a.arrow_top {
   background: url('../theme/images/arrow_breadcrumb_top.gif') 0px 6px no-repeat;
   padding-left: 10px;
   }

.td_order {
   border-bottom: 1px solid #14487A;
   }

.td_order2 {
   border-top: 1px solid #14487A;
   }

.row_order {
   border-top: 1px solid #CCCCCC;
   }

.button {
   border-top: 1px solid #14487A;
   border-right: 2px solid #14487A;
   border-bottom: 2px solid #14487A;
   border-left: 1px solid #14487A;
   background-color: #FFFFFF;
   color: #14487A;
   font-weight: bold;
   padding-left:-5px;
  padding-right:-5px;
   }
   
.chargroup {
   color: #14487A;
   font-size:18px;
   font-weight: bold;
   background-color: #FFFFFF;
   padding: 1px;
   padding-left: 5px;
   padding-right: 5px;
   }

.product_review_flop {
   background-image: url('../theme/images/star_flop.gif');
   background-repeat: repeat-x;
   height: 22px;
   width: 120px;
   text-align: left;
   }


.product_review_top {
   background-image: url('../theme/images/star_top.gif');
   background-repeat: repeat-x;
   height: 22px;
   overflow: hidden;
   }


/*------------- Formulare -------------*/ 
   
input, textarea, select {
   font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
   font-size: 13px;
   color: #333333;
   }
   
.input_error {
   border: 2px solid #FF0000;
   }
   
.btn_search {
   background: url('../theme/images/arrow_big.gif') 0px 2px no-repeat;
   border: 0px;
   font-weight: bold;
   color: #14487A;
   font-size: 18px;
   padding-left: 25px;
   margin-top: 5px;
   margin-bottom: 5px;
   }

/*......hack für IE......*/

* html .btn_search {
   background: url('../theme/images/arrow_big.gif') 0px 5px no-repeat;
   border: 0px;
   font-weight: bold;
   color: #14487A;
   font-size: 18px;
   padding-left: 13px;
   margin-top: 2px;
   margin-bottom: 5px;
   }                

*+html .btn_search {
   background: url('../theme/images/arrow_big.gif') 0px 5px no-repeat;
   border: 0px;
   font-weight: bold;
   color: #14487A;
   font-size: 18px;
   padding-left: 13px;
   margin-top: 2px;
   margin-bottom: 5px;
   } 

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

/*** Menüstruktur ***/

.menu_selected {
   font-weight:bold;
   color: {config.colors.box_header};
}

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