/*
 * GOBOCOMPANY
 *
 * Optional layout definitions for the gobocompany layout
 */
body {
	background: url(../images/body-background.gif) left bottom repeat-x #26292E;
	color: #666;
}

a { color: #666; }
a:active,
a:hover { color: #B2B23F; }

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
	font-size: 12px !important;
	min-height:18px !important;
}

.buttons-set {
	border: 0;
}

button.form-button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.form-button { overflow:visible; width:auto; border:0; padding:0 0 0 12px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ }
button.form-button span { float:left; padding:0 12px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }

.hoverbutton { background-image: url(../images/bkg_button_hover.gif) !important; }
.hoverbutton span { background-image: url(../images/bkg_button_hover.gif) !important; color: #000 !important; }

.clear { clear: both; }

/* Header */
.page .header-container {
	background: url(../images/header-background.gif) left top repeat-x #FFF;
	position: relative;
}

.page .header-container .header {
	border: 0;
	background: url(../images/seitenheader.jpg) 15px 80px no-repeat;
	width: 970px;
	height: 222px;
}

.page .header-container .welcome-msg { display: none; }

.page .header-container .header #logo {
	position: absolute;
	right: 45px;
	top: 100px;
}

.page .header-container .header .logo {
	width: 305px;
}

.page .header-container .header .logo a {
	width: 305px;
	height: 40px;
}

.page .header-container #search_mini_form {
	position: absolute;
	right: 30px;
	top: 34px;
	z-index: 9999;
}
.page .header-container #search_mini_form label {
	display: none;
}
.page .header-container #search_mini_form .button,
.page .header-container #search_mini_form .button span
 {
	background: none;
	color: #FFF;
}

.page .header-container ul.links {
	position: absolute;
	right: 45px;
	top: 190px;
}
.page .header-container ul.links li {
	float: left;
	margin-left: 4px;
}
.page .header-container ul.links li a {
	font-size: 10px;
	height: 32px;
	padding: 10px 0 0 32px;
	display: block;
	border: 0;
	color: #FFF;
	text-decoration: none;
}
.page .header-container ul.links li a:hover {
	color: #B2B23F;
}
.header .links .first a {
	background: url(../images/customeraccount.gif) left top no-repeat transparent;
}

.header .links .top-link-cart {
	background: url(../images/basket.gif) left top no-repeat transparent;
}

.header .links .top-link-checkout {
	background: url(../images/checkout.gif) left top no-repeat transparent;
}

.header .links .last a {
	background: url(../images/login.gif) left top no-repeat transparent;
}

.page .header-container #nav {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 980px;
	height: 50px;
	border: 0;
	background: url(../images/navi-background.gif) left top no-repeat;
}

.page .header-container #nav li {
	padding: 0 20px;
	background: url(../images/navi-seperator.gif) right center no-repeat;
}

.page .header-container #nav ul {
	top: 30px;	
}

.page .header-container #nav li ul li {
	background: #FFF;
}

.page .header-container #nav li a,
.page .header-container #nav li a {
	color:#EEE;
	font-size: 16px;
	line-height: 28px;
}

.page .header-container #nav ul li a {
	padding: 0 9px;
}

.page .header-container #nav li.over a,
.page .header-container #nav li.active a {
	color:#FFF;
	font-size: 16px;
	line-height: 28px;
}

.page .header-container #nav li ul li a span {
	font-size: 14px;
}

.page .header-container #nav li ul li.over a,
.page .header-container #nav li ul li.active a {
	color:#FFF;
	font-size: 14px;
	line-height: 22px;
}

.page .header-container .language-switcher {
	position: absolute;
	z-index: 9999999;
	left: 790px;
	top: 255px;
}
.page .header-container .language-switcher ul,
.page .header-container .language-switcher ul li { float: left; margin: 0; padding: 0; }
.page .header-container .language-switcher label { font-size: 12px; float: left; font-weight: bold; }
.page .header-container .language-switcher ul li a span { display: none; }
.page .header-container .language-switcher ul li a { background: url(../images/flag_default.gif) 10px 2px no-repeat; padding-left: 26px; display: block; height: 13px;}

/* Header for homepage */
.cms-home .page .header-container .header {
	visibility: hidden;
	border: 0;
	background: none;
	width: 970px;
	height: 50px;
}

.cms-home .page .header-container .language-switcher { top: 420px; visibility: visible; }

/* Content */
.main {
	background: url(../images/main-background.gif) left top repeat-y;
	margin: 0 !important;
	min-height: 320px;
}

.main .breadcrumbs {
	border: 0;
	margin-left: 8px;
}

.main .col-left {
	border: 0;
	width: 200px;
	margin-left: 10px;
}

.main .col-right {
	border: 0;
	width: 200px;
	margin-right: 10px;
}

.main .col-main {
	border: 0;
}

.gobocontacts-index-index .main { padding-top: 30px !important; }

.page .col3-layout .col-main {
	width: 530px !important;
}

.page .col1-layout .col-main {
	margin: 0 10px;
}

.page .col2-right-layout .col-main {
	margin: 0 10px;
}

.page .col2-left-layout .col-main {
	margin-right: 15px;
}

.page .col-main h3 {
	font-size: 14px;
}

.page .col-main h4 {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

.category-faq .page .col-main ol,
.category-referenzen .page .col-main ol {
	list-style: decimal;
	margin: 6px 0 2px 22px;
}

.category-faq .page .col-main ol li,
.category-referenzen .page .col-main ol li {
	padding: 4px 0;
}

/* Anpassung, um die Laender-Flaggen freizustellen */
.col1-layout, .col2-right-layout {
	padding-top: 30px;
}
.cms-index-index .col1-layout {
	padding-top: 0;
}

/* Startseite */
.cms-home .page .col-main .std h1 {
	color: #B2B23F;
	padding: 0 0 0 64px;
	line-height: 64px;
	margin: 0;
	width: 640px;
	background: transparent url(../images/icon_cart.gif) no-repeat scroll left top;
}
.cms-home .page .col-main .std p {
	padding-left: 64px;
	width: 640px;
}
.cms-home .page .col-main .std p.image {
	padding-left: 0;
	width: auto;
}

/* Table */
.page .col-main table tr th,
.page .col-main table tr td,
.popuptable table tr th,
.popuptable table tr td
{
	text-align: left;
	font-size: 12px;
	padding: 2px;
	background-image: none;
}
.page .col-main table tr th,
.popuptable table tr th {
	font-weight: bold;
	background-color: #F7F9F8;
	border-bottom: 1px solid #CCC;
}

/* Bestellvorgang abgeschlossen */
.checkout-onepage-success .page .col-main p {
	padding: 10px 0;
}


/* Boxlayout */
.main .block {
	background: #F7F9F8;
	display: block !important;
}
.main .block .block-title {
	background: #26292E;
}
.main .block .block-title h2 {
	background: url(../images/boxtitle-arrow.gif) left center no-repeat;
	color: #FFF !important;
	font-size: 12px !important;
	padding: 4px 0 4px 20px;
	font-weight: normal !important;
}
.main .block h3 {
	font-size: 12px;
	margin: 10px 0;
}

.main #search_mini_form .input-box label { display: none; }
.main .block .input-box input.input-text { width: 170px; }

/* Productlist */
.main .col-main .category-title {
	border-bottom: 1px solid #26292E;
}
.main .col-main .category-title h2 {
	color: #B2B23F;
}

.main .col-main .products-list li.even,
.main .col-main .products-list li.odd {
	border: 0;
	background: none;
	border-bottom: 1px solid #DDD;
}
.main .col-main .products-list li.last { border: 0; }

.main .col-main .products-list li.item h3 {
	margin-bottom: 10px;
}
.main .col-main .products-list li.item h3 a {
	font-size: 14px;
	color: #B2B23F;
}



/* Productdetail */
.main .col-main .product-view .product-name h2 {
	font-size: 16px;
	color: #B2B23F;
	margin-bottom: 10px;
}

.product-view .product-img-box .product-image {
	border: 0;
}

.main .col-main .product-view .availability {
	display: none;
}

.main .col-main .price-box .price {
	font-size: 16px;
}

.main .col-main .product-view .product-options {
	clear: both;
	float: left;
	width: 340px;
	border: 1px solid #CCC;
	background: #F8FAF9;
	margin: 0 10px 0 0;
	height: 240px;
}

.main .col-main .product-view .product-options p.required {
	padding-top: 5px;
}

.main .col-main .product-view .product-options-bottom {
	float: left;
	width: 340px;
	border: 0;
	border: 1px solid #CCC;
	background: #F8FAF9;
	height: 240px;
}

.main .col-main .product-view .description,
.main .col-main .product-view .tags {
	margin-top: 10px;
}

.main .col-main .product-view #farbtabelle { margin: 10px 0;}

.main .col-main .product-view #additionalcontenttitle
{
	background: url(../images/boxtitle-arrow-inverse.gif) left center no-repeat transparent;
	padding-left: 24px;
	margin: 10px 0;
	cursor: pointer;
}

.main .col-main .price-box .more { padding-left: 10px; color: #B2B23F; font-weight: bold; }

.main .col-main .product-options dt label { color: #000; }

.main .col-right .block-individual a {
	background: url(../images/button-detail.gif) left center no-repeat transparent; padding-left: 20px;
}

/*Popup */
.popuptable { margin: 0; padding: 0; border: 0; }
.popuptable th { height: 10px; width: 100%; background: url(../images/popup/bg.gif) left top repeat-x transparent; }
.popuptable td { background: #FFF; }
.popuptable .middle { line-height: 1px; font-size: 1px; }
.popuptable thead .left { width:10px; background: url(../images/popup/bg-top-left.gif) left top no-repeat transparent; }
.popuptable thead .right { width:10px; background: url(../images/popup/bg-top-right.gif) right top no-repeat transparent; }
.popuptable tfoot .left { width:10px; background: url(../images/popup/bg-bottom-left.gif) left bottom no-repeat transparent; }
.popuptable tfoot .right { width:10px; background: url(../images/popup/bg-bottom-right.gif) right bottom no-repeat transparent; }
.popuptable table th { width: auto; height: auto; }
.popuptable .std { margin: 10px 10px 0 10px; }

#gobopopup {
	position: absolute;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border: 1px solid #DDD;
	overflow: hidden;
	background: #333;
}
#gobopopup table.top {
	height: 20px;	
}
#gobopopup table.mid {
	border-top: 1px solid #FFF;
}
#gobopopup .gobopopup_title {
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	cursor: move;
}
#gobopopup table.bot {
	display: none;
}
#gobopopup #gobopopup_close {
	background: url(../images/popup/close.gif) left top no-repeat transparent;
	border: 1px solid #FFF;
	width: 9px;
	height: 9px;
	float: right;
	margin: 4px;
	cursor: pointer;
}

/* Bildpopup */
.product-image-popup .tab {
	background: url(../images/boxtitle-background.gif) repeat-x scroll left bottom #F8FAF9;
	border: 1px solid #FFF;
	height: 20px;
}
.product-image-popup .tab .image-label { padding: 2px 20px; }
.product-image-popup .tab .image-label,
.product-image-popup .tab .nav {
	float: left;
}
.product-image-popup .tab .nav a { font-size: 12px; }
.product-image-popup .tab .nav a.back {
	background: url(../images/popup/back.gif) left top no-repeat #999;
	border: 1px solid #FFF;
	width: 9px;
	height: 9px;
	float: right;
	margin: 4px;
	cursor: pointer;
}
.product-image-popup .tab .nav a.forward {
	background: url(../images/popup/forward.gif) left top no-repeat #999;
	border: 1px solid #FFF;
	width: 9px;
	height: 9px;
	float: right;
	margin: 4px;
	cursor: pointer;
}
.product-image-popup a.close {
	background: url(../images/popup/close.gif) left top no-repeat #999;
	border: 1px solid #FFF;
	width: 9px;
	height: 9px;
	float: right;
	margin: 4px;
	cursor: pointer;
}
.product-image-popup .tab .nav a.back span,
.product-image-popup .tab .nav a.forward span,
.product-image-popup a.close span { display: none; }
.product-image-popup h2.image-label { font-size: 12px; color: #666; }
.product-image-popup .image { border: 1px solid #333; margin-top: 20px; }

/* Warenkorb */
.cart .cart-collaterals {
	margin: 10px 0;
	width: 500px;
}

.cart .cart-collaterals .col-2 {
	display: none;
}

#checkoutSteps .data-table th {
	white-space: normal;
}

.opc .step-title h3 {
	font-size: 12px;
	padding: 3px 0;
}

.opc .step #co-billing-form label {
	margin-right: 20px;	
}

.cart .totals {
	margin-top: 10px;
}

.cart .totals .checkout-types li {
	padding: 4px 0;
}

/* Profilverwaltung */
.dashboard .welcome-msg {
	margin-bottom: 20px;	
}

.dashboard .welcome-msg h3 {
	color: #B2B23F;
}

/* gobologin */
.col-main #checkoutSteps .gobologin {
	border: 1px solid #DDD;
	background: #F7F9F8;
	padding: 0 4px;
}


/* WYSIWYG-Pages */
.main .col-main .std h1,
.main .col-main .std h2,
.main .col-main .std h3 {
	margin: 10px 0;
}

.cms-farbtabelle .std table {
	width: 100%;	
}
.cms-farbtabelle .std table tbody tr td:first-child {
	width: 60px;
}
.cms-farbtabelle .std div.colorbox {
	width: 16px;
	height: 16px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin-left: 20px;
}

/* Own boxes on start page*/
.main .col-main div.gobocontentbox {
	float: left;
	width: 300px;
	padding-right: 10px;
	min-height: 180px;
}
.main .col-main div.gobocontentbox h1,
.main .col-main div.gobocontentbox h2,
.main .col-main div.gobocontentbox h3 {
	margin: 10px 0;
}
.main .col-main div.gobocontentbox h2 {
	color: #B2B23F;
}
.main .col-main div.news {
	background: url(../images/icon_news.gif) left top no-repeat;
	padding-left: 64px;
}
.main .col-main div.faq {
	background: url(../images/icon_faq.gif) left top no-repeat;
	padding-left: 64px;
}
.main .col-main div.cart {
	background: url(../images/icon_cart.gif) left top no-repeat;
	padding-left: 64px;
}

/* Shopbox on homepage */
.cms-home .mini-shopbox {
	margin-top: -64px;
	height: 64px;
	width: 200px;
	float: right;
	background: url(../images/gobo-kaufen.jpg) left top no-repeat #B3B23E !important;
}

.cms-home .mini-shopbox a {
	margin: 20px 0 0 50px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

/* Configurator on homepage */
.cms-home .loginbox,
.cms-home .mini-goboconfigurator {
	width: 200px;
	clear: right;
	float: right;
}

/* Poll-Box */ 
.main .block-poll .block-title {
	background: url(../images/boxtitle-background.gif) left bottom repeat-x #F8FAF9 !important;
}
.main .block-poll .block-title h2 {
	color: #26292E !important;
	background: url(../images/boxtitle-arrow-inverse.gif) left center no-repeat;
}
.main .block-poll ol {
	margin-bottom: 10px;
}
.main .block-poll ol li {
	padding: 2px 0;
}


.main .input-box {
	margin: 5px 0;
}

/* Footer */
.footer {
	background: url(../images/footer-background.gif) left bottom no-repeat;
	border: 0 !important;
	height: 45px;
	color: #FFF;
}
.footer address { 
	float: left;
	margin-right: 10px;
	margin-top: 25px;
}
.footer ul {
	float: right;
}
.footer ul li {
	float: left;
	background: url(../images/footer-seperator.gif) 10px center no-repeat;
	padding-left: 20px;
	margin-top: 25px;
}
.footer a {
	color: #FFF;
}
.footer a:hover {
	color: #B2B23F;
}

span.dpi_bad {
	padding: 2px;
	background-color: red;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}

span.dpi_ok {
	padding: 2px;
	background-color: yellow;
	padding-left: 5px;
	padding-right: 5px;
}

span.dpi_good {
	padding: 2px;
	background-color: green;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}