body {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #E7F1EA url("/img/aerrat/background.jpg") repeat-x top left;
	margin:0;
	z-index: 1;
	text-align:center;
}

a {
	text-decoration: underline;
	color: #002C5A;
}

img {
	border: none;
}

/* ------------------------------------- */

#header  {
	width: 815px;
	overflow:hidden;
	margin: 0 0 10px;
}

#header_sm {
	width: 815px;
	height: 210px;
}

#headerbuttons {
	margin: 2px 0 10px;
	text-align:right;
}

#container {
	width: 815px;
	margin: 10px auto;
	text-align:left;
	overflow:hidden;
}

#footer {
	clear:both;
	text-align: left;
	margin: 10px 0 40px 0;
	padding: 10px 0 0 10px;
	width: 618px;
	height: 20px;
}

/* ------------------------------------- */

#menu {
	margin: 0 10px 15px 0;
	width: 188px;
/*	height: 412px; */
	float: left;
}

#menu img {
	margin-bottom:-3px;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
	background: transparent url(/img/aerrat/menu_sprite.png) no-repeat 0 0;
	display:block;
	width:188px;
	height:33px;
}
#menu1 {
	background-position: 0 0;
	height:34px;
}
#menu1:hover, #menu1.active {
	background-position: 0 -199px;
}
#menu2 {
	background-position: 0 -34px;
}
#menu2:hover, #menu2.active {
	background-position: 0 -233px;
}
#menu3 {
	background-position: 0 -67px;
}
#menu3:hover, #menu3.active {
	background-position: 0 -266px;
}
#menu4 {
	background-position: 0 -100px;
}
#menu4:hover, #menu4.active {
	background-position: 0 -299px;
}
#menu5 {
	background-position: 0 -133px;
}
#menu5:hover, #menu5.active {
	background-position: 0 -332px;
}
#menu6 {
	background-position: 0 -166px;
}
#menu6:hover, #menu6.active {
	background-position: 0 -365px;
}

#headerspacer {
	width: 10px;
	height: 199px;
	z-index: 8;
}

#flash {
	z-index: 9;
	width: 617px;
/*	height: 412px; */
	float: right;
	vertical-align: top;
	margin: 0 0 15px 0;
	/*padding-left:197px;*/
}

#flash:after, div.auftrag:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#flash,  div.auftrag  {display: inline-block;}  /* for IE/Mac */
#flash, div.auftrag {
	*zoom: 1;     /* triggers hasLayout */
	*display: block;     /* resets display for IE/Win */
}  /* Only IE can see inside the conditional comment



/* ------------------------------------- */

#container_content {
	float:right;
	width:618px;
}

#container_content.contentFullWidth {
	width: 815px;
}

.contentFullWidth {

}

.contentTeaser {
	margin-left: -197px;
}

#container_content #content{
	width:100%;
}

#container_content.contentFullWidth #footer{
	margin-left:0px;
}


#left_box  {
	width: 188px;
	float: left;
	vertical-align: top;
	margin: 0 10px 15px 0;
}

#content  {float: right }
#righttop   { background-image: url("/img/aerrat/content_frame_top.gif"); background-repeat: no-repeat; width: 618px; height: 14px; float: left }

#rightcenter {
	background-image: url("/img/aerrat/content_frame_mid.gif");
	background-repeat: repeat-y;
	padding: 0 10px 20px;
	width: 597px;
	margin-top:14px;
	overflow:hidden;
}

#rightbottom   { background-image: url("/img/aerrat/content_frame_bottom.gif"); background-repeat: no-repeat; width: 618px; height: 14px }

#container_content.contentFullWidth #content #righttop {
	background-image: url("/img/aerrat/content_frame_top_fullwidth.png");
	width:815px;
}

#container_content.contentFullWidth #content #rightcenter {
	background-image: url("/img/aerrat/content_frame_mid_fullwidth.png");
	width:815px;
}

#container_content.contentFullWidth #content #rightbottom {
	background-image: url("/img/aerrat/content_frame_bottom_fullwidth.png");
	width:815px;
	height:14px;
}

.contentFullWidth .contentLeft {
	float:left;
	width:188px;
	height:335px;
	margin: -4px 0 0 -8px;
	background: transparent url(/img/aerrat/main_order.jpg) no-repeat top left;
}

.contentFullWidth .contentLeft a {
	display:block;
	width:184px;
	height:335px;
}

/*-------------------------------------------*/

.divcontenttext   { line-height: 1.4; text-align: left; margin-right: 20px; margin-left: 15px; padding-top: 20px; vertical-align: top }
.divcontenttext H1   { color: #444444; font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left }

.divcontenttext A  { color: #002C5A; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left }

div.auftrag p a.wizardButton
{
	color: #FFF;
	text-align: center;
	text-decoration: bold;
}

div.divcontenttext p a.wizardButton.large
{
	color: #FFF;
	text-align: center;
	text-decoration: bold;
}

.divcontenttext LI  { line-height: 1.5; text-align: left }
.contentimg { text-align: left; margin-top: 40px; margin-right: 20px; margin-left: -15px; width: 580px }
.contentimg_sm { text-align: left; margin-left: 15px; width: 278px }

.divcontenttext .sponsorContent {
	margin: 0 -10px;
}

.contentFullWidth .divcontenttext {
	padding-left:185px;

}
/* .-----------------------------------------------------------. */




.contenttext   { line-height: 1.3; text-align: left; margin-right: 20px; margin-left: 15px; padding-top: 20px }

h1  { color: #000000; font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left }

.contenttext H2 {
	margin-top: 0px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}


.contenttext A {
	text-decoration: none;
	color: #002C5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.contenttext fuss {
	text-decoration: none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.contenttext LI {
	line-height: 1.5;
}

.footer A {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 200;
}

.subheader {
	text-decoration: none;
	color: #002C5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}

.inhalte {
	line-height: 1.4;
	vertical-align: top;
}
.bestellhead { height: auto }
.stueckzahl {
	width: 500px;
	line-height: 1.5;
	font-weight: bold;
}
.stueckzahl1 { font-weight: bold; line-height: 1.5; margin-bottom: 20px; width: 100px; float: left }

.plakat {
	float: left;
	width: 230px;
	line-height: 1.5;
}

.plakatthumb {
	float: right;
	width: 262px;
}

.formdiv {
	float: clear;
	line-height: 1.0;
}

.label {
	width: 300px;
	font-weight: bold;
}

.sponsor {
	float:left;
	margin:10px 10px 10px 0;
}

#footer A {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 200;
}

/* FORMULAR */

.formrow {
	clear: both;
	padding-bottom: 10px;
}

.formleft {
	float: left;
	width: 200px;
}

.formright {
	float: left;
	width: 300;
	padding-left: 20px;
}

#vorname, #plz, #telefon {
	width: 200px;
}


#nachname, #ort, #fax  {
	width: 200px;
}

#strasse, #apotheke {
	width: 420px;
}

/* LOGIN */

#loginForm {
	margin: 15px 25px;
	overflow:hidden;
	position:relative;
}

#loginForm a.anmelden img {
	margin: 15px 0 0;
}

#loginForm img.trenner {
	margin:25px 0;
}

#loginForm div.row {
	margin:5px 0;
}

#loginForm label {
	display:block;
	color: #333333;
	font-size:11px;
	margin:2px;
}

#loginForm a.lostPassword {
	font-size:11px;
	color:#333333;
	text-decoration:underline;
}

#loginForm input[type=text], #loginForm input[type=password] {
	border-width: 2px 1px 1px 2px;
	border-style: solid;
	border-color: #cbcbcb #e6e6e6 #e6e6e6 #cbcbcb;
	width:170px;
}

#loginForm div.submitrow {
	margin:25px 0 10px;
}

#loginForm label {

}

#loginForm #springerLogo {
	position:absolute;
	top:40px;
	right:10px;
}

/* General Form Stuff */

.formRow {
	float:left;
/*	clear:both;*/
	margin:3px 0;
	overflow:hidden;
	width:100%;
}

.formRow .formLeft {
	width:210px;
	margin-right:10px;
	float:left;
	overflow:hidden;
}

.formRow .formRight {
	width:210px;
	float:left;
	overflow:hidden;
}

.formRow input[type=text], .formRow input[type=password] {
	border-width: 2px 1px 1px 2px;
	border-style: solid;
	border-color: #cbcbcb #e6e6e6 #e6e6e6 #cbcbcb;
	width:200px;
}

.formRow #collectInstitut, .formRow #businessCollectStreetAdr {
	width:421px;
}
.formRow #exp {
	width:100px;
}


.formRow .errorstandard {
	color:red;
	font-weight:bold;
}


.headerPromotion {
	text-decoration:underline;
	font-size: 13px;
	width: 421px;
	padding:0 0 10px 0;
}

.wizardButton {
	display:block;
	/*height:14px;*/
	font-size:12px;
	width:150px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	background: transparent url(/img/aerrat/button_large.png) no-repeat 0 0;
	border:none;
	margin: 5px 0;
	cursor:pointer;
}

.wizardButton.small {
	width:85px;
	background: transparent url(/img/aerrat/button_medium.png) no-repeat 0 0;
}

.wizardButton.large {
	width:190px;
	background: transparent url(/img/aerrat/button_xl.gif) no-repeat 0 0;
}


.wizardButton.disabled {
	background: transparent url(/img/aerrat/button_disabled_small.gif) no-repeat 0 0;
	color: #002C5A;
	width:93px;
}

#Loading.yui-panel .hd, #UploadMsg.yui-panel .hd {
	background:url(/img/aerrat/button_background.gif) repeat-x;
	color:#fff;
	font-size:13px;
}

#Loading.yui-panel .bd, #UploadMsg.yui-panel .bd {
	background-color:#fff;
}

div.auftrag {
	border-top:1px dashed #002C5A;
	clear:both;
	float:left;
	margin:10px 0;
	overflow:hidden;
	padding:10px;
	width:570px;
}

div.auftrag.first {
	border-top: none;
}

div.auftrag img {
	float:left;
	margin: 0 20px;
}

div.auftrag p {
	float:left;
	margin: 0 20px;
}

/* Wizard Pages */

/* Header */

div.wizardHeader {
	margin: -9px -9px 15px -9px;
	padding: 20px;
	overflow:hidden;
	background: #e9e9e9 url(/img/aerrat/wizard_head_bg.gif) repeat-x 0 9px;
	background-position:0 9px;
	*background-position:0 0;
	border-bottom:1px dashed #002C5A;
	color:#002C5A;
}

div.wizardHeader h1 {
	color:#002C5A;
}

div.wizardHeader div.navInfo {
	border-bottom:1px dashed #002C5A;
	padding:5px;
	overflow:hidden;
}

div.wizardHeader div.navInfo ul {
	list-style:none;
	overflow:hidden;
	margin:5px;
	padding:0;
}

div.wizardHeader div.navInfo ul li {
	list-style:none;
	float:left;
	display:block;
	width:16.6%;
	overflow:hidden;
	position:relative;
}

div.wizardHeader div.navInfo ul li div.stepText {
	margin-top:20px;
	color:#002C5A;
	font-size:11px;
}

div.wizardHeader div.navInfo ul li div.step {
	background: transparent url(/img/aerrat/wizard_head_steps.gif) no-repeat 0 0;
	width:18px;
	height:18px;
	position:absolute;
	top:0;
	left:0;
}

div.wizardHeader div.navInfo ul li div.step1 {background-position: 0 0; }
div.wizardHeader div.navInfo ul li div.step1.active {background-position: -18px 0; }
div.wizardHeader div.navInfo ul li div.step2 {background-position: -36px 0; }
div.wizardHeader div.navInfo ul li div.step2.active {background-position: -54px 0; }
div.wizardHeader div.navInfo ul li div.step3 {background-position: -72px 0; }
div.wizardHeader div.navInfo ul li div.step3.active {background-position: -90px 0; }
div.wizardHeader div.navInfo ul li div.step4 {background-position: -108px 0; }
div.wizardHeader div.navInfo ul li div.step4.active {background-position: -126px 0; }
div.wizardHeader div.navInfo ul li div.step5 {background-position: -144px 0; }
div.wizardHeader div.navInfo ul li div.step5.active {background-position: -162px 0; }
div.wizardHeader div.navInfo ul li div.step6 {background-position: -180px 0; }
div.wizardHeader div.navInfo ul li div.step6.active {background-position: -198px 0; }

div.wizardHeader div.uploadPreview a.wizardButton
{
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

div.selectTemplate {
	overflow:hidden;
	color:#002C5A;
	position:relative;
	padding-bottom: 50px;
}

div.selectTemplate h1 {
	color:#002C5A;
}

div.selectTemplate .row, div.selectTemplate h2 {
	float:left;
	overflow:hidden;
	width:100%;
}

div.selectTemplate h2 {
	clear:both;
	font-size:16px;
	margin: 10px 0;
}

div.selectTemplate .row {
	width: 580px;
}

div.selectTemplate .row .item {
	float:left;
	overflow:hidden;
	margin:10px;
	width:255px;
}

div.selectTemplate .row .item p {
	height:50px;
}

div.selectTemplate .row .item img{
	display:block;
	margin: 10px 0;
}

div.selectTemplate .row .item input[type=radio] {
	float:left;
	margin:5px;
}

div.selectTemplate .row .item .wizardButton {
	display:block;
	text-align:center;
}

div.uploadImg {
	position:relative;
	margin:-9px;
	padding:9px 9px 50px 9px;
	overflow:hidden;
	color:#002C5A;
}

div.uploadImg input[type=submit].wizardButton {
	border:0 none;
	display:inline;
	height:22px;
	padding:0;
}

div.uploadImg div.imageEdit {
	display:block;
	overflow:hidden;
	position:relative;
}

div.uploadImg div.imageEdit div.imageArea {
	float:left;
	position:relative;
	padding: 0 20px 0 0;
	width:210px;
}

div.uploadImg div.imageEdit div.imageAreaMask {
	background: transparent url(/img/aerrat/img_area_border.gif) no-repeat 50% 50%;
	width:161px;
	height:123px;
	position:absolute;
	top:0;
	left:0;
}

div.uploadImg div.imageEdit div.imageActions {
	width:200px;
	position:absolute;
	top: 12px;
	left:380px;
}

div.uploadImg div.imageEdit div.imageActions h3 {
	margin-top:0;
}

div.uploadImg div.imageEdit div.imageActions a.crop {
	background:transparent url(/img/aerrat/icon_crop.gif) no-repeat 0 0;
	display:block;
	height:30px;
	padding:5px 0 0 32px;
	color:#002C5A;
	text-decoration:none;
}

div.uploadImg div.imageEdit div.imageActions a.zoom {
	background:transparent url(/img/aerrat/icon_zoom.gif) no-repeat 0 0;
	display:block;
	height:30px;
	padding:5px 0 0 32px;
	color:#002C5A;
	text-decoration:none;
}

div.uploadImg div.preview {
	display:block;
	overflow:hidden;
	position:relative;
	border-bottom:1px dashed #002C5A;
	padding:10px 10px 20px 10px;
}

div.uploadImg div.preview div.previewArea {
	float:left;
	padding: 0 20px 0 0;
}

div.uploadImg div.preview div.previewActions {
	position:absolute;
	top: 518px;
	left: 392px;
}

div.uploadImg div.preview div.previewActions a {
	padding-left:25px;
	display:block;
	height:25px;
	line-height:25px;
	color:#002C5A;
	text-decoration:none;
	background: transparent url(/img/aerrat/pfeil-icon.gif) no-repeat 0 50%;
}

div.uploadImg img.previewImgLarge {
	height:500px;
}

div.uploadImg div.row div.item {
	float:left;
	margin:10px 10px 10px 0;
	overflow:hidden;
}

div.uploadImg div.pager a.wizardButton
{
	color: #FFF;
	font-weight: bold;
}

div.divcontenttext a.wizardButton
{
	color: #FFF;
	font-weight: bold;
}

div.divcontenttext div.uploadImg a.wizardButton
{
	color: #FFF;
	font-weight: bold;
}

div.error, p.error {
	margin:10px auto;
	border:1px solid red;
	padding:20px;
	color:red;
	font-weight:bold;
	overflow:hidden;
	display:block;
	clear:both;
}

#wizard2 div.error, #orderForm .error {
	width:530px;
}

#wizard2 p.error {
	width:510px;
}

div.uploadImg div.textInput {
	display:block;
	padding:20px;
}

div.uploadImg div.textInput img {
	display:block;
	margin:10px 0;
	opacity:0.6;
}

div.uploadImg div.textInput label span {
	font-weight:bold;
}

div.uploadImg textarea, div.uploadImg input[type=text] {
	border:1px solid #002C5A;
	width:350px;
}

div.uploadImg textarea {
	height:160px;
	overflow:auto;
	overflow-x:scroll;
	line-height:16px;
	white-space:pre;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:13px;
}

div.uploadImg div.textareaWrap {
	position:relative;
}

div.uploadImg div.textareaWrap div.textAreaError {
	position:absolute;
	left:-18px;
	width:16px;
	height:16px;
	top:2px;
	background: transparent url(/img/aerrat/important.png) no-repeat 0 0;
}
div.uploadImg div.textareaWrap div.textAreaError.show {
	display:block;
}

div.uploadImg div.formRow div.formRight input[type=text] {
	width:200px;
}

div.uploadImg div.fileUpload {
	position:relative;
	display:block;
	width:100%;
	height:30px;
}

div.uploadPreview {
	padding:0 0 0 10px;
	position:relative;
	float:left;
	clear:both;
}

div.uploadImg div.uploadPreview p {
	width:320px;
}

div.uploadImg div.uploadPreview p.numTitle {
	margin:0 0 -10px -10px;
}

div.uploadImg div.uploadPreview #wizardUpload {
	margin:20px 0;
	width:160px;
	height:25px;
	font-family:arial, verdana, sans-serif;
	display:block;
}
div.uploadImg div.uploadPreview a.cropButton {
	margin:20px 0;
}

div.uploadImg div.inputWrapper {
	height:auto;
	min-height:250px;
	margin:0 0 20px 0;
	position:relative;
	padding:0 0 0 20px;
	clear:both;
}

div.uploadImg div.inputWrapper p.error {
	margin:10px 0;
}

div.uploadImg div.inputWrapper.inputWrapperTextArea {
	min-height:350px;
}

div.uploadImg div.inputWrapper textarea {
	width:auto;
	height:auto;
}

div.uploadImg div.inputWrapper div.thumbImgContainerWrap {
	top:0;
}

div.hidden {
	display:none;
}

#wizard2 div.fullWidthError {
	width:555px;
}

div.pager {
	position:absolute;
	bottom:10px;
	right:0;
}

div.pager .wizardButton {
	display:inline;
	margin: 0 5px;
}

div.pager input.wizardButton {
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	padding:3px 0 7px;
	width:160px;
}

div.pager input.small {
	width:95px;
	height:25px !important;
	padding:3px 0 7px;
}

div.pager input.disabled {
	width:105px;
}

div.pager a.wizardButton {
	display:block;
	float:left;
	text-align: center;
}

div.pager span.wizardButton {
	display:block;
	float:left;
}

/* Crop stuff */

div.thumbImgContainerWrap {
	clear:both;
	position:absolute;
	top:-12px;
	left:410px;
}

div.thumbImgContainer {
	clear:both;
	position:relative;
}

div.thumbImgContainer #thumbImgCrop{
	border:1px dashed red;
	position:absolute;
	top:0;
	left:0;
	/*display:none;*/
	width:30px;
	height:30px;
}



/* CROP STUFF */

#cropImgContainer {
	overflow:hidden;
	display:block;
}

.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
	display:block;
	margin:0px auto;
}

/* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */
.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea {
	background-color: transparent;
}

/* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */
.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	width: 100%;
	height: 100%;
}

.imgCrop_selArea {
	position: absolute;
	/* @done_in_js
	top: 20px;
	left: 20px;
	width: 200px;
	height: 200px;
	background: transparent url(castle.jpg) no-repeat  -210px -110px;
	*/
	cursor: move;
	z-index: 2;
}

/* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */
.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 0.01;
	filter:alpha(opacity=01);
}

.imgCrop_marqueeHoriz {
	position: absolute;
	width: 100%;
	height: 1px;
	background: transparent url(/img/aerrat/marqueeHoriz.gif) repeat-x 0 0;
	z-index: 3;
}

.imgCrop_marqueeVert {
	position: absolute;
	height: 100%;
	width: 1px;
	background: transparent url(/img/aerrat/marqueeVert.gif) repeat-y 0 0;
	z-index: 3;
}

/*
 *  FIX MARCHING ANTS IN IE
 *	As IE <6 tries to load background images we can uncomment the follwoing hack
 *  to remove that issue, not as pretty - but is anything in IE?
 *  And yes I do know that 'filter' is evil, but it will make it look semi decent in IE
 *
* html .imgCrop_marqueeHoriz,
* html .imgCrop_marqueeVert {
	background: transparent;
	filter: Invert;
}
* html .imgCrop_marqueeNorth { border-top: 1px dashed #000; }
* html .imgCrop_marqueeEast  { border-right: 1px dashed #000; }
* html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; }
* html .imgCrop_marqueeWest  { border-left: 1px dashed #000; }
*/

.imgCrop_marqueeNorth { top: 0; left: 0; }
.imgCrop_marqueeEast  { top: 0; right: 0; }
.imgCrop_marqueeSouth { bottom: 0px; left: 0; }
.imgCrop_marqueeWest  { top: 0; left: 0; }


.imgCrop_handle {
	position: absolute;
	border: 1px solid #333;
	width: 6px;
	height: 6px;
	background: #FFF;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 4;
}

/* fix IE 5 box model */
* html .imgCrop_handle {
	width: 8px;
	height: 8px;
	wid\th: 6px;
	hei\ght: 6px;
}

.imgCrop_handleN {
	top: -3px;
	left: 0;
	/* margin-left: 49%;    @done_in_js */
	cursor: n-resize;
}

.imgCrop_handleNE {
	top: -3px;
	right: -3px;
	cursor: ne-resize;
}

.imgCrop_handleE {
	top: 0;
	right: -3px;
	/* margin-top: 49%;    @done_in_js */
	cursor: e-resize;
}

.imgCrop_handleSE {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
}

.imgCrop_handleS {
	right: 0;
	bottom: -3px;
	/* margin-right: 49%; @done_in_js */
	cursor: s-resize;
}

.imgCrop_handleSW {
	left: -3px;
	bottom: -3px;
	cursor: sw-resize;
}

.imgCrop_handleW {
	top: 0;
	left: -3px;
	/* margin-top: 49%;  @done_in_js */
	cursor: w-resize;
}

.imgCrop_handleNW {
	top: -3px;
	left: -3px;
	cursor: nw-resize;
}

/**
 * Create an area to click & drag around on as the default browser behaviour is to let you drag the image
 */
.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}

.imgCrop_previewWrap {
	/* width: 200px;  @done_in_js */
	/* height: 200px; @done_in_js */
	overflow: hidden;
	position: relative;
}

.imgCrop_previewWrap img {
	position: absolute;
}

.yui-skin-sam .yui-toolbar-container {
	display: none;
}

/* Bestellformular */
#liefermodus, #lieferzyklus, #rechnungsadresse, #lieferadressen, #beruflicheadresse {
	overflow:hidden;
	float:left;
}

#liefermodus h3, #lieferzyklus h3, #rechnungsadresse h3, #lieferadressen h3, #beruflicheadresse h3 {
	margin:15px 0;
	*margin:20px 0;
}

/* IE6 Hacks ... :( */

* html #rightcenter {
	width:617px;
	margin-top:-1px;
}

* html .wizardButton {
	width:160px;
}

* html .wizardButton.small {
	width:95px;
}

* html .wizardButton.disabled {
	width:105px;
}

* html .wizardButton.large {
	width:200px;
}

* html div.wizardHeader {
	float:left;
	margin-left:-4px;
	padding-right:3px;
}

* html div.wizardHeader div.uploadPreview {
	width:590px;
}

* html div.wizardHeader div.navInfo ul {
	width:550px;
}
* html div.wizardHeader div.navInfo ul li div.step1 {background-position: 0 0; }
* html div.wizardHeader div.navInfo ul li div.step1 .active {background-position: -18px 0; }
* html div.wizardHeader div.navInfo ul li div.step2 {background-position: -36px 0; }
* html div.wizardHeader div.navInfo ul li div.step2 .active {background-position: -54px 0; }
* html div.wizardHeader div.navInfo ul li div.step3 {background-position: -72px 0; }
* html div.wizardHeader div.navInfo ul li div.step3 .active {background-position: -90px 0; }
* html div.wizardHeader div.navInfo ul li div.step4 {background-position: -108px 0; }
* html div.wizardHeader div.navInfo ul li div.step4 .active {background-position: -126px 0; }
* html div.wizardHeader div.navInfo ul li div.step5 {background-position: -144px 0; }
* html div.wizardHeader div.navInfo ul li div.step5 .active {background-position: -162px 0; }
* html div.wizardHeader div.navInfo ul li div.step6 {background-position: -180px 0; }
* html div.wizardHeader div.navInfo ul li div.step6 .active {background-position: -198px 0; }

* html div.selectTemplate .row .item .wizardButton { {
	display:inline;
}

* html div.uploadImg div.preview {
	clear:both;
}

* html div.uploadImg div.uploadPreview input, * html div.uploadImg div.uploadPreview #wizardUpload { {
	/*margin-left:20px;*/
}

* html div.uploadImg div.row {
	float:left;
	padding-bottom:50px;
}


* html .selectTemplate div.pager {
	overflow:hidden;
	left:-550px; /* obviously relative to preceeding div */
	top: 515px;
	width:550px;
	text-align:right;
}

* html #wizard2 div.wizardHeader h2 {
	clear:both;
}

* html #wizard2 div.fullWidthError {
	width:595px;
}

* html #orderForm #rechnungsadresse {
	float:left;
	clear:both;
	width:570px;
}

* html #orderForm div.pager {
	float:left;
	clear:both;
}