.lang    { text-align: right; padding-top: 60px; 
padding-right: 20px; 
padding-left: 20px;
top: 120px; 
height: 35px; 
}

.lang img  { margin: 0; float: none }

.addtocart-detail   { background-color: #e9fad5; background-image: url(footer.jpg); background-position: center -230px; text-align: center; margin-right: 20px; margin-bottom: 5px; margin-left: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: outset 1px #9c3 }
input.bky_input  { background-image: url(glossyback.gif); background-repeat: repeat-x; background-position: center bottom; padding: 2px 3px; border: inset 2px #cdecc6 }
.center  { text-align: center; width: 100% }
a.back, a.play { color: #549107; font-weight: bold; text-decoration: none; background-image: url(arrow_left.gif); background-repeat: no-repeat; background-position: 0 2px; padding-top: 3px; padding-bottom: 6px; padding-left: 25px; height: 30px }
a.play {background-image: url(arrow_right.gif);}
 
a.back:hover,a.play:hover, .mod_anytopics_topic a:hover  { text-decoration: underline }
.mod_anytopics_topic a  { font-size: 11px }
h4   { }
blockquote   { color: #3d3d3d; font-size: 14px; word-spacing: 3px; letter-spacing: 0; margin-bottom: 15px; padding-right: 10px; padding-left: 10px }
/* ++++++++++++++++++++++++++++++
 search 
 ++++++++++++++++++++++++++++++++ */
/* search options */
div.searchpage {}
input.long   { font-size: 20px; margin: 5px; width: 300px; height: 26px }
button.search  { background-color: #9c6; border: solid 2px #360 }
fieldset   { background-image: url(bg_body.gif); text-align: center; padding: 20px; border: outset 2px }
label  { cursor: pointer }
ul.search_options    { margin-top: 10px }
ul.search_options li     { font-weight: bold; display: inline; margin: 2px; padding: 3px 2px 2px }
ul.search_options li:hover    { background-color: #b7dba5; cursor: pointer }
/* searchresult page */
a.searchresult  { color: #000 }
a.searchresult:hover   { color: #000; text-decoration: none }
a.searchresult:visited  { color: #000; text-decoration: none }
div.searchresult_frame    { margin-top: 5px; border: outset 2px #360 }
div.searchresult_frame:hover    { background-color: #fbfff0; border: outset 2px #360 }
.searchresult h3   { color: #360 !important; font-size: 16px; background-color: #f2f8eb; padding-bottom: 4px; padding-left: 20px; border-bottom: 1px solid #9c6 }
.searchresult h3:hover  { text-decoration: underline }
div.searchresult_excerpt   { font-size: 12px; padding: 10px }
.searchresult small  { color: #fff; font-size: 11px; background-color: #558053; text-align: right; display: block; padding-right: 10px; padding-left: 10px }
p.nosearchresults  { font-size: 12px !important; background-color: #f8c0c0; padding: 3px !important; border: solid 1px #f47474 }
.searchresults   { font-size: 16px !important; font-weight: bold; background-color: #ffffea; margin-right: auto; margin-bottom: -11px; margin-left: auto; padding: 3px; border-width: 1px; border-color: #693 }
/* ++++++++++++++++++++++++++++++
 search END -->
 ++++++++++++++++++++++++++++++++ */
* { margin: 0; padding: 0 }
h1  { font-family: Times; color: #360; font-size: 25px }
h2  { color: #608ad2; font-size: 22px; font-family: Times }
body, html            { color: #353535; font: 0.9em Verdana, Arial, Helvetica, sans-serif; height: 100.5% }
a img {
	border: none;
}

#both {
	clear:both;
}
img.logo   { margin: 30px 20px 20px 10px }
#A  { padding: 10px 20px }

#A ul li {
	list-style: none;
	padding: 3px 0px;
	border-bottom: 1px dashed #630;
}

/*#A ul li a {
	color: #900000;
	font-weight: bold;
	text-decoration: none;
}
*/
#A ul li a:hover {
	color: #300;
}
/* ***********************
HEAD
*********************** */
#top      { background-position: 0 top; width: 400px; height: 132px }
#framer  { background-image: url(bg_header.gif); background-repeat: no-repeat; background-position: 0 top; margin: 12px auto; width: 960px }
/* searchbox small */
div#search_box    { margin-top: 11px; margin-right: 8px; width: 202px; float: right }
#search_box #s  { color: #2a6101; font-size: 14px; background: transparent; margin: 6px 0 0 6px; padding: 0; width: 159px; float: left; border: 0 }
#search_box #go { float: right; margin: 3px 4px 0 0; }
form#search_form { font-family: Times !important; font-weight: bold }
/* head last / verwendet für den Breadcrumb */
.headlast   { font-size: 10px; background-color: #fff; background-position: 50% top; margin-right: 10px; margin-left: 2px; height: 20px; border-bottom: 1px solid #afd975 }
.breadcrumb {}
.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:visited    { color: #299924 }
.breadcrumb span  { background-color: #f3ffdb; padding: 2px }
/* ***********************
HORIZONTAL NAV
*********************** */
#fluid  { position: relative; height: 29px; overflow: hidden }

#hor-nav  { background-image: url(hor-nav.gif); background-repeat: no-repeat; background-position: 0 top; text-align: left; visibility: visible; height: 50px; border-color: #f8f8f8 }
#hor-nav ul  { text-align: left; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-right: 15px; padding-bottom: 30px; padding-left: 15px }
#hor-nav ul li { list-style: none; float: left }
#hor-nav ul li.back { background-image: url(a_hor-menu.gif); background-repeat: no-repeat; background-position: right top; margin-right: 5px; padding-right: 5px; position: absolute; z-index: 8; width: 15px; height: 40px; border-width: 1px 1px medium medium; border-color: #dcf7a9 }
#hor-nav ul li.back .left { background-image: url(a_hor-menu.gif); background-repeat: no-repeat; background-position: left top; margin-right: 15px; padding-left: 10px; height: 40px; border-width: medium medium medium 1px; border-color: #dcf7a9 }
#hor-nav ul li a { color: #6f6e6e; font-size: 15px; font-family: arial; font-style: normal; font-weight: bold; line-height: normal; text-decoration: none; text-align: center; text-transform: lowercase; letter-spacing: 0; display: block; margin: auto 10px; padding-right: 20px; padding-left: 20px; position: relative; z-index: 10; top: 11px; height: 40px; float: left; overflow: hidden; outline: none medium }
#hor-nav ul li a:hover, #hor-nav ul li a:active, #hor-nav ul li a:visited { border: none }
#hor-nav ul li#current a { color: #448411; border: none }
#hor-nav ul li a:active { color: #cc0 }
#hor-nav ul li a:hover { color: #44792c }
#hor-nav span { color: #95bb68; font-size: 20px; line-height: 110% }
/* **********************
CONTENT COLUMNS
*********************** */
#columns    { font-family: arial; background-color: #fff; background-position: 0 0 }
#leftcol    { margin-top: 2px; width: 180px; float: left }
#content          { margin-bottom: 10px; margin-left: 2px; padding-right: 15px; padding-left: 15px; width: 700px !important; width: 670px; float: left; border-right: 1px dotted #f0f0f0; border-left: 1px dotted #f0f0f0 }
#content /*IE6*/ {width: 640px}
#altcontent  /* wenn es ein Untermenue gibt */            { margin-bottom: 10px; margin-left: 5px; padding-left: 25px !important; padding-left: 0px; width: 533px !important; width: 503px; float: left; clear: right }
#altcontent /*IE6*/ {width: 503px;}
#content p, 
#altconten p   { color: #5a5a5a; line-height: 16px; letter-spacing: 0.7px; margin: 5px 0 }
 
#rightcol       { margin-right: 10px !important; margin-right: 0px; width: 195px; float: right }

 
#leftcol 
 h3{
	color: #4B1D1B;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
}

#rightcol 
 h3 {
	color: #300;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}



#columns a  { color: #549107; font-weight: bold; text-decoration: none }

#columns a:hover  { color: #759b29; text-decoration: underline }
 
/*listen: geordnet, ungeordnet*/
#content ul,#content ol, #altcontent ul,#altcontent ol
   { margin-top: 10px; margin-right: 15px; margin-bottom: 10px; padding-right: 15px; padding-left: 20px; border-top: 1px solid #9c3; border-right: #9c3; border-bottom: 1px solid #9c3; border-left: #9c3 }
#content li, #altcontent li    { color: #333; /*font-style: italic;*/ letter-spacing: 0.2px; list-style-image: url(bullet.gif); margin-left: 10px; padding: 4px }
/*************************
FOOTER
*************************/
#footer          { font-size: 11px; background-image: url(footer.jpg); background-repeat: no-repeat; background-position: 50% bottom; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; height: 300px; clear: both }

#footer 
 a   { color: #039; text-decoration: none }

#footer 
 a:hover   { text-decoration: underline }
 #foot-content    { background-image: url(logo_small.gif); background-repeat: no-repeat; background-position: 0 bottom; padding-top: 155px; padding-left: 170px }
#foot-content p  { padding-bottom: 5px }
.foot-created  { background-repeat: no-repeat; margin-top: 20px; float: right }
/************************
LEFT NAV
************************/
ul.leftmenu   { list-style-type: none; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0; width: 182px }
ul.leftmenu li a    { color: #063; font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; text-decoration: none; background-position: left top; display: block; margin: 0; padding: 6px 0 6px 6px }
ul.leftmenu li a:visited, .leftmenu li a:active { color: #390 }
ul.leftmenu li a:hover, ul.leftmenu li.active a:hover   { color: #390; background-image: none; background-position: 0 0 }
ul.leftmenu li ul li a { font-size: 12px; margin: 0; padding-left: 15px }
ul.leftmenu li ul ul li a  { font-size: 11px; font-weight: normal; margin: 0; padding-left: 20px }
ul.leftmenu li.active a     { background-repeat: repeat-x; background-position: 0 1px }
ul.leftmenu span a      { color: #369 !important; font-weight: bolder; background-image: none; background-repeat: repeat-x; background-position: 0 center }

img { -ms-interpolation-mode: bicubic;}
/*bakery*/
.devices_item     { 
background: #F5F4ED url(grad1.gif) repeat-x right top; 
margin-top: 12px; 
position: relative; 
width: 100%; 
height: auto; 
float: left; 
border:2px double #CCCCCC;
}

ul.detailangaben  { width: 300px }
ul.detailangaben li span  { color: #2c8600; font-style: normal; font-weight: bold; margin-right: 15px }
form.add_to_cart { background-color: #f6ffd7; background-image: url(multifiller.gif); background-position: center -32px; text-align: center; padding: 20px; border: solid 1px #549107 }

div.mod_bakery_error_f /* error */    { color: #930; font-weight: bold; line-height: 200%; background-color: #f8edf0; text-align: center; margin-top: 6px; margin-bottom: 6px; padding: 6px 20px; border: solid 1px }
div.mod_bakery_success_f /* success */  { color: #363; font-weight: bold; background-color: #f4fde4; margin-top: 6px; margin-bottom: 6px; padding: 6px; border: solid 1px }
.mod_bakery_ordernum_f /* bestellnummer */  { visibility: hidden }

div#mod_bakery_wrapper_f form table tr     { text-align: right !important }
div#mod_bakery_wrapper_f table input, div#mod_bakery_wrapper_f table select   { color: #223f05; text-align: left; margin-top: 2px; margin-bottom: 2px; margin-left: 10px; float: left; border: solid 1px #9c0 }
td.mod_bakery_cart_td_name_f, th.mod_bakery_cart_th_name_f  { font-style: italic; width: 300px !important; align: right }
td.mod_bakery_cart_td_quantity_f, th.mod_bakery_cart_th_quantity_f   { padding: 2px 10px 2px 40px }
td.mod_bakery_cart_total_f /* GESAMTSUMME */  { color: #063; font-size: 125%; font-weight: bold }
hr.mod_bakery_hr_f  { color: #a1af7c; background-color: #cf0; border-top: 1px solid #fff; border-bottom: 1px solid }
#agree  {  float: right !important }
.mod_bakery_errorbg_f /*ERROR Feld (roter Hintergrund) */
 { background-color: #fdeded; border: solid 1px #903 !important }

/* BUTTONS */
.mod_bakery_bt_continue_f /*Einkauf fortsetzen*/, 
.mod_bakery_bt_quit_f /* Bestellung Abbrechen*/,
.mod_bakery_bt_order_f /* Bestellung aufgeben*/,
.mod_bakery_bt_add_f /* Item Hinzufügen (in den Korb)*/,
.mod_bakery_bt_update_f /* update Cart */ { background: url(bakery_bt_continue.gif) no-repeat center; cursor: pointer; margin: 0; padding: 45px 0 0; width: 136px; height: 27px; overflow: hidden; border: 0 !important }

/* bildchen zu den Buttons (unique) */
.mod_bakery_bt_quit_f /* Bestellung Abbrechen*/ { background-image: url(bakery_bt_quit.gif); width: 167px; float: right !important}
.mod_bakery_bt_order_f /* Bestellung aufgeben*/  { background-image: url(bakery_bt_order.gif); width: 179px; float: right !important}
.mod_bakery_bt_add_f /* Item Hinzufügen (in den Korb)*/  { background-image: url(bakery_bt_add.gif); width: 131px }
.mod_bakery_bt_update_f  /* update Cart */ {background-image: url(bakery_bt_update.gif); width: 157px; }




/* For non-IE browsers*/
form>.mod_bakery_bt_continue_f,
form>.mod_bakery_bt_quit_f,
form>.mod_bakery_bt_order_f,
form>.mod_bakery_bt_add_f,
form>.mod_bakery_bt_update_f
 { 
  height: 0px;
}

h2 img  { margin-right: 10; padding-right: 20px }
.mod_bakery_cart_td_quantity_f input  { margin-right: 15px }
/*minicart*/
p.mod_bakery_mc_p_empty_f /*"cart empty"*/ { color: #a1af7c }



/*Suchmaske*/ 
button  { cursor: pointer }
input.search_input   { color: #630; background-image: url(grad1.gif); background-position: 0 bottom; padding: 2px; width: 55%; height: 20px; border: inset 2px }
button.search_button ,
button.cancel_search_button 
      { font-family: arial; font-weight: bold; background-color: #f96; background-image: url(navi.jpg); background-repeat: repeat-x; background-position: 0 center; padding: 5px; border: outset 2px #c63 }
button.search_button:hover ,
button.cancel_search_button:hover   { background-position: center top }
button.search_button img ,
button.cancel_search_button img  { margin-bottom: -4px; padding-bottom: 0 }
div.list_buttons  { text-align: right; width: 97% }
div.shop_thumbs img { border: inset 1px #693 }
div.shop_thumbs   { color: #360; margin-bottom: 30px; float: left; clear: both; border: double 1px }
.product_short    { font-size: 12px; margin-bottom: 10px; margin-left: 160px; padding: 2px; width: 260px; height: auto }

	.roundbox { }
	.dialog, .rounded   { margin-top: 5px; margin-bottom: 10px; width: 100% }
	.dialog .hd .c, .dialog .ft .c, .rounded .hd .c, .rounded .ft .c { font-size: 1px; height: 13px }
	.dialog .hd, .rounded .hd { background: url(r_tl.gif) no-repeat }
	.dialog .hd .c, .rounded .hd .c { background: url(r_tr.gif) no-repeat right 0 }
	.dialog .bd, .rounded .bd { background: url(r_ml.gif) repeat-y }
	.dialog .bd .c, .rounded .bd .c { background: url(r_mr.gif) repeat-y right 0 }
	.dialog .bd .c .s, .rounded .bd .c .s { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin: 0 8px 0 4px; padding: 1em }
	.dialog .ft, .rounded .ft { background: url(bl.gif) no-repeat }
	.dialog .ft .c, .rounded .ft .c { background: url(br.gif) no-repeat right 0 }
	/* content-specific */
	.dialog h1, .dialog h2, .dialog h3, .rounded h1, .rounded h2, .rounded h3 { margin: -0.7em 0 0; padding: 0 }
	.dialog p, .rounded p { font: 0.95em/1.5em arial, tahoma, "sans serif"; margin: 0.5em 0 0; padding: 0 }
	html>body .dialog pre, html>body .rounded pre { font-size: 1.1em }
	.dialog img, .rounded img { clear: right }
	/** **/
.inn  { color: #5d0000; margin: 5px auto; right: 20em; width: 100% }

.inn .ihd .ic,
.dialog .ift .ic {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.inn .ift .ic {
 height:14px;
}

.inn .ihd {
 background:transparent url(itl.gif) no-repeat 0px 0px;
}

.inn .ihd .ic {
 background:transparent url(itr.gif) no-repeat right 0px;
}

.inn .ibd {
 background:transparent url(iml.gif) repeat-y 0px 0px;
}

.inn .ibd .ic {
 background:transparent url(imr.gif) repeat-y right 0px;
}

.inn .ibd .ic .is  { background: #d6edb5 url(ims.jpg) repeat-x; margin: 0 8px 0 4px; padding: 1em }

.inn .ift {
 background:transparent url(ibl.gif) no-repeat 0px 0px;
}

.inn .ift .ic {
 background:transparent url(ibr.gif) no-repeat right 0px;
}


/* content-specific */

.inn h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.inn p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}
/*</agl.folder>*/
/************************
SMALL BOXES
************************/
.smallbox-start, .mini-cart
  { background-image: url(rightbox_start.gif); background-repeat: no-repeat; background-position: 0 top; width: 198px; height: 46px }
.mini-cart {background-image: url(box_shop.gif);}
.testims  { background-image: url(box_testims.gif) }
.news-box { background-image: url(box_news.gif) }
.box_menu  { background-image: url(box_menu.gif) }
	.smallbox-inner
    { background-image: url(box_right_inner.gif); background-repeat: repeat-y; background-position: 0 bottom; padding: 1px 7px 7px; height: auto }
p.head, p.menu-head, p.mod_bakery_form_p_f, span.mod_bakery_address_h_f      { color: #360; font-size: 16px; font-family: "Trebuchet MS"; font-weight: bold; margin-left: 6px; padding-top: 3px }
	p.menu-head { padding-left: 40px }
	.rezensionen    { color: #360; font-size: 11px; padding-right: 14px; padding-bottom: 5px; padding-left: 5px }
 
 .smallbox-end
    { background-image: url(box_right_last.gif); background-repeat: no-repeat; background-position: 0 bottom; margin-top: -2px; margin-bottom: 10px; height: 14px }
/*anyNews / anyTopics */

.mod_anytopics_topic h4, .mod_anytopics_topic a   { color: #506022 }
.mod_anytopics_topic div   { background-color: #cfffb6; margin-top: 16px; margin-right: 22px; padding: 2px 4px 4px; border: solid 1px #9c3 }


#scrollup { background-color: #fff; background-image: url(bg_box_content.jpg); background-repeat: repeat-x; background-position: 0 top; margin: 2px; padding: 10px; position: relative; width: 190px; height: 120px; overflow: hidden; border: inset 2px silver }
.headline { margin-left: 5px; padding-left: 5px; position: absolute; top: 210px; left: 5px; width: 180px; height: 110px; border-left: 2px solid #f0d1c1 }
/* ++++++++++++++++++++++++++++++
 search highlighter (wichtig, damit die Such Keywords makiert werden) 
 ++++++++++++++++++++++++++++++++ */
 .highlight  { background-color: #ece88c }
 
 img.topic-img    { margin-right: 15px; margin-bottom: 15px; float: left; border: solid 2px #9c3 }