@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
body {
	background-image:url(img/bgPattern_dot.png);
}
#page {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 1px 0px 1px;
	border-left:1px solid rgb(25,150,43);
	border-right:1px solid rgb(25,150,43);
	background-color:rgb(255,255,255);
	box-shadow:5px 0px 23px 5px rgba(0,0,0,0.2);
}
#header {
	height:60px;
	border-bottom:1px solid rgb(255,255,255);
	padding:20px;
	position:relative;
}
#logo {
	width:180px;
	height:60px;
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
}
#topmenu {
	position:absolute;
	right:20px;
	top:30px;
	text-align:right;
}
#language {
	position:absolute;
	top:0px;
	right:20px;
	background-color:rgba(0,0,0,0.02);
	padding:0px 5px 0px 5px;
}
#image {
	width:900px;
	height:250px;
	overflow:hidden;
	background-color:rgb(20,30,40);
	color:rgba(255,255,255,0.1);
	position:relative;
}
#image ul li {
	display:inline-block;
	width:900px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	list-style:none;
	color:rgb(255,0,0);
	background-image:url(../topimages/dummy.jpg);
	box-shadow:0px 0px 123px rgba(0,0,0,0.41);
}
#image .nav {
	z-index:100;
	width:60px;
	height:250px;
	position:absolute;
	top:0px;
	cursor:pointer;
	opacity:0.5;
}
#image .nav:hover {
	opacity:1.0;
}
#image .inactive {
	opacity:0.5 !important;
}
#image .left {
	left:0px;
	background-image:url(img/themaL1.png);
}
#image .right {
	left:840px;
	background-image:url(img/themaR1.png);
}
#player {
	z-index:900;
	position:absolute;
	/*top:101px;*/
	top:-287px;
	width:445px;
	height:250px;
	border-left:1px solid rgb(255,255,255);
	border-right:1px solid rgb(255,255,255);
}
#player img {
	width:445px;
	height:250px;
}
#subheader {
	height:25px;
	border-top:1px solid rgb(255,255,255);
	border-bottom:1px solid rgb(255,255,255);
	background-color:rgb(20,30,40);
	color:rgba(255,255,255,0.75);
	/*
	border-bottom:1px solid rgb(25,150,43);
	color:rgb(20,30,40);
	*/
	margin-bottom:10px;
}
#search {
	width:200px;
	float:left;
	height:25px;
	overflow:hidden;
}
.blackBox {
	background-color:rgb(10,15,20);
	color:rgba(255,255,255,0.75);
	border-radius:8px;
	padding:5px;
}
#search input[type=text], #footer input[type=text], .blackBox input[type=text] {
	margin:4px 5px 4px 5px;
	height:15px;
	width:150px;
	padding:1px 2px 1px 2px;
	color:rgb(20,30,40);
	background-color:rgba(255,255,255,0.5);
	margin-right:5px;
}
#search input[type=text] {
	height:15px;
	margin-left:0px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	color:rgb(255,255,255);
}
#breadcrumb {
	width:700px;
	float:right;
	height:25px;
	overflow:hidden;
}
#menu {
	width:190px;
	float:left;
}
#content {
	width:695px;
	float:right;
	position:relative;
}
#content .alleProdukte {
	margin-top:25px;
	margin-bottom:25px;
}
#content .containersection {
	clear:both;
	margin:50px 50px 20px 0px;
	padding-top:0px;
}
#content .containersection .head {
	border-bottom:1px dotted rgb(25,150,43);
	font-weight:bold;
	padding-bottom:5px;
}
#copy {
	clear:both;
	padding-top:33px;
}
#footer {
	background-color:rgb(10,15,20);
	color:rgba(255,255,255,0.75);
	min-height:200px;
	font-size:11px;
	padding-top:10px;
}
#footer .column {
	width:200px;
	float:left;
	margin:0px 10px;
}
.switch .s2, .switch:hover .s1 {
	display:none;
}
.switch .s1, .switch:hover .s2 {
	display:inline-block;
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

#content h1, #content h2, #content .deaktiv {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	color:rgb(100,0,10);
}

p {
	margin:5px 0px 5px 5px;
}
input, button, img {
	border:none;
}
img.border {
  border: 1px solid rgb(25,150,43);
  margin-right: 10px;
  padding: 1px;
  box-shadow:8px 8px 10px rgba(0,0,0,0.2);
  background-color:rgb(255,255,255);
  position:relative;
    transition:box-shadow 0.1s ease-out 0s;
}
img.border:hover {
  box-shadow:2px 2px 5px rgba(0,0,0,0.4);
  top:1px;
  left:1px;
}
input {
	text-indent:5px;
}
a:hover {
	color:rgb(25,150,43);
	text-decoration:underline
}
#footer a.icons:hover {
	color:rgb(25,150,43);
}
#topmenu a {
	padding:5px 0px 5px 10px;
	display:inline-block;
}
#topmenu p {
	text-align:right;
}
#footer a:hover {
	text-decoration:none;
}
#menu ul {
	margin-left:5px;
}
#menu li {
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:1px dashed rgba(20,30,40,0.2);
	position:relative;
}
#menu li ul {
	position:absolute;
	top:-5px;
	left:-1000px;
	min-width:120px;
	background-color:rgb(255,255,255);
	padding:3px 5px 4px 5px;
	border:1px solid rgb(25,150,43);
	box-shadow:12px 12px 9px rgba(0,0,0,0.2);
	white-space:nowrap;
	z-index:10000;
    transition:opacity 1.2s ease-out 0s, left 0s ease-out 1s;
    opacity:0;
}
#menu li:hover ul {
    opacity:1;
    left:150px;
    transition:opacity 0.2s ease-out 0s, left 0s ease-out 0s;
}
#menu li ul li {
	list-style-position:outside;
	margin-left:20px;
	list-style-image:url(img/list.png);
}

#menu li:hover ul {
	z-index:99999;
}

#menu li li, #menu li:last-child {
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}
#menu a {
	display:block;
}
#menu a.active:hover {
	color:inherit;
	text-decoration:inherit;
}
#menu a:hover {
}
#menu a.active {
	font-weight:bold;
}

#breadcrumb a {
	display:inline-block;
	padding:5px;
}
#breadcrumb a:hover {
	color:inherit;
	background-color:rgba(255,255,255,0.1);
}
#content p {
	margin:0px 30px 5px 0px;
}
#content blockquote p {
	margin:0px 30px 5px 0px;
	font-style:italic;
}
#content a {
	text-decoration:underline;
}
.container {
	position:relative;
	margin-right:15px;
	margin-bottom:15px;
	width:100px;
	background-color:rgb(255,255,255);
	float:left;
	box-shadow:5px 5px 8px rgba(0,0,0,0.2);
    transition:box-shadow 0.1s ease-out 0s;
}
.container:nth-child(6n+7) {
	clear:both;
}
.container:hover {
	top:1px;
	left:1px;
	box-shadow:4px 4px 2px rgba(0,0,0,0.4);
}
.container .bild {
	background-color:rgb(20,30,40);
	width:100px;
	height:100px;
	overflow:hidden;
	color:rgb(255,255,255);
}
.container .neu {
	margin-top:-100px;
}
.container .name {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:30px;
	padding-left:0px;
	padding-right:0px;
}
.container .name a {
	text-decoration:none !important;
}
.container .preis {
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:rgb(25,150,43);
	color:rgb(255,255,255);
	padding:2px 5px 2px 5px;
	font-weight:bold;
	border-top-left-radius:4px;
}

.kaufen {
	background-color:rgb(20,30,40);
	color:rgb(255,255,255);
	font-weight:bold;
	padding:5px;
	margin:10px -1px 10px 0px;
	cursor:pointer;
}
.addToCart:hover {
	background-color:rgb(25,150,43);
}
.removeFromCart:hover {
	background-color:rgb(64,0,0);
}
.kaufen .text {
}
.kaufen .preis {
	float:right;
	font-size:42px;
	position:relative;
	top:-1px;
}
.cartInfo {
}
.preisangabe {
	position:relative;
	top:-5px;
	margin-bottom:15px;
}

#content p {
	margin-bottom:10px;
}
#content h1 {
	font-size:26px;
	line-height:36px;
	font-weight:400;
	margin-bottom:10px;
	margin-right:30px;
}
#content h1 strong{
	font-weight:700;
}
#content h2{
	font-size:18px;
	line-height:30px;
	font-weight:400;
	padding-top:10px;
	margin-bottom:10px;
	margin-right:30px;
}
#content .deaktiv { 
	font-size:18px;
}
#content .deaktiv  strong{ 
	font-weight:700;
}
#content h2 strong{
	font-weight:700;
}
#content ul {
	margin-bottom:10px;
}
#content ul li {
	list-style-position:outside;
	margin-left:20px;
	list-style-image:url(img/list.png);
}
#content table {
	margin-bottom:10px;
}
#content table td {
	vertical-align:top;
}
#content table:not(#warenkorb):not(.noColor) {
	width:450px;
}
#content table:not(#warenkorb):not(.noColor) tr {
	border-bottom:1px solid rgb(255,255,255);
}
#content table:not(#warenkorb):not(.noColor) tr:first-child {
	background-color:rgb(20,30,40) !important;
	color:rgba(255,255,255,0.75);
}
#content table:not(#warenkorb):not(.noColor) tr:last-child {
	border-bottom:none;
}
#content table:not(#warenkorb):not(.noColor) tr:nth-child(odd) {
	background-color:rgba(20,30,40,0.1);
}
#content table:not(#warenkorb):not(.noColor) tr:nth-child(even) {
	background-color:rgba(20,30,40,0.2);
}
#content table:not(#warenkorb):not(.noColor) td {
	padding:1px 5px 1px 5px;
}
#content table:not(#warenkorb):not(.noColor) td:first-child {
	border-right:1px solid rgb(255,255,255);
}
#content table:not(#warenkorb):not(.noColor) tr:first-child td:first-child {
	border-right:none;
}

#content table#warenkorb {
	/*width:calc(100% - 30px);*/
	width:665px;
}
#content table#warenkorb tr:first-child {
	background-color:rgb(25,150,43);
	color:rgb(255,255,255);
	font-weight:bold;
}
#content table#warenkorb tr {
	border-bottom:1px solid rgb(25,150,43);
}
#content table#warenkorb td {
	padding:1px 5px 1px 5px;
}
#content table#warenkorb td.right {
	text-align:right;
}
#content table#warenkorb td.p100x {
	width:100px;
}
#content table#warenkorb td:first-child, #content table#warenkorb td.teilsumme {
	font-weight:bold;
}
#content table#warenkorb input.anzahl {
	width:50px;
	cursor:pointer;
}
#content table#warenkorb td:last-child {
	width:20px;
	padding:1px;
	background-color:rgb(255,255,255);
	border-bottom:1px solid rgb(255,255,255);
}
#content table#warenkorb td.remove {
	cursor:pointer;
}
#content table#warenkorb tr:hover input.anzahl {
	background-color:rgba(25,150,43,0.1);
}
.gallery {
	margin-top:10px;
	margin-bottom:20px;
}
.gallery a img {
	position:relative;
	border:1px solid rgb(20,30,40);
	padding:1px;
	background-color:rgb(255,255,255);
	cursor:pointer;
	margin-right:5px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.1);
}
.gallery a:hover img {
	top:1px;
	left:1px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}
#content .outline {
	border:1px solid rgb(200,202,205);
	margin-bottom:5px;
	margin-right:5px;
}
.spalteLinks {
	/*width:calc(50% - 30px);*/
	width:317px;
	float:left;
	border-right: 1px solid rgb(200,202,205);
}
.spalteRechts {
	/*width:calc(50% + 20px)*/;
	width:317px;
	float:right;
}
.button {
	display:inline-block;
	background-color:rgb(25,150,43);
	color:rgb(255,255,255);
	border-radius:3px;
	margin:10px 0px 10px 0px;
	padding:0px 5px 2px 0px;
	font-weight:bold;
	box-shadow:5px 5px 9px rgba(0,0,0,0.1);
	position:relative;
}
.bt_grey {
	background-color:rgb(20,30,40);
}
.button:hover {
	text-decoration:none;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3);
	color:rgb(255,255,255);
	top:1px;
	left:1px;
}
.formError {
	color:rgb(192,0,0);
	/*background-color:rgb(255,255,0);*/
}
.label {
	display:inline-block;
	min-width:100px;
	margin-right:5px;
}
.top15 {
	margin-top:15px;
}
#content #accountSettings {
	padding-right:10px;
}
#content #accountSettings input[type=text].outline {
	border:none;
	border-bottom:1px solid rgb(200,202,205);
	margin-bottom:5px;
	margin-right:5px;
	width:190px;
}
.clock {
	display:inline-block;
	background-image:url(img/clock.gif);
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	margin-top:10px;
}
#bezahlungsmethode {
	margin-bottom:15px;
}
.popup {
	/*float:left;
	margin-right:10px;*/
	margin-bottom:10px;
	clear:both;
	position:relative;
	margin-right:40px;
}
.popup img {
	width:50px;
	height:50px;
	border-radius:4px;
	float:left;
	margin-right:5px;
}
.popup a {
	display:inline-block;
}
.popup span {
	margin-left:5px;
	display:inline-block;
}
.popup .zBuy {
	font-weight:bold;
	display:inline-block;
	margin-left:-5px;
	cursor:pointer;
}
.popup .zBuy:hover {
	color:rgb(25,150,43);
}
#captcha {
	float:left;
}
.newCaptcha {
	width:200px;
	height:50px;
	display:inline-block;
	position:relative;
	left:-350px;
	background-image:url(img/cReload0.png);
}
.newCaptcha:hover {
	background-image:url(img/cReload1.png);
}
.newCaptcha:active {
	background-image:url(img/cReload2.png);
}
.captchaIn {
	border:1px solid rgba(20,30,40,0.5);
	font-size:30px;
	height:44px;
	padding:2px;
	margin-left:10px;
	float:left;
}
.captchaIn.formError {
	border:1px solid rgb(192,0,0);
	background-color:rgba(255,0,0,0.23);

}
.searchResult {
	border-bottom:1px solid rgba(20,30,40,0.5);
	margin-bottom:10px;
	margin-right:30px;
}
.searchResult:last-child {
	border-bottom:none;
}
.searchResult .auszug {
	padding:5px;
	background-color:rgba(20,30,40,0.05);
}
.hoverImg {
	position:relative;
}
.hoverImg img {
	position:absolute;
	top:-40px;
	left:130px;
	display:none;
	background-color:rgb(255,255,255);
	padding:1px;
	border:1px solid rgb(25,150,43);
	box-shadow:5px 5px 9px rgba(0,0,0,0.1);
}
.hoverImg:hover img {
	z-index:99999;
	/*display:block;*/
}
#clearCart {
	margin:0px 22px 20px 20px;
	float:right;
}
.feld {
	background-color:rgb(238,233,225);
	padding:5px 30px 5px 5px;
	border-bottom:20px solid rgb(255,255,255);
	margin-right:0px !important;
}
.sign {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:20px;
	font-weight:bold;
}
.feld img {
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	border-right:2px solid rgb(255,255,255);
}
table.abstand {
	width:100%;
	margin-top:30px;
}

.topSlides {
	z-index:900;
	position:absolute;
	/*top:101px;*/
	top:-287px;
	width:188px;
	height:250px;
	border-left:1px solid rgb(255,255,255);
	border-right:1px solid rgb(255,255,255);
	overflow:hidden;
}
.topSlides img {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
}
#social {
	padding-top:5px;
}
#social img {
	margin-right:5px;
	height:32px;
	width:32px;
	overflow:hidden;
	box-shadow:5px 5px 7px 0px rgba(0,0,0,0.1);
	border-radius:4px;
	outline:none;
	border:none;
}
#social img:hover {
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3);
	position:relative;
	top:1px;
	left:1px;
}

.bild_l {
	float:left;
	padding-right:10px;
	padding-bottom:5px;
}
.bild_r {
	float:right;
	padding-left:5px;
	padding-bottom:5px;
}
.jetztKaufen {
	cursor:pointer;
}
.ampel {
	background-image:url(img/ampel.png);
	background-repeat:no-repeat;
	height:20px;
	overflow:hidden;
	padding:8px 5px 5px 40px;	
}
.ampel_0 {
	background-position:0px 0px;
}
.ampel_1 {
	background-position:0px -32px;
}
.ampel_2 {
	background-position:0px -64px;
}

table.versandkosten {
	width:calc(100% - 50px) !important;
}
table.versandkosten th {
	padding-left:5px;
	font-weight:bold;
}
table.versandkosten td {
	border-right:1px solid rgb(255,255,255);
}

table.produktInfo {
	width:calc(100% - 50px) !important;
	margin-top:20px;
	margin-bottom:20px;
}
table.produktInfo td, table.produktInfo th {
	color:rgb(0,0,0) !important;
	background-color:rgb(255,255,255) !important;
	border:0px none;
}
table.produktInfo td:first-child {
	font-weight:bold;
	padding-left:0px !important;
}
#zettel {
	position:absolute;
	top:0px;
	left:0px;
}
select.sel1 {
	width:129px;
	margin-left:-4px;
}

ol {
	margin-left:20px;
	list-style-type:decimal;
	margin-bottom:10px;
	padding-right:25px;
}
ol li {
	margin-bottom:10px;
}
ol ol {
	list-style-type:lower-alpha;
}
.small {
	font-size:12px;
}
.black {
	color:rgb(0,0,0);
}

table.social tr:first-child {
	height:30px;
}
table.social tr {
	height:25px;
}

.beige {
	background-color:rgba(238,233,225,0.5);
	padding:0px 0px 2px 6px;
	margin:20px 0px 20px -6px;
}
#content .beige h2 {
	padding-top:0px;
	margin-top:0px;
}
/* überschreiben der warenkorbanzeige zur letzten zusammenfassung*/

#content table.warenkorb {
	/*width:calc(100% - 50px) !important;*/
	width:645px !important;
}
#content table.warenkorb tr {
	background-color:transparent !important;
	border-bottom:1px solid rgb(20,30,40) !important;
}
#content table.warenkorb tr:first-child {
	font-weight:bold;
}
#content table.warenkorb td:last-child {
	text-align:right;
}
#content table.warenkorb td {
	border:0px none !important;
}
sub {
	font-size:80%;
}
.big {
	font-size:22px;
}
.neg {
	padding:2px 4px 2px 4px;
	margin-right:5px;
	background-color:rgb(25,150,43);
	color:rgb(255,255,255);
	font-weight:bold;
}
table.nope {
	border-collapse:collapse;
}
table.nope tr, table.nope td {
	background-color:transparent;
}
.durchgestrichen {
	text-decoration:line-through;
}
#warenkorbData .formError + input, #warenkorbData .formError + select {
	background-color:rgba(255,0,0,0.23);
	border-color:rgb(192,0,0);
}
sup {
    vertical-align: baseline;
    position: relative;
    top: -0.5em;
    font-size: 0.8em;
}

#aktion {
	padding-right:20px;
}
#aktion > img {
	max-width:100%;
}
#aktion .red {
	color:rgb(96,0,0);
}
#aktion .bigger {
	font-size:1.1em; 
	font-weight:bold;
}
#aktion ol {
	list-style: none;
	counter-reset: lcount;
}
#aktion ol > li {
	position:relative;
	padding-left:10px;
}
#aktion ol > li:before {
	counter-increment: lcount; 
	position:absolute;
	top:0;
	left:-20px;
	content:'' counter(lcount);
	display:block;
	width:20px;
	height:20px;
	background-color:rgb(0,96,192);
	border-radius:10px;
	color:white;
	text-align: center;
}