/* ::::::::::: OVERWIEW :::::::::::*/

/* ::::::::::: Basic Styles ::::::::::: */







body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font: normal 13px/1.33 'Arial', sans-serif;
	

}

#EBdescription{
	min-height:2300px;
}

	/* ####### FONTS ####### */

.headline {
	font: 400 22px/1.2 'Arial', sans-serif;
}

a {
	text-decoration: none;
	font: bold 13px/1.33 'Arial', sans-serif;
}
	/* ####### COLORS ####### */

	/* ####### BASICS ####### */
	
.center {
	display: block;
	text-align: center;
}
	
img {
	border: 0px;
	margin: 0px;
}

	/* ####### DIMENSIONS ####### */

#wrapper,
#header,
#content_container,
#colleft,
#content {
	position: relative;
	padding: 0px;
	margin: 0px;
}

#header {
	width: 1002px;
	height: 182px;
}

#content_container {
	width: 1002px;
}

#colleft {
	margin-right: 0px;
	width: 226px;
	float: left;
}

#content {
	float: left;
	width: 730px;
}

	/* ####### BOXES ####### */

/* ::::::::::: Stucture Styles ::::::::::: */

#wrapper {
	text-align: center;
	width: 100%;
	height: 100%;
	border: 0px;
	padding-top: 32px;
	background-image: url(../img/wrapper.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;		
	background-color: #A4A4A4;
	border: 0px;

}

#shoppage {
	text-align: center;
	width: 100%;
	height: 100%;
	border: 0px;
	padding-top: 32px;
	background-image: url(../img/wrapper.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;		
	background-color: #A4A4A4;
	border: 0px;

}



#header,
#content_container {
	margin: 0px auto 0px auto;
	text-align: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;	
}

#header {
	background-image: url(../img/header.jpg);
	position: relative;
	margin: 0px auto 0px auto;
}

#content_container {
	background-image: url(../img/content_container.jpg);
	background-repeat: repeat-y;		
	padding: 0px 0px 0px 8px;
	w\idth: 994px; 
}

#content {
	position: relative;
	display: block;
	background-color: #ffffff;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

/* ::::::::::: content_container Styles ::::::::::: */

	/* ####### LOGO ####### */

#logo {
	position: absolute;
	margin: 0px;
	top: 35px;
	left: 42px;
}
	
	/* ####### mainnavi ####### */

#mainnavi {
	position: absolute;
	padding: 0px 0px;
	margin: 0px;
	bottom: 39px;
	left: 0px;
	width: 1002px;
	height: 36px;
	border: 0px;
	font-size: 13px;
	text-align: center; 
	background: transparent;
	}

#mainnavi li {
	position: relative;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;	
	background-image: url(../img/divider.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;	
	border: 0px;
	height: 36px;
}

#mainnavi li a {
	color: #5E7A0B;
	height: 36px;
	padding: 10px 25px 0px 25px;
	display: block;
	margin: 0px;
	text-decoration: none;
	border: 0px;	
	he\ight: 26px;
}	

#mainnavi li.cur a {
	text-decoration: underline
}

#mainnavi li a:hover {
	text-decoration: underline
}

#mainnavi .lev2{
	display:none;
}

	/* ####### SHOPSUCHE ####### */

form#shopsuche {
	position: absolute;
	padding: 0px;
	top: 35px;
	left: 665px;
}

form#shopsuche div {
	color: #686868;
}

form#shopsuche input {
	float: left;
	margin: 0px;
}

form#shopsuche input#searchfield {
	border: 0px;
	font-size: 12px;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	color: #000000;
	width: 197px;
	height: 21px;
	border: 1px solid #999999;
	w\idth: 182px;
}

form#shopsuche input#searchbut  {
	padding: 0px;
	margin: 2px 18px 0px 7px;
	font-size: 12px;
	color: #ffffff;
	height: 23px;
	width: 82px;
	border: 0px;
	cursor: pointer;
	background-color: #96C600;		
}

/* ::::::::::: Main Headline ::::::::::: */

#wrapper h1 {
	font: 400 25px/1 'Ubuntu', sans-serif;
	color: #2C2C2C;
	margin: 0px;
	padding: 20px 0px 10px 240px;
	}

/* ::::::::::: Colleft Styles ::::::::::: */

	/* ####### NAVIGATION ####### */

#colleft .headline {
	width: 226px;
	height: 36px;
	color: #686868;
	font-size: 22px;
	padding: 2px 0px 0px 15px;
	background-image: url(../img/headline.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	w\idth: 211px;
	he\ight: 34px;
}

ul.lev1,
ul.lev2 {
	position: relative;
	margin: 4px 0px 0px 4px;
	padding: 0px 0px 0px 0px;	
	list-style-type: none;
}
ul.lev2 {
	color: #686868;
	margin: 4px 0px 10px 4px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #686868;
}
 
ul.lev1 li,
ul.lev2 li {
	position: relative;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
}
	
ul.lev1 li {
	background-image: url(../img/lev1_li.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}	

ul.lev2 li {
	margin: 0px 0px 0px 14px;
	background-image: none;
	border-top: 0px;
}

ul.lev1 li a, 
ul.lev1 li span,
ul.lev2 li span {
	width: 221px;
	padding: 5px 0px 3px 8px;
	display: block;
	color: #000000;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
	w\idth: 213px;
}

ul.lev1 li a,
ul.lev1 li span {
	font-size: 14px;
	font-weight: bold;	
}

ul.lev2 li a,
ul.lev2 li span {
	color: #686868;
	font-size: 12px;
	padding: 4px 0px 4px 0px;
	display: block;
	font-weight: bold;	
	text-decoration: none;	
	background-image: none;
	border-bottom: 0px;
	margin-left:-5px;
	padding-left:10px;
	width:190px;
}

ul.lev1 li span {
	color: #fff;
	background-color: #8AB800;
}

ul.lev2 li span {
	font-weight: bold;
	
}

ul.lev1 li span.cnt {
	display: none;
}

ul.lev2 li span.cnt {
	display: none;
}

ul.lev1 li a:hover {
	text-decoration: underline;
}

ul.lev2 li a:hover {
	text-decoration: underline;
	background-color: transparent;
}

	/* ####### ICONS ####### */

/* ::::::::::: Content Styles ::::::::::: */

/* ::::::::::: Footer Styles ::::::::::: */

#footer {
	position: relative;
	width: 1002px;
	height: 118px;
	margin-left: -8px;
	clear: both;
	background-image: url(../img/footer.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#footer p,
#footer ul {
	position: absolute;
	top: 17px;
	color: #686868;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#footer .txt1 {
	left: 23px;
}

#footer .txt2 {
	left: 254px;
}

#footer .txt3 {
	left: 395px;
}

#footer .txt4 {
	left: 588px;
}

#footer .txt5 {
	left: 798px;
}

#footer ul {
	list-style-type: none;
	}

#footer li {
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;	
	border: 0px;
}

#footer li a {
	color: #686868;
	font-size: 12px;
	font-weight: normal;
}

#footer li a.twitter {
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	padding-top: 30px;
	background-image: url(../img/twitter.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	he\ight: 0px;
}

#footer li a.facebook {
	position: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	width: 31px;
	height: 30px;
	padding-top: 30px;
	background-image: url(../img/facebook.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	he\ight: 0px;
}

#footer li a:hover {
	text-decoration: underline;
}

html div.spacer,
html span.spacer {
	overflow: hidden;
	height: 0px;
	line-height: 0px;	
	clear: both;
	display: block;
	background-color: transparent;
}

* html div.spacer,
* html span.spacer {
	height /**/: 1px;
	line-height /**/: 1px;	
}	

#LeftPanel{
	display:none;
}

#CentralArea{
	display:none;
}

#pl{
	width:700px;
	margin:auto;
	margin-top:-20px;
	padding-bottom:40px;
	margin-left:-1px;

	
}

#pl a{
	color:#000;
}

#pl div{
	padding:0px;
}

.r3_t{
	display:none;
}

.r3_c{
	border:none;
}
.r3_bl{
	display:none;
}

.ctrlbr{
	display:none;
}
.countClass{
	color:#8AB800 !important;
}

#beschreibung{
	width:650px;
}


@media screen and (max-width:1000px){
	#colleft,#enavload,#shopsuche,#mainnavi,#footer,#mainnavi,#xgal,
	#sp1background,#sp1,#sp2background,#sp2,#sp3background,#sp3,#ds_div #main
	{display:none !important;}
	
	#header{background:#fff;}
	
	#logo{
		position: relative;
		float: left;
		width: 90%;
		text-align: center;
	}
	
	#shoppage{padding-top:0;background-image:none;}
	
	#logo img{max-width:100%;width:100%;height:auto;margin:0 auto;}
	
	#content_container,#content,#contentbox2,#header,object,#nf_inner,#gallery-image,#left,#right{
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	#gallery-image img{max-width:100% !important;}
	
	#beschreibung,#contentbox2{
		width:90% !important;
		padding:5% !important;
		display:inline-block;
	}
	
	.thumbnails {
		margin-left: -45px;
		display: inline-block;
	}
	
	#produktname { width: calc(100% - 7px);}
	
	#produktname,#boxtitle{
		background:#8DB602; 
		display: inline-block;
		background-image:none !important;
		width: 90% !important;
		padding:20px 5% !important;
		margin: 0 !important;
		font-size: 45px !important;
		height: auto !important;
	
		
	}

	
}