@charset "utf-8";
/*
	rot: 	#d13024
	grau:	#737370
	blau-icon: #49a6cf
*/

/* =General
--------------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: Arial;
}
body {
	line-height: 1;
}

/* Class for clearing floats */
.clear {
  clear: both;
}



.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

img {
	border: 0; vertical-align:top;
}

body { font-size: 12px; color: #6f7071; }

.greybg { background: #717076; }
h1 { font-size: 16px; margin-bottom: 10px; }

/* Main width */
#page { width:960px; padding:0 16px; margin:0 auto; }
.odbinfo { width:900px; padding:0 16px; margin:0 auto; position: static; }
/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Head
--------------------------------------------------------------------------------------------------------*/
#head { margin-top: 4px; }
#head .greybg { height: 22px; margin-bottom: 4px; }
#head .clientbg { height: 46px; margin-bottom: 20px; }
/* End Head
--------------------------------------------------------------------------------------------------------*/

/* =Menu
--------------------------------------------------------------------------------------------------------*/
#menu { background: url('../img/menu_bg.png') repeat-x; height: 32px; }
#menu .nav { float: left; color: #fff; width: 230px; text-align: center; margin-left: 80px; font-weight: bold; height: 19px; padding-top: 13px; }
#menu .nav:first-child { margin-left: 36px; }
#menu .nav.active { }

#menu .nav a { color: #fff; text-decoration: none; }
/* End Menu
--------------------------------------------------------------------------------------------------------*/

/* =Content
--------------------------------------------------------------------------------------------------------*/
#content { padding: 12px; border: 2px solid #717076; height: 390px; }
.stepdescr { height: 20px; }
.stepcontent { height: 360px; overflow: auto; padding-top: 0px; }

.stepcontent td { vertical-align: top; }

.stepcontent ul { width: 230px; }
.stepcontent ul.selection { list-style-type: none; }
.stepcontent ul.selection li { color: #6f7071; width: 230px; /*float: left;*/ margin-bottom: 5px; }
/*
.stepcontent ul.selection li:last-child { float: none; clear: both; }
.stepcontent ul.selection li:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
*/

#nextprev { padding-left: 30px; }
#nextprev a { display: none; }

.product { height: 85px; }
.product:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.product .checkbox { width: 36px; text-align: center; padding-top: 30px; float: left; }
.product .descr { background: url('../img/product_bg.png') no-repeat; height: 81px; padding-top: 4px; margin-left: 36px;  }

.product .descr .img { width: 74px; margin-left: 6px; margin-right: 33px; float: left; }
.product .descr .img img { width: 72px; }
.product .descr .productdescr { padding-top: 4px; width: 630px; line-height: 16px; font-size: 11px; float: left; }
.product .descr .productdescr strong { font-weight: normal; font-size: 12px; color: #000; margin-bottom: 4px; display: block; }
.product .descr .productdescr a { text-decoration: none; }
.product .descr .prices { color:#000; font-size: 16px; margin-left: 760px; width: 76px; padding-top: 6px; text-align: right; }
.product .descr .prices strong { font-size: 10px; display: block; text-align: center; margin-bottom: 6px;  }
.product .descr .prices span { margin-bottom: 10px; display: block;  }

.step3bg { background: url("../img/step3_bg.png") no-repeat; }

#step2 { display: none; }
#step3 { display: none; }
#step3 .resumee { width: 470px; margin-right: 20px; height: 360px; float: left; }
#step3 .form { height: 360px;  }
#step3 .stepdescr { background: url('../img/step3_ja_sticker.png') no-repeat; padding-left: 50px; padding-top: 7px; height: 35px; }

ul.resumeelist { list-style-type: disc; margin-left: 20px; }
ul.resumeelist li { font-size: 14px; color: #000; margin-top: 10px; margin-bottom: 20px;  }
ul.resumeelist li span { color: #6f7071; display: block; }

#step3 .form, #step3 .form td { font-size: 10px; }
#step3 .form p { margin-bottom: 10px;  }
#step3 .form label { padding-bottom: 8px; }
#step3 .form input, #step3 .form select { width: 200px; }
#step3 .form input.long { width: 408px; }
#step3 .form input.zip { width: 40px; }
#step3 .form input.city { width: 150px; }

td.aright { text-align: right; }
td.spacer { height: 4px; }

.submit { color: #353537; font-size: 12px; font-weight: bold; text-align:center; margin-top: 30px; }
#step3 .form .submit input { width: 210px; height: 35px; background: url('../img/submit_btn.png') no-repeat; border: 0px; cursor: pointer; }

#step3 .form h3 { font-size: 16px; font-weight: normal; margin-left: 530px; }

/* End Content
--------------------------------------------------------------------------------------------------------*/


#nextprev { height: 18px; padding-top: 4px; margin-top: 2px; text-align: right; padding-right: 50px; }
#nextprev a { font-weight: bold; font-size: 13px; color: #fff; text-decoration: none; }



/* =ODB Layer
--------------------------------------------------------------------------------------------------------*/
#odbinfolayer { display: none; }
.odbinfolayer {
	position:absolute; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;

/*
	top: 140px; 
	width:100%;
	height: 440px;
*/
	z-index: 3;

	background: url('../img/macFFBgHack.png');
}
.odbinfo { 
	position: static;
	margin-top: 140px;
	background: #fff;
	border: 1px solid #717076; 
	z-index: 10;
	
}
.odbinfo .closebutton { padding: 10px; text-align: right; }
.odbinfo .closebutton a { padding: 5px; color: #fff; text-decoration: none; background: #717076;  }
#odbinfocontent { padding: 20px; height: 360px; overflow: auto; } 
/* End ODB Layer
--------------------------------------------------------------------------------------------------------*/