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



/***********************
default links
***********************/
a { 
/*	color:#00578a;*/
	color:#00508b;
	text-decoration:underline;
}
a:hover, a:active, a:focus { text-decoration:none; }
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:#00578a;*/
	color:#00508b;
	cursor:pointer;
}



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

div.headline_bg {
	margin-top:10px;
	margin-bottom:10px;
	padding:3px 4px;
	background-color:#9FC9E1;
}
div.headline_bg h2 {
	margin:0;
	font-size:15px; color:#00578A;
	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 #00578A;
}
input.textfield {
/*	height:14px;*/
}
select {
	height:23px;
}
div.labelbox {
	float:left;
	padding: 4px 10px 2px 2px;
}




/***********************
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;
	background-repeat:repeat-x;
	background-position:top left;
	
	/* blue default button */
	font-size:12px;
	color:#FFFFFF;
	background-color:#00578A;
	background-image:url(../img/button/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:#888888 !important;
}
	/* orange buttons */
.btn_momox[class~=orange1], .btn_momox[class~=orange2] {
	font-size:13px;
	color:#004070;
	background-color:#ffb555;
	border-width:2px;
	border-left-color:#fff0b0; border-top-color:#fff9c0;
	border-right-color:#b27a59; border-bottom-color:#a07040;
	padding:0 20px 2px;
}
.btn_momox[class~=orange1] {
	background-image:url(../img/button/button_bg_orange-1.gif);
	height:29px;
}
.btn_momox[class~=orange2] {
	background-image:url(../img/button/button_bg_orange-2.gif);
	height:48px;
	white-space:normal;
}

.btn_momox[class~=cancel] {
	background-color:#CCCCCC;
	background-image:url(../img/button/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 #00578A;
}
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 #00578A; }
.framepaleblue { border:2px solid #9FC9E1; }

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

.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:#DAE9F3; }

.bg_darkblue	{ background-color:#00578A; color:white; }
.bg_mainblue	{ background-color:#1077b4; color:white; }
.bg_paleblue	{ background-color:#9FC9E1; }
.bg_lightblue	{ background-color:#DAE9F3; }

hr, .hr {
	display:block;
	margin:0.5em auto;
	border:none;
	border-bottom:1px solid #00578A;
	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; }



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



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



/********************************************************************************
wrapper divs
********************************************************************************/
#wrapper {
	width:1000px;
	margin:0 auto;
	text-align:left;
}

#wrapper_sides {
	float:left;
	width:1000px;
	background-color:#9fc9e1;
	background-image:url('../img/wrapper_sides.jpg');
	background-repeat:repeat-x;
	text-align:center;
}

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



/********************************************************************************
Head
********************************************************************************/
#tophead, #midhead {
	width:1000px;
	margin:0;
	padding:0;
}
#tophead {
	height:21px;
	line-height:21px;
	font-size:11px;
	background-image:url('../img/headbg/bg_tophead.jpg');
}
#tophead span {
	color:#00578A;
	display:block;
	background-position: left 2px;
}
#tophead .kontakt {
	margin-left:60px;
	padding-left:20px;
	background-image:url('../img/icon_mail.gif');
	background-repeat: no-repeat;
	float:left;
}
#tophead .impressum {
	margin-left:20px;
	padding-left:18px;
	background-image:url('../img/icon_imprint.gif');
	background-repeat: no-repeat;
	float:left;
}
#tophead .verkaufte_artikel {
	margin-right:35px;
	float:right;
}
#tophead a {
	text-decoration:none;
	color:#00578A;
}
#tophead a:hover {
	text-decoration:underline;
}

#midhead {
	height:116px;
	background-image:url('../img/headbg/bg_midhead.jpg');
}
#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 {
	width:836px;
	height:25px;
	background:url('../img/headbg/bg_downhead.gif') left top no-repeat;
	/*line-height:26px;*/
	margin:0;
	padding:4px 0 0 164px;
}
#downhead div { float:left; margin-left:100px; font-size:24px; font-weight:normal; }

#downhead ul {
	float:left;
	padding:1px 0;
	margin:0;
	list-style-type:none;
	background:url('../img/headbg/bg_downhead_ul_shiny.gif') left top repeat-x;
	height:19px;
}
#downhead li {
	float:left;
	margin:0;
	padding:0 26px 0 0;
	height:19px;
	background:url('../img/headbg/bg_downhead_li_end-16.gif') right top no-repeat;
}
#downhead ul li a {
	color:#1077b4;
	text-decoration:none;
	font-weight:bold;
	display:block;
	font-size:12px;
	height:19px;
	background-image:url('../img/headbg/bg_downhead_a_blue.gif');
	background-position:left top;
	background-repeat:no-repeat;
	padding:2px 0 0 23px;
}
#downhead ul li a:hover, #downhead ul li a:active, #downhead ul li a:focus {
	color:#0772b5;
	text-decoration:underline;
	background-image:url('../img/headbg/bg_downhead_a_blue-shine.gif');
}
#downhead ul li a:active, #downhead ul li a:focus {
	/*background-image:url('../img/headbg/bg_downhead_a_pale.gif');*/
}
#downhead ul li.active a, #downhead ul li.active a:hover, #downhead ul li.active a:active, #downhead ul li.active a:focus { 
	color:#0772b5;
	text-decoration:none;
	background-image:url('../img/headbg/bg_downhead_a_orange.gif');
}
#downhead img { float:left; border:none; margin:0; }



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

div.headbox {
	background-color:#DAE9F3;
	border-bottom:8px solid #9FC9E1;
}
.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:20px;
	margin-top:2px;
	padding-right:2px;
	font-size:14px;
	font-weight:bold;
	color:#00578A;
	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;
}



/***********************
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;
	width:174px;
	margin:0;
	padding:0;
	color:#00578a;
		
}
#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 8px 16px 8px;
}

/**** promotion banner in left column */
#werbung_ls	{ 
	background:#FFFFFF;
	width: 153px;
	padding: 5px 0px 0px 5px;
	margin-top: 25px;
 }


#werbung_ls img	{
	display: block;
	border: 0px;
}



/***********************
Left col
***********************/
#left ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#left ul li {
	width:157px;
	height:17px;
	margin:0 0 4px 0;
	padding:0;
	line-height:17px;
	background-image:url('../img/button/left_button.jpg');
}
#left ul li.active {
	background-image:url('../img/button/left_button_o.jpg');
}
#left ul li.active a {
	font-weight:bold;
}
#left ul li a { padding-left:25px; }


/***********************
Right col
***********************/
#right h4 {
	height:17px;
	margin:0;
	padding:0 0 0 10px;
	line-height:17px;
	font-size:12px;
	background-image:url('../img/headbg/bg_right_h2.jpg');
	background-repeat:no-repeat;
}

#smallcart, #smalllogin, #smallaccount {
	width:140px;
	margin-top:4px;
	padding:8px 8px 4px 9px;
	background-color:#ffffff;
}
.smallcart_label {
	float:left;
	width:66px;
	margin-top:2px;
}
.smallcart_sum {
	float:left;
	height:28px;
	padding:6px 2px 0 0;
	font-size:18px;
	color:#FFFFFF;
	background-color:#00578A;
	
}
#smallcart span.blockright {
	width:72px;
}



/********************************************************************************
Footer
********************************************************************************/
#footer {
	float:left;
	width:1000px;
	height:22px;
	margin:0;
	padding:0;
	background-image:url('../img/headbg/bg_footer.png');
	line-height:22px;
	text-align:center;
	color:#00578a;
}
#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; }
*/