/*	BASICS
========================================================================================================= */
body { 
	font-family: Arial, sans-serif; 
	font-size: 14px;
	color: #424242; 
	background: #fff;
}

a {
	color: #111;
	text-decoration: none;
	transition: .5 ease;
}

a:hover {
	color: #333;
}

h1 { 
	font-size: 24px;
	margin-bottom: 20px;
}

h2 {
	font-size: 20px;
	margin-bottom: 20px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

p {
	line-height: 20px;
	margin-top: 20px;
}

ul {
	margin-bottom: 20px;
}

li {
	background: transparent url("../images/list.png") no-repeat scroll 0px 3px;
	margin-bottom: 10px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { position: relative; float: left; margin: 0 20px 0 0; }
.col1	{ width: 74px; }
.col2	{ width: 168px; }
.col3	{ width: 262px; }
.col4	{ width: 356px; }
.col5	{ width: 450px; }
.col6	{ width: 544px; }
.col7	{ width: 638px; }
.col8	{ width: 732px; }
.col9	{ width: 826px; }
.col10 	{ width: 920px; }
.col11	{ width: 1014px; }
.col12	{ width: 1108px; }
.lastcol { margin: 0; }

.clear { clear: both; }


/*	GGRUNDGERÜST
========================================================================================================= */
#site-wrapper {
	width: 1108px;
	margin: 0 auto;
}


/*	TOP NAVIGATION
========================================================================================================= */
#topBar {
	float: right;
	font-size: 12px;
}

ul#sprache {
	float: left;
	margin: 10px 20px 0 0;
}

ul#sprache li.navcur {
	background: url('../images/de.png') no-repeat;
	padding-left: 20px;
	float: left;
}

ul#sprache li.navcuren {
	background: url('../images/en.png') no-repeat;
	margin-left: 20px;
	padding-left: 20px;
	float: left;
}



ul#topNav {
	float: left;
	margin-top: 10px;
	width: 210px;
}

ul#topNav li {
	float: right;
	padding: 0 15px 0 20px;
}

li#account {
	background: url('../images/account.png') no-repeat;
	margin-right: 10px;
}

li#login {
	background: url('../images/login.png') no-repeat;
}



/*	SEARCH & CART
========================================================================================================= */
#searchBar {
	float: right;

}

#search {
	float: left;
	margin-right: 40px;
}

#search input {
	border: none !important;
	background: #eee url('../images/search.png')no-repeat center right 10px;
	padding: 10px;
}

#warenkorb {
	float: left;
	width: 150px;
	height: 36px;
	border: 1px solid #999; 
	background: url('../images/cart.png') no-repeat center left 10px;
}

#warenkorb p {
	font-size: 12px;
	text-align: center;
	line-height: 36px;
	margin-top: 0px !important;
}



/*	NAVUGATION & LOGO
========================================================================================================= */
#navBar {
	background: #e1e1e1;
	margin-top: 30px;
	height: 55px;
	margin-bottom: 35px;
}

ul#navigation {
	position: absolute;
	margin-left: 300px;
	line-height: 55px;
}

ul#navigation li {
	float: left;
	background: none !important;
}

ul#navigation li a {	
	color: #333333;
	font-size: 16px;
	padding: 0 30px 0 0;
	transition: .3s ease;
}

ul#navigation li a:hover, ul#navigation li.current a {
	color: #ffac00; 
}

img#ribbon {
	position: absolute;
	z-index: 2000;
}

#logo {
	background: #fff;
	padding: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 1;
	margin-top: -2px;
}

#solo.logo {
	background: none;
	padding: 10px 40px 30px 40px;
	margin-left: 79px;
	position: absolute;
	z-index: 4000 !important;
}



/*	BESTSELLER
========================================================================================================= */
#bestseller h1 {
	border-bottom: 2px solid #ffac00;
	padding-bottom: 10px;
	margin-top: 30px;
}

#bestseller .col3, #bestseller .col3 .lastcol {
	margin-top: 40px;
}

img.neu {
	position: absolute;
	z-index: 2000;
}

#bestseller h2 {
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	height: 40px;
}

#bestseller .preis {
	text-align: center;
	margin: 15px 0 15px 0;
	height: 55px;
	/*	color: #ffac00; */
/*	font-weight: bold; */
}

#bestseller .preis p span.regulaer {
	color: #ddd;
	font-weight: 100 !important;
	margin-right: 10px;
	text-decoration: line-through;
}

#bestseller .button {
	text-align: center;
	margin-left: 56px;
	border: 3px solid #ddd;
	font-weight: bold;
	width: 160px;
	height: 40px;
}

#bestseller .button:hover {
	background: #ffac00;
	color: #111;
	cursor: pointer;
}

#bestseller .button p {
	line-height: 40px;
	margin-top: 0px;
}



/*	FOOTER
========================================================================================================= */
#footerWrap {
	width: 100%;
	background: #f3f3f3;
	height: 240px !important;
	margin-top: 100px;
}

#footer {
	width: 1108px;
	margin: 0 auto;
	padding-top: 50px;
}

#footer #adresse a {
	color: #424242;
	transition: 0.3s ease;
}

#footer #adresse a:hover {
	color: #ffac00;
}

#footer h3 {
	margin-top: 0px !important;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#footer li {
	margin-bottom: 10px;
	background: transparent url("../images/list.png") no-repeat scroll 0px 3px;
	padding-left: 15px;
}

li#location {
	list-style: none;
	background: url('../images/location.png') no-repeat scroll 0px 50%;
	line-height: 20px;
	padding-left: 20px;
}

li#phone {
	list-style: none;
	background: url('../images/phone.png') no-repeat scroll 0px 50%;
	padding-left: 20px;
}

li#mail {
	list-style: none;
	background: url('../images/mail.png') no-repeat scroll 0px 50%;
	padding-left: 20px;
}



/*	BREDADCRUMB
========================================================================================================= */
#bread-crumb-wrapper { 
	margin: 20px 0px 60px 0px; 
	width: 1108px; 
	height: 100%; 
}

ul#bread-crumb-nav { 
	margin-bottom: 0 !important; 
}

ul#bread-crumb-nav li { 
	float: left; 
	font-size: 13px; 
	line-height: 20px; 
	background: none !important;
}

ul#bread-crumb-nav a { 
	transition: color 0.5s ease; 
	text-decoration: none; 
	color: #444; 
	font-size: 13px; 
	line-height: 20px; 
}

ul#bread-crumb-nav a.crumber:before { 
	content: url('../images/arrow-bread.png'); 
	width: 5px; 
	height: 5px; 
	margin: 0 5px 0 5px; 
}

ul#bread-crumb-nav a:hover { 
	text-decoration: none; 
	color: #ffac00; 
}



/*	SINGEL ANSICHT
========================================================================================================= */
#singel {
	margin-top: 20px;
}

#singel h1 {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.angaben {
	margin-top: 20px;
}

form.auswahl {
	margin-bottom: 10px;
}

form.auswahl select {
	width: 220px;
	border: 3px solid #eee;
	padding: 7px;
	font-weight: bold;
	margin-bottom: 10px;
}

p.verfuegbarkeit {
	margin-bottom: 20px;
}

span.preisAlt {
	font-size: 18px;
	color: #ddd;
	margin-right: 10px;
	text-decoration: line-through;
}

span.preisNeu {
	font-size: 24px;
	font-weight: bold;
	color: #ffac00;
}



label.auswahlAnzahl {
	font-weight: bold;
}

input.auswahlAnzahl {
	border: 3px solid #eee;
	width: 27px;
	height: 30px;
	margin-left: 5px;
	padding: 0 10px 0 10px;
	font-weight: bold;
}

.buttonKorb {
	margin-top: 20px;
	width: 120px;
	padding: 10px;
	padding-top: 0px !important;
	border: 3px solid #eee;
	background: #ffac00 url('../images/cartweiss.png') no-repeat center left 10px;
	text-align: right;
	color: #111;
	font-weight: bold;
}


.buttonWKorb {
	margin-top: 20px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	width: 120px !important;
	padding: 10px !important;
	border: 3px solid #EEE !important;
	background: #ffac00 url("../images/cartweiss.png") no-repeat scroll left 10px center !important;
	text-align: right !important;
	color: #111 !important;
	font-weight: bold !important;
	font-style: inherit !important;
	font-size: 100% !important;
	font-family: inherit !important;
	vertical-align: baseline !important;
	line-height: 1 !important;
}

.buttonKorb:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.buttonWKorb:hover {
	cursor: pointer !important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) !important;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) !important;
}

.buttonKorb p { 
	margin-right: 15px;
}

.buttonWKorb p { 
	margin-right: 15px !important;
	margin-top: 0px !important;
}
.number {
	background: url('../images/nummer1.png') no-repeat;
	height: 21px;
}

.number p {
	margin-left: 30px;
}	

/*	ACCORDION */
.acContainer {
	float: left;
	margin-top: 40px;
}

.acCC { 
	display: none; 
}

.accoTitle.acTC h2 {
	text-transform: none !important;
	font-weight: 700 !important;
	text-align: left !important;
	margin-bottom: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	width: 780px;
	transition: color 0.5 ease;
	border-bottom: 1px solid #eee;
}

.accoTitle.acTC h2:hover {
	color: #ffac00;
}

.arrowDown { 
	background: url('../images/plus.png') no-repeat scroll 100% 0%; 
}

.arrowDown:hover { 
	background: url('../images/plushover.png') no-repeat scroll 100% 0%; 
}

.arrowUp { 
	background: url('../images/close.png') no-repeat scroll 100% 0%;
	transition: color 0.5 ease;
}

.arrowUp:hover { 
	background: url('../images/closehover.png') no-repeat scroll 100% 0%; 
}

.accordion.acCC p { 
/*	float: left;  */
	padding: 0px 0px 20px 0px;
	margin-top: 0px !important;
	line-height: 24px;
	max-width: 740px;
}

.accordion.acCC h2.info {	
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}

.accordion.acCC ul li {
	padding-left: 15px;
}


table {
	border: 3px solid #eee;
}

table tr th {
	padding: 15px;
	background: #f9f9f9;
	border-right: 1px solid #eee;
	text-align: center;
}

table tr th_last-child {
	border-right: none !important;
}

table tr td {
	padding: 15px;
	text-align: center;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

/* ===========================
   ====== Contact Form ======= 
   =========================== */
form {
	margin-top: 20px;
}

input, textarea {
	font-size: 13px;
	font-family: "Source Sans Pro" ,Arial, sans-serif;
	padding: 10px;
	border: 1px solid #e1e1e1;
	width: 300px;
	color: #212121;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px;		
}

.error_input { color: #f40c2d !important;}

textarea {
	width: 300px;
	height: 150px;
	max-width: 400px;
	line-height: 18px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	cursor: pointer;
	border-color: 1px solid #212121;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;	
}

.form label {
	margin-left: 10px;
	color: #999999;
}

.form p, .login p {
	margin-bottom: 10px !important;
	line-height: 0px !important;
}
/* ===========================
   ====== Submit Button ====== 
   =========================== */

.submit input {
	width: 100px; 
	height: 40px;
	background: none;
	color: #424242;
	font-weight: bold;
	border: 3px solid #eee;	
	box-shadow: none !important;
	cursor: pointer;
	line-height: 13px;
}

.submit input:hover {
	background-color: #ffac00;
	color: #fff;
}

input.qtyplus {
	margin-left: 10px !important;
	width:25px !important;
	height:25px !important;
	font-size: 13px;
	font-family: "Source Sans Pro" ,Arial, sans-serif;
	font-weight: bold !important;
	padding: 0px !important;
	border: 0px !important;
	color: #212121 !important;
	box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px !important;
	-moz-box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px !important;
	
}
input.qtyminus {
	width:25px;
	height:25px;
	font-size: 13px;
	font-family: "Source Sans Pro" ,Arial, sans-serif;
	font-weight: bold !important;
	padding: 0px !important;
	border: 0px !important;
	color: #212121 !important;
	box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px !important;
	-moz-box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px !important;
}


/* WARENKORB */
nav#wkorb-wrapper ul li {
	background: none;
	float: left;
	margin-right: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	-moz-opacity: .5;
	opacity: .5;
}

nav#wkorb-wrapper ul li.current {
	font-weight: bold;
	font-size: 16px;
	-moz-opacity: 1;
	opacity: 1;
}

nav#wkorb-wrapper ul li#pruef {
	height: 50px;
	padding-left: 60px;
	background: url('../images/pruef.png') no-repeat scroll 0% 0%;
}

nav#wkorb-wrapper ul li#geprueft {
	height: 50px;
	padding-left: 60px;
	background: url('../images/frei.png') no-repeat scroll 0% 0%;
}


table ul li#pruef {
	height: 50px;
	padding-left: 60px;
	background: url('../images/pruef.png') no-repeat scroll 0% 0%;
}

table ul li#geprueft {
	height: 50px;
	padding-left: 60px;
	background: url('../images/frei.png') no-repeat scroll 0% 0%;
}

table ul li#eins {
	height: 50px;
	padding-left: 60px;
	background: url('../images/1clock.png') no-repeat scroll 0% 0%;
}

nav#wkorb-wrapper ul li#eins {
	height: 50px;
	padding-left: 60px;
	background: url('../images/1.png') no-repeat scroll 0% 0%;
}

nav#wkorb-wrapper ul li#zwei {
	height: 50px;
	padding-left: 60px;
	background: url('../images/2.png') no-repeat scroll 0% 0%;
}

nav#wkorb-wrapper ul li#drei {
	height: 50px;
	padding-left: 60px;
	background: url('../images/3.png') no-repeat scroll 0% 0%;
}

nav#wkorb-wrapper ul li#vier {
	height: 50px;
	padding-left: 60px;
	background: url('../images/4.png') no-repeat scroll 0% 0%;
}

/*Button*/
.buttonKasse {
	margin-top: 20px;
	padding: 10px;
	border: 3px solid #eee;
	background: #ffac00 url('../images/kasse-arrow.png') no-repeat center right 20px;
	text-align: right;
	color: #111;
	font-weight: bold;
}

.buttonKasse:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.buttonKasse p { 
	text-align: left;
	margin-left: 15px;
	margin-top: 0px !important;
}



table#wkorb-tabelle {
	border: none;
	padding-top: 60px;
}

table#wkorb-tabelle tr th {
	padding: 15px;
	background: #f9f9f9;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 3px solid #eee;
	text-align: left;
}


table#wkorb-tabelle tr td {
	padding: 15px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	vertical-align: top !important;
}

table#wkorb-tabelle tr td:first-child {
	border-left: 1px solid #eee;
}

table#wkorb-tabelle tr td form {
	margin-top: 0px !important;
}

table#wkorb-tabelle tr td form.auswahl select {
	width: 50px !important;
}


select.wkmenge {
	width: 70px !important;
	border: 3px solid #eee;
	padding: 7px;
	font-weight: bold;
	margin-bottom: 10px;
}



.loeschen {
	font-weight: bold;
	color: #111;
	background: #ffac00;
	width: 20px;
	height: 17px;
	padding: 5px 2px 2px 2px;
	text-align: center;
	margin: 4px 0 0 12px;
}

.loeschen:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);	
}

table#wkorb-tabelle tr td.korb p {
	text-align: center !important;
	margin-top: 7px !important;
}

table#wkorb-tabelle tr td.img-text p {
	margin-top: 0px !important;
	text-align: left !important;
	float: left !important;
}

.korbImg {
	float: left;
}

table#wkorb-tabelle p {
	text-align: left;
}

table#wkorb-tabelle p span.preis {
	color: #999; 
}

table#wkorb-tabelle p a {
	text-decoration: underline;
	transition: 0.3s ease;
}

table#wkorb-tabelle p a:hover {
	color: #ffac00;
	text-decoration: underline;
}

#first.row {
	margin-top: 40px;
}

.row {
	width: 400px;
	margin-bottom: 5px;
}

.row .links p, .row .rechts p {
	margin-top: 0px !important;
} 

.row .links {
	float: left;
}

.row .rechts {
	margin-left: 40px;
	float: right;
}

#summe.row {
	border-top: 3px solid #eee;
	margin-top: 20px;
	padding-top: 5px;
}

p.gessumme {
	font-weight: bold;
	font-size: 18px;
	margin-top: 0px !important;
}

p.#presBiggessumme {
	font-size: 24px;
}

#buttonBanner {
	padding-top: 40px;
}

/*Button Weiter*/
.buttonWeiter {
	margin-top: 20px;
	padding: 10px;
	border: 3px solid #ddd;
	background: #eee url('../images/weiter-arrow.png') no-repeat center left 20px;
	text-align: left;
	color: #414141;
	font-weight: bold;
}

.buttonWeiter:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.buttonWeiter p { 
	text-align: right;
	margin-right: 15px;
	margin-top: 0px !important;
}



/*Button*/
.buttonKassegruen {
	margin-top: 20px;
	padding: 10px;
	border: 3px solid #eee;
	background: #3ad021 url('../images/kasse-arrow.png') no-repeat center right 20px;
	text-align: right;
	color: #111;
	font-weight: bold;
}

.buttonKassegruen:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.buttonKassegruen p { 
	text-align: left;
	margin-left: 15px;
	margin-top: 0px !important;
}

/*Button*/
.buttonKasserot {
	margin-top: 20px;
	padding: 10px;
	border: 3px solid #eee;
	background: #e21414 url('../images/kasse-arrow.png') no-repeat center right 20px;
	text-align: right;
	color: #111;
	font-weight: bold;
}

.buttonKasserot:hover {
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.buttonKasserot p { 
	text-align: left;
	margin-left: 15px;
	margin-top: 0px !important;
}

sup { vertical-align: super; font-size: 70%;}


label strong {font-weight: bold !important;}
#vatid strong {font-weight: bold !important;}
label em {font-style: italic !important; margin-top: 12px !important; }