@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;
	}
	
	#footer {
		float: left;
		width: 100%;
		margin-top: 30px;
		text-align:left;
	}
	
	.center {
		position: relative;
		margin: 0 auto;
		width: 980px;
	}
	
	
	#content .area {
		float: left;
		width: 100%;
	}
	
	/*
	------------------------------------------------------------------------------------------------------
	Header 
	------------------------------------------------------------------------------------------------------
	*/
	
	#header .logo {
		position:absolute;
		left: 11px;
		top: 33px;
		background:url(../../media/template/header/logo_bg.png);
		width: 515px;
		height: 54px;
		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: 362px;
		height: 40px;
		border-bottom: 1px solid #E6EBEB;
		left: 598px;
		top: 57px;
	}
	
	#header .search ul {
		float: left;
		width: 162px;
		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;
		line-height: 18px;
	}
	
	#header .search ul li a:hover {
		color: #6f7f7f;
	}
	
	#header .search ul .first a {
		border-right: 1px solid #E6EBEB;
		padding: 0px 8px 0px 1px;
	}
	
	#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;
		position: 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;
	}
	
	/*
	------------------------------------------------------------------------------------------------------
	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;
	}
	
	/*
	------------------------------------------------------------------------------------------------------
	Footer 
	------------------------------------------------------------------------------------------------------
	*/
	
	#footer .area1 {
		background-color: #E6EBEB;
		height: 127px;
	}
	
	#footer .area1 .service,
	#footer .area1 .information,
	#footer .area1 .newsletter {
		float: left;
		height: 127px;
		padding-left: 20px;
	}
	
	#footer .area1 .service {
		width: 239px;
		border-right: 1px solid #D7DCDC;
	}
	
	#footer .area1 .information {
		width: 329px;
		border-right: 1px solid #D7DCDC;
	}
	
	#footer .area1 .newsletter {
		width: 301px;
		xpadding-right: 150px;
		xbackground:url(../../media/template/footer/newsletter_bg.png) bottom right no-repeat;
	}
	
	#footer .area1 .service h6,
	#footer .area1 .information h6,
	#footer .area1 .newsletter h6 {
		float:left;
		display: block;
		height: 16px;
		margin-top: 22px;
		text-indent: -99999px;
	}
	
	#footer .area1 .service h6 {
		background:url(../../media/template/footer/service_h6_bg.png) no-repeat;
		width: 124px;
	}
	
	#footer .area1 .service .telefon {
		float: left;
		background: url(../../media/template/footer/service_telefon_bg.png);
		width: 173px;
		height: 20px;
		margin-top: 7px;
		text-indent: -99999px;
	}
	
	#footer .area1 .service p {
		display: inline;
		width: 168px;
		margin: 3px 0px 0px 3px;
		font-size: 91.66%;
		line-height: 1.2em;
		color: #6e7373;
	}
	
	#footer .area1 .information h6 {
		background:url(../../media/template/footer/information_h6_bg.png) no-repeat;
		width: 122px;
	}
	
	#footer .area1 .information div {
		float: left;
		width: 309px;
		margin-top: 4px;
	}
	
	#footer .area1 .information ul {
		float: left;
		display: inline;
		width: 150px;
		margin: 3px 0px 0px 2px;
		font-size: 91.66%;
		line-height: 1.5em;
		color: #6e7373;
	}
	
	#footer .area1 .information ul li {
		float: left;
		width: 150px;
	}
	
	#footer .area1 .information ul li a {
		float: left;
		color: #6e7373;
		
	}
	
	#footer .area1 .information ul li a:hover {
		text-decoration: underline;
	}
	
	
	
	#footer .area1 .newsletter h6 {
		float: left;
		background:url(../../media/template/footer/newsletter_h6_bg.png) no-repeat;
		width: 195px;
	}
	
	#footer .area1 .newsletter span {
		float: left;
		display: block;
		width: 170px;
		margin-top: 9px;
		padding-left: 2px;
		font-size: 91.66%;
		line-height: 12px;
		color: #6e7373;
	}
	
	#footer .area1 .newsletter form div {
		float: left;
		background: #CED5D5;
		width: 301px;
		height: 30px;
		margin-top: 6px;
	}
	
	#footer .area1 .newsletter form div #email_txt {
		float: left;
		width: 266px;
		height: 14px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
		margin: 4px 0px 0px 4px;
		font-size: 91.66%;
	}
		
	#footer .area1 .newsletter form div input {
		float: left;
	}
	
	
	#footer .area2 {
		height: 84px;
	
	}
	
	#footer .area2 .icons {
		position: absolute;
		top: 14px;
		left: 20px;
		background:url(../../media/template/footer/icons_bg.png);
		width: 204px;
		height: 29px;
	}
	
	#footer .area2 .links {
		position: absolute;
		left: 285px;
		top: 19px;
		height: 12px;
		font-size: 91.66%;
		line-height:12px;
		color: #6e7373;
	}
	#footer .area2 .sR {
		position: absolute;
		right: 30px;
		top: 19px;
		height: 13px;
	}
	#footer .area2 .sR a {
		font-size: 91.66%;
		line-height:13px;
		padding: 11px 16px 0 0;
		color: #6e7373;
		background: url(../../media/template/footer/sr-icon.png) no-repeat bottom right;
	}
	#footer .area2 .sR a:hover {
		text-decoration: underline;
	}
	
	#footer .area2 .links span {
		float: left;
		padding-right: 8px;
	}
	
	#footer .area2 .links ul {
		float: left;
		width: 300px;
	}
	
	#footer .area2 .links ul li {
		float: left;
	}
	
	#footer .area2 .links ul li a {
		float: left;
		background:url(../../media/template/footer/links_a_bg.png) right no-repeat;
		padding-right: 6px;
		padding-left: 4px;
		color: #6e7373;
	}
		
	#footer .area2 .links ul li a:hover {
		text-decoration: underline;
	}
	
	#footer .area2 .links ul .last a {
		background:none;
		
	}
	
	
	/*
	----------------------------------------------------
	Home Footer
	----------------------------------------------------
	*/
	
	.home-footer {
		margin-top: 1px !important;
	}
	
	.home-footer .area1 {
		background: #FFF !important;
	}
	
	.home-footer .area1 .service {
		width: 240px !important;
		height: 122px !important;
		border: none !important;
		background:url(../../media/template/footer/box_separator.png) right no-repeat;
	}
	
	.home-footer .area1 .information {
		width: 330px !important;
		height: 122px !important;
		border: none !important;
		background:url(../../media/template/footer/box_separator.png) right no-repeat;;
	}
	
	.home-footer .area1 .newsletter {
		height: 122px !important;
		xbackground:url(../../media/template/footer/footer-home_newsletter_bg.png) bottom right no-repeat !important;
	}
	
	.home-footer  .area1 .separator {
		float: left;
		display: inline;
		background-color: #E6EBEB;
		width: 940px;
		height: 1px;
		margin-left: 20px;	
		font-size: 0px;
	}

 	.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}
}