body {
	background-color:#EFEFEF;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0;
	margin-top:0;
}



/***********************
default links
***********************/
a { 
	color:#003399;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color:#990000;
	text-decoration:underline;
}

a:active, a:focus, input[type=submit]:active, input[type=image]:active, button:active { outline:none; }
.hover_underl:hover { text-decoration:underline; }


.link {
	margin:0;
	color:#003399;
	cursor:pointer;
}



/***********************
default headlines
***********************/
h1 { font-size:18px; color:#596D7F; margin:-1px 0 10px 0; border-bottom:2px solid #596D7F;}
h2 { font-size:16px; color:#44484C; }
h3 { font-size:14px; color:#44484C; }
h4 { font-size:14px; color:#44484C; }
h5 { font-size:12px; }

div.headline_bg {
	margin-top:10px;
	margin-bottom:10px;
	padding:3px 4px;
	background-color:#C9D4D6;/*#9FC9E1;*/
}
div.headline_bg h2 {
	margin:0;
	font-size:15px; color:#44484C;
	font-weight: normal;
}



/***********************
standard form elements
***********************/
/*input, select { outline:none 0px transparent; }*/
input.textfield, select, textarea {
/*	margin:0;*/
	padding:2px;
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:2px solid #596D7F;
}
input.textfield {
/*	height:14px;*/
}
select {
	height:23px;
}
div.labelbox {
	float:left;
	padding: 4px 10px 2px 2px;
}
div.userdatabox.salebank .labelbox, div.userdatabox.accountbank .labelbox {
	padding:3px 8px 2px 2px;
	width:100px;
}
#bankToggleForm_rib .labelbox, #bankToggleForm_ibanbic .labelbox {
	width:50px;	
}




/***********************
pseudo-list bullets & numbered bullets
***********************/
.bullist { padding-left:5px; padding-right:5px; }
.bullist .bulitemimg {
	padding-left:15px; margin-bottom:10px;
	background-position:2px 4px;
	background-repeat:no-repeat;
}
.bulitemimg[class~=defbul] { background-image:url(/img/bullet_default.png); }

.numbullist { padding-left:5px; padding-right:15px; }
.numbullist .bulitem { padding-left:22px; margin-bottom:10px; }
.bulitem .bulimg  { float:left;
	margin:-4px 8px 0 -22px; width:32px; height:32px;
	background-position:left top;
	background-repeat:no-repeat;
}
.bulimg[class~=numbul1] { background-image:url(/img/numbul/number_bullets_small_1.png); }
.bulimg[class~=numbul2] { background-image:url(/img/numbul/number_bullets_small_2.png); }
.bulimg[class~=numbul3] { background-image:url(/img/numbul/number_bullets_small_3.png); }
.bulimg[class~=numbul4] { background-image:url(/img/numbul/number_bullets_small_4.png); }
.bulimg[class~=numbul5] { background-image:url(/img/numbul/number_bullets_small_5.png); }
.bulimg[class~=numbul6] { background-image:url(/img/numbul/number_bullets_small_6.png); }
.bulimg[class~=numbul7] { background-image:url(/img/numbul/number_bullets_small_7.png); }
.bulimg[class~=numbul8] { background-image:url(/img/numbul/number_bullets_small_8.png); }
.bulimg[class~=numbul9] { background-image:url(/img/numbul/number_bullets_small_9.png); }
.bulitem .bultxt { }



/***********************
button elements
***********************/
.btn_momox {
	/* overall defaults */
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	margin:0;
	cursor:pointer;
	border-style:solid;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-repeat:repeat-x;
	background-position:top left;
	
	/* blue default button */
	font-size:12px;
	color:#FFFFFF;
	background-color:#00578A;
	background-image:url(../img/button_bg_blau.gif);
	border-width:1px;
	border-left-color:#CCCCCC; border-top-color:#DDDDDD;
	border-right-color:#103050; border-bottom-color:#103050;
	padding: 3px 8px 2px;
}
.btn_momox[class~=disabled] {
	background-image:none !important;
	cursor:default !important;
	color:#BBB0A0 !important;
}
	/* orange buttons */
.btn_momox[class~=orange1], .btn_momox[class~=orange2] {
	font-size:13px;
	color:#ffffff;
	background-color:#A8666E;
	border-width:2px;
	border-left-color:#Bb8484; border-top-color:#Bb8484;
	border-right-color:#755558; border-bottom-color:#755558;
	padding:0 20px 2px;
}
.btn_momox[class~=orange1] {
	background-image:url(../img/button_bg_orange-1.gif);
	height:29px;
}
.btn_momox[class~=orange2] {
	background-image:url(../img/button_bg_orange-2.gif);
	height:48px;
	white-space:normal;
}

.btn_momox[class~=cancel] {
	background-color:#CCCCCC;
	background-image:url(../img/button_bg_grau.gif);
	border-color:#EEEEEE #BBBBBB #BBBBBB #DDDDDD;
	color:#444444;
}

.btn_momox .btnicon {
	font:inherit;
	color:inherit;
	white-space:inherit;
	cursor:inherit;
	margin:0;
	border:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:10px 4px;
	padding:0 15px 2px 40px;
}
.btn_momox .btnicon[class~=cart] {
	background-image:url(../img/cart_icon_blue.png);
}
.btn_momox .btnicon[class~=print] {
	background-image:url(../img/print3.png);
}
.btn_momox[class~=orange1] .btnicon {
	height:25px;
}
.btn_momox[class~=orange2] .btnicon {
	height:44px;
}



/***********************
standard table elements
***********************/
table {
	border:2px solid #596D7F;
}
table.nospacing {
	border-spacing:0;
}
table.stripes td, table.stripes th {
	padding:4px;
	border:none;
}
.rborder, table.stripes td.rborder, table.stripes th.rborder {
	border-right:2px solid #B6B8BC;
}



/***********************
semi-generic styles
***********************/
.frameblue { border:2px solid #596D7F; }
.framepaleblue { border:2px solid #C9D4D6; }

.framebluehead {
	background-color:#596D7F;  color:#FFFFFF; margin:0; padding:4px;
	border-bottom:2px solid #596D7F;
}
thead .framebluehead th { border-bottom:2px solid #596D7F; }
tfoot .framebluehead td { border-top:2px solid #596D7F; }

.whitehead {
	background-color:#ffffff;  color:#44484C; margin:0; padding:4px;
	border-bottom:2px solid #B6B8BC;
}
thead .whitehead th { border-bottom:2px solid #B6B8BC; }

.stripes0 { background-color:#FFFFFF; }
.stripes1 { background-color:#EFEFEF; }

.bg_darkblue	{ background-color:#596D7F; color:white; }
.bg_mainblue	{ background-color:#1077b4; color:white; }
.bg_paleblue	{ background-color:#C9D4D6; }
.bg_lightblue	{ background-color:#EFEFEF; }

hr, .hr {
	display:block;
	margin:0.5em auto;
	border:none;
	border-bottom:1px solid #596D7F;
	height:0px;
}
.bigprice { font-size:24px; line-height:28px; color:#384248 }

.deflist { padding: 0 1.0em 0 2.0em; }
.deflist li { margin-top:0.5em; }



/***********************
box head & foot divs
***********************/

.boxhead div {
	float:left;
	height:26px;
	line-height:26px; 
}
.boxhead div.topleft {
	width:15px;
	background:url(../img/boxcorner_top-left.gif) no-repeat scroll 0pt 0pt #C9D4D6;
}
.boxhead div.topcenter {
	background-color:#C9D4D6;
}
.boxhead div.topright {
	width:15px;
	background: url(../img/boxcorner_top-right.gif) no-repeat scroll right top #C9D4D6;
}

.boxfoot div {
	float:left;
	height:16px;
}
.boxfoot div.botleft {
	width:15px;
	background:url(../img/boxcorner_bottom-left.gif) no-repeat scroll left bottom transparent;
}
.boxfoot div.botcenter {
	height:13px;
	background-color:#EFEFEF;
	border-bottom:3px solid #C9D4D6;
}
.boxfoot div.botright {
	width:15px;
	background:url(../img/boxcorner_bottom-right.gif) no-repeat scroll right bottom transparent;
}



/***********************
formatted price & number
***********************/
.blockright { display:block; width:4.8em; text-align:right; white-space:nowrap; /*border:1px solid green;*/ }



/***********************
helper
***********************/

.bankdataMsg {
	position:absolute;
	top:5px;
	right:0px;
	width:180px;
}
.bankdataMsg img {
	float:left;
	margin-right:10px;
}
.bankdataMsg p {
	float:left;
	width:150px;
	margin:0px;
	font-size:11px;
	line-height:16px !important;
}

/* Only for the period with 'sepa_convert_messages' */
.sepateaser, .sepateaserSale {
	margin:20px 0px 10px 10px;
	width:300px;
	padding-left:90px;
	background:url(/img/sepa/icon_sepa.png) left 2px no-repeat;
}
.sepateaserSale {
	width:auto;
	height:45px;
	margin-top:15px;
}
.popup_sepainfo {
	padding:10px 20px !important;
}
.popup_sepainfo h3 {
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:bold;
	color:#000000;
	border:none;
}
.popup_sepainfo h2 {
	margin:4px 0 0 0;
	padding:0;
	font-size:17px;
	font-weight:bold;
	color:#1172af;
	border:none;
}
.popup_sepainfo img {
	margin-left:12px;
}
.popup_sepainfo p {
	margin:0;
	color:#000000;
	line-height:128%;
}
.popup_sepainfo p.bigger {
	font-size:14px;
	line-height:125%;
}
/* end of 'sepa_convert_messages' */


/********************************************************************************
wrapper divs
********************************************************************************/
#wrapper {
	width:1000px;
	margin:0 auto;
	text-align:left;
	border: 1px solid #C3C3C3;
	border-bottom:none;
	background-color:#ffffff;
}

#wrapper_sides {
	float:left;
/*
	background-color:#9fc9e1;
	background-image:url('../img/wrapper_sides.jpg');
	background-repeat:repeat-x;
*/	
	margin-left:-1px;
	text-align:center;
	border-right:1px solid #C3C3C3;
	border-left:1px solid #C3C3C3;
	background-color: #ffffff;
}

#main {
	float:left;
	padding:0;
	margin:0 0 0 12px;
	/*background-image:url('../img/bg_main.jpg');*/
	text-align:left;
	display:inline;
	width:988px;
}



/********************************************************************************
Head
********************************************************************************/
#tophead {
	height:50px;
	line-height:50px;
	font-size:11px;
	background-color:#ffffff;
	padding: 0px 10px 0px 10px;
}
#tophead .account {
	padding-left:20px;
	background-image:url('../img/icon_account.gif');
	background-repeat: no-repeat;
	background-position: center left;
	float:right;
}
#tophead .cart, #tophead .help {
	margin-right:5px;
	margin-left:20px;
	padding-left:18px;
	background-repeat: no-repeat;
	background-position: center left;
	float:right;
}
#tophead .cart { background-image:url('../img/cart_icon_blue_smaller.png'); }
#tophead .help { background-image:url('../img/icon_help.gif'); }

#tophead a {
	text-decoration:none;
	/*color:#00578A;*/
}
#tophead a:hover {
	text-decoration:underline;
}

#midhead {
	height:38px;
	background-color:#C7002C;
	margin: 0 12px 1px 12px;
}
#midhead a, #midhead img {
	height:112px; width:190px; border:none; text-decoration:none;
}
#midhead a { float:left; padding:0; margin:2px 0 0 10px; }
#midhead div {
	float:left; padding:48px 0 0 127px;
	font-size:24px; font-weight:normal;
	color:#4d9cd4;
	/*color:#3399cc;*/
	cursor:default;
}
#midhead div p { padding:0; margin:0; }
#midhead div p .slo2 { margin-left:84px; margin-top:-20px; font-weight:bold; line-height:20px; }
#midhead div p .slo2 .smaller { font-size:19px; }

#downhead {
	/*height:25px;*/
	height: 27px;
	margin:0 12px 0 12px;
	background-color:#8799A9;

/*
	text-align:center;
	font-size:24px; 
	font-weight:normal; 
	color:#ffffff;
*/
}
#downhead div { float:left; margin-left:100px; font-size:24px; font-weight:normal; }



/********************************************************************************
Content area
********************************************************************************/
#content {
	float:left;
	width:566px;
	margin:0;
	padding:24px 16px 16px 16px;
/*	color:#485258;*/
	color:#44484c;
}

div.headbox {
	background-color:#EFEFEF;
	border-bottom:8px solid #C9D4D6;
}
.headbox .icondiv { height:84px; width:140px; }
.icondiv img { margin-top:20px; margin-left:48px; }
.headbox .headdiv {
	width:380px;
	padding-top:1.0em;
	text-align:center;
}

.flashdummy { background:url(../img/flashdummy.gif) no-repeat top left; }



/***********************
Misc
***********************/
.faqlist h3 { font-size:14px; margin:2.0em 0 1.0em 0; }
.faqlist h4 { font-size:13px; font-weight:normal; margin:1.0em 0 0 0; }
.faqlist .answer { margin-top:0.25em; margin-left:35px; }



/*****************************
Fehler und Erfolgsmeldungen
*****************************/
.msgbox p { padding:2px 6px; }
.msgbox p, .msgbox[class~=info] { 	background-color:#FFFF66; }
.msgbox p.error {
	border:2px solid #FF0000;
}
.msgbox p.info, .msgbox[class~=info] {
	border:2px solid #EBD700;
}
.msgbox ul {
	margin:0 0.5em;
	padding:0.67em 1.0em 0 1.2em;
}
.msgbox ul li {
	margin-bottom: 0.6em;
}



/*****************************
Bereich für  ean-Multieingabe
*****************************/
div.multi_input {
	width:380px;
	margin:12px 0 12px 40px;
}
div.multi_input div.numLabel {
	float:left;
	width:30px;
	margin-top:2px;
	padding-right:2px;
	font-size:14px;
	font-weight:bold;
	color:#596D7F;
	text-align:right;
}



/*****************************
Bereich für  ean-Einzeleingabe
*****************************/
div.ean_input {
	font-size:11px;
	background-color:#DAE9F3;
	border-bottom:9px solid #9FC9E1;
}
div.ean_input h4 {
	margin:0;
	padding:5px 0 2px 10px;
}
div.ean_input .teaserbox {
	float:right;
}
div.ean_input .teaserbox div {
	float:left;
	width:140px;
	padding:8px;
	background-color:#9FC9E1;
}

div.other_input {
	padding:10px 30px 4px 40px;
	border-bottom:8px solid #9FC9E1;
	border-left:2px solid #9FC9E1;
	width:380px;
	background-color:#DAE9F3;
	margin: 12px 0;
}



/***********************
dyn. modale Dialoge
***********************/
#modalFade, #modalTotal {
	display:none; 
	position:fixed; left:0; top:0; margin:0; padding:0; 
	min-height:100%; min-width:100%; 
	background:none;
}
#modalFade { background-color:#203050; opacity:0.0; }
#modalShade { position:absolute; margin:0; padding:0; 
		background-color:#333333; opacity:0.0; border:none; /*4px solid #444444;*/ }
#modalDlg { position:absolute; margin:0; padding:0; background:none; }
.momoxModal {
	background-color:white;
	border:4px solid #1077b4;
	padding:1.0em;
	text-align:left;
}
.momoxModal_topline {
	background-color:#1077B4;
	border:4px solid #1077b4;
	border-bottom-width:0;
	height:16px;
}
.closeX {
	position:absolute;
	top:4px;
	right:10px;
	margin:0;
	font-weight:bold;
	color:white;
	cursor:pointer;
}


/***********************
Offer list
***********************/
div.offerSlot {
	float:left;
	width:552px;
	margin:0;
	padding:12px 4px 12px 6px;
	/*font-size:90%;*/
}
div.offerSlot div {
	float:left;
}
div.offerCheckBox {
	width:30px;
}
div.offerInfoImg {
	width:90px;
}
div.offerInfo {
	width:400px;
}
div.offerPrice {
	width:110px;
	text-align:center;
}
div.offerPrice .blockright { width:112px; }
div.offerInfoTxt {
	width:310px;
	font-size:90%;
}

.selector { padding-top:3px; }
.selector div, .selector p {
	float:left;
	margin-right:15px;
	cursor:pointer;
}



/***********************
Sale prog bar
***********************/
#sale_progbar { 
/*
	width:560px; padding:2px;
*/
	width:100%; padding-top:2px;
}
#sale_progbar div {
/*
	width:96px; height:47px;
	padding:0; margin:8px;
	vertical-align:middle;
*/
	width:92px; height:47px;
	padding:0; margin:8px 7px 8px 0;
}
#sale_progbar div[class~=last] {
	width:70px; margin-right:0;
}

#sale_progbar div div.text {
	width:76px; height:47px;
	padding:10px 5px 5px 15px; margin:0;
}
#sale_progbar div div.text[class~=arrow] {
	background:url(../img/arrow_mask-right_white_25x47.png) top right no-repeat;
	padding-left:8px;/*10px*/
	padding-right:8px;/*10px*/
}
#sale_progbar div div.text[class~=single] {
	padding-top:16px;
}

#sale_progbar div div.text[class~=last] {
	padding-left:16px;
}




/***********************
Account 
***********************/
div.userdatabox {
	margin:3px 0 30px 5px;
}
div.viewbox * {
	line-height:20px;
}



/********************************************************************************
Left & right col
********************************************************************************/
#left, #right {
	float:left;
	
	margin:0;
	padding:0;
	color:#596D7F;
		
}
#left { width:196px; }
#right { 
	width:162px;
	margin-left:22px;
}
#left a,		#right a		{ text-decoration:none; }
#left a:hover, 	#right a:hover 	{ text-decoration:underline; }
#right a.nodeco, #right a.nodeco:hover, #right a.nodeco:active, #right a.nodeco:focus {text-decoration:none; }

.spacer {
	margin:24px 0px 16px 0px;
}


/***********************
Left col
***********************/
#left ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#left ul li {
	width:168px;
/*	height:17px; */
	margin:0 0 4px 0;
	padding: 4px 0;
/*	line-height:20px; */
	background-color:#8799A9;
	border-left:#596D7F 8px solid;
}
#left ul li.active {
	border-left:#C7002C 8px solid;
}
#left ul li.active a {
	font-weight:bold;
}
#left ul li a { 
/*	background:url("../img/_test.gif") no-repeat scroll left center transparent;*/
	color:#ffffff;
	padding-left:10px;
	font-weight:bold;
	display: block; 
}


/***********************
Right col
***********************/
#right h4 {
/*	height:17px; */
	width:141px;
	margin:0;
	padding:4px 8px 4px 10px;
/*	line-height:17px; */
	font-size:12px;
	background-color:#8799A9;
	color:#ffffff;
}
#right h4.active {
	border-right:#C7002C 8px solid;
}
#right h4 a {
	color:#ffffff;
}

#smallcart, #smalllogin, #smallaccount {
	width:140px;
	/*margin-top:4px;*/
	padding:8px 8px 4px 9px;
	background-color:#ffffff;
	border: 1px solid #C3C3C3;
}
.smallcart_label {
	float:left;
	width:66px;
	margin-top:2px;
	color: #000000;
	}


.smallcart_sum {
	float:left;
	height:28px;
	padding:6px 2px 0 0;
	font-size:18px;
	color:#FFFFFF;
	background-color:#596d7f;
	
}
#smallcart span.blockright {
	width:72px;
}



/********************************************************************************
Footer
********************************************************************************/
#footer {
	float:left;
	width:1000px;
/*	height:22px;*/
	margin:0;
	margin-left:-1px;
	padding:0;
/*	background-image:url('../img/bg_footer.png');*/
	line-height:22px;
	text-align:center;
	color:#596D7F;
	border:1px solid #C3C3C3;
}
#footer a {
	text-decoration:none;
	/*color:#00578a;*/
}
#footer a:hover {
	text-decoration:underline;
}




/* enforcing genenric margin classes - don't work
*[class~=mleft5] { margin-left:5px; }
*[class~=mleft10] { margin-left:10px; }
*[class~=mleft20] { margin-left:20px; }
*/