/* SEVENPLY CSS by nordgestalten.com */

/*
NEEDED COLORS
orange	     	=  	#FFCE00
hellgrau    	=   #F2F2F2
grau		 	= 	#E5E5E5
dunkelgrau		=	#868686
mittelblau		=   #00adb5
hellblau/cyan	=	#00ccff

@import "layout.css";
@import "specials.css";
*/

@import "coda.css";
@import "navi.css";
@import "carousel.css";
@import "products.css";
@import "boxes.css";
@import "facebox.css";
@import "checkout.css";
@import "modules.css";
@import "preset.css";
@import "news_content.css";
@import "two_columns.css";

/* von jan */
#newsletterbox { z-index:101; position:absolute; top:50; left:200px; width:350px; background-color:#78c9ff; padding:0px; padding-left:14px; border-style:solid; border-color:#040736; border-width:1px; background-repeat:no-repeat; background-position:center center; background-image:url(/images/nlpopup/popup_hg2.jpg); }
.newsletterboxclass p { font-size:12px; line-height:1.5em; }
#closex { float:right;}
#nlbt1 { font-size:18px; font-weight:bold; font-family:arial; color:#040736; background:#FFFFFF; line-height:20px;}
#nlbt2 { font-size:12px; font-weight:bold; font-family:arial; color:#040736; line-height:16px;}
#nlbul { color:#040736; font-size:12px; font-weight:normal; font-family:arial; line-height:20px; padding-left:16px;}
#nlbbutton { color:#FFFFFF; font-size:12px; border-style:solid; border-color:#040736; font-weight:bold; font-family:arial; padding:2px; background-color:#040736; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#nlbbutton:hover { color:#FFFFFF; font-size:12px; border-style:solid; border-color:#040736; font-weight:bold; font-family:arial; padding:2px; background-color:#242756; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.produktbeschreibungsklasse ul { margin-left:20px }
#platzhalter { height:170px; }
.adventstabelle tr { padding:0px; margin:0px; height:120px; text-align:center;}
.adventstabelle td { padding:5px; margin:0px; width:160px; height:120px; text-align:center;}
#adventstabelle { margin-left:20px; background-image: url(/images/adventskalender_hintergrund.jpg); background-repeat:no-repeat; background-position:top left;} 
#adventstaggeschlossen { font-weight:bold; font-size:34px; color:#404000; text-align:center;}
#adventstagoffen { font-weight:bold; font-size:34px; color:#400000; text-align:center;}
#adventstagheute { font-weight:bold; font-size:34px; color:#404000; text-align:center; }
#fensterheute { text-align:center; width:160px; height:120px; }

#todayis9 { background-image: url(/images/adventskalender/zu9.gif); background-repeat: no-repeat; background-position:center center; }
#todayis9:hover { background-image: url(/images/adventskalender/gehauf1.gif); background-repeat: no-repeat; background-position:center center; }

#todayis18 { background-image: url(/images/adventskalender/zu18.gif); background-repeat: no-repeat; background-position:center center; }
#todayis18:hover { background-image: url(/images/adventskalender/gehauf2.gif); background-repeat: no-repeat; background-position:center center; }

#todayis3 { background-image: url(/images/adventskalender/zu3.gif); background-repeat: no-repeat; background-position:center center; }
#todayis3:hover { background-image: url(/images/adventskalender/gehauf3.gif); background-repeat: no-repeat; background-position:center center; }

#todayis13 { background-image: url(/images/adventskalender/zu13.gif); background-repeat: no-repeat; background-position:center center; }
#todayis13:hover { background-image: url(/images/adventskalender/gehauf4.gif); background-repeat: no-repeat; background-position:center center; }

#todayis15 { background-image: url(/images/adventskalender/zu15.gif); background-repeat: no-repeat; background-position:center center; }
#todayis15:hover { background-image: url(/images/adventskalender/gehauf5.gif); background-repeat: no-repeat; background-position:center center; }

#todayis1 { background-image: url(/images/adventskalender/zu1.gif); background-repeat: no-repeat; background-position:center center; }
#todayis1:hover { background-image: url(/images/adventskalender/gehauf6.gif); background-repeat: no-repeat; background-position:center center; }

#todayis8 { background-image: url(/images/adventskalender/zu8.gif); background-repeat: no-repeat; background-position:center center; }
#todayis8:hover { background-image: url(/images/adventskalender/gehauf7.gif); background-repeat: no-repeat; background-position:center center; }

#todayis22 { background-image: url(/images/adventskalender/zu22.gif); background-repeat: no-repeat; background-position:center center; }
#todayis22:hover { background-image: url(/images/adventskalender/gehauf8.gif); background-repeat: no-repeat; background-position:center center; }

#todayis21 { background-image: url(/images/adventskalender/zu21.gif); background-repeat: no-repeat; background-position:center center; }
#todayis21:hover { background-image: url(/images/adventskalender/gehauf9.gif); background-repeat: no-repeat; background-position:center center; }

#todayis6 { background-image: url(/images/adventskalender/zu6.gif); background-repeat: no-repeat; background-position:center center; }
#todayis6:hover { background-image: url(/images/adventskalender/gehauf10.gif); background-repeat: no-repeat; background-position:center center; }

#todayis4 { background-image: url(/images/adventskalender/zu4.gif); background-repeat: no-repeat; background-position:center center; }
#todayis4:hover { background-image: url(/images/adventskalender/gehauf11.gif); background-repeat: no-repeat; background-position:center center; }

#todayis16 { background-image: url(/images/adventskalender/zu16.gif); background-repeat: no-repeat; background-position:center center; }
#todayis16:hover { background-image: url(/images/adventskalender/gehauf12.gif); background-repeat: no-repeat; background-position:center center; }

#todayis11 { background-image: url(/images/adventskalender/zu11.gif); background-repeat: no-repeat; background-position:center center; }
#todayis11:hover { background-image: url(/images/adventskalender/gehauf13.gif); background-repeat: no-repeat; background-position:center center; }

#todayis20 { background-image: url(/images/adventskalender/zu20.gif); background-repeat: no-repeat; background-position:center center; }
#todayis20:hover { background-image: url(/images/adventskalender/gehauf14.gif); background-repeat: no-repeat; background-position:center center; }

#todayis10 { background-image: url(/images/adventskalender/zu10.gif); background-repeat: no-repeat; background-position:center center; }
#todayis10:hover { background-image: url(/images/adventskalender/gehauf15.gif); background-repeat: no-repeat; background-position:center center; }

#todayis23 { background-image: url(/images/adventskalender/zu23.gif); background-repeat: no-repeat; background-position:center center; }
#todayis23:hover { background-image: url(/images/adventskalender/gehauf16.gif); background-repeat: no-repeat; background-position:center center; }

#todayis2 { background-image: url(/images/adventskalender/zu2.gif); background-repeat: no-repeat; background-position:center center; }
#todayis2:hover { background-image: url(/images/adventskalender/gehauf17.gif); background-repeat: no-repeat; background-position:center center; }

#todayis17 { background-image: url(/images/adventskalender/zu17.gif); background-repeat: no-repeat; background-position:center center; }
#todayis17:hover { background-image: url(/images/adventskalender/gehauf18.gif); background-repeat: no-repeat; background-position:center center; }

#todayis24 { background-image: url(/images/adventskalender/zu24.gif); background-repeat: no-repeat; background-position:center center; }
#todayis24:hover { background-image: url(/images/adventskalender/gehauf19.gif); background-repeat: no-repeat; background-position:center center; }

#todayis19 { background-image: url(/images/adventskalender/zu19.gif); background-repeat: no-repeat; background-position:center center; }
#todayis19:hover { background-image: url(/images/adventskalender/gehauf20.gif); background-repeat: no-repeat; background-position:center center; }

#todayis12 { background-image: url(/images/adventskalender/zu12.gif); background-repeat: no-repeat; background-position:center center; }
#todayis12:hover { background-image: url(/images/adventskalender/gehauf21.gif); background-repeat: no-repeat; background-position:center center; }

#todayis5 { background-image: url(/images/adventskalender/zu5.gif); background-repeat: no-repeat; background-position:center center; }
#todayis5:hover { background-image: url(/images/adventskalender/gehauf22.gif); background-repeat: no-repeat; background-position:center center; }

#todayis14 { background-image: url(/images/adventskalender/zu14.gif); background-repeat: no-repeat; background-position:center center; }
#todayis14:hover { background-image: url(/images/adventskalender/gehauf23.gif); background-repeat: no-repeat; background-position:center center; }

#todayis7 { background-image: url(/images/adventskalender/zu7.gif); background-repeat: no-repeat; background-position:center center; }
#todayis7:hover { background-image: url(/images/adventskalender/gehauf24.gif); background-repeat: no-repeat; background-position:center center; }

/* jqzoom */
div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}


/* ende jqzoom */

#brands_container div {
	width: 180px;
	height: 120px; 
	position: relative;
	float: left;
	top: 5px;
}
#outofstocktr { background:#FFBBBB; }
.jkerrorinput tr { border:solid; border-width:1px; border-color:#880000; }
.jkerrorinput { color:#880000; font-weight:bold;}
#sizetable td { padding:2px; border:solid; border-width:1px; border-color:#999; }

.category_tree_container { margin: 0 20px 0px 20px; color:#666; background: #fff; width: 727px; height: auto; padding:3px;}
.category_tree_container_start { margin: 0 20px 0px 20px; color:#666; background-color: #E9E9E9; width: 727px; height: 237px; padding-left:5px;}
.category_tree_container h2 {color:#666; background: #E9E9E9; width: 723px; height: auto; padding:5px;}
.category_tree_container a:link, .category_tree_container a:visited, .category_tree_container a:hover, .category_tree_container a:active, .category_tree_container a:focus { color:#666; }
.category_tree_container_start a:link, .category_tree_container_start a:visited, .category_tree_container_start a:hover, .category_tree_container_start a:active, .category_tree_container_start a:focus { color:#666; }
.single_category_tree_container { position:relative; top: 5px; padding: 4px; float:left; width: 110px; margin: 0px 3px 5px 0px; background: #fff; height: 91%; }
.single_category_tree_container_start { position:relative; top: 5px; padding: 4px; float:left; width: 110px; margin: 0px 3px 5px 0px; background: #fff; height: 92%; width: 134px; }
.six_category_tree_container {background-color: #fff; width: 726px;}


.jknews_container{ z-index: 1; margin-left: 25px; width:733px; }
.jknews_top{ z-index: 1; margin: 0px; background-image: url(../../img/new/news_top.png); background-repeat: repeat; width: 733px; height: 20px;}
.jknews_bg { z-index: 1; margin: 0px; background-image: url(../../img/new/news_bg.png); background-repeat: repeat; width:693px; height: auto; padding: 0px 20px; }
.jknews_bg h2 { color: #666;}
.jknews_container h2 {padding: 3px 13px 13px 0px;}
.jknews_bg h2 a, .jknews_bg h2 a:link, .jknews_bg h2 a:visited, .jknews_bg h2 a:hover {color: #666;}
.jksingle_news_container { padding: 0px;}
.jksingle_news_short_container {float: left; width: 155px; padding-right: 17px;  height: 225px; margin: 0px;  }
.jksingle_news_short_container_image {padding-left:25px; width: 90px; height: 100px; margin: 0px;  }
.jknews_container h3 { padding: 10px 25px 10px 0px;}
.jknews_container img { padding: 0px 10px 10px 0px; }
.jknews_bott{ z-index: 1; margin: 0px; background-image: url(../../img/new/news_bott.png); background-repeat: repeat; width: 733px; height: 20px;}


.grey_top{ z-index: 1; margin: 20px 20px 0px 20px; background-image: url(../../img/new/news_top.png); background-repeat: repeat; width: 940px; height: 20px;}
.grey_box { margin:0px 20px; padding:10px; text-align:justify; background:#EEEEEE; }
.grey_links a:link, .grey_links a:visited, .grey_links a:hover, .grey_links a:active, .grey_links a:focus { color:#666; text-decoration:underline; }
.grey_bg {background-image: url(../../img/new/news_bg.png); background-repeat: repeat; } 
.grey_bott{ z-index: 1; margin: 0px; background-image: url(../../img/new/news_bott.png); background-repeat: repeat; width: 940px; height: 20px;  margin: 0px 20px 20px 20px;}
.jkfooter { text-align: center; margin: 8px 0 20px 0;}

.site_cut_top {
	background-image: url(../../img/new/site_bottom.png);
	background-repeat: no-repeat;
	width: 981 px;
	height: 10px;
	margin-top: 10px;
	float: none;
	text-align: left;
}
.site_cut_bott {
	background-image: url(../../img/new/site_top.png);
	background-repeat: no-repeat;
	width: 981 px;
	height: 10px;
	margin-bottom: 10px;
}

.headerError { color:#FF0000; }

/* ende von jan */



* {
	margin: 0em;
    padding: 0em;
}


BODY {
	font-size:11px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	color: #666;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 0em;
	line-height: 1.2em;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	background: #F7F7F7;
}


* html BODY { /* FÜR DEN FUCKING IE */
	font-size:11px;
	letter-spacing: 0em;
}

* html TABLE { /* FÜR DEN FUCKING IE */
	font-size:11px;
	letter-spacing: 0em;
}

/* BASICS */

.absolute {
	position: absolute;
}

* html h1,
* html h2,
* html h3,
* html h4,
* html h5 {
	letter-spacing: 99%;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, Geneva, sans-serif;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0em;
	line-height: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

SELECT {
	font-size:small !important;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.clear {
	clear: both;
	height: 1px;
}

a img {
	border: none;
}

a,
a:link,
a:visited {
	text-decoration: none;
	color: #eda300;
}

SELECT {
	font-size: 10px !important;
	width: 150px;
}

a:hover {
	text-decoration: underline;
}

#mc {
	width: 990px;
	margin: 0 auto;
}

#top_menu {
	text-align: right;
	margin: 10px;
}

#site_top {
	width: 981px; height: 10px;
	background: url(../../img/new/site_top.png) bottom no-repeat;
	margin: 0 auto;
}

#site_body {
	width: 981px;
	background: url(../../img/new/site_body.png) repeat-y;
	margin: 0 auto;
	text-align: left;
}

#site_logo {
	width: 202px; height:52px;
	float: left;
	margin: 15px 0 0 25px;
	display: inline;
}

#site_menu {
	clear: both;
	height: 30px;
	margin: 25px 25px 10px 25px;
	background: url(../../img/new/menu_bg.jpg) no-repeat bottom;
}

#breadcrump {
	margin:13px 25px 14px 25px;
}

#left {
	width: 174px;
	float: left;
	margin: 0 0 0 25px;
	display: inline;
}

#center {
	width: 583px;
	float: left;
	display: inline;
	text-align: left;
}
#ffcenter {
	width: 774px; /* was 765px */
	float: left;
	display: inline;
	text-align: left;
}

.ffcenter2 {
	width: 774px; /* was 765px */
	float: right;
	text-align: left;
	margin: 5px 29px;
}

/* einspaltig */
.single {
	width: 757px !important;
}

#right {
	width: 174px;
	float: right;
	margin: 0 25px 0 0;
	display: inline;
}

*html #right {
	width: 174px;
	float: left;
	margin: 0 0 0 0;
	display: inline;
}


#site_bottom {
	width: 981px; height: 10px;
	background: url(../../img/new/site_bottom.png) no-repeat;
	margin: 0 auto;
}

.mb {
	margin-bottom: 20px;
}


#facebox .popup .content {
	background: #F7F7F7;
	padding: 20px;
}

.content_popup {
	width: 500px;
}



.content_popup table { border:2px solid #ccc; width:100%; }
.content_popup tr.table_head {font-weight: bold;}
.content_popup td { border:1px solid #ccc; vertical-align:top; overflow:hidden; }

.faq h3 {
	margin: 10px 0 0 0;
	cursor: pointer;
}


.drop_down {
	width: 50px;
}
