html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

div.middle h1, 
div.middle h2, 
div.middle p, 
div.middle ul, 
div.middle ol, 
div.middle table { margin-bottom:15px; }

div.middle h1 { font-size:22px; }
div.middle h2 { font-size:20px; }
div.middle p, 
div.middle li, 
div.middle td, 
label { font-size:13px; line-height:22px; }

div.middle td { vertical-align:top; } 

div.middle table.producttbl th { text-align:center; } 
div.middle table.producttbl td { line-height:16px; } 


a { color: #feee03; text-decoration: underline; }
a:hover, a:focus, ul li a.active { text-decoration: none; }

div.br { clear:both;  }

hr { display:none; }

div.hr { border-top:1px solid #000; display:block; margin-top:15px; margin-bottom:15px; }

body { background:#333 url(bg.gif) repeat-x; padding-bottom:40px; }

div.container { width:892px; text-align:left; margin:0 auto;  }

/*************************************************** Header */

div#header { display:block; position:relative; height:135px; display:block; }
div#header div.logo a { position:absolute; left:-38px; top:0; background:url(logo.png) no-repeat; width:255px; height:135px; display:block; }

div#nav { position:absolute; left:183px; top:86px; /* height:54px; */ }
div#nav ul { display:block; font-weight:normal; font-size:18px; /* background:url(nav.jpg) no-repeat; width:698px; height:54px; */ }
div#nav li { float:left; }
div#nav li a{ display:block; text-decoration:none; padding:15px 10px; /* height:54px; */ }
div#nav li a:hover, div#nav li a:focus, div#nav li a.active{ color:#cc99cc; }
/* div#nav li a:hover, div#nav li a:focus, div#nav li a.active{ background-image:url(nav.jpg); background-repeat:no-repeat; }

li#navbtn0 a { width:66px; }
li#navbtn1 a { width:102px; }
li#navbtn2 a { width:151px; }
li#navbtn3 a { width:150px; }
li#navbtn4 a { width:74px; }
li#navbtn5 a { width:88px; }
li#navbtn6 a { width:67px; }

li#navbtn0 a:hover, li#navbtn0 a:focus, li#navbtn0 a.active { background-position:0 -54px; }
li#navbtn1 a:hover, li#navbtn1 a:focus, li#navbtn1 a.active { background-position:-66px -54px; }
li#navbtn2 a:hover, li#navbtn2 a:focus, li#navbtn2 a.active { background-position:-168px -54px; }
li#navbtn3 a:hover, li#navbtn3 a:focus, li#navbtn3 a.active { background-position:-319px -54px; }
li#navbtn4 a:hover, li#navbtn4 a:focus, li#navbtn4 a.active { background-position:-469px -54px; }
li#navbtn5 a:hover, li#navbtn5 a:focus, li#navbtn5 a.active { background-position:-543px -54px; }
li#navbtn6 a:hover, li#navbtn6 a:focus, li#navbtn6 a.active { background-position:-631px -54px; } */

/*************************************************** Content */

div.left, div.middle, div.right { float:left; }

div.left { width:184px; margin-right:10px; }
div.middle { width:503px; margin-right:10px; }
div.right { width:185px; }

div.left div.box, div.right div.box { border:1px solid #635663; margin-bottom:10px; position:relative;}
div.left div.box { background:url(bg_box_left.png) repeat-y; }
div.right div.box { background:url(bg_box_left.png) repeat-y; }


/*************************************************** left */

div.left { font-size:12px; color:#b286b2; line-height:18px; }

div.left h3 { width:152px; /* height:48px; */ display:block; background-repeat:no-repeat; }

div.left strong { color:#cc99cc; } 

div.left div.inner, #fbtwitter .inner { padding:13px 16px 13px 16px; position:relative; }
div#times div.inner, div#address div.inner, #fbtwitter .inner { padding-top:0; }

div#times h3, #fbtwitter h3 { /* background-image:url(title_times.png); */ font-weight:bold; font-size:16px; color:#feee03; padding:15px; }
div#times strong, div#times span.time { float:left; display:block; width:54px; } 
div#times span.time { width:90px; text-align:right; } 

div#address h3 { /* background-image:url(title_address.png); */ font-weight:bold; font-size:16px; color:#feee03; padding:15px; }
div#address br { clear:both; }
div#address address { font-style:normal; }
div#address strong.phone { float:left; display:block; width:30px; }

div#newsletter div.gfx { /* background:url(btn_newsletter.png) no-repeat; */ }
div#newsletter a, div#auktion a { font-weight:bold; font-size:14px; color:#feee03;  padding:15px; }

div.box div.formline { clear:both; }
div.box div.text label, div.box div.text label { float:left; display:block; }
div.box div.text label { width:64px; font-size:9px; text-transform:uppercase; font-weight:bold;  }
div.box div.text input { font-size:11px; width:86px; border:transparent none; background:#816881; }
div.box div.text input:hover, div.box div.text input:focus { background:#b286b2; }
div.box button { background:#262626; border:1px solid #816881; float:right; color:#feee03; font-size:9px; padding:2px 3px 2px 3px; margin-top:4px; }
div.box button:hover, div.box button:focus { background:#feee03; color:#262626; }

#fbtwitter a { padding-left:22px; display:block; font-size:11px; line-height:16px; }
#fbtwitter .fb { background:url(fb_icon.png) no-repeat; margin-bottom:4px; }
#fbtwitter .twit { background:url(twitter_icon.png) no-repeat; }

/*************************************************** Middle */

div.middle { background:#8f5190 url(bg_content_pat.gif); margin-top:1px; position:relative; }
div.middle div.bg { background:url(bg_content.gif) 0 0 repeat-x; min-height:475px; padding:25px 25px 121px 25px; overflow:hidden; }

div.middle h1, div.middle h2 { color:#333333; clear:both; }
div.middle h1 { font-size:18px; }
div.middle h2 { margin-bottom:4px; font-size:16px; }
div.middle p, div.middle li, div.middle td { color:#f4d5f5; line-height:23px; }
div.middle li { list-style-type:disc; margin-left:25px; }

div.middle p.fehler, div.middle p.successmsg { clear:both; font-size: 13px; color: #FFFFFF; background-color: #FF0000; padding: 8px; }
div.middle p.successmsg { background:#8f5190; }

div.middle ul.products li { margin:0; list-style-type:none; width:146px; float:left; margin:0 2px 2px 0;  }
div.middle a.productprev { text-align:center; text-decoration:none; margin:0; float:left; width:146px; height:160px; display:block; margin:0 2px 12px 0;  }
div.middle ul.products li a { line-height:30px; text-align:center; display:block; background:#ad62ae; text-decoration:none; border-top:1px solid #b671b7; border-left:1px solid #b671b7; border-right:1px solid #7b3e7c; border-bottom:1px solid #7b3e7c;}
div.middle a.productprev span.img { cursor:pointer; width:146px; height:134px; padding-top:6px; text-align:center; background-position:center center; background-repeat:no-repeat; display:block; background-color:#ad62ae; text-decoration:none; border-top:1px solid #b671b7; border-left:1px solid #b671b7; border-right:1px solid #7b3e7c; border-bottom:1px solid #7b3e7c;}
div.middle ul.products li a:hover, div.middle ul.products li a:focus { background:#9c599e; border-top:1px solid #7b3e7c; border-left:1px solid #7b3e7c; border-right:1px solid #b671b7; border-bottom:1px solid #b671b7;}
div.middle a.productprev:hover span.img, div.middle a.productprev:focus span.img { background-color:#9c599e; border-top:1px solid #7b3e7c; border-left:1px solid #7b3e7c; border-right:1px solid #b671b7; border-bottom:1px solid #b671b7;}
div.middle a.productprev span.title { display:block; font-size:11px; margin-bottom:4px; } 

div.middle table { width:100%; background:#ad62ae; }

div.middle caption { color:#ad62ae; text-align:right; font-weight:bold; font-size:11px; text-transform:uppercase;  }
div.middle th { font-size:12px; font-weight:normal; text-transform:uppercase; font-style:italic; background:#9c599e; border-bottom:2px solid #000; } 
div.middle td { border-bottom:1px solid #000; } 
div.middle th, div.middle td, div.middle caption { padding:4px 6px 4px 6px; }
div.middle tbody tr:hover { background-color:#9c599e; }

div.middle div.produkt { }

div.middle div.team { height:140px; clear:both; margin-bottom:15px; }
div.middle div.team img, div.midle div.team div.txt { float:left; }
div.middle div.team img { width:140px; height:140px; margin-right:10px; }
div.middle div.team p { line-height:18px; }
div.midle div.team div.txt {  }

  /*opacity: .5; -moz-opacity: .5; -khtml-opacity: 0.5; filter:alpha(opacity=80);*/
div#footer { background:url(bg_footer.png) 0 0 no-repeat; width:471px; height:109px; position:absolute; bottom:0; right:0; }

/*************************************************** Right */

div#subnav { padding:0; }
div#subnav li { background:url(nav_sep.gif) bottom left repeat-x; }
div#subnav li a { padding-left:25px; display:block; background:url(bg_subnav.jpg) 0 0 no-repeat; font-size:12px; line-height:32px; text-decoration:none; }
div#subnav li a:hover, div#subnav li a:focus, div#subnav li a.active { font-weight:bold; background:url(bg_subnav_on.jpg) 0 0 no-repeat; }

div#kaufgesuche div.gfx { /* background:url(btn_kaufgesuche.png) -8px no-repeat; */ }
div#reparatur div.gfx { /* background:url(btn_reparaturauftrag.png) -8px no-repeat; */ }

div#kaufgesuche a, div#reparatur a { font-weight:bold; font-size:14px; color:#feee03;  padding:15px; }

div#showcase:hover, div#showcase:focus { background:url(bg_box_left.png) repeat-y; }
div#showcase a { padding:10px; margin:0 auto; display:block; text-decoration:none; text-align:center; }
div#showcase a img { border:0 none; }
div#showcase a span { padding-left:15px; background:url(bg_subnav.gif) center left no-repeat; font-size:12px; }
div#showcase a:hover span, div#showcase a:focus span { font-weight:bold; }

/*************************************************** Buttons */

div.left div.button, div.right div.button { padding:0; }
div.left div.button a, div.right div.button a { /* width:183px; height:40px; */ display:block; }
div.left div.button:hover, div.left div.button:focus { /* background:url(bg_box_right.png) repeat-y; */ }
div.right div.button:hover, div.right div.button:focus { /* background:url(bg_box_right.png) repeat-y; */ }


/*************************************************** BlueMouse */

div.bluemouse { float:right; margin-right:195px; }
div.bluemouse a { font-size:10px; text-transform:uppercase; color:#474747; font-weight:bold; text-decoration:none; }
div.bluemouse a:hover, div.bluemouse a:focus { color:#feee03; }

/*************************************************** Kontaktformular */

form fieldset {  margin-bottom:10px; background:#ad62ae; margin-top:6px; clear:both; }

form {  }

form legend { font-size:16px; color:#6ea609; font-weight:bold; margin:0 2px 0 -5px; padding:0 2px 0 2px; }

form label { color:#f4d5f5; text-align:right; padding-right:10px; }

form div.formline { clear:both; height:20px; padding:4px 6px 4px 6px; border-bottom:1px solid #000;	 }

form div.required { background:url(form_bg_required.gif) right center no-repeat; padding-right:15px; }
form div.required:hover { background:url(form_bg_required_on.gif) right center no-repeat; }
form div.inforequired { padding-left:15px; margin-top:15px; background:url(form_bg_required_on.gif) left center no-repeat; }

form div.textarea textarea { height:140px; }
form div.textarea { height:142px; }

form label, form select, form button, form input, form textarea { font-size:13px; }

form input, form textarea { padding:0 2px 0 2px; }

form div.text input, form div.select select, form div.textarea textarea { border:1px solid #a5acb2; background:#f4f4f4; }
form div.text input:hover, form div.select select:hover, form div.textarea textarea:hover,
form div.text input:focus, form div.select select:focus, form div.textarea textarea:focus { background:#fff; }

form div.checkbox, form div.radio { height:auto; }
form div.checkbox div.box, form div.radio div.box { float:left; display:block; width:128px;  }

form div.text label, form div.radio label, form div.select label, form div.textarea label,
form div.text input, form div.radio input, form div.select select, form div.textarea textarea { float:left; display:block;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { width:110px; line-height:20px; }
form label span { font-size:13px; color:#aaa; }

form div.text input, form div.select select, form div.textarea textarea { width:186px;height:20px; }
form div.select select { height:18px; width:192px; }

form div.radio input { margin-top:4px; }
form div.radio input, form div.checkbox input { margin-right:4px; }

form button { clear:both; float:right; display:block; margin-top:6px; color:#fff; background:#ad62ae; text-decoration:none; font-weight:bold; font-size:14px; text-align:center;  height:28px; border-top:1px solid #b671b7; border-left:1px solid #b671b7; border-right:1px solid #7b3e7c; border-bottom:1px solid #7b3e7c; margin-bottom:30px;  }
form button:hover, form button:focus { background:#9c599e; border-top:1px solid #7b3e7c; border-left:1px solid #7b3e7c; border-right:1px solid #b671b7; border-bottom:1px solid #b671b7;}