/* 	JTL-Shop3 Tiny Theme "Lucid" 
** 
** 	@author JTL-Software.de
**	
*/

/* Tiny-Styles zuruecksetzen */
#headlinks, #headlinks.active { background: transparent url(images/topmenue-biiig.gif) no-repeat top left; height: 65px; border: none; }
#headlinks ul li > a, #headlinks ul li > a:hover, #headlinks li.basket > a, #headlinks li.basket > a:hover { background-color: transparent;  margin: 0; padding: 0 0 0 20px; -moz-border-radius: 0; border-radius: 0; }
#headlinks li { padding: 0; }
#speciallinks { display: none; }
#headlinks_wrapper { margin-left: 0; }
.form fieldset select, .form fieldset textarea, .form fieldset input[type="text"], .form fieldset input[type="password"] { font-size: 1em; }
#styled_view li.gallery { width: 32.9%; }

/* Base Styles */
.page_width { width: 1101px; }
body { color: #444; background: #fff url(images/page_bg.gif) repeat-x top center; }
#page { background: transparent none; }
#content { background: #fff; border: 0px solid #ccc; padding: 10px; -moz-border-radius:5px 5px 5px 5px; }
.sidebox { background: #fff; }
a, a:visited, a:link { color: #666; }
a:hover, a:focus { color: #fc7f20; }
h1, h2 { text-transform: uppercase; }
#breadcrumb, #breadcrumb a { color: #999; }
#logo a { position:relative; display: block; margin-top: 5px; z-index: 999; }
#logo img { position: inherit; top: 0; }
#headlinks ul li > a, .sidebox h3 { font-size: 12px; color: #fff !important; text-transform:uppercase; text-shadow:0 0 2px #AC5F24; }

/* Eigene Header-Styles */

#header, #header_wrapper { height: 262px; position: relative; background: transparent url(images/header.gif) no-repeat top center; }
#style, #settings { font-size: 12px; top: 234px; left: 1px;  }

/* Suche */
#search { background:none repeat scroll 0 0 transparent; padding:0; position:relative; text-align:left; top:-27px; }
#search-form { width:295px; padding-right:0px; position:absolute; left:295px; top:0; height: 27px; }
#search input[type="text"], #submit_search { vertical-align: bottom; }
#search input[type="text"] { width:180px; border: none; background: transparent url(images/search_input_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 10px; }
#submit_search { width: 85px; border: none; background: transparent url(images/search_button_bg.png) top left no-repeat; height: 25px; line-height: 25px; padding: 0 20px 0 0px; font-size: 12px; }
#submit_search:hover span, #submit_search:focus span { text-decoration: underline; }

/* Headlinks */
#headlinks ul li > a, #headlinks ul li > a > span { line-height: 36px; height: 32px; display: block; }
#headlinks ul li > a, #headlinks ul li.basket { background: transparent url(images/menu_backgrounds.png) repeat-y 0 144px; padding-right: 0; }
#headlinks ul li > a:hover, #headlinks ul li > a:focus, #headlinks ul li.current > a { background-position: 0 96px !important; }

#headlinks ul li.first > a { background-position: top left; }
#headlinks ul li.first > a:hover, #headlinks ul li.first > a:focus, #headlinks ul li.first.current > a { background-position: 0 192px !important; }
#headlinks ul li > a > span { padding-right: 20px; }

#headlinks ul li.basket { position: relative; left: -10px; background-position: 9px 144px; }
#headlinks ul li.basket > a, #headlinks ul li.basket > a:hover { padding-left: 10px; position: relative; left: 10px; background: transparent url(images/main_backgrounds.png) top right !important; }
#headlinks li.basket.items > a { padding-right: 0; }
#headlinks ul li.basket > a > span { padding-left: 20px; background: transparent url(images/cart.png) no-repeat 0px 7px; }
#headlinks ul li.basket > a:hover, #headlinks ul li.basket > a:focus, #headlinks ul li.basket.current > a { background-position: right 192px !important; }

#headlinks li.basket div { top: 31px; }
#headlinks li.basket div.articles { border-color: #ccc; right: -10px; -moz-border-radius:5px 5px 5px 5px; }

/* Sidepanels */
.panel_left #sidepanel_left { width: 200px; }
.panel_left #content { margin-left: 210px; }
.panel_right #content { margin-right:210px; }

.sidebox { border: none; }
.sidebox h3, .sidebox .boxtitle { background: transparent url(images/main_backgrounds.png) 0 288px repeat-y; border: none; }
.sidebox .sidebox_content { border: 1px solid #ccc; border-top: none; background: #f9f4e7; }

/*Spanische Fahnen hinzufuegen */

#footer a.link_lang.spa {
   background: url('images/spa_m.png') no-repeat left bottom;
}

#settings a.link_lang.spa {
   background: url('images/spa_m.png') no-repeat left center;
}


/*
 *  settings (language, currency)
 */
#settings li {
   float: left;
   position: relative;
}

#settings li span {
   display: inline-block;
   margin: 0 5px;
}

#settings > ul > li > a {
   display: none;
   padding: 6px 4px 0 4px;
}

#settings > ul > li > a#language {
   display: none;
}

#settings a.expander {
   padding: 2px 0 2px 5px;
   border: 4px solid transparent;
   background: url('../base/images/expander-down.png') no-repeat center right;
   padding-right: 18px;
   color: #e14913;
}

#settings a.expander.active,
#settings a.expander:hover {
   color: #f0f0f0;
   text-decoration: underline;
   border: 5px solid #ec8448;
   background: #e14913 url('../base/images/expander-down.png') no-repeat center right;
}

#settings .expander_box {
   display: none;
   border: 2px solid #f0f0f0;
   background-color: #fff;
   min-width: 240px;
   padding: 8px;
   position: absolute;
   top: 28px; left: 0;
   font-size: 1.2em;
   z-index: 999;
   margin: 0;
}

#settings .expander_box input[type="text"],
#settings .expander_box input[type="password"] {
   width: 100%;
   padding: 0.25em;
}

#settings fieldset.quick_login a {
   padding: 0;
}

#settings a.link_lang {
   padding-left: 22px;
   line-height: 30px;
   display: inline-block;
}

#settings a.link_lang.ger {
   background: url('../base/images/flags/ger.png') no-repeat left center;
}

#settings a.link_lang.eng {
   background: url('../base/images/flags/eng.png') no-repeat left center;
}

#settings a.link_lang.fre {
   background: url('../base/images/flags/fre.png') no-repeat left center;
}




.submit,
input[type="submit"].submit,
button[type="submit"].submit,
button[type="button"].submit {
   margin: 0;
   height: auto !important;
   vertical-align: middle;
   padding: 0.25em !important;

   border: 1px solid #FA2;
   background: #FA2 url('../base/images/button_bg.png') repeat-x left top;

   /* radius 4 all */
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;

   color: #333;
   font : 1.1em;

   text-align: center;
   text-decoration: none;
   text-shadow: #FE6 0px 1px 0px;
}

.submit:hover {
   background-position: 0px -5px;
   color: #111;
}

.submit:active {
   /*background: #FA2;*/
}


.box_success {
   border: 2px solid #F6EEE0;
   margin: 0 0 1em 0;
   padding: 0.5em 30px 0.5em 0.5em;
   background: #FFF0CA url('../base/images/box_success.png') right center no-repeat;
}


#footer_wrapper {
   margin: 1em auto 0 auto;
   text-align: center;
   clear: both;
}

#footer .footer_box {
   /* radius 4 all */
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   background-color: #f9f4e7;
   padding: 15px;
}



#footer .master {
   /* radius 4 all */
   border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -khtml-border-radius: 0 0 10px 10px;
   background-color: #f9f4e7;
   padding: 8px;
   font-size: 0.9em;
   color: #666;
   margin: 0.75em 0 0 0;
   line-height: 20px;
}


#headlinks {
 padding-left: 330px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 771px;
   z-index: 100;
}



/*
 *  links
 */
a,
a:visited,
a:link {
   color: #604a19;
}

a:hover {
   color: #e04614;
}

a:active,
a:focus {
   color: #f09657;
}

/*
 *  article category
 */

.category_wrapper {
   border: 1px solid #ddd;
   padding: 15px;

   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
}