@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

a:link,
a:visited {
	text-decoration:none;
	color:#C4CFD6;
}

a:link:hover {
	color:#FFF;
}

div.clear {
  clear: left;
}

#mainContainer {
	width:1040px;
	margin:auto;
	text-align:center;
 /* 	box-shadow: 4px 0 6px #222,  -4px 0 6px #222; 
*/
}



#topBar {
	margin:auto;
	width:1040px;
	height:41px;
	position:relative;
	background-color: #fff;
	background:transparent;
}

#topBarMenu {
	width:542px;
	height:40px;
	float:right;
	margin-right:0px;
}

.categorieLine {
	width:180px;
	height:3px;
	float:left;
	background-image:url(../gfx/sprite.png);
	background-position:-280px -319px;
	margin-top:3px;
	margin-bottom:5px;
}


.katButton {
	width:140px;
	height:23px;
	padding-top:7px;
	padding-left:10px;
	float:left;
	background-image:url(../gfx/sprite.png);
	background-position:430px -325px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

.katButton:link,
.katButton:visited {
	color:#FFF;
}

.katButton:hover {
	background-position: 150px -325px;
}

#topBarMenuShop {
	width:114px;
	height:40px;
	float:left;
	margin-left:1px;
	background-image:url(../gfx/sprite.png);
	background-position:0px 0px;
	border-radius: 10px 0 0 0;
}
#topBarMenuShop:hover{
	background-position:0px -40px;
}

#topBarMenuUeberuns {
	width:106px;
	height:40px;
	float:left;
	margin-left:1px;
	background-image:url(../gfx/sprite.png);
	background-position:-117px 0px;
}
#topBarMenuUeberuns:hover{
	background-position:-117px -40px;
}

#topBarMenuVersand {
	width:104px;
	height:40px;
	float:left;
	margin-left:1px;
	background-image:url(../gfx/sprite.png);
	background-position:-226px 0px;
}
#topBarMenuVersand:hover{
	background-position:-226px -40px;
}

#topBarMenuZahlung {
	width:107px;
	height:40px;
	float:left;
	margin-left:1px;
	background-image:url(../gfx/sprite.png);
	background-position:-333px 0px;
}
#topBarMenuZahlung:hover{
	background-position:-333px -40px;
}

#topBarMenuKontakt {
	width:106px;
	height:40px;
	float:left;
	margin-left:1px;
	border-radius: 0 10px 0 0;
	background-image:url(../gfx/sprite.png);
	background-position:-441px 0px;+

}
#topBarMenuKontakt:hover{
	background-position:-441px -40px;
}

#logoBar {
	margin:auto;
	width:1040px;
	height:100px;
	background-color: #389BCE;
	background-image:url(../gfx/logoBG.png);
}

#logo {
	width:450px;
	height:120px;
	float:left;
	background-image:url(../gfx/logo.png);
	background-repeat: no-repeat;
	
}

#searchBox {
	float:right;
	width:247px;
	height:35px;
	margin-right:26px;
	margin-top:15px;	
}

#query {
	border:none;
	background: transparent;
	background-image:url(../gfx/searchFieldBG.png);
	height:26px;
	width:207px;
	padding-left:6px;
	float:left;
	margin-top:0px;
	position:relative;
}

#lupe {
	width:33px;
	height:26px;
	background-image:url(../gfx/searchBTN.png);
	background-position:0px 0px;
	border:none 0px;
	display:block;
	cursor:pointer;

}

#markField {
	margin-top:-25px;
	width:600px;
	float:right;
	text-align:right;
}

.markButtons {
	height:26px;
	background-image:url(../gfx/sprite.png);
	background-position:-447px -80px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-left:14px;
	margin-right:26px;
}
.markButtons:hover {
	color:#91C0D9;
}

#header {
	margin:auto;
	width:1040px;
	height:212px;
	background-image:url(../gfx/headerBG.png);
}

#headerShop {
	width:156px;
	height:44px;
	float:right;
	margin-top:146px;
	margin-right:40px;
	background-image:url(../gfx/sprite.png);
	background-position:-291px -80px;
}

#headerShop:hover {
	background-position:-291px -124px;
}

#subContainer {
	margin:auto;
	width:1040px;
/*
	background-image:url(../gfx/gradient.png);
*/
background: #389bce; /* Old browsers */
background: -moz-linear-gradient(top, #389bce 0%, #153f5d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#389bce), color-stop(100%,#153f5d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #389bce 0%,#153f5d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #389bce 0%,#153f5d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #389bce 0%,#153f5d 100%); /* IE10+ */
background: linear-gradient(to bottom, #389bce 0%,#153f5d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389bce', endColorstr='#153f5d',GradientType=0 ); /* IE6-9 */
	background-color:#143E5C;
	background-repeat:repeat-x;
	position:relative;
}

#sideBar {
	width:180px;
	height:200px;
	margin-left:32px;
	margin-top:45px;
	float:left;
	text-align:left;
}

.sideBarHeadline {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
	margin-left: -15px;
	float:left;
}

.sideBarHeadlineKat {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
}



#sideBarTop {
	width:180px;
	height:451px;
	margin-bottom:40px;
}

#categories {
	width:180px;
	height:385px;
	margin-bottom:30px;
	margin-top:38px;
	text-align:left;
	
}

#markField2 {
	width:10px;
	height:36px;
}

#sideBarShop {
	width:128px;
	height:36px;
	margin-top:5px;
	float:left;
	background-image:url(../gfx/sprite.png);
	background-position:0px -170px;
}

#sideBarShop:hover {
	background-position:0px -206px;
}

#sideBarMich {
	width:128px;
	height:36px;
	float:left;
	background-image:url(../gfx/sprite.png);
	background-position:-129px -170px;
}

#sideBarMich:hover {
	background-position:-129px -206px;
}



#sideBarBottom{
	width:180px;
	height:450px;
	position:relative;
}

.infoBanner {
	margin-top:20px;
	margin-bottom:20px;
	margin-left: -10px;
	margin-right: 5px;
	border-radius: 5px;
}

.descriptionLine {
	color:#576C7B;
	background:#576C7B;
	height:1px;
	border:none;
	width:170px;
	float:left;
}


#imprint1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	float:left;
	height:55px;
	width:130px;
}

#imprint2 {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#FFF;
	font-size:11px;
	height:55px;
}

#imprint3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
}

#seperator {
	height:1640px;
	width:34px;
	background-image:url(../gfx/seperator.png);
	background-repeat:no-repeat;
	float:left;
}

#content {
	width:690px;
	min-height:500px;
	margin-left:35px;
	margin-top:45px;
	float:left;
}

#gallery {
	width:735px;
	padding:15px;
	padding-top: 35px;
	height:460px;
	margin-bottom:0px;
        margin-left: -25px;
	background-color:#ffffff;
	float:left;
	border-radius: 12px 12px 0px 0px;
	
}

#productContainer {
	width:735px;
	background-color: #ffffff;
	padding: 15px;
	min-height:250px;
	margin-bottom:20px;
        margin-left:-25px;
	float:left;
	border-radius:0px 0px 12px 12px;
	
}


#contentContainer {
	width:690px;
	margin-bottom:18px;
	float:left;
}

.descriptionLineContent {
	margin-top: 15px;
	margin-bottom: 15px;
	color:#576C7B;
	background:#576C7B;
	height:1px;
	border:none;
	width:715px;
	float:left;
}

.productHeadline {
	font-family:Arial, Helvetica, sans-serif;
	color:#2C7CA8;
	font-size:17px;
	font-weight:bold;
	margin-top:10px;
	float:left;
	width:565px;
	text-align:left;
}

.contentHeadline {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	margin-top:10px;
	float:left;
	width:680px;
	text-align:left;
}

.contentText {
	width:490px;
	float:left;
	margin-top:15px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

#batterieLogo {
	width:86px;
	height:84px;
	background-image:url(../gfx/sprite.png);
	background-position:-378px -200px;
	float:left;
	margin-top:15px
	
}

#batterieText {
	width:580px;
	float:left;
	margin-left:15px;
	margin-top:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

#markeText {
	width:580px;
	float:left;
	margin-left:15px;
	margin-top:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

#footer {
	margin:auto;
	width:1040px;
	height:170px;
background: #153f5d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #153f5d 1%, #389bce 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#153f5d), color-stop(100%,#389bce)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #153f5d 1%,#389bce 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #153f5d 1%,#389bce 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #153f5d 1%,#389bce 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #153f5d 1%,#389bce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153f5d', endColorstr='#389bce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#footerBar {
	margin:auto;
	width:1040px;
	height:32px;
	background-color:#389BCE;
 	border-radius: 0 0 5px 5px;
}

#findProduct {
	width:690px;
	margin-top:10px;
	margin-left:0px;
	float:left;
}
#findProductText {
	float:left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	margin-bottom:7px;
	margin-top:5px;
	
}

#findProductEmail {
	width:168px;
	height:80px;
	background-image:url(../gfx/sprite.png);
	background-position:0px -244px;
	float:left;
	margin-left:250px;
}

#landbell {
	width:565px;
	margin-top:10px;
	margin-left:50px;
	float:left;
}

#logoLandbell {
	width:86px;
	height:84px;
	background-image:url(../gfx/sprite.png);
	background-position:-464px -200px;
	float:left;
	margin-top:15px;
}

#landbellText {
	width:580px;
	float:left;
	margin-left:15px;
	margin-top:15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

#copyright {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8A9FAE;
	margin-left:30px;
	margin-top:10px;
}

#footerBarMenu {
	float:right;
	margin-top:10px;
	margin-right:40px;
	
}

#footerBarMenuShop {
	width:70px;
	height:11px;
	float:left;
	margin-left:40px;
	color: #fff;
	font-size: 11px;
}

#footerBarMenuShop:hover {
	color: #000;
}

#footerBarMenuUeberuns {
	width:53px;
	height:11px;
	float:left;
	color: #fff;
	font-size: 11px;
	margin-left:40px;
}
#footerBarMenuUeberuns:hover {
	color:#000;
}
#footerBarMenuVersand {
	width:51px;
	height:11px;
	float:left;
	color: #fff;
	font-size: 11px;
	margin-left:40px;
}
#footerBarMenuVersand:hover {
	color:#000;
}

#footerBarMenuZahlung {
	width:54px;
	height:11px;
	float:left;
	color: #fff;
	font-size: 11px;
	margin-left:40px;
}
#footerBarMenuZahlung:hover {
	color: #000;
}

#footerBarMenuKontakt {
	width:51px;
	height:11px;
	float:left;
	color: #fff;
	font-size: 11px;
	margin-left:40px;
	border-radius: 0 10px 0 0;
}
#footerBarMenuKontakt:hover {
	color:#000;
}


#dally_buy_item_now{
	padding: 4px;
	box-shadow: 2px 2px 2px 2px #222;
	border-radius: 3px;
	font-size: 15px;
	color:#fff;
	width: 150px;
	text-align: center;
	background: #d0e4f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-	stop	(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

.totalprice{
	font-size: 20px;
	text-decoration: bold; 
	color:#000;
}

.priceinfo{
	font-size: 11px;
	color: #000;
	text-decoration:none;
}


#toplogobox{

}

.contentText > table {
    width: 650px;
}



#kategorien{
	width: 175px;
	margin: 5px;
	margin-left: -10px;
	margin-bottom: 0;
	background-color: #094B7C;
	color:#fff;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	text-align: center;
}



nav {
	background-color: #094B7C;
	width:185px;
	margin: 0 -10px 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0 0 5px 5px;
}

nav ul {

	list-style:none;
	margin:0;
	padding:0;

}

nav ul li {
	position:relative;
}

nav a {
	color:  #e8e8e8; 
	padding:6px 0px;
	display:block;
	text-decoration:none;
	transition:background 1s;
	-moz-transition:background 1s;
	-webkit-transition:background 1s;
	-o-transition:background 1s;
	font-family:arial;
	font-size:12px;
	text-transform:uppercase;
	padding-left:10px;
}
nav a:hover {
	background: RGBA(255,255,255,0.05);
	color:#fff;
}


nav ul li:hover ul {
	display:block;
}
nav ul ul {
	position:absolute;
	left:185px;
	top:0;
	border-top:1px solid #e9e9e9;
	display:none;
}
nav ul ul li {
	width:200px;
	background:#f1f1f1;
	border:1px solid #e9e9e9;
	border-top:0;
}
nav ul ul li a {
	color: #000000 !important; 
	font-size:12px;
	text-transform:none;
}
nav ul ul li a:hover {
	color: #929292 !important; 
}


nav span {
    width:12px;
    height:12px;
    background:#fff;
    display:inline-block;
    float:left;
    margin-top:3px;
    margin-right:20px;
    position:relative;
    transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
nav a:hover span {
    background: #328CBB;
    transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}


nav span:before {
    content:"";
    width:12px;
    height:2px;
    background:#094B7C;
    position:absolute;
    left:0px;
    top:5px;
}

nav span:after {
    content:"";
    width:2px;
    height:12px;
    background:#094B7C;
    position:absolute;
    left:5px;
    position:top;
}
