@charset "UTF-8";

/*
------------------------------------------------------------------------------------------------------
Eickhoff Shop
Basisklassen 
------------------------------------------------------------------------------------------------------
*/


@media screen, projection {
	html { height: 100%; }
	
	body {
		background:#FFF;
		padding: 0px;
		height: 100%;
		margin: 0px;
		text-align: center; 
	}
	
	.page {
		float:left;
		width: 100%;
	
	}
	
	/*------------------------------------------------------------------------------------------------------*/
		
	html * { font-size: 100.01%; }
	
	/* (Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
		
	body {
		font-family: Arial, Helvetica, sans-serif;
		color: #303230;
		font-size: 75.00%;	
	}
	
	/*
	------------------------------------------------------------------------------------------------------
	Tags 
	------------------------------------------------------------------------------------------------------
	*/
	
	*:focus { outline: 0; }
		
	ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
	a {
		color: #303230;
		text-decoration: none;
	}
	
	p, img {
		float:left;
		padding: 0px;
		margin: 0px;
		border: none;
	}
	
	h1, h2, h3, h4, h5, h6, h7 {
		margin: 0px;
		font-weight: normal;
	}
	
	form {
		float: left;
		margin: 0px;
	}
	
	input {
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	/*
	------------------------------------------------------------------------------------------------------
	Base 
	------------------------------------------------------------------------------------------------------
	*/
	
	#header {
		float: left;
		width: 100%;
		text-align:left;
	}
	
	#content {
		float: left;
		width: 100%;
		text-align:left;
	}
	
	.center {
		margin: 0 auto;
		width: 980px;
	}
	
	#header .center,
	.area .center {
		position: relative;
	}
	
	#content .area {
		float: left;
		width: 100%;
	}
	
	/*
	------------------------------------------------------------------------------------------------------
	Header 
	------------------------------------------------------------------------------------------------------
	*/
	
	#header .logo {
		position:absolute;
		left: 11px;
		top: 44px;
		background:url(../../media/template/header/logo_bg.png?17112010);
		width: 451px;
		height: 33px;
		text-indent: -99999px;
	}
	
	#header .account {
		position: absolute;
		width: 200px;
		height: 12px;
		left: 555px;
		top: 6px;
		font-size: 91.66%;
		line-height: 12px;
	}
	
	#header .account li {
		float: right;
	}
	
	#header .account li a {
		float: left;
		padding: 0px 11px 0px 11px;
	}
	
	#header .account li .myaccount {
		border-right: 1px solid #E6EBEB;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	#header .account .selected a {
		color: #6f7f7f !important;
	}
	
	#header .account li .loginout {
		text-decoration: underline;
		background:url(../../media/template/header/account_li_loginout_bg.png) 13px 5px no-repeat;
		padding-left: 21px;

	}
	
	/*
	----------------------------------------------------
	Basket
	----------------------------------------------------
	*/
	
	/* Basket */
	#header #basket {
		background: #E6EBEB;
		height: 129px;
		margin-top: -122px;
	}
	
	#header #basket .center {
		height: 129px;
	}
		
	#header  #basket .holder {
		float: left;
		display: inline;
		width: 620px; 
		height: 103px;
		margin: 16px 0px 0px 20px;
	}
	
	#header  #basket .scroll-pane {
		width: 620px;
		height: 103px;
		float: left;
		overflow: auto;
		padding: 0;
	}
	
	#header  .jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	#header .jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		left: 0;
		bottom: 0;
		width: 100%;
		background: #D4DBDB;
		height: 16px !important;
	}
	
	#header .jScrollIntervalTrack { 
		position: absolute;
	}
	
	#header .jScrollPaneDrag {
		position: absolute;
		background: url(../../media/template/header/scroll_drag.png) no-repeat 50% 0px #FFFFFF;
		border: 1px #D4DBDB solid;
		border-right-color: #EBEEEE;
		cursor: pointer;
		overflow: hidden;
		height: 14px !important;
	}
	
	#header  #basket .scroll-pane .scroll-content {
		float: left;

	}
	
	#header #basket  .scroll-pane .scroll-content ul,
	#header #basket  .scroll-pane .scroll-content ul li {
		float: left;
		margin: 0px;
	}
	
	#header #basket  .scroll-pane .scroll-content ul li a {
		float:left;
		padding-right: 10px;
	}
	
	#header #basket  .scroll-pane .scroll-content ul .last a {
		padding-right: 0px;
	}
	
	/* Rechte Seite */
	
	#header #basket .info {
		float:right;
		display: none;
		width: 280px;
		height: 129px;
		padding: 0px 20px 0px 19px;
		border-left: 2px solid #FFF;
	}
	
	#header #basket .info p {
		float:left;
		display:inline;
		margin: 26px 0px 0px 0px;
	}
	
	#header #basket .info p a {
		color: #6f7f7f;
		text-decoration: underline;
	}
	
	#header #basket .info .checkout {
		float:left;
		display: block;
		width: 280px;
		height: 38px;
		margin: 14px 0px 0px 0px;
		background:url(../../media/template/header/basket_info_a_bg.png);
		text-indent: -99999px;
	}
	
	/* Basket geöffnet */
	
	.basket-open #basket {
		margin-top: 0px !important;
	}
	
	.basket-open  #basket .info {
		display: block;
	}
	
	.basket-open .basket_btn strong,
	.basket-open .basket_btn .quantity,
	.basket-open .basket_btn .total {
		display: none;
	}
	
	.basket-open .basket_btn .close {
		display: inline !important;
	}
	
	/* Basket Btn */
	
	#header .basket_btn {
		position:absolute;
		display:block;
		background:url(../../media/template/header/basket_btn_bg.png) 185px 9px #E6EBEB no-repeat;
		left: 760px;
		top: 0px;
		width: 200px;
		height: 27px;		
	}
	
	#header .basket_btn strong,
	#header .basket_btn .quantity, 
	#header .basket_btn .total,
	#header .basket_btn .close {
		margin-top: 6px;
		height: 12px;
		font-size: 91.66%;
		line-height: 12px;
	}
	
	#header .basket_btn strong {
		float:left;
		padding-left: 9px;
	}
	
	#header .basket_btn .quantity, 
	#header .basket_btn .total,
	#header .basket_btn .close {
		float: right;
	}
	
	.basket-open .basket_btn {
		background-image:url(../../media/template/header/basket_btn-open_bg.png) !important;
	}
	
	#header .basket_btn .quantity {
		padding-right:8px;
		border-right: 1px solid #9DA1A0;

	}
	
	#header .basket_btn .total,
	#header .basket_btn .close {
		padding-left: 6px;
		padding-right: 25px;
	}
	
	#header .basket_btn .close {
		display: none;
		letter-spacing: 0.1em;
	}
	
	/*
	----------------------------------------------------
	Suche
	----------------------------------------------------
	*/
	
	
	#header .search {
		position: absolute;
		width: 406px;
		height: 40px;
		border-bottom: 1px solid #E6EBEB;
		right: 20px;
		top: 57px;
	}
	
	#header .search ul {
		float: left;
		width: 206px;
		margin-top: 6px;
		font-size: 108.33%;
	}
	
	#header .search ul li {
		float: left;
	}
	
	#header .search ul li a {
		float: left;
		display: block;
		height: 18px;
		padding-left: 9px;
		padding-right: 9px;
		line-height: 18px;
		border-left: 1px solid #E6EBEB;
	}
	
	#header .search ul li a:hover {
		color: #6f7f7f;
	}
	
	#header .search ul .first a {
		border: none;
		padding-left: 0;
	}
	
	#header .search form div {
		float: right;
		background: #E6EBEB;
		width: 200px;
		height: 30px;
	}
	
	#header .search form div #search_txt {
		float: left;
		width: 114px;
		_width: 110px;
		height: 14px;
		padding: 4px 0px 4px 6px;
		margin: 4px 4px 0px 4px;
		font-size: 91.66%;
	}
	
	#header .search form div input {
		float:left;
	}
	
	/*
	----------------------------------------------------
	Navigation
	----------------------------------------------------
	*/
	
	#header .navigation {
		position: absolute;
		left: 0px;
		top: 108px;
		
	}
	
	#header .navigation li {
		float: left;
	}
	
	#header .navigation a {
		float: left;
		height: 50px;
		background:url(../../media/template/header/navigation_bg.png);
		text-indent: -99999px;	
	}
	
	#header .navigation .cat1 a { width: 125px; }
	#header .navigation .cat2 a { width: 136px; background-position: -125px 0px; }
	#header .navigation .cat3 a { width: 101px; background-position: -261px 0px; }
	#header .navigation .cat4 a { width: 108px; background-position: -362px 0px; }
	#header .navigation .cat5 a { width: 157px; background-position: -470px 0px; }
	#header .navigation .cat6 a { width: 132px; background-position: -627px 0px; }
	#header .navigation .cat7 a { width: 134px; background-position: -759px 0px; }
	#header .navigation .cat8 a { width: 87px; background-position: -893px 0px; }

	
	#header .navigation .cat1 a:hover,
	#header .navigation .cat1 .selected { background-position: 0px -50px;}
	#header .navigation .cat2 a:hover,
	#header .navigation .cat2 .selected { background-position: -125px -50px; }
	#header .navigation .cat3 a:hover,
	#header .navigation .cat3 .selected { background-position: -261px -50px; }
	#header .navigation .cat4 a:hover,
	#header .navigation .cat4 .selected { background-position: -362px -50px; }
	#header .navigation .cat5 a:hover,
	#header .navigation .cat5 .selected  { background-position: -470px -50px; }
	#header .navigation .cat6 a:hover,
	#header .navigation .cat6 .selected  { background-position: -627px -50px; }
	#header .navigation .cat7 a:hover,
	#header .navigation .cat7 .selected  { background-position: -759px -50px; }
	#header .navigation .cat8 a:hover,
	#header .navigation .cat8 .selected  { background-position: -893px -50px; }
	
	#header .center {
		height: 168px;
	}
	
	
	
	/*
	------------------------------------------------------------------------------------------------------
	Content 
	------------------------------------------------------------------------------------------------------
	*/
	
	#content .area {
		height: 140px;
	}
	
	#content .area h1 {
		position: absolute;
		left: 29px;
		top: 55px;
		font-size: 233.33%;
		color: #FFF;
	}
	
	
	#content .col {
		float: left;
		xposition: relative;
		display: inline;
	}
	
	#content .full {
		float: left;
		display: inline;
		width: 960px;
		margin-left: 20px;
	}
	
	#content .center .topline {
		float: left;
		display: inline;
		width: 940px;
		height: 35px;
		margin-left: 20px;
		border-top: 1px solid #E6EBEB;		
	}
	
	#content .upper {
		text-transform: uppercase;
	}
	
	
	
	/*
	----------------------------------------------------
	Left Navigation
	----------------------------------------------------
	*/
	
	
	#content .left .navigation {
		float: left;
		display: inline;
		margin-bottom: 23px;
	}
	
	#content .left .navigation li {
		float: left;
		position:relative;
		width: 220px;
		height: 30px;
	}
	
	#content .left .navigation li a {
		float: left;
		position:absolute;
		display:block;
		width: 220px;
		height: 30px;
		left: 0px;
		top: 0px;
		z-index: 1;
		background:url(../../media/template/navigation/navigation_li_a-bg.png) no-repeat bottom;
		font-size: 108.33%;
		line-height: 30px;
		text-transform: uppercase;
		text-indent: 9px;
		color: #212321;
	}
	
	#content .left .navigation li a:hover {
		color: #6f7f7f
	}
	
	#content .left .navigation li .selected {
		background:url(../../media/template/navigation/navigation_li-selected_a-bg.png);
		height: 31px;
		top: -1px;
		font-weight: bold;	
	}
	
	#content .left .navigation .level2 a {
		height: 26px;
		line-height: 26px;
		background: none;
		text-transform:none;
		text-indent: 17px;
		color: #303230;	
	}
	
	#content .left .navigation .level2 .selected {
		height: 26px;
		top: 0px;
		background:url(../../media/template/navigation/navigation_li-level2_a-selected-bg.png);
		line-height: 26px;
		font-weight: bold;
		
	}
	
	#content .left .navigation .first {
		margin-top: 5px;
	}
	
	#content .left .navigation .last {
		padding-bottom: 5px;
		background:url(../../media/template/navigation/navigation_li_a-bg.png) no-repeat bottom;
	}
	
	#content .left .navigation li a.red {
		color: #FF0000;
	}
	
	/*
	------------------------------------------------------------------------------------------------------
	Forms 
	------------------------------------------------------------------------------------------------------
	*/
	
	#content form label {
		float: left;
		width: 166px;
		height: 36px;
		margin-bottom: 10px;
		font-size: 125%;
		line-height: 36px;
	}
	
	#content form .text {
		float: left;
		background:url(../../media/template/forms/text_bg.png);
		width: 268px;
		height: 20px;
		padding: 7px 0px 7px 10px;
		margin-bottom: 10px;
		margin-right: 8px;
		font-size: 118.66%;
		border: 1px solid #C5CCCC;		
	}
	
	#content form .text72 {
		background:url(../../media/template/forms/text72_bg.png);
		width: 60px;
	}
	
	#content form .text100 {
		background:url(../../media/template/forms/text100_bg.png);
		width: 88px;
	}

	#content form .text200 {
		background:url(../../media/template/forms/text200_bg.png);
		width: 188px;
	}
	
	#content form .text300 {
		background:url(../../media/template/forms/text300_bg.png);
		width: 288px;
	}
	
	#content form .textarea {
		float: left;
		width: 443px;
		height: 228px;
		border: 1px solid #C5CCCC;
	}
	
	/*
	----------------------------------------------------
	Checkbox, Radio Buttons
	----------------------------------------------------
	*/
	
	#content form .checkbox {
		float: left;
		display: block;
		background:url(../../media/template/forms/checkbox_bg.png) left top no-repeat;
		height: 21px;
		width: auto;
		line-height: 20px;	
	}
	
	#content form .checkbox-checked,
	#content form .radio-checked {
		background-position: left bottom !important;	
	}
		
	#content form .checkbox input {
		display: none;
	}
	
	#content form .checkbox span,
	#content form .radio span {
		float: left;
		display:block;
		height: 21px;
		line-height: 20px;
		font-size: 125%;
		text-indent: 30px;
		padding-right: 8px !important;
	}
	
	#content form .radio {
		float: left;
		display: block;
		background:url(../../media/template/forms/radio_bg.png) left top no-repeat;
		height: 21px;
		width: auto;
		line-height: 20px;
	}
	
	#content form .radio input {
		display: none;
	}
	
	#content form .form_info {
		float: left;
		height: 36px;
		margin-bottom: 10px;
		line-height: 36px;
		color: #6e7373;
		padding-left: 2px;
	}
	
	#content form .form_separator {
		float: left;
		height: 36px;
		width: 25px;
		line-height: 36px;
		font-size: 125%;
		text-align: center;
	}
	
	#content .center .newsletter ul li .shop_btn {
		float: left;
		display:block;
		width: 220px;
		height: 50px;
		text-indent: -99999px;				
		background:url(../../media/orders/shop_btn_img.png);
	}
		
	/*
	----------------------------------------------------
	Dropdowns
	----------------------------------------------------
	*/
	
	.dropdown .jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	
	.dropdown .jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #aaa;
	}
	.dropdown .jScrollPaneDrag {
		position: absolute;
		background: #666;
		cursor: pointer;
		overflow: hidden;
	}
	.dropdown .jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.dropdown .jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	
	.dropdown .jScrollPaneTrack {
		background: #D4DBDB;
	}
	
	.dropdown  .jScrollPaneDrag {
		background: #FFFFFF url(../../media/template/forms/drag_grap.png) no-repeat 1px 50%;
		border: 1px solid #D4DBDB;
		width: 14px !important;
	}
	
	.dropdown .scroll-pane {
		float: left;
		overflow: auto;
	}

	.dropdown .holder {
		position: absolute;
		left: 0px;
		top: -99999px;
		padding: 7px;
		z-index: 100;
	}
	
	.dropdown span {
		position: absolute;
		height: 37px;
		width: 100%;
		z-index: 80;
		line-height: 37px;
		font-size: 108.33%;
		text-indent: 10px;
	}
	
	.dropdown span:hover {
		cursor:pointer;
	}
	
	.dropdown .scroll-pane ul li {
		float: left;
		border: none !important;
		padding: none !important;
	}
	
	.dropdown .scroll-pane ul .default {
		display: none;
	}
	
	.dropdown .scroll-pane ul .separator {
		height: 5px;
		width: 175px;
		display: block;
		background:url(../../media/template/forms/dropdown_ul_separator.jpg) 2px 2px no-repeat;
		text-indent: -99999px;
	}
	
	.dropdown .scroll-pane ul li a {
		float: left;
		display: block;
		width: 187px;
		height: 24px;
		font-size: 108.33%;
		line-height: 24px;
		text-indent: 3px
	}
	
	.dropdown .scroll-pane ul li a:hover {
		color: #6f7f7f;
	}
	
	.dropdown .scroll-pane ul li a .small {
		display:inline;
		position: relative;
		width: auto !important;
		height: 24px !important;
		padding: 0px !important;
		margin: 0px !important;
		font-size: 11px !important;
		line-height: 24px !important;
		text-indent: 2px !important;	
		color: #6e7373;
	}
	
	/* Standard Dropdowns */
	
	#content form .dropdown100,
	#content form .dropdown140,
	#content form .dropdown280 {
		float: left;
		position: relative;
		display: inline;
		height: 34px;
		margin-bottom: 10px;
		border: 1px solid #C5CCCC;
	}
	
	#content form .dropdown100 span,
	#content form .dropdown140 span,
	#content form .dropdown280 span {
		height: 34px;
		line-height: 34px;
		font-size: 118.66%;

	}
	
	#content form .dropdown100 .visible,
	#content form .dropdown140 .visible,
	#content form .dropdown280 .visible {
		top: 37px;	
	}
	
	#content form .dropdown100  .holder,
	#content form .dropdown140  .holder,
	#content form .dropdown280  .holder {
		left: -1px;
		background: #E5EAEA;
		
	}	
	
	#content form .dropdown100 .holder,
	#content form .dropdown100 .scroll-pane{
		width: 86px !important;
		height: 216px;

	}
	
	#content form .dropdown140 .holder,
	#content form .dropdown140 .scroll-pane{
		width: 126px !important;
		
	}
	
	#content form .dropdown280 .holder,
	#content form .dropdown280 .scroll-pane{
		width: 266px !important;
	}
	
	
	#content form .dropdown100 {
		background:url(../../media/template/forms/dropdown100_bg.png);
		width: 98px;		
	}	
	
	#content form .dropdown140 {
		background:url(../../media/template/forms/dropdown140_bg.png);
		width: 138px;
		margin-right: 100px;
		
	}
	
	#content form .dropdown280 {
		background:url(../../media/template/forms/dropdown_bg.png);
		width: 278px;		
	}

	/*
	------------------------------------------------------------------------------------------------------
	Content Elements 
	------------------------------------------------------------------------------------------------------
	*/
		
	/*
	----------------------------------------------------
	SSL Info
	----------------------------------------------------
	*/
	
	#content .full .ssl_info {
		width:938px;
		height: 44px;
		background: url(../../media/orders/ssl_info_bg.png) 17px 7px no-repeat #F8F6EF;
		border: 1px solid #E2E5E5;
	}
	
	#content .full .ssl_info p {
		float:left;
		height: 43px;
		margin: 0px;
		border-top: 1px solid #FFF;
		font-size: 125%;
		line-height: 43px;
		text-indent: 57px;
	}
	
	#content .full .ssl_info p span {
		display:block;
		width: 100%;
		filter:alpha(opacity=65);
		opacity: 0.65;
		-moz-opacity:0.65;
	}
	
	/*
	----------------------------------------------------
	Error
	----------------------------------------------------
	*/
	
	.error_info {
		width: 938px;
		left: 50%;
		margin: 0 0 -1px -469px;
		position: relative;
		height: 44px;
		background: url(../../media/template/forms/error_bg.png) 10px 5px no-repeat #FFF4EC;
		border: 1px solid #F2E9E4;
	}
	
	.error_info p {
		float:left;
		height: 43px;
		margin: 0px;
		border-top: 1px solid #FFF;
		font-size: 125%;
		color: #b41428;
		line-height: 43px;
		text-indent: 57px;
	}
	
	.error_info p span {
		display:block;
		width: 100%;
		filter:alpha(opacity=65);
		opacity: 0.65;
		-moz-opacity:0.65;
	}
	
	
	.success_info {
		width: 938px;
		margin: -30px 0 30px 0px;
		position: relative;
		height: 44px;
		background: #F8F6EF;
		border: 1px solid #E2E5E5;
	}
	
	.success_info p {
		width: 100%;
		height: 43px;
		margin: 0px;
		border-top: 1px solid #FFF;
		font-size: 125%;
		line-height: 43px;
		text-indent: 20px;
	}
	
	.success_info p span {
		display:block;
		width: 100%;
		filter:alpha(opacity=65);
		opacity: 0.65;
		-moz-opacity:0.65;
	}
	
	/*
	----------------------------------------------------
	Service Info
	----------------------------------------------------
	*/
	
	#content .full .service_info {
		float:left;
		background: url(../../media/misc/service_info/service_info_bg.png) 19px 18px no-repeat #F6F8F8;
		width: 860px;
		height: 150px;
		padding-left: 80px;
	}
	
	#content .full .service_info p {
		margin-top: 28px;
		font-size: 125%;
		
	}
	
	#content .full .service_info ul {
		float: left;
		width: 300px;
		margin-top: 15px;
	}
	
	#content .full .service_info ul li {
		float: left;
		width: 300px;
		padding-bottom: 4px;
	}
	
	#content .full .service_info ul .email,
	#content .full .service_info ul .telefon {
		font-size: 125%;
	}
	
	#content .full .service_info ul .open {
	 color: #6e7373;
	}
	
	#content .full .service_info ul li span {
		float: left;
		width: 56px;
	}
	
	#content .full .service_info ul li a, 
	#content .full .service_info ul li strong {
		float: left;
	}
	
	#content .full .service_info ul li a {
		font-weight: bold;
		color: #6f7f7f;
		text-decoration: underline;
	}
		
	/*
	------------------------------------------------------------------------------------------------------
	Overlay 
	------------------------------------------------------------------------------------------------------
	*/
	
	#underlay {
		position: fixed;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		background-color:#099;
		filter: alpha(opacity=0);
		opacity:.0;
		moz-opacity: 0.0;
	}
	
		
	#overlay {
		position: fixed;
		z-index: 1001;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
	}
	
	* html #overlay {
		position: absolute;
		top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
	}
	
	#overlay .background {
		position:absolute;
		z-index: 1002;
		background: black;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		filter: alpha(opacity=60);
		opacity:.60;
		moz-opacity: 0.6;
	}
	
	#overlay .popup {
		position: absolute;
		z-index: 1003;
		background-color: #FFFFFF;
		width: 550px;
		height: 593px;
		top: 50%;
		left: 50%;
		margin: -300px 0 0 -275px;
		border-top: 7px solid #E6EBEB;
		text-align: left;
	}
	
	#overlay .popup .logo {
		position:absolute;
		width: 353px;
		height: 27px;
		background:url(../../media/popup/logo_bg.png);
		left: 29px;
		top: 29px;
		text-indent: -99999px;
	}
	
	#overlay .popup-2 .logo {
		top: 44px !important;
	}
	
	#overlay .popup h1 {
		position: absolute;
		left: 29px;
		top: 82px;
		font-size: 183.33%;
	}
	
	#overlay .popup .close,
	#overlay .popup .print {
		color: #6f7f7f;
	}
	
	#overlay .popup .close:hover,
	#overlay .popup .print:hover {
		text-decoration: underline;
	}
	
	#overlay .popup .close {
		position: absolute;
		width: 65px;
		height: 16px;
		left: 440px;
		top: 43px;
		background:url(../../media/popup/close_bg.png) right no-repeat;
		padding-right: 25px;
		line-height: 16px;
		text-align: right;
	}
	
	#overlay .popup-2 .close {
		top: 58px !important;
	}
	
	#overlay .popup .print {
		position: absolute;
		width: 160px;
		height: 21px;
		left: 14px;
		top: 564px;
		background:url(../../media/popup/print_bg.png) no-repeat;
		padding-left: 31px;
		line-height: 21px;
	}
	
	#overlay .popup-2 .print {
		left: 28px;
		top: 556px;
	}
	
	#overlay .popup .header {
		position:absolute;
		width: 508px;
		left: 20px;
		top: 122px;
	}
	
	#overlay .popup-2 .header { top: 104px; }
	
	#overlay .service-popup .header .btn1 { width: 129px; }
	#overlay .service-popup .header .btn2 { width: 168px; }
	#overlay .service-popup .header .btn3 { width: 104px; }
	#overlay .service-popup .header .btn4 { width: 104px; }
	
	#overlay .popup-2 .header .btn1 { width: 199px; }
	#overlay .popup-2 .header .btn2 { width: 154px; }
	#overlay .popup-2 .header .btn3 { width: 153px; }
	
	
	
	#overlay .popup .content {
		position: absolute;
		width: 510px;
		height: 350px;
		left: 20px;
		top: 203px;
		overflow: hidden;
	}
	
	#overlay .popup-2 .content {
		position: absolute;
		width: 510px;
		height: 350px;
		left: 20px;
		top: 193px;
	}
	
	#overlay .popup .content .scroll-pane {
		float: left;
		overflow: auto;
		width: 510px;
		height: 350px;
	}
	
	#overlay .popup .content .jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	
	#overlay .popup .content .jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #aaa;
	}
	#overlay .popup .content .jScrollPaneDrag {
		position: absolute;
		background: #666;
		cursor: pointer;
		overflow: hidden;
	}
	#overlay .popup .content .jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	#overlay .popup .content .jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	
	#overlay .popup .content .jScrollPaneTrack {
		background: #DBE1E1;
		
	}
	
	#overlay .popup .content  .jScrollPaneDrag {
		background: #FFFFFF url(../../media/template/forms/drag_grap.png) no-repeat 1px 50%;
		border: 1px solid #D4DBDB;
		width: 14px !important;
	}
	
	#overlay .popup .content .top {
		float: left;
		color: #6f7f7f;
		text-decoration: underline;
	}
	
	#overlay .popup .content h2 {
		float: left;
		width: 475px;
		height: 31px;
		margin-top: 20px;
		margin-bottom: 28px;
		line-height: 31px;
		font-size: 166.66%;
	}
	
	
	#overlay .popup .content h3 {
		float: left;
		width: 475px;
		height: 31px;
		margin-bottom: 5px;
		line-height: 1.5em;
		font-size: 125%;
	}
	
	#overlay .popup .content .headline {
		float: left;
	}
	
	#overlay .popup .content .headline h3 {
		width: 400px;
	}
	
	#overlay .popup .content .headline a {
		float: right;
		width: 75px;
		height: 31px;
		margin-right: 14px;
		line-height: 33px;
		color: #6f7f7f;
		text-align: right;
	}
	
	#overlay .popup .content .headline a:hover {
		text-decoration: underline;
	}
	
	#overlay .popup .content .content-list {
		float: left;
		width: 475px;
	}
	
	#overlay .popup .content .content-list li {
		float: left;
		width: 465px;
	}
	
	#overlay .popup .content .content-list li a {
		float: left;
		display: block;
		width: auto;
		height: auto;
		line-height: 19px;
		font-size: 108.33%;
		color: #6f7f7f;
		text-indent: 0px;
		text-decoration: underline;
	}
	
	#overlay .popup .content .faq li a {
		font-size: 125%;
		height: 30px !important;	
	}
	
	#overlay .popup .content p {
		xfloat: left;
		xposition: relative;
		width: 460px;
		margin-top: 10px;
		line-height: 1.5em;
		font-size: 108.33%;
	}
	#overlay .popup .content ol {
		line-height: 1.5em;
		font-size: 108.33%;
	
	}
	#overlay .popup .content .tall {
		font-size: 125%;
	}
	
	#overlay .popup .content .count {
		width: 440px;
		xpadding-left: 34px;
	}
	
	#overlay .popup .content .count .number {
		xposition: absolute;
		xwidth: 20px;
		xleft: 9px;

		xtop: 0px;
	}
	
	#overlay .popup .content .separator {
		float: left;
		width: 475px;
		height: 30px;
		border-bottom: 1px solid #E6EBEB;
		margin-bottom: 30px;
	}
	
	#overlay .popup .content .sizetable {
		float: left;
		width: 475px;
		font-size: 91.66%;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	#overlay .popup .content .sizetable tr td {
		width: 50px;
		height: 35px;
		line-height: 35px;
		text-align:center;
	}
	
	#overlay .popup .content .sizetable tr .row1 {
		width: 75px;
		text-align: left !important;
		text-indent: 9px;
		white-space: nowrap;
	}
	
	#overlay .popup .content .sizetable .color1 {
		background-color: #F1F5F5;
	}
	


	
	#videoDivWrap {
		position:absolute;
		width:940px;
		height:528px;
		z-index:-1;
	}
	.home .lc {
		float: left;
		width: 580px;
		height: 763px;
		margin: 0 20px 0 0;
	}
	.home .rt {
		float: left;
		width: 341px;
		height: 242px;
	}
	.home .rc {
		float: left;
		width: 341px;
		height: 242px;
		margin: 19px 0;
	}
	.home .rb {
		float: left;
		width: 341px;
		height: 242px;
	}
	
	
	.home top .tc {
		clear: both;
		width: 940px;
		height: 1%;
		overflow: hidden;
		position: relative;
	}
	.home .bl {
		float: left;
		width: 300px;
		height: 204px;
		margin: 19px 0 0;
	}
	.home .bc {
		float: left;
		width: 300px;
		height: 204px;
		margin: 19px 19px 0;
	}
	.home .br {
		float: left;
		width: 300px;
		height: 204px;
		margin: 19px 0 0;
	}
	/* Startseite 2-Teaser */
	
	.home .b1 {
		float: left;
		width: 460px;
		height: 205px;
		margin: 19px 22px 0 0;
	}
	.home .b2 {
		float: left;
		width: 460px;
		height: 205px;
		margin: 19px 0 0;
	}

 	.temp { }
 	/*
	----------------------------------------------------
	Home
	----------------------------------------------------
	*/
	
	.home .center .topline {
		float: left;
		display: inline;
		width: 940px;
		height: 1px !important;
		background: #E6EBEB;
		font-size: 0px !important;
		border: none !important;
	}
	.dn{display:none}
	
	
	/* Promoscreen VIP */
	
	#promo_fashion_screen {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 99999;
		position: fixed;
	}
	#promo_fashion_screen .opacity {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
	#promo_fashion_screen .layer {
		top: 50%;
		left: 50%;
		width: 660px;
		height: 449px;
		margin: -235px 0 0 -315px;
		z-index: 100;
		position: absolute;
		background: url(../../../img/promo/newsletter/vip.jpg) no-repeat;
	}
	#promo_fashion_screen .layer a.close {
		top: 15px;
		right: 20px;
		width: 75px;
		height: 7px;
		display: block;
		position: absolute;
	}
	#promo_fashion_screen .layer input.text {
		font: normal 13px Arial;
		top: 355px;
		right: 260px;
		width: 195px;
		height: 20px;
		color: #050505;
		position: absolute;
	}
	#promo_fashion_screen .layer input.submit {
		top: 378px;
		right: 200px;
		width: 185px;
		height: 30px;
		cursor: pointer;
		position: absolute;
		background: transparent;
	}
	#promo_fashion_screen .layer a.more {
		bottom: 10px;
		right: 156px;
		width: 112px;
		height: 11px;
		display: block;
		position: absolute;
	}
	
	.middle.newsletter.promo_vip h1 {
		width: 645px;
		height: 224px;
		background: url(../../../img/promo/newsletter/vip-shopping.png) no-repeat;
		text-indent: -9999px;
		border: none;
	}
	.middle.newsletter.promo_vip .notes {
		clear: both;
		color: #6e7373;
		padding: 15px 0 0;
		border-top: 1px solid #e6ebeb;
	}
	.middle.newsletter.promo_vip .notes p {
		font: normal 11px Arial;
		margin: 5px 0;
	}
	.middle.newsletter.promo_vip .notes strong {
		display: block;
		margin: 10px 0;
		font-weight: normal;
		font-size: 12px;
	}
	
	.middle.newsletter.promo_vip .required_info a {
		text-decoration: underline;
		color: #6e7373;
	}
	.middle.newsletter.promo_vip .required_info a:hover {
		text-decoration: none;
	}
	
	td.first_txt {
		color: #303230;
   	 	font-family: Arial,Helvetica,sans-serif;
    	font-size: 125%;
    	font-weight: bold;
    	padding-right: 40px;
    	width: 80px;
	}
	td.gutschein {
		background-color: #eae7de;
		width: 153px;
		height: 55px;
	}
	td.gutschein p.txt {
		font-family: Arial,Helvetica,sans-serif;
    	font-size: 250%;
    	font-weight: bold;
    	width: 153px;
    	margin-left: 70px;
	}
	
	/* Promoscreen VIP ende */
	/* Promoscreen Fashion */
	
	#promo_screen {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 99999;
		position: fixed;
	}
	#promo_screen .opacity {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
	#promo_screen .layer {
		top: 50%;
		left: 50%;
		width: 630px;
		height: 469px;
		margin: -235px 0 0 -315px;
		z-index: 100;
		position: absolute;
		background: url(../../../img/promo/newsletter/bg.png) no-repeat;
	}
	#promo_screen .layer a.close {
		top: 24px;
		right: 48px;
		width: 75px;
		height: 7px;
		display: block;
		position: absolute;
	}
	#promo_screen .layer input.text {
		font: normal 13px Arial;
		top: 322px;
		right: 266px;
		width: 195px;
		height: 20px;
		color: #050505;
		position: absolute;
	}
	#promo_screen .layer input.submit {
		top: 346px;
		right: 204px;
		width: 185px;
		height: 30px;
		cursor: pointer;
		position: absolute;
		background: transparent;
	}
	#promo_screen .layer a.more {
		bottom: 18px;
		right: 36px;
		width: 150px;
		height: 23px;
		display: block;
		position: absolute;
	}
	
	.middle.newsletter.promo h1 {
		width: 475px;
		height: 107px;
		background: url(../../../img/promo/newsletter/be-first-in-fashion.png) no-repeat;
		text-indent: -9999px;
		border: none;
	}
	.middle.newsletter.promo .notes {
		clear: both;
		color: #6e7373;
		padding: 15px 0 0;
		border-top: 1px solid #e6ebeb;
	}
	.middle.newsletter.promo .notes p {
		font: normal 11px Arial;
		margin: 5px 0;
	}
	.middle.newsletter.promo .notes strong {
		display: block;
		margin: 10px 0;
		font-weight: normal;
		font-size: 12px;
	}
	
	.middle.newsletter.promo .required_info a {
		text-decoration: underline;
		color: #6e7373;
	}
	.middle.newsletter.promo .required_info a:hover {
		text-decoration: none;
	}
	
	/* Promoscreen Fashion ende */
	
	/* Footer */
	
	#foot {
		clear: both;
		width: 100%;
		height: 211px;
		background: url(../../media/template/foot/bg.png) repeat-x;
		border-top: 30px solid #fff;
	}
	#foot div {
		width: 938px;
		height: 200px;
		margin: 0 auto;
	}
	#foot,
	#foot a {
		color: #6e7373;
		font-size: 11px;
		line-height: 30px;
	}
	#foot a:hover {
		text-decoration: underline;
	}
	
	#foot ul {
		clear: both;
	}
	#foot li {
		float: left;
		text-align: left;
	}
	
	#foot ul.first {
		height: 135px;
	}
	#foot ul.first h6 {
		font: normal 15px Arial;
		color: #303230;
	}
	
	#foot .first .navi {
		width: 239px;
		padding: 16px 0 0 0;
	}
	#foot .first .navi ul {
		margin: 7px 0 0;
	}
	#foot .first .navi li {
		float: none;
		line-height: 16px;
	}
	#foot .first .navi li,
	#foot .first .navi li a {
		line-height: 16px;
	}
	
	#foot .first .hotline {
		width: 387px;
		height: 119px;
		padding: 16px 0 0 22px;
		overflow: hidden;
		border-left: 1px solid #d7dcdc;
		border-right: 1px solid #d7dcdc;
		line-height: 16px;
		background: url(../../media/template/foot/iphone.png) no-repeat 336px bottom;
	}
	#foot .first .hotline h3 {
		font: normal 24px/42px Arial;
		color: #6e7373;
	}
	#foot .first .hotline p {
		float: none;
		margin: -8px 0 14px 0;
	}
	
	#foot .first .newsletter {
		width: 266px;
		padding: 16px 0 0 22px;
	}
	#foot .first .newsletter .text {
		float: left;
		color: #303230;
		width: 230px;
		_width: 226px;
		height: 22px;
		border: 4px solid #ced5d5;
		padding: 0 3px;
		line-height: 22px;
	}
	
	#foot ul.second {
		margin: 12px 0 0;
	}
	#foot ul.second .text {
		padding: 0 26px 0 62px;
	}
	#foot ul.second .sR {
		padding: 0 0 0 24px;
	}
	#foot ul.second .sR a {
		display: block;
		padding: 0 16px 0 0;
		background: url(../../media/template/foot/sr.png) no-repeat right center;
	}
	
	#glossar li, #Glossar123456 li {
		float: none;
		clear: both;
	}
	
	#sendbutton123456 {
		display: none;
	}
	
	/* Footer Ende */
	
	
	/* Under Christmas Three */
	#test_Top_root1_SubCat_13 {
		color: #b0232b !important;
		font-weight: bold;
	}
	#test_Top_root1_SubCat_13:hover {
		color: #000 !important;
	}
}