/***
 * date: 06.11.2009
 * author: jr/fdi
 * project: Kunert Onlineshop
 * by: fabrique d'images ebusiness gmbh (http://www.fdi.de)
 * colors:
 *  #ba6236	zink
 *  #666	gray
 */

/***
 * Basics
 */

html { height: 101%; }

/*** clearing ***/
.gClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gClear {display: inline-block;}
/* Hides from IE-mac \*/
* html .gClear {height: 1%;}
.gClear {display: block;}
/* End hide from IE-mac */
.lClear { overflow:hidden; _height:1%; }

/*** layouts ***/
 #content, #footer { clear:both; }
.lbox { width:100%; overflow:hidden; }
.col { float:left; _display:inline; }
.lastCol { float:right; _display:inline; margin-left:-4px; background:none; }

/*** helper ***/
.fl,.left { float:left; _display:inline; }
.fr,.right { float:right; _display:inline; }
.clear_left { clear:left; }
.bu { font-weight:bold; text-decoration:underline; }
.tl { text-align:left; }
.tr { text-align:right; }
.pad { padding:0 16px; }
	.padFirst { padding-left:0; }
	.padLast { padding-right:0; _padding-left:15px; }
	
.mar { margin:5px; }
.marHidden { margin:0 25px 0 0; }
.normalText { text-transform:none; }
.gray { color:#666; }
.contHeight { min-height:356px; height:auto !important; height:356px; }

.err { color:red; font-weight:bold; font-size:13px; line-height:18px; }
#container .hiddenSelect { font-size:1px; margin:0; padding:0; line-height:1px; height:1px; width:1px; overflow:hidden; margin-left:-5000px; float:left; }

/*** user interactions ***/
#error, #noScript, #debug { background:#ffe196; border:1px dashed #ff0000; color:#ff0000; font-weight:bold; margin:7px 0 15px; }
	#error p, #noScript p, #debug p { padding:10px; }
#error, #debug { display:none; }

/***
 * Content		
 */

* { text-transform:uppercase; }

/*** headings ***/ 
h1,h2,h3,h4,h5,h6 { color:#666; font-weight:bold; } 
h1 { color:#666; font-size:22px; line-height:26px; margin-bottom:10px; }
h2 { font-size:17px; line-height:22px; margin-bottom:6px; }
h3 { font-size:17px; line-height:22px; margin-bottom:6px; }
h4 { font-size:12px; line-height:16px; margin-bottom:4px; font-weight:normal; }
h5 { font-size:12px; line-height:16px; margin-bottom:2px; }
h6 { font-size:12px; line-height:16px; margin-bottom:4px; }

.hr { clear:both; font-size:1px; height:1px; line-height:1px; background:transparent url(../img/cssBG/hr.jpg) repeat-x top left; width:924px; }
	.hrSide { width:auto; margin-bottom: 10px; }
	.hrSpot { width:auto; margin:10px 25px 10px 0; }
/*** links ***/
a:link, a:visited { color: #ba6236; text-decoration: none }
a:hover, a:active { color: #666; }
#container .active { color:#666; }
.pagination a:link, .pagination a:visited { color:#fff; }
.pagination a:hover, .pagination a:active { text-decoration:underline; }
#fastfinder .catfilter a:link, #fastfinder .catfilter a:visited { text-decoration:none; font-size:12px; }
#fastfinder .catfilter a:hover, #fastfinder .catfilter a:active { text-decoration:underline; }

/*** lists ***/
.hlist { font-size:13px; }
	.hlist li { float:left; }
	.hlist a { display:block; padding:4px 15px 7px 0; }  /* pad-right:18px wenn Frutiger verwendet wird */

.level1 { font-size:17px; width:730px; }
.level2 a { padding:9px 10px 0 0; }
.user { font-size:12px; }

/*** forms ***/
input { border:1px solid #666; font-size:12px; text-transform:none; }
	.newsletter input { border-width:0 0 1px 0; }
option,select { text-transform:none; }
/*** misc ***/
td { vertical-align:top; }
strong { font-weight:bold; }
table { border:0 !important; }

/**
 * Project
 */
body { font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:18px; _text-align:center; }
	#container { width:949px; margin:15px auto 0; _text-align:left; }
	#header { position:relative; }
/*** header ***/
#headTop { height:55px; }
#logo, #user, #userBasket { float:left; _display:inline;  }
	#logo { margin:0 85px 0 0;  }
	#user { width:500px; font-size:12px; }
		#user span { margin-right:10px; }
		#user a { margin-right:6px; }			
	#userBasket { clear:left; }
#shopNavigation { position:absolute; right:25px; top:4px; }
	#shopNavigation p { color:#666; font-size:13px; margin-top:4px; }

/*** footer ***/
#footer { margin-top:22px; }
	#pInfo { margin:4px 25px 0 0; color:#666; font-size:12px; }
	
/*** content/layouts ***/
.contStd { margin-top:33px; }
.dotted { background:url(../img/cssBG/vr.jpg) repeat-y top right; }	
	.leftDotted { background:url(../img/cssBG/vr.jpg) repeat-y top left; }
.sidebar { width:211px; }

/*** search ***/
.search { margin-bottom:15px; }
	.search input { overflow:visible; }
	.searchinput { width:118px; }
	#container #searchGo { margin:0; padding:0px 7px; line-height:17px; *height:17px; _height:17px; }

/* startpage */
.contHome { margin-top:19px; }
#slideshow { margin-bottom: 15px; }
.eSpot1 { width:266px; }
	.thin td { width:100px; height:165px; }
.eSpot2 { width:236px }
	.wide td { width: 116px; height:165px; }
.custInfo { width:234px; }

.lbHome { margin-top:12px; }
	.lbHome .col { height:395px; _overflow:hidden; }

#newsletter { margin:15px 0 8px; /* overwrite .box form */padding:0; border:0; height:950px;}	
#vorname, #nachname { width:80px; }
#vorname { margin-right:10px; }	

/* category page */
#fastfinder {  }
	#fastfinder form { clear:both; }
		#fastfinder .catfilter a { padding-right:4px; }
		#fastfinder td { margin-top:5px; }
		#fastfinder select { width:127px; }
		#container #fastfinder .active { font-weight:bold; text-decoration:underline; }
		#fastfinder .locator { margin-bottom:15px; }
		#fastfinder .left, #fastfinder .right { float:none; font-size:12px; line-height:18px; }
	.ffItems { margin-bottom:15px; }
.categoryContent { width:737px; }
	.el { font-style:oblique; text-transform:none; font-family:times New Roman,sans-serif; }
	.elText p { margin-bottom:15px; line-height:23px; color:#666; font-size:16px; font-style:oblique; text-transform:none; font-family:times New Roman,sans-serif; }
	.catImage { margin:0 25px 0 0; }
	.catInfo { /* jr 14.12. Kunde will es vorerst nicht height:173px;*/ overflow:hidden; font-size:12px; }
	.catProduct, .pagination { width:155px; margin:25px 25px 0 0; height:206px; text-align:center; }
	.catProduct { overflow:hidden; }
	.pagination { color:#fff; background:#ba6236; }
		.pagination .wrap { margin-top:60px; }
			.pagination .plus { margin-top:89px; }
			.pagination .row { margin:0 0 15px; }
			.pagination .sites a { padding-right:6px; }
			.pagination .curPage { font-weight:bold; }
	
/* detail page */
.lProd { margin:20px 0 15px; }
.lProdSell { margin-top:15px; } 
.productImg { width:322px; }
.productInfo { width:627px; }
	.productInfo ul { color:#999; }
	.productInfo li { padding-left:11px; background:white url(bg/bullet.jpg) no-repeat 0 6px; }
	
	.material { width:275px; }
	.care { width:352px; }
		.care img { margin:0 15px 15px 0; }
	.material p { color:#666; font-size:12px; }	
	#md_variant_box .stockInfo { color:#666; font-size:12px; }
.detailSpots { width:738px; min-height:356px; height:auto !important; height:356px; }
	.desc { color:#999; }
	.attr, .checkout, #price { margin-top:20px; }
	.dtlPrice { font-size:24px; color:#333; }
		.dtlPrice span, #price span { color:#999; }
		.dtlPrice .old { font-size:16px; }
		.dtlPrice .desc { font-size:10px; }
		.dtlPrice .old del { text-decoration:line-through; } 
		.dtlPrice .redPrice { color:red; font-weight:bold; }
	#container input.btn, #container a.btn { background:#ba6236; border:0; cursor:pointer; padding:4px 7px; margin-right:25px; font-size:12px; line-height:17px; color:#fff; text-transform:uppercase; }	
	.spotProduct { width:155px; margin-right:25px; height:206px; }
.variantPicsForJS { line-height:1px; font-size:1px; height:1px; overflow:hidden; }	

#attrColor .md_select_variant { width:1px; height:1px; border:0; color:white; background:white;margin-left:-5000px; }
.colorThumb { padding:1px; border:1px solid white; }	
	a.activeColor .colorThumb, .active .colorThumb { border-color:#ba6236; }
	/* customer remind module in detail page */
	#customersRemind { clear:both;display:none;margin-top:15px; }
		.formError { background:red; } /* input field - show error */
		#formError { color:red; } /* err msg */
		#remindInfo { padding:7px 0; }
		.pt7 { padding-top:7px; }
		#customersRemind .btn { overflow:visible; }
		#custInfoError { background:#f4f4f4;border:1px dashed #FF0000;color:#FF0000;font-weight:bold;margin:7px 0 15px;padding:10px; }
		#custInfoSuccess { background:#FFE196;border:1px dashed #333;color:#666;font-weight:bold;margin:7px 0 15px;padding:10px; }
			
/* content page */
#contentBody p { margin-bottom:15px; }	
#contentBody h3 { font-size:15px; }
	h1#contentHeader { margin-bottom:20px;  }
	.shopText p strong { font-size:14px; }
	
	/* Passion */
	#philMid { color:#787878; font-size:44px; line-height:50px; font-weight:normal; letter-spacing:1px; margin-bottom:10px; margin-right:190px; text-transform:uppercase; }	
	#philSmall { color:#787878; margin-bottom:30px; width:906px; }
	/* Julius Kunert */		
	.julLeft { float:left; _display:inline; margin-right:30px; width:300px; padding-top:6px; }
	.julRight { color:#787878; overflow:hidden; width:570px; } 	
		.julRight h2 { color:#BA6236; font-size:12px; margin-bottom:7px;  }
		.julRight p { margin-bottom:15px; }
	/* Effect */
	#innoLeft {float:left;width:310px}
	    #innoLeft p { padding-top: 40px; clear:both; }
	    #innoLeft a:link, #innoLeft a:visited { display:block; margin-top:7px; margin-left:12px; text-decoration:underline; text-transform:uppercase; font-weight:bold; }
	    #innoLeft a:hover, #innoLeft a:active { text-decoration:none; color:#787878; }
	#innoBottom { clear:both; margin:0px 0 50px; padding-top:20px;  }
	    #innoBottom img { display:block; margin: 3px 0 14px 0; }
	    #innoBottom div { color:#787878; }
	    #innoBottom h3 { color: #B96135; margin-bottom:6px; font-size:12px; }
	    #innoBottom .seperate { width:895px; margin:0px; padding:0px;}	    
	#innoRight {float:left; width:574px; }          
	.rightBox { overflow:hidden; width:auto; }
	    .rightBox h3 { color:#B96135; margin-bottom:6px; font-size:12px;}
	    .rightBox div { float:left; display:inline; width: 400px; color:#787878; }
	    .rightBox img { float:right; display:inline;  } 


/* contact form */
#contactForm input, #contactForm textarea { text-transform:none; }

/* payment */
.shipCost { margin:15px 0 0 15px; }
	
/**
 * Objects
 */
.box { margin-bottom:20px; }
	.box h3 { color:#666; font-size:18px; }
	.box p { color:#666; } 
/**
 * Skins/Modules
 */ 

/* box */
.campaign { background-color:#ba6236; padding:15px 15px 15px 10px; }
	.campaign h3, .campaign p { color:#fff; }
.newsletter { margin-bottom:49px; }
#newsletterBtn { color:#ba6236; border:0; background:none; text-transform:uppercase; margin-top:5px; }

/* payment fdi style */
/*.box form { padding:15px; border:1px solid #ddd; }*/
/*.voucher form { padding:15px; border:1px solid #ddd; }*/
#triggerAGB, #triggerAGBBox { display:none; }
/**
 * aus oxid.css 
 */
div.popup { display:none; visibility:hidden; }

/**
 *  css for jquery plugins   
 */
.tooltip { display:none; width:200px; background:#ba6236; padding:4px 8px; color:#fff; text-align:left; }
	.tooltip h5 { color:#fff; margin-bottom:1px; }
	.tooltip p { font-size:12px; }
	.tooltip strong, .tooltip span { font-size:16px; line-height:19px; }
	.tooltip strong { text-transform:none; }

	
/**
 * von oxid.css übernommen
 * Zeile 588-676 mit Änderungen
 */

div.bar.prevnext {/*background-color:#e2e2e2; border:1px solid #555555;height: 27px;*/ margin:0 25px 0 0; /* width:913px; float:left; _display:inline;*/ }
div.bar.prevnext input {background:#ba6236;color:#ffffff;border:1px solid #e2e2e2;cursor:pointer;font-weight:bold;padding:4px 35px;}
div.bar.prevnext.bottom {margin-bottom:15px;}
.form td { padding:3px 0; }
.boxhead { background:#f7f7f7; clear:both; display:block;margin:20px 25px 0 0;font-size:13px;color:#666; line-height:35px; padding-left:13px; border:1px solid #ddd; border-bottom-width:0; }
div.box.info, div.box.account_header { border:1px solid #ddd; font-size:12px; margin:0 25px 10px 0; padding:15px; }
div.box.voucher { width:892px; padding:15px;border:1px solid #ddd; }
#regErr a { color:#333; }

/* Versand Flags */
.flag {width:10px;height:10px;border:1px solid #969696;float:left;margin:3px 8px 0 0;}
.flag.red{background-color:#f00;}
.flag.orange{background-color:#ffb200;}
.flag.green{background-color:#00ab1f;}

/* Account header */
.account_header dl{border-bottom: 1px solid #e2e2e2; margin: 2px 0; padding-bottom: 5px; width: 97%; font-size:12px;}
.account_header dl.lastInCol{border-bottom: 0; margin: 0; padding-bottom: 0px;}
.account_header dt a{font-weight: bold; text-decoration: none; color: #555555; padding-left: 8px;}
.account_header dt a:hover{text-decoration: underline; color: #555555;}
.account_header dt a.active{color: #014d7f;}
.account_header dd{margin: 2px 0; color: #555555; padding-left: 8px;}

/* Other */
.dot_sep{background: url(bg/sepatator_ee_.gif) no-repeat center center; border:0px none;height:10px;margin:0px;}
.dot_sep.mid {margin: 5px 0;}
.errorbox{font-size:10px;font-weight:bold;border:1px solid #555555;color:#ff0000; padding: 5px; margin:3px 5px 10px; float:left; _display:inline; width:904px; }
.errorbox p{margin: 0;}
.errorbox.inbox {width: 528px; margin: 5px 0; float: none;}

/* ORDER */

/* Order steps */
.ordersteps {margin: 0 0 15px; /*float:left;*/}
.ordersteps dl {/*jr*/width: 173px; height: 80px; padding: 3px; margin: 0 5px 0 0; float:left; border: 1px solid #555555; background: #f7f7f7; color: #555555;}
.ordersteps dt {padding:0; margin: 0;}
.ordersteps dt, .ordersteps dt a {font-size: 10px; font-weight: bold;}
.ordersteps dl big {font-size: 21px; line-height: 19px;}
.ordersteps dt a:hover big {text-decoration: underline;}
.ordersteps dd, .ordersteps dd a {font-size: 9px; margin: 0;}
.ordersteps .lastinrow {margin-right: 0; /*jr*/width: 171px;}
.ordersteps dl.active {background: #ffffff;}
.ordersteps dl.active dt, .ordersteps dl.active dt a {color: #000000;}
.ordersteps.nofinalstep dl {width: 126px;}
.ordersteps.nofinalstep .lastinrow {width: 128px;}

/* Order back/next step button */
div.bar.prevnext .arrowdown input {background: url(bg/oxid_ee_.gif) no-repeat 15px -342px; background-color: #014d7f; padding-left: 38px; padding-right: 25px;}
div.bar.prevnext .arrowright input {background: url(bg/oxid_ee_.gif) no-repeat 15px -318px; background-color: #ba6236; /*jrmargin-right:25px;*/}
div.bar.prevnext .minorderprice {font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; width: auto;}
div.bar.prevnext .termsconfirm {width: auto; margin: 0 10px;}
div.bar.prevnext .termsconfirm td {font-size: 10px; color: #555555; padding: 3px 3px 3px 0;}
div.bar.prevnext .termsconfirm a {font-size: 10px; color: #555555; text-decoration: underline;}
div.bar.prevnext .termsconfirm a:hover {color: #555555;}
div.bar.prevnext .termsconfirm .chkbox {background: none; border: none; vertical-align: middle; margin: 0px; padding: 0;}
div.bar.prevnext.terms {height: auto; margin-bottom: 10px;}

/* Basket */
.basket { clear:both; margin:15px 0 0 0; width:923px; border:1px solid #ddd !important; }
.basket tbody td {padding-top: 10px;}
.basket th {background: #f7f7f7; color: #555555; font-weight: bold; height: 35px; padding-left: 6px; text-align:center; border-bottom:1px solid #ddd; }
.basket th.brd {padding: 0;/*border-left: 1px solid #555;*/}
.basket th .brd_line {/*background: #555; width: 7px; height: 25px;*/}
.basket th.lastcol {padding-left: 0;}
.basket th.total { text-align:right; padding-right:7px; }
.basket td.brd { /*border-left: 1px solid #555555;*/ }

.basket .bsk_sep td {height: 9px; padding-top: 0;}
.basket .bsk_sep .line {border-bottom: 1px solid #e2e2e2;}
.basket .bsk_sep .bigline {border-bottom: 4px solid #e2e2e2;}

.basket .picture {border: 1px solid #e2e2e2; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px;}
.basket .art_title a {font-size: 10px; font-weight: bold; color: #000000;}
.basket .art_title a:hover {color: #000000;}
.basket .art_num {font-size: 10px; color: #555555;}

.basket .btn, .basket .amount {margin-bottom: 7px;}
.basket .sumrow .upd, .basket .sumrow .btnremove {color: #333; /*width: 91px;*/ cursor: pointer; padding: 0px 4px; text-transform:uppercase;line-height:17px; }
.btnvoucher { color: #333; /*width: 91px;*/ cursor: pointer; padding: 0 4px; text-transform:uppercase; line-height:17px; }
.basket .price {/*padding-right: 25px;*/ text-align: center;}
.basket .orderprice {padding-right: 20px; text-align: center;}
.basket .vat {padding-left: 20px; text-align: center;}
.basket .vat_order {padding-left: 15px;}
.basket .amount {padding-right: 20px;}
.basket .totalprice {padding-right: 6px; text-align: right;}
.basket .notice td {padding-top: 5px; font-size: 10px; color: #555555;}
.basket .sumrow td {padding-top: 3px;}
.basket .sumrow.total td {padding: 7px 0 4px;}
.basket .sumdesc {padding-right: 15px !important; text-align: right;}
.basket .discount, .basket .coupon {color: #555555; font-size: 10px;}
.basket .bottrow {height: 14px;}
.basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #555555; color: #ffffff;  background: #555555;text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;}
.basket a.wrapremove  {width: 70px;}

.basket .wrapmod { display:block;height:18px;line-height:1;width: 85px; background: transparent url(bg/buttons_ee_.gif) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0;float: left}
.basket .wrapmod a {font-size: 10px; text-align: center; text-decoration: none; display: block; height:14px;line-height:1;width: 62px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 -100px; margin:0; border:0;color:#ffffff;padding:4px 0 0 23px;font-weight: bold; }

.basket .frombasket { /*height:18px;*/line-height:1;/*width: 100px; background: transparent url(bg/buttons_ee_.gif) no-repeat right -50px; margin:0; border: 0 none; padding:0 1px 0 0;*/float: left}
.basket .frombasket input{ /*height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;*/}
.basket .frombasket a { width: 77px; height: 16px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 -50px; margin:0; border:0; color:#ffffff; padding:4px 0 0 23px; font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;}

/* Locator */
.locator { color:#666; }
.locator .sort_row a.none {background:url(bg/oxid_ee_.gif) no-repeat right -750px; padding-right: 20px;}
.locator .sort_row a.asc  {background:url(bg/oxid_ee_.gif) no-repeat right -775px; padding-right: 20px;}
.locator .sort_row a.desc {background:url(bg/oxid_ee_.gif) no-repeat right -800px; padding-right: 20px;}
.locator .btn {margin-bottom: 6px;}
.locator.compare .locbody {height: auto;}

/* user options step */
strong.useroptboxhead {margin:10px 0 0;background: #f7f7f7; padding:0 5px 0 13px;/*height:20px;*/border:1px solid #ddd;/*border-left:8px solid #555555;border-right:1px solid #555555;*/line-height:35px; font-size: 13px;font-weight: bold;color:#555555;/*jr*/width:278px; display: block;}
strong.useroptboxheadbig {margin:10px 0 0;background: #f7f7f7; padding:0 5px 0 13px;/*height:20px;*/border:1px solid #ddd;/*border-left:8px solid #555555;border-right:1px solid #555555;*/line-height:35px; font-size: 13px;font-weight: bold;color:#555555;width:259px; display: block;}
.useroptbox {border:1px solid #ddd; border-top: none; /*jr*/width:266px;height:310px;margin:0 14px 15px 0;padding:5px 15px;position:relative; font-size: 12px;}
.useroptboxbig {border:1px solid #ddd; border-top: none; width:248px;height:310px;margin:0 14px 15px 0;padding:5px 15px;position:relative; font-size: 12px;}
.useroptbox .link {font-size: 10px;}
.useroptbox .err {margin-bottom: 10px; font-size: 10px;}

/* payment step */
.paymentboxhead, .thankyouboxhead {margin-top: 5px;}

/* order step */
dl.orderinfocol {margin: 0 5px; width: 257px; float:left;}
dl.orderinfocol dt {padding:0; margin: 0 0 5px 0; height: 23px; font-weight: bold; border-bottom: 1px solid #e2e2e2;}
dl.orderinfocol dd {padding:0; margin: 0;}
.giftwrap {height:18px;width: 20px; background: transparent url(bg/buttons_ee_.gif) 0 -100px no-repeat; margin:0; border: 0 none; padding:0; display: block;}

.etrustlogocol {float: left; width: 100px;}
.etrustdescocol {float: left; width: 443px;}
.fl.btn.checkoutBtn { background:#ba6236; border:0; cursor:pointer; padding:4px 7px; margin-right:25px; font-size:12px; line-height:17px; color:#fff; text-transform:uppercase; }
.box .info_shopfinder{width:650px;}
.produkte_effectbereich{float:left;display:inline;}
.material .tooltip{width:80px;}
#tabelle_faq {}
#tabelle_faq .tabelle_faq_tr{
background-color: #f5f5f5;
}
#tabelle_faq  .faq_zwischenspalte{width:15px;}

#tabelle_faq td {margin-bottom:15px;color:#666666;height:25px;}
#tabelle_faq th.spaltendarstellung {margin-top:0px; margin-bottom:15px;color:#666666;height:50px;font-size: 15px;font-weight:20px;vertical-align: top;line-height:20px;}
.warmup{width:600px;}#text_allgemein_gewinnspiel{margin-top:25px;}#gewinnspiel_hauptdiv{position:relative;}#Text_gewinn_gewinnspiel{margin-top:25px;font-weight:bold;}#text_gewinn_klein{margin-top:25px;}#adressdaten_gewinnspiel{margin-top:25px; color:#BA6236;}#frage_gewinnspiel{margin-top:25px;}

.bedingung{margin-top:10px;overflow:hidden; _width:100%; }
.zahl{width:10px;float:left;}
.text{float:right;width:656px;margin-right:225px;display:inline;}