@charset "utf-8";
/* CSS Document */
@media all
{
/*CSS Reset------------------------------------------*/
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit;	vertical-align: baseline; text-decoration: none;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate;border-spacing: 0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*--------------------------CSS Reset*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */

body { background:url(img/tile.gif)  repeat; background-position:center -10px; background-attachment:scroll; min-width:950px; font-family: Verdana, Arial, sans-serif; font-size:86.5%; }
.microtext { background:#FFFFFF; font-size:0.75em; }
#popup { background:none; min-width:0px; }
a, a:visited {color:black;}
a:hover {color:#0033FF;}

#header { height:164px; width:100%; background:url(img/header1.gif) top left repeat-x; }
#header h1{ margin:0; padding:0; }
#main {	position:absolute; width:980px; top:164px; margin-left:50%; left:-490px; }
#navbar { position:absolute; background:url(img/navbar.gif); width:605px; height:113px; left:212px; top:-78px; right:0; }
#cart_navbar { background:url("img/cart_navbar.gif") repeat scroll 0 0 transparent; height:112px; left:17px; padding-top:1px; position:absolute; top:-78px; width:1000px; }
#navbar * {margin-top:1px;}
#content { font-size:0.85em; position:relative; width:980px; background: url(img/content_bg.jpg) scroll 217px top repeat-y; }
#main_content { position:relative; background: url(img/schatten.gif) repeat-y scroll top left #fff; width:555px; padding:0 15px 20px 20px; margin:35px 0 0 0; float:left; left:217px; }
#cart_content { background:url("img/schatten.gif") repeat-y scroll left top #FFFFFF; float:left; margin:35px 0 0 25px; padding:0 15px 20px 20px; position:relative; width:943px; }

#sidebar { float:left; width:217px; margin:35px 0 0 -582px; position:relative; }
#sidebar_right { float:right; width:169px; margin:35px 4px 0 0; }
#sidebar > * { width:100%; background: url(img/box.gif) white repeat-y; padding: 0; font-size:1em; line-height:110%; margin-bottom:20px; }
#sidebar_right > * { width:100%; background: url(img/box_right.gif) white repeat-y; padding: 0; font-size:1em; line-height:110%; margin-bottom:20px; }
#sidebar_right tr { vertical-align: middle; }
#sidebar_right td { vertical-align: middle; }
#box_trusted td { font-size: 9px; } 

#footer { position:relative; left:24px; background:transparent url(img/footer.gif) no-repeat scroll center top; font-size:0.8em; height:40px; text-align:center; width:588px; margin:-12px auto 0 auto; padding:20px 0 0 0; }
#cart_footer { position:relative; left:24px; background:transparent url(img/cart_footer.gif) no-repeat scroll center top; font-size:0.8em; height:40px; text-align:center; width:100%; margin:-12px auto 0 auto; padding:20px 0 0 0; }
#footer p, #footer p a, #cart_footer p, #cart_footer p a { color:white; }
#footer p, #cart_footer p { position:relative; left:-20px; clear:both; }

#logo { position:absolute; margin-left: 50%; left:-480px; height:54px; }
.copyright { position:absolute; bottom:10000px; font-size:0em; height:10px; color:#000000; }

#kategorien div {width:217px; overflow:hidden;}
#kategorien a, #whatsnew a, #manufacturers a, #box_content a, #newsscroller a, #bewertung a, .motd a, #aktion a {text-decoration:none;}
#kategorien a:hover, #whatsnew a:hover, #manufacturers a:hover, #newsscroller a:hover, #bewertung a:hover, .motd a:hover, #aktion a:hover, #box_content a:hover {color:#0033FF;}
#kategorien table {margin-left:15px;}
.kategorie_box { width:185px; height:190px;float:left; text-align:center; }
.kategorie_box h3{ width:98%;text-align:center; font-size:100%;}
#whatsnew, #bewertung {text-align:center;}
#whatsnew p, #aktion p {margin:0 10px 0 15px;}

.side_unten {margin-bottom:-5px;}

#manufacturers p, #kategorien p, #box_content p, #box_admin p, #bewertung p { padding:5px 20px 5px 20px; }
#manufacturers p a { font-weight:bold; }

#navtrail, #navtrail a { text-decoration:none; color:white; font-size:0.85em; }
#navtrail { margin: 47px 30px 0; }
#trail {clear:left; padding:0; margin:0 0 0 2px; position:relative; top:-5px }

#advsearch {clear:left; padding:0; margin:0 0 0 2px; position:relative;}

h1, h2, h3, h4, h5 {font-weight:bold; text-decoration:none; margin:10px 0 10px 0;}
h1 {font-size:150%;}
h2 {font-size:135%;}
h3 {font-size:120%;}
h4 {font-size:100%;}

.cat_txt {font-size:110%; font-weight:bold; text-decoration:none;}

hr{ border: 0px; border-top: solid 1px #d4d4d4; border-bottom: solid 1px #FFFFFF; }

h2.prod { font-size:150%; }
#prod_img { border-left:1px solid #d4d4d4; float:right; background:white; margin:0 0 20px 30px; text-align:center; }
#prod_img img { margin:0 30px 0px 20px; }
#prod_img_lightbox { border-left:1px solid #d4d4d4; float:right; background:white; margin:0 0 20px 30px; text-align:center; }
#prod_img_lightbox img { margin:0 30px 0px 20px; }
#cart_button { margin:10px 0 10px 0; clear:both; text-align:center; }
#prod_options { margin: 5px 0 10px 0; clear:both; }
#prod_options td { padding: 5px 10px; }
#prod_desc { margin:0 0 15px 0; }
#prod_desc img { max-width:555px !important; }

.tableListingI {background-color: #eeeeee; }
.tableListingII { background-color: #d0d0d0; }

#main_content ul.column_grid li { display:inline; float:left; margin:0; width:33%; }
#main_content ul.column_grid .block_grid { font-size:1em; height:260px; text-align:center; }
.block_grid h2 { font-size:1em; height:3.5em; text-align:center; padding:0 5px; }
.subcolumns { overflow:hidden; width:100%; }
.block_grid img { display:block; margin:0 auto; }
.block_grid .info { text-align:center; }
.block_grid .subcc { height:80px; padding:5px 0;}
.p_list { font-size:100%; }

#price {font-size:1.0em; color:#000; }
.vpepreis1 { font-weight: bold; }
#since {position:absolute; top:22px; left:-155px; margin-bottom:17px;}
#suche {position:relative; left:0px; margin:0; padding:0; top:0px; float:left; height:39px; overflow:hidden;}
#input_search {background:url(img/suche.gif) top left no-repeat; height:31px; margin:4px 0 0 0; padding:0; position:relative; float:left;}
#input_search input {border:none; height:20px; width:140px; background:transparent; margin:8px 10px 0 10px; font-size:1em;}

#slideshow {margin-left: -12px; width:100%; height:211px; position:relative; top:-38px;}
#slideshowjura {position:relative; overflow:hidden;}

SPAN.productSpecialPrice { color: #ff0000; font-weight:bold; }
SPAN.productOldPrice { color: #000000; font-size:0.9em; }
SPAN.errorText { color: #ff0000; }
SPAN.productDiscountPrice { color: #ff0000; font-weight: bold; }

.smallHeading { font-size: x-small; font-weight: bold; color: Black; }
.main_kat1 { width:200px; min-height:90px; height:195px ! important; overflow:hidden; float:left; /*margin:0 0 5px 0;*/ padding:3px 0px 0px 0px; text-align:center; border-bottom:#CCCCCC 1px solid; position:relative; left:20px; }
.main_kat2 { width:650px; margin:0 0 20px 0; padding:3px 0px 0px 0px; text-align:center; }
.main_kat3 { width:200px; min-height:91px; height:196px ! important; overflow:hidden; float:left; margin:0 0 5px 0; padding:3px 0px 0px 0px; text-align:center; position:relative; left:20px;
	}
.main_kat1 a, .main_kat2 a, .main_kat3 a { text-decoration:none; text-align:center; }
.main_kat1 a:hover, .main_kat2 a:hover, .main_kat3 a:hover { color:#0033FF; }
.main_kat1 h4, .main_kat2 h4, .main_kat3 h4 { text-align:center; }

.hersteller { white-space:normal;float:left; min-height:118px; width:200px; text-align:center; margin:2px; padding-top:5px; border:2px solid #0033FF; }
.hersteller div { height:66px; }
.herst_cat { margin-left:24px;list-style-image:url(img/marker2.gif);font-size:1.1em;list-style-position: outside; }
.motd p { margin:5px 15px;}

p.footertext { color:#555555; border-top:1px solid #cccccc; font-size:0.9em; text-align:center; clear:left; }
p.footertext a { color:#555555; }

.navbar_start span, .navbar_about span, .navbar_planung span, .navbar_fax span, .navbar_konto span, .navbar_warenkorb span, .navbar_kasse span, .navbar_logout span { display:none; }
.navbar_start:link, .navbar_start:visited { position:absolute; left:60px; display:block; width:51px; height:25px; background:url(img/start.gif); }
.navbar_start:hover, .navbar_start:active, .navbar_start:focus { background-image:url(img/start_hover.gif); }
.navbar_about:link, .navbar_about:visited { position:absolute; left:111px; display:block; width:120px; height:25px; background:url(img/about.gif); }
.navbar_about:hover, .navbar_about:active, .navbar_about:focus { background-image:url(img/about_hover.gif); }
.navbar_fax:link, .navbar_fax:visited { position:absolute; left:231px; display:block; width:82px; height: 25px;	background:url(img/faxorder.gif); }
.navbar_fax:hover, .navbar_fax:active, .navbar_fax:focus { background-image:url(img/faxorder_hover.gif); }

.navbar_warenkorb:link, .navbar_warenkorb:visited { position:absolute; left:313px; display:block; width:94px; height:25px; background:url(img/warenkorb.gif); }
.navbar_warenkorb:hover, .navbar_warenkorb:active, .navbar_warenkorb:focus { background-image:url(img/warenkorb_hover.gif); }
.navbar_kasse:link, .navbar_kasse:visited { position:absolute; left:407px; display:block; width:49px; height:25px; background:url(img/kasse.gif); }
.navbar_kasse:hover, .navbar_kasse:active, .navbar_kasse:focus { background-image:url(img/kasse_hover.gif); }

.navbar_konto:link, .navbar_konto:visited {	position:absolute; left:456px; display:block; width:93px; height:25px; background:url(img/anmelden.gif); }
.navbar_konto:hover, .navbar_konto:active, .navbar_konto:focus { background-image:url(img/anmelden_hover.gif); }
.navbar_logout:link, .navbar_logout:visited { position:absolute; left:456px; display:block; width:88px; height:25px; background:url(img/logout.gif); }
.navbar_logout:hover, .navbar_logout:active, .navbar_logout:focus { background-image:url(img/logout_hover.gif); }

.vlist { width: 204px; list-style-type: none; margin-left:6px; }
.vlist ul { list-style-type: none; margin:0; padding: 0; }
.vlist li { float:left; width: 100%; padding: 0; }
.vlist h4{ padding: 0; margin: 0; font-size:1em; font-weight:normal; }
.vlist a, .vlist strong, .vlist span { display:block; padding: 3px 0px 3px 10%; text-decoration: none; border-bottom: 1px #ddd solid; }
.vlist .active, .vlist .active a{ color:#222; font-weight:bold; }

.vlist li a, .vlist li strong, .vlist li span { width:95%; padding-left:5%; }
.vlist li a:focus, .vlist li a:hover, .vlist li a:active { background-color:#7296c3; color:#fff !important; }
.vlist li a.active_last { background-color:#2A5285; color: #fff !important; }

.vlist li ul li a, .vlist li ul li strong, .vlist li ul li span { width: 90%; padding-left:10%; }
.vlist li ul li ul li a, .vlist li ul li ul li strong, .vlist li ul li ul li span { width:85%; padding-left:15%; }
.vlist li ul li ul li ul li a, .vlist li ul li ul li ul li strong, .vlist li ul li ul li ul li span { width:80%; padding-left:20%; }

.vlist li ul li ul li ul li ul li a, .vlist li ul li ul li ul li ul li strong, .vlist li ul li ul li ul li ul li span { width:80%; padding-left:20%; }

.plus, .minus, .alter{ display: block; background-repeat: no-repeat; height: 16px; border: 0px; font-size: 0px; cursor: pointer; background-position:29px 50%; text-align:center; width:75px;}
.plus { background-image:url(img/shopping_cart_add.png);background-color:#FFFFFF; }
.minus { background-image:url(img/shopping_cart_remove.png);background-color:#FFFFFF; }
.alter { background-image:url(img/alter.gif); }
.delete { background-image: url(img/shopping_cart_delete.png);width:24px;height:24px;background-color:#FFFFFF;display: block; background-repeat: no-repeat; border: 0px; font-size: 0px; cursor: pointer; }

#goog-wm h3.other-things {font-weight:lighter;font-size:1em; }
#goog-wm ul li { font-weight:lighter; }

#contentimg { width: 100%; margin-left: -11px; }

.versandfrei {z-index:10; position:absolute; top:130px; right:220px;}
.winterhalterreinigerlink {z-index:11; position:absolute; top:280px; right:270px; width:122px; height:45px;}

.onepxwidth {width:1px;}
.checkoutBarCurrent {color:#0033ff;font-weight:bold;}

.processCheckoutGreen, .processCheckoutRed, .processCheckoutYellow { border:1px solid #9F9F9F; color:#000000; float:left; font-size:10px; height:35px; line-height:15px; margin-right:1px; padding:1px; text-align:center; width:24%; }
.processCheckoutGreen { background-color:#D5FFBF; }
.processCheckoutRed { background-color:#FFDDDD; }
.processCheckoutYellow { background-color:#FFFF91; }

.floatbox {width:100%;}
.floatbox p {
line-height:1.5em;
margin:0 0 1em;
}
/*MainContent*/
#mainmenu { background:#ddd; border:0 none; display:block; overflow:hidden; position:relative; margin:-38px -15px 0 -12px; padding:6px 0 0 2px; }
h5.mainmenu { font-size: 135%; padding: 15px 0 0 10px; }
div.mainmenufield { 
	background-color:#FFFFFF; border-color: #666666; border-style:none none solid; border-width:0 0 1px; display:block; float:left; height:178px; margin-bottom:7px; margin-left:6px; overflow:hidden;
	padding:1px; text-align:left; width:183px; text-align:center; 
}
div.mainmenufield_manu { 
	background-color:#FFFFFF; border-color: #666666; border-style:none none solid; border-width:0 0 1px; display:block; float:left; height:178px; margin-bottom:7px; margin-left:6px; overflow:hidden;
	padding:1px; text-align:left; width:135px; text-align:center; 
}
.mainmenufield a{ color:#fff; }
.mainmenufield h3 { font-size:11px; font-weight:bold; line-height:11px; color:#FFFFFF; }

div.mainmenusubheadline { 
	background:transparent url(img/mainmenu_sub.png) no-repeat scroll left top; border-bottom:1px solid #ff8400; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:31px; line-height:11px; 
	margin-bottom:1px; overflow:hidden; padding:1px 2px 2px; 
}
div.mainmenusubtext {
	background:transparent url(img/mainmenu_sub_text.png) repeat-x scroll left top; display:block; font-size:10px; height:47px; overflow:hidden; padding:5px 2px 2px; text-align:left; vertical-align:bottom;
}
#mainmenusubtext { font-size:10px; text-align:left; }
#mainmenusubtext a.more, #mainmenusubtext a { color:#999999; text-decoration:none; }

.coc { text-align:center; }
tbody th { border-bottom:1px solid #FFFFFF; text-align:left; }
tbody th { background:#E0E0E0 none repeat scroll 0 0; color:#333333; }
table.full { width:100%; border-collapse:separate; }
.tickercontainer { background:#FFFFFF none repeat scroll 0 0; border:1px solid #000000; height:27px; margin:0; width:500px; }
.tickercontainer .mask { left:10px; overflow:hidden; position:relative; top:8px; width:480px; }

ul.newsticker span { margin:0 10px 0 0; }
ul.newsticker a { 
	color:#FF0000; font-family:Verdana; font-size:10px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal;
	margin:0 50px 0 0; padding:0; white-space:nowrap; 
}
ul.newsticker li { background:#FFFFFF none repeat scroll 0 0; float:left; margin:0; padding:0; }
ul.newsticker { position:relative; }

.b2b { border:2px solid #884444; color:#440000; margin:15px 0 5px 0; padding:10px; clear:both; }

h6.searchsuggest { 
	font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 100%; width: 90%; padding: 3px 0px 3px 10%; margin:0; color: #2a5285; background-color: #fff; 
	border-top: 2px #ddd solid; border-bottom: 4px #888 solid;
  }
.searchsuggest { width: 95%; margin: 0 0 0 10px; list-style-type: none; border-bottom: 1px #ddd solid; }
.searchsuggest ul { list-style-type: none; margin:0; padding: 0; }
.searchsuggest li { float:left; width: 99%; margin:0; padding: 0; }
.searchsuggest a, .searchsuggest strong, .searchsuggest span { display:block; padding: 3px 0px 3px 10%; text-decoration: none; border-bottom: 1px #ddd solid; }
.searchsuggest a { color: #000; }
.searchsuggest li span { display:block; font-weight: bold; border-bottom: 1px #ddd solid; }
.searchsuggest li.active { border-bottom: 1px #0099ff solid; font-weight: bold; }

#product_back {float:left;margin:0 0 15px 0;}
#product_print {float:right;margin:0 0 15px 0;}
.product_price {text-align:right;display:block;margin:0 0 8px 0;}
.product_manu {float:left;width:280px;margin:0 0 8px 0;}

#main_content ul li { list-style-position: outside; list-style-type: disc; margin:0 0 0 20px; }
#main_content ol li { list-style-position: outside; list-style-type: decimal; margin:0 0 0 20px; }

hr.categorie_list {clear: both; width: 100%; margin: 10px 0 10px 0;}

#main_content form.gform { background:none repeat scroll 0 0 #F4F4F4; border:1px solid #DDDDDD; padding:10px; }
#main_content table.gform tbody td { padding:0.5em; vertical-align:top; }
#main_content .navigation { border-color:#D4D4D4; border-style:solid none; border-width:0 0 1px; padding:5px 0; }

.headerError { border:1px solid #FF0000; color:#FF0000; font-weight:bold; }

  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #fff; }
  tbody tr:hover td { background: #fff; }

  .subcolumns { width: 100%; overflow:hidden; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c100l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }
  .subcrr {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }
  .c100l { width: 100%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }
  .subcc { padding: 0 0 0 1em; text-align:center; }

.rightb {float:right;}

/* Shopping Cart New */
.cart-fieldset  {
border-color:#DDDDDD;
border-style:solid;
border-width:2px 2px 0;
}
fieldset {
border:0 none;
}
caption, th, td {
font-weight:normal;
vertical-align:top;
}
#shopping-cart-table th {
background-color:#F3F3F3;
font-weight:bold;
padding:5px;
}
#shopping-cart-table td {
border-bottom:1px solid #DDDDDD;
padding:20px 5px 10px;
}

#shopping-cart-table .article {
padding-left:15px;
width:597px;
}
#shopping-cart-table .amount {
text-align:center;
width:75px;
}
#shopping-cart-table .sPrice {
text-align:right;
width:118px;
font-weight:bold;
}

#shopping-cart-table .tPrice {
padding-right:20px;
text-align:right;
width:118px;
font-weight:bold;
}

#shopping-cart-table td.last {
padding-right:0;
}
#shopping-cart-table .product-image {
display:block;
float:left;
margin:0 10px 0 20px;
width:110px;
text-align:center;
}
#shopping-cart-table .articleBox {
float:left;
width:430px;
}
#shopping-cart-table .articlePlus, #shopping-cart-table .articleMinus {
text-align:center;
}
.cart-collaterals  {
background-color:#F5F5F5;
border-color:#DDDDDD;
border-style:solid;
border-width:0 2px 2px;
margin-bottom:10px;
padding:10px;
height:73px;
}
.col2-set .col-1 {
float:left;
width:470px;
}
.col2-set .col-2 {
float:right;
width:450px;
margin-left:-5px;
text-align:right;
}
.cart .totals {
text-align:right;
}
#shopping-cart-totals-table {
text-align:right;
}
.cart_table_checkout {
margin-bottom:10px;
width:100%;
}
input.input-text {
padding:4px 5px;
position:relative;
top:-12px;
}
.gift-cart {
margin: 5px 0 0 0;
}
.note {
background:none repeat scroll 0 0 #EEFFEE;
border:2px solid #448844;
color:#004400;
margin-bottom:1em;
padding:10px;
}
.important {
background:none repeat scroll 0 0 #FFFFEE;
border:2px solid #888844;
color:#444400;
margin-bottom:1em;
padding:10px;
}
.winterhalter {
background:none repeat scroll 0 0 #FFF;
border:2px solid #6ca6cc;
color:#000;
margin-bottom:1em;
padding:10px;
}
.trusted_shops_checkout_success {
background:none repeat scroll 0 0 #FFF;
border:2px solid #448844;
color:#004400;
margin-bottom:1em;
padding:10px;
display:inline-table;
}
.ueberweisung_checkout_success {
background:none repeat scroll 0 0 #FFF;
border:2px solid #448844;
color:#004400;
margin-bottom:1em;
padding:10px;
display:inline-table;
text-align:center;
}
p.icaption_left {
display:inline;
float:left;
margin:0 1em 0.15em 0;
}
.warning, .messageStackError td {
background:none repeat scroll 0 0 #FFEEEE;
border:2px solid #884444;
color:#440000;
margin-bottom:1em;
padding:10px;
}
.checkout-progress-step1, .checkout-progress-step2, .checkout-progress-step3 {
height:31px;
margin:10px auto 10px;
width:540px;
}
.checkout-progress-step1{
background:url(img/checkout-sprite.gif) no-repeat scroll 0 0 transparent;
}
.checkout-progress-step2{
background:url(img/checkout-sprite.gif) no-repeat scroll 0 -32px transparent;
}
.checkout-progress-step3{
background:url(img/checkout-sprite.gif) no-repeat scroll 0 -64px transparent;
}
.checkout-progress-step1 p, .checkout-progress-step2 p, .checkout-progress-step3 p{
display:none;
}

.yform {
    background:#f4f4f4;
    border:1px #ddd solid;
    margin:0 0 1em 0;
    padding:10px;
  }

  .yform fieldset {
    border:1px #ddd solid;
    background:#fafafa;
    margin:0 0 1em 0;
    padding: 0.5em;
  }
  
  .yform legend {
    font-size:125%; 
    font-weight:normal; 
    color:#000;
  }

  .yform label {
    color:#666;
  }

  .yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup {
    font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  }

  .yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {
    border:1px solid #ddd;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div.type-text input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div.type-text input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div.type-text input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #a66 solid;
    background:#fff;
  }

  /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
  .yform .type-button input {
    border-top:1px #ddd solid;
    border-left:1px #ddd solid;
    border-right:1px #444 solid;
    border-bottom:1px #444 solid;
    color:#000;
    background:#454545 url(images/button_gray.png) top left repeat-x;
    padding:5px 1em;
  }

  .yform .type-button input[type=reset] { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input[type=submit] { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }

  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input.submit { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
    border-top:1px #444 solid;
    border-left:1px #444 solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
    color:#fff;
    background:#555; 
  }

  .yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {
    background:#800; color:#fff;
  }

  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
    background:#880; color:#fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  .yform label { display:block; cursor:pointer; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    margin:0.5em 0;
    padding:3px 0.5em;  
    position:relative;
    overflow:hidden;
  }

  .yform div.type-button {
    padding:3px 0em;  
  }
  
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input,
  .yform .type-text textarea {
	font-size:1em;
    display:block;
    position:relative;
    padding:0.3em 0.3em;
    width:58.5%;
  }

  .yform .type-select select {
    display:block;
    position:relative;
    padding:0.3em 2px 0.3em 1px;
    width:60%;
    cursor:pointer;
  }
  .yform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }

  .yform div.error label { color:#000; font-weight:bold; }
  .yform div.error .message { color:#800; }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }

 /*------------------------------------------------------------------------------------------------------*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; margin-right: -3px; }
  .full div.type-select select { width:97.0%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

  .columnar fieldset div.type-button,
  fieldset.columnar div.type-button { padding-left:30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
  .columnar div.type-select select { float:left; width:69.4%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width:67.2%; }
  * html .columnar div.type-select select { width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */

  .yform, 
  .yform div,
  .yform div * { zoom:1; }

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  
  /* all IE */
  .yform { padding-top:0\9; }
  .yform fieldset { padding:0 5px\9; padding-top:1em\9; }
  .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .yform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:1.5em; }
  
  /* IE5.x & IE6 */
  * html .yform { padding-top:10px; }

/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table.full { width:auto; border-collapse:collapse; margin-bottom:0.5em; }
  table.full caption { font-variant:small-caps; }
  table.full { width:100%; }

  table.full th, table.full td { padding:0.5em; }
  table.right th, table.right td { text-align:right; }
  table.full thead th { color:#000; }
  table.full tbody th { background:#e0e0e0; color:#333; }
  table.full tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  table.full tbody th {  text-align:left; }

  table.full tbody tr:hover th[scope="row"],
  table.full tbody tr:hover tbody th.sub { background:#f0e8e8; }
  table.full tbody tr:hover td { background:#fff8f8; }

p.icaption_right { display:inline; float:right; margin:0 0 0.15em 1em; line-height:1.5em; }
p.icaption_left img, p.icaption_right img { border:1px solid #888888; padding:0; }
p.icaption_left strong, p.icaption_right strong { background:none repeat scroll 0 0 #EEEEEE; display:block; font-size:91.667%; font-weight:normal; margin-top:2px; overflow:hidden; padding:0.3em 0.5em; }
.contentbox { overflow:hidden; }
.contentbox p { line-height:1.5em; margin:0 0 1em; }


#unternehmen { height:30px; margin:15px;}

ul#unternehmenlink {
	font-size:1.1em;
	list-style:none outside none;
	margin:0 auto;
	padding:0;
	width:480px;
}
ul#unternehmenlink li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	list-style:none outside none;
}
ul#unternehmenlink li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 30px;
}
ul#unternehmenlink li:hover a, ul#unternehmenlink li a:hover { background-position: left bottom; } /*--Hover State--*/

ul#unternehmenlink a.unternehmen {
	background: url(img/unternehmen.png) no-repeat;
	width: 120px;
}
ul#unternehmenlink a.unternehmen_active {
	background: url(img/unternehmen.png) no-repeat left bottom;
	width: 120px;
}
ul#unternehmenlink a.planung {
	background: url(img/planung.png) no-repeat;
	width: 120px;
}
ul#unternehmenlink a.planung_active {
	background: url(img/planung.png) no-repeat left bottom;
	width: 120px;
}
ul#unternehmenlink a.leistung {
	background: url(img/leistung.png) no-repeat;
	width: 120px;
}
ul#unternehmenlink a.leistung_active {
	background: url(img/leistung.png) no-repeat left bottom;
	width: 120px;
}
ul#unternehmenlink a.service {
	background: url(img/service.png) no-repeat;
	width: 120px;
}
ul#unternehmenlink a.service_active {
	background: url(img/service.png) no-repeat left bottom;
	width: 120px;
}

/*FORM VALIDOR*/
.yform label.error {
	color:#AA6666;
}

.float_right {
display:inline;
float:right;
margin-bottom:0.15em;
margin-left:1em;
}
.float_left {
display:inline;
float:left;
margin-bottom:0.15em;
margin-right:1em;
}

/*CAT Bartscher*/
.cat_bartscher {
	background:url("img/bartscher/background.jpg") repeat-y scroll 0 0 transparent;
	display:inline-block;
	width:570px;
}
.cat_bartscher a:hover{
	color:#eb8810;
}
.cat_bartscher p.top{
	background:url("img/bartscher/bartscher_top.png") no-repeat center 0 transparent;
	width:570px;
	height:50px;
}
.cat_bartscher p.ng, .cat_kuehltechnik p.ng, .cat_terrasse p.ng{
	background:url("img/twentyyearsnewgastroline.png") no-repeat center 0 transparent;
	width:570px;
	height:89px;
}
.cat_bartscher h2{
	color:#EB8810;
	float:left;
	font-weight:bold;
	text-shadow:2px 2px 5px #808080;
}
.top_bartscher, .bottom_bartscher, .top_ng, .top_terrasse{
	display:none;
}

.cat_bartscher h3{
	background:url("img/bartscher/cat_background.jpg") repeat-y scroll 0 0 transparent;
	display:inline-block;
	width:150px;
	text-align:center;
	margin:0;
	padding:10px;
	font-size:110%;
}
.cat_bartscher h4{
	background:url("img/bartscher/bartscher_top.png") no-repeat center 0 transparent;
	width:570px;
	height:50px;
	clear:both;
}
.cat_bartscher .text, .pro_bartscher .text{
	color:#000;
	width:525px;
	height:50px;
	text-align:center;
	text-shadow: #808080 3px 3px 5px;
	font-weight:bold;
	padding:15px 15px 0 15px;
}
.cat_terrasse .text{
	padding:0px 15px 0 15px;
}

.cat_terrasse .kategorie_box{
	-moz-border-radius:10px 10px 10px 10px;
	-moz-box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.1);
	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
	float:left;
	height:190px;
	text-align:center;
	width:185px;
}
.cat_kuehltechnik .kategorie_box{
	-moz-box-shadow:0 0 6px 1px rgba(255, 255, 255, 1);
	background:none repeat scroll 0 0 rgba(135, 206, 250, 0.3);
	float:left;
	height:190px;
	text-align:center;
	width:183px;
	margin:1px;
}
.cat_kuehltechnik .text, .cat_terrasse .text{
	color:#FF4500;
	font-weight:bold;
	height:50px;
	padding:15px 15px 0;
	text-align:center;
	text-shadow:1px 1px 1px #000000;
	width:525px;
}
.cat_kuehltechnik h2{
	color:#87CEFA;
	font-size:170%;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 1px #000000;
}
.pro_bartscher {
	background:url("img/bartscher/background.jpg") repeat-y scroll 0 0 transparent;
	display:inline-block;
	width:570px;
}
.pro_bartscher p.top{
	background:url("img/bartscher/bartscher_top.png") no-repeat center 0 transparent;
	width:570px;
	height:50px;
}
.pro_bartscher p.ng{
	background:url("img/twentyyearsnewgastroline.png") no-repeat center 0 transparent;
	width:570px;
	height:89px;
}
.pro_bartscher h2{
	color:#EB8810;
	float:left;
	font-weight:bold;
	text-shadow:2px 2px 5px #808080;
}
.pro_bartscher a:hover{
	color:#eb8810;
}
.pro_bartscher h4{
	background:url("img/bartscher/bartscher_top.png") no-repeat center 0 transparent;
	width:570px;
	height:50px;
	clear:both;
}

.cat_terrasse {
	background:url("img/terrassenmoebel/terrasse.jpg") no-repeat scroll 0 0 transparent;
	display:inline-block;
	margin-left:-12px;
	padding-left:12px;
	width:570px;
	padding-bottom:15px;
}
.cat_terrasse h2{
	width:525px;
	text-align:center;
	font-weight:bold;
	text-shadow:2px 2px 5px #808080;
}
.cat_terrasse h3{
    text-align:center;
	font-size:120%;
	font-weight:normal;
	text-shadow:2px 2px 5px #808080;
}
/*Translation*/
.translation_en span, .translation_de span { display:none; }
.translation_en { background: transparent url(img/en32.png) no-repeat center; width:217px; height: 32px; text-align:center; }
.translation_de { background: transparent url(img/de32.png) no-repeat center; width:217px; height: 32px; text-align:center; }
/*Games*/
#games .display { float:left; width:100%; }
#games .display ul { list-style-position:inside; list-style-image: url(../../images/games/burger.png); }
#games .display ul li { margin: 0 0 0 30px; }
#games .display ul a { color:#e62329; }
#games .thumb { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-box-shadow:0 0 6px 1px rgba(0, 0, 0, 0.1); background-attachment:scroll !important; background-color:#FFFFFF !important; background-image:none !important; background-position:0 0 !important; background-repeat:repeat !important; clear:both; float:left; margin-bottom:45px; margin-left:0; margin-right:20px; margin-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; }
#games .thumb-abwrack { background-attachment:scroll !important; background-color:#FFFFFF !important; background-image:none !important; background-position:0 0 !important; background-repeat:repeat !important; clear:both; float:left; margin-bottom:5px; margin-left:0; margin-right:5px; margin-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; }
#games .description { overflow: hidden; }
#games .description-abwrack { overflow: hidden; padding-top: 5px; }
#games a.banner { float:left; position:relative; }
#games a.banner span { background-attachment:scroll; background-color:transparent; background-image: url(../../images/games/button.png); background-position:0 0; background-repeat:no-repeat; color:#fff; font-size:1.2em; font-weight:700; height:100px; padding-bottom:0; padding-left:0; padding-right:0; padding-top:33px; position:absolute; right:0; text-align:center; text-decoration:none; top:110px; width:100px; }
#games a:hover.banner span { color:#e62329; }
#games p { margin:0; padding: 10px 0 10px 0; }

.special_button { float:right; position:relative; top:-51px; }
p#tags { position:absolute; top:-3000px; }

.oktoberfest { background: transparent url(img/oktoberfest.jpg) center center no-repeat; border:2px solid #009ee0; color:#8c4724; margin-bottom:1em; }
.oktoberfest .subcolumns { padding: 10px; }
}