/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   -----------------------------------------------------------------------------------------
   
   XTC5 Template & Stylesheets
   -----------------------------------------------------------------------------------------
   (c) 2007 Ing. Michael Frst
       bluegate communications
	   http://www.bluegate.at
   ---------------------------------------------------------------------------------------*/
	 
/* 
	die stylesheets befinden sich in diesem verzeichnis unter /squidio/css/
	
	original styleaheet:
	@import url("squidio/css/org.stylesheet.css");
*/

/* 
	popup
*/
body{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 14px;
	background: #fff;
	padding: 20px;
}

.contentsTopics,
h1 {
	color: #333;
	font-weight:normal;
	font-size: 18px;
	margin:0px 0px 8px 0px;
	padding:0px;
	width:auto;
	border: 0;
}
h2 {
	color: #333;
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
/*	text-transform: uppercase; */
}
h3 {
	color: #666;
	font-weight:normal;
	font-size: 20px;
	line-height: 28px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-transform: uppercase;
}
h4 {
	color: #666;
	font-weight:normal;
	font-size: 18px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-transform: uppercase;
}
h2 strong,
h3 strong,
h4 strong{
	color: #c24d00;
}

/* UPDATE MODIFIED 1.0.16 */
/*address block */
div#address_block div.address{
width: 260px;
float:left;
height:140px;
padding:5px; 
margin:0 15px 15px 0;
border: solid 1px #a3a3a3;
background:#F8F8F8;
}
div#address_block input{
vertical-align: middle;
}
 
/*new checkout*/
div.checkout_infos{
width:940px;
border: 0px solid red;
}
div.checkout_infos h2{
font-family: Arial, Sans-serif;
color:#333; /*#1e3630;*/
font-weight:bold;
font-size:15px;
margin: 0px;
float:left;
}
div.checkout_infos a{
font-style:italic;
color:#009933; /*#1e3630;*/
}
div.checkout_infos div.text,p.text{
margin-top:0px;
}
div#address_block div.address{
width: 260px;
float:left;
height:140px;
padding:5px; 
margin:0 15px 15px 0;
border: solid 1px #a3a3a3;
background:#F8F8F8;
}
div#address_block input{
vertical-align: middle;
}
div.checkoutInfoBoxes{
width:435px;
border: 0px solid #a3a3a3;
padding:5px;
margin-right:20px;
float:left;
}
div.checkoutInfoBoxes  a.more_info{
color: red!important;
}
div.checkoutNavBoxes{
width:435px;
border: 1px solid #a3a3a3;
/*background:#F8F8F8;*/
padding:5px;
margin-right:20px;
float:left;
height:120px;
}
div.checkoutNav2Boxes{
width:435px;
border: 1px solid #a3a3a3;
padding:5px;
margin-right:20px;
min-height: 70px;
float:left;
}
div.checkoutbox{
border: 2px solid #999!important;
background: #E3F4DA!important; /*diese Farbe muss sich erheblich abheben*/
}
div.checkoutbox .image{
max-width:80px;
}
div.checkoutbox td.main_row {
border-top: 1px solid #666;
}
div.checkoutbox div.hr{
border:none;
border-top: 1px solid #666;
color: #E3F4DA; /*wie hintergrundfarbe*/
background-color:#E3F4DA; /*wie hintergrundfarbe*/
height: 1px;
}
div.checkoutbox .details{
padding: 0 12px 0 0; 
background: url(img/external.gif) no-repeat 100% 0px;
color: #000;
font-weight: bold;
}
div.checkoutbox .total table td {
padding:0px;
}
div.checkoutbox .small{
font-size: 11px;
}

/* ====================================================================================================================== */
/* ========= css Buttons web0null ========= */
/* ====================================================================================================================== */
.cssButton {
	position:relative;
	margin:0 4px 0 0;
	display:inline-block;
	text-align:left;
	overflow:hidden;
	text-decoration:none !important;
}

.buttonSize0,
.buttonSize0 .background_hover,
.buttonSize0 .animate_image,
.buttonSize0 .buttonIcon,
.buttonSize0 button {
	height:28px;
	line-height:28px;
	cursor:pointer;
}

.buttonSize1,
.buttonSize1 .background_hover,
.buttonSize1 .animate_image,
.buttonSize1 .buttonIcon,
.buttonSize1 button {
	height:24px;
	line-height:24px;
	cursor:pointer;
}

.buttonSize2,
.buttonSize2 .background_hover,
.buttonSize2 .animate_image,
.buttonSize2 .buttonIcon,
.buttonSize2 button {
	height:20px;
	line-height:20px;
	cursor:pointer;
}

.cssButton .background_hover,
.cssButton .animate_image,
.cssButton button {
	position:absolute !important;
	display:inline-block;
	width:100%;
	top:0;
	left:0;
	border:none;
	background:transparent;
}

.cssButton .animate_image {
	background-position:50% 50%;
}

.cssButton:hover .animate_image {
	background-position:60% 50%;
}

.cssButton .background_hover {
	opacity:0;
	filter: alpha(opacity=0);
}

.cssButton:hover .background_hover {
	opacity:1;
	filter: alpha(opacity=100);
}

.cssButton .buttonIcon {
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
}

/* ================================================= */
.cssButton.buttonSize0 .buttonIcon {
	width:35px;
}

.cssButton.buttonSize1 .buttonIcon {
	width:35px;
}

.cssButton.buttonSize2 .buttonIcon {
	width:25px;
}

/* ================================================= */
.cssButton.buttonSize0 .buttonIcon {
	background-size:20px;
}

.cssButton.buttonSize1 .buttonIcon {
	background-size:20px;
}

.cssButton.buttonSize2 .buttonIcon {
	background-size:13px;
}

/* ================================================= */
.icononly.buttonSize0 .buttonIcon {
	width:28px;
}

.icononly.buttonSize1 .buttonIcon {
	width:24px;
}

.icononly.buttonSize2 .buttonIcon {
	width:20px;
}

/* ================================================= */
.iconleft .buttonIcon {
	left:0;
}

.iconright .buttonIcon {
	right:0;
}

.cssButton .buttonText,
.icononly .buttonIcon {
	position:relative;
	display:inline-block;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
}

.cssButton .buttonText {
	padding:0 10px;
}

/* ================================================= */
.iconleft.buttonSize0 .buttonText {
	padding:0 10px 0 33px;
}

.iconleft.buttonSize1 .buttonText {
	padding:0 10px 0 33px;
}

.iconleft.buttonSize2 .buttonText {
	padding:0 5px 0 25px;
}

/* ================================================= */
.iconright.buttonSize0 .buttonText {
	padding:0 33px 0 10px;
}

.iconright.buttonSize1 .buttonText {
	padding:0 33px 0 10px;
}

.iconright.buttonSize2 .buttonText {
	padding:0 25px 0 5px;
}

/* ================================================= */
.iconnone.buttonSize0 .buttonText {
	padding:0 10px;
}

.iconnone.buttonSize1 .buttonText {
	padding:0 10px;
}

.iconnone.buttonSize2 .buttonText {
	padding:0 5px;
}

/* ================================================= */
.cssButton button {
    color:transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

.buttonclear {
	clear:both;
	font-size:0;
	line-height:0;
}

/* cssButton style =================================== */
.cssButton,
.background_hover,
.animate_image {

}

.cssButton.textButton {
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
	box-shadow:0 1px 2px rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#808080',direction='120',strength='2');
}

/* Verlauf */
.cssButton .gradient_0 {
	
}

/* not IE */
.cssButton .gradient_1 {
	background-image:-moz-linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);
	background-image:-webkit-linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);
	background-image:linear-gradient( -90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%) ;
}

.cssButton .gradient_2 {
	background-image:-moz-linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	background-image:-webkit-linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	background-image:linear-gradient( -90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#1affffff,endColorstr=#4d000000) ;
}

/* Text Farbe */
.cssButton {
	color:#FFFFFF!important;
}

/* Text-Shadow */
.cssButton .buttonText {
	top: 1px;
}

/* Button Farbe */
.color_1 {
	background: url(squidio/img/global/button-sprite.gif) repeat-x 0 -120px !important;
	text-decoration: none;
	border: 1px solid #bbb;
}

.color_0 {
	background: url(squidio/img/global/button-sprite.gif) repeat-x 0 -90px !important;
	border: 1px solid #888;
}

/* css Animation ================================== (not IE) */
/* .cssButton .background_hover,
.cssButton .animate_image {
	-webkit-transition-duration:200ms;
	-webkit-transition-property:background-color,background-position,opacity;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-duration:200ms;
	-moz-transition-property:background-color,background-position,opacity;
	-moz-transition-timing-function:ease-in-out;
	-o-transition-duration:200ms;
	-o-transition-property:background-color,background-position,opacity;
	-o-transition-timing-function:ease-in-out;
}

*/
/* ====================================================================================================================== */
/* ========= css Buttons web0null ========= */
/* ====================================================================================================================== */



.jsWarning {background: none repeat scroll 0 0 #ffd800;display: block;left: 0;position: fixed;top: 0;width: 100%;z-index: 500001;}
.jsWarning .content {display: block;margin: 0 auto;padding: 0;width: 1000px;padding:10px;font-weight:bold;text-align: center;}


.withdrawal_reject {background:#fff}
.withdrawal_reject td {padding:10px;font-size:14px;}
