/*********************** GLOBAL ***********************/

body {
	background-color: #ffffff;
}
body, td, p, a, input, select, div, span, textarea {
	font-family: Arial, Helvetica, Sans-serif;
	color: #3a3a3a;
	font-size: 11px;
}

.ObenText {
	text-align: center;
	font-weight:bold;
	font-size: 11px;
}

.buttonsingleline {
	height:20px;
	width:149px;
	line-height:20px;
	background-image:url(../img/button_bg_singleline.gif);
	background-repeat:no-repeat;
	text-align: center;
}

.buttondoubleline {
	width: 149px;
	height: 36px;
	background-image: url(../img/button_bg_doubleline.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 4px;
}

/*********************** HEADER ***********************/

body.header div, body.header a {
	font-weight:bold;
	color:#3a3a3a;
	font-size: 11px;
	text-decoration: none;
}
body.header {
	background-image: url(../img/gradient_header.gif);
	background-repeat:repeat-x;
	background-color:#dddedf;
	border-bottom:1px solid #b7b7b8;
}
body.header .content {
	height:100%;
}
body.header .exit {
	position:absolute;
	left:20px;
	top:20px;
	width:75px;
	height:20px;
	background-image: url(../img/button_exit.gif);
	cursor:pointer;
}
body.header .itemgroup1 {
	position:absolute;
	left:202px;
	top:10px;
	height:39px;

}
body.header .itemgroup1 .producttitle {
	line-height:39px;
	float:left;
}
body.header .itemgroup1 .autofill {
	background-image:url(../img/button_wizard.gif);
	background-repeat:no-repeat;
	width:37px;
	height:39px;
	margin-top:1px;
	cursor:pointer;
	float:left;
}
body.header .itemgroup1 .autofill-hl {
	background-image:url(../img/button_wizard_hl.gif);
	background-repeat:no-repeat;
	width:37px;
	height:39px;
	margin-top:1px;
	cursor:pointer;
	float:left;
}
body.header .itemgroup1 .autofilllink {
	float:left;
	height:39px;
	line-height:39px;
	padding-left:10px;
}
body.header .itemgroup1 .spacer {
	float:left;
	background-color:#9b9a98;
	width:2px;
	height:32px;
	margin-left:25px;
	margin-top:3px;
	margin-right:35px;
	font-size:1px;
}
body.header .itemgroup2 {
	position:absolute;
	right:14px;
	top:10px;
	width:500px;
	height:39px;
}
body.header .itemgroup2 .basket {
	background-image:url(../img/button_basket.gif);
	background-repeat:no-repeat;
	width:37px;
	height:39px;
	margin-top:1px;
	float:right;
	cursor:pointer;
}
body.header .itemgroup2 .basket-hl {
	background-image:url(../img/button_basket_hl.gif);
	background-repeat:no-repeat;
	width:37px;
	height:39px;
	margin-top:1px;
	float:right;
	cursor:pointer;
}
body.header .itemgroup2 .basketlink {
	float:right;
	height:39px;
	line-height:39px;
	padding-right:10px;
}
body.header .itemgroup2 .spacer {
	float:right;
	background-color:#9b9a98;
	width:2px;
	height:32px;
	margin-left:25px;
	margin-top:3px;
	margin-right:35px;
	font-size:1px;
}
body.header .itemgroup2 .savelink {
	float:right;
	height:39px;
	line-height:39px;
	padding-right:10px;
}

/*********************** LEFT ***********************/

a.tab:link, a.tab:active, a.tab:visited {
	color: #3a3a3a;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

a.tab:hover {
	color: #53beeb;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


/***** UPLOAD BUTTON *****/
body.uploadbutton {
	background:url(../img/gradient_uploadbutton.gif);
	background-color:#f1f1f1;
	border-left:1px solid #c3c4c5;
	border-right:1px solid #c3c4c5;
	margin-top:0px;
	height:100%;
}
body.uploadbutton .button {
	position:absolute;
	left:9px;
	top:7px;
	width:170px;
	height:62px;
	background:url(../img/button_upload.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
body.uploadbutton .button a {
	position:absolute;
	left:61px;
	top:26px;
}

/***** NAVITABS *****/

.navitab {
	width: 190px;
	height: 32px;
	background-image: url(../img/tab.gif);
	background-repeat: no-repeat;
	padding-left:12px;
	padding-top:10px;
}

.navitab.top {
	background-image: url(../img/tab_top.gif);
}

body.navi {
	background-color: #f1f1f1;
	background-image: url(../img/navi_bg.gif);
	margin-left: 12px;
	margin-top: 5px;
}

/***** DESIGNS *****/

.templategroups {
	padding-bottom:14px;
}

.templategroups select {
	width:145px;
}

.templates .thumbnail {
	width: 64px;
	height: 64px;
	text-align: center;
	line-height:64px;
	margin-right:4px;
	margin-bottom:4px;
	border:1px solid #f1f1f1;
	float:left;
}
.templates .thumbnail-hl {
	width: 64px;
	height: 64px;
	text-align: center;
	line-height:64px;
	margin-right:4px;
	margin-bottom:4px;
	border:1px solid #53beeb;
	float:left;
}

/***** IMAGELIBRARY *****/

.imagelibrary .imagelist {
	margin-top:8px;
}
.imagelibrary .imageitem-small {
	position:relative;
	width:48px;
	height:66px;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
}
.imagelibrary .imageitem-large {
	margin-bottom:4px;
	float:left;
	width:100%;
	clear:both;
}
.imagelibrary .imageitem-small .imagecontainer {
	position:relative;
	width:48px;
	height:48px;
}
.imagelibrary .imageitem-small .imagecontainer img {
	position:absolute;
	left:0px;
	bottom:0px;
}
.imagelibrary .trash {
	width:18px;
	height:18px;
	float:left;
	background-image:url(../img/icon_trash.gif);
	cursor:pointer;
}
.imagelibrary .used {
	width:18px;
	height:18px;
	float:left;
	background-image:url(../img/icon_tick.gif);
	cursor:pointer;
}
.imagelibrary .turnclockwise {
	width:15px;
	height:18px;
	float:left;
	background-image:url(../img/icon_rotate_right.gif);
	cursor:pointer;
}
.imagelibrary .turnanticlockwise {
	width:15px;
	height:18px;
	float:left;
	background-image:url(../img/icon_rotate_left.gif);
	cursor:pointer;
}

/***** BACKGROUNDS *****/

.backgroundlist {
	margin-top:8px;
}
.backgrounditem {
	margin-bottom:5px;
}

/*********************** PREVIEW ***********************/

body.preview {
	margin-left:20px;
	margin-top:20px;
}
body.preview .pleasewait {
	text-align: center;
}
body.preview .image {
	border:1px solid #dddddd;
}
body.preview .picturetooltip {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-Moz-opacity:0.6;
	z-index:700;
	padding:2px;
	border:1px solid darkgray;
	position:absolute;
	display:none;
	background-color:#ffffff;
}

body.preview .picturelement-normal {
	border: 1px solid #888888;
}
body.preview .picturelement-active {
	background-image:url(../img/dot.gif);
	background-repeat:no-repeat;
	background-position: center;
}
body.preview .textelement-normal {
	border: 1px solid #888888;
}
body.preview .textelement-active {
	border: 1px solid #bb0000;
}
body.preview .zoommenu {
	position:absolute;
	bottom:0px;
	visibility:hidden;
	z-index:600;
	background-image:url(../img/blank.gif);
	background-repeat:repeat;
}
body.preview .zoommenu .button {
	width:53px;
	height:37px;
	margin:2px;
	cursor:pointer;
}
body.preview .zoommenu .zoom1 {background-image:url(../img/button_zoom_1x.gif);}
body.preview .zoommenu .zoom1-hl {background-image:url(../img/button_zoom_1x_hl.gif);}
body.preview .zoommenu .zoom2 {background-image:url(../img/button_zoom_2x.gif);}
body.preview .zoommenu .zoom2-hl {background-image:url(../img/button_zoom_2x_hl.gif);}
body.preview .zoommenu .zoom3 {background-image:url(../img/button_zoom_3x.gif);}
body.preview .zoommenu .zoom3-hl {background-image:url(../img/button_zoom_3x_hl.gif);}

/*********************** BOTTOM ***********************/

/***** NAVIBAR *****/

body.navibar {
	border-top:1px solid #b7b7b7;
	background-color:#eeeeee;
}

body.navibar .pagedescription {
	color: 000000;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	height:37px;
	line-height:37px;
	margin-top:2px;
	margin-bottom:2px;
}

body.navibar .pageselector {
	margin-top:2px;
	margin-bottom:2px;
	padding-right:14px;
	float:right;
}
body.navibar .pageselector .display {
	text-align:center;
	clear:both;
}

body.navibar .pageselector .buttons div {
	width:37px;
	height:37px;
	float:left;
	cursor:pointer;
}

body.navibar .pageselector .buttons div#hl_zoom_basis {
	width:53px;
	margin-left:2px;
	margin-right:2px;
}

body.navibar .pageselector .buttons .zoombasis1 {background-image:url(../img/button_zoom_basis_1x.gif);}
body.navibar .pageselector .buttons .zoombasis1-hl {background-image:url(../img/button_zoom_basis_1x_hl.gif);}
body.navibar .pageselector .buttons .zoombasis2 {background-image:url(../img/button_zoom_basis_2x.gif);}
body.navibar .pageselector .buttons .zoombasis2-hl {background-image:url(../img/button_zoom_basis_2x_hl.gif);}
body.navibar .pageselector .buttons .zoombasis3 {background-image:url(../img/button_zoom_basis_3x.gif);}
body.navibar .pageselector .buttons .zoombasis3-hl {background-image:url(../img/button_zoom_basis_3x_hl.gif);}
body.navibar .pageselector .buttons .previouspage {background-image:url(../img/button_page_prev.gif);}
body.navibar .pageselector .buttons .previouspage-hl {background-image:url(../img/button_page_prev_hl.gif);}
body.navibar .pageselector .buttons .nextpage {background-image:url(../img/button_page_next.gif);}
body.navibar .pageselector .buttons .nextpage-hl {background-image:url(../img/button_page_next_hl.gif);}

/***** IMAGEEDIT *****/
body.imageedit {
	background-color: #f1f1f1;
	background-image: url( "img/navi_bg.gif" );
padding-top:10px;
margin-top:10px;

}

body.navbar {
	background-color: #f1f1f1;
	background-image: url( "img/navi_bg.gif" );
padding-top:0px;
margin-top:0px;

}
body.imageedit .imagecrop .background {
	background-color:#f1f1f1;

}
body.imageedit .imagecrop.blind {
	background-color: #ffffff;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-Moz-opacity:0.5;
	font-size:1px;
}
body.imageedit .imagecrop .border {
	cursor:move;
	/*background-image:url(../img/blank.gif);*/
	/*background-repeat:repeat;*/
	border:5px dotted #3998E9;
	font-size:1px;
}

body.imageedit .qualitydisplay div {
	font-size: 9px;
}
body.imageedit .qualitydisplay .visualization {
	width:109px;
	height:11px;
	background-image:url(../img/blank.gif);
}
body.imageedit.qualitydisplay.visualization badquality {background-image:url(../img/imagequality_bad.gif);}
body.imageedit.qualitydisplay.visualization mediumquality {background-image:url(../img/imagequality_medium.gif);}
body.imageedit.qualitydisplay.visualization goodquality {background-image:url(../img/imagequality_good.gif);}


body.imageedit .buttons .buttonitem .imageeditbutton .buttonimage {
	width:36px;
	height:36px;
	cursor:pointer;
}
body.imageedit .buttons .buttonitem .caption {
	padding-top:2px;
	text-align:center;
	font-size: 9px;
}

body.imageedit .buttons .groesser {background-image:url(../img/button1.png);}
body.imageedit .buttons .kleiner {background-image:url(../img/button2.png);}
body.imageedit .buttons .spiegeln {background-image:url(../img/button3.png);}
body.imageedit .buttons .turnleft {background-image:url(../img/button_rotate_left.gif);}
body.imageedit .buttons .turnleft-hl {background-image:url(../img/button_rotate_left_hl.gif);}
body.imageedit .buttons .turnright {background-image:url(../img/button_rotate_right.gif);}
body.imageedit .buttons .turnright-hl {background-image:url(../img/button_rotate_right_hl.gif);}
body.imageedit .buttons .remove{background-image:url(../img/button_delete.gif);}
body.imageedit .buttons .remove-hl {background-image:url(../img/button_delete_hl.gif);}
body.imageedit .buttons .reset {background-image:url(../img/button_reset.gif);}
body.imageedit .buttons .reset-hl {background-image:url(../img/button_reset_hl.gif);}

body.imageedit .buttons .spacer {
	float:left;
	background-color:#9b9a98;
	width:2px;
	height:32px;
	margin-left:13px;
	margin-top:2px;
	margin-right:13px;
	font-size:1px;
}

/***** TEXTEDIT *****/

body.textedit {
	background-color: #f1f1f1;
	background-image: url( "img/navi_bg.gif" );
	padding:3px;
}
body.textedit .button {
	width:26px;
	height:16px;
	font-size:1px;
	float:left;
	cursor:pointer;
	background-repeat:no-repeat;
}
body.textedit .button.bold {background-image:url(../img/textedit_bold.gif);}
body.textedit .button.bold-act {background-image:url(../img/textedit_bold_act.gif);}
body.textedit .button.bold-hl {background-image:url(../img/textedit_bold_hl.gif);}
body.textedit .button.italic {background-image:url(../img/textedit_italic.gif);}
body.textedit .button.italic-act {background-image:url(../img/textedit_italic_act.gif);}
body.textedit .button.italic-hl {background-image:url(../img/textedit_italic_hl.gif);}
body.textedit .button.left {background-image:url(../img/textedit_align_left.gif);}
body.textedit .button.left-act {background-image:url(../img/textedit_align_left_act.gif);}
body.textedit .button.left-hl {background-image:url(../img/textedit_align_left_hl.gif);}
body.textedit .button.center {background-image:url(../img/textedit_align_center.gif);}
body.textedit .button.center-act {background-image:url(../img/textedit_align_center_act.gif);}
body.textedit .button.center-hl {background-image:url(../img/textedit_align_center_hl.gif);}
body.textedit .button.right {background-image:url(../img/textedit_align_right.gif);}
body.textedit .button.right-act {background-image:url(../img/textedit_align_right_act.gif);}
body.textedit .button.right-hl {background-image:url(../img/textedit_align_right_hl.gif);}



/***** CONTEXTINFO *****/

body.edit {
	border-top:1px solid #b7b7b7;
	padding:3px;
}

body.edit strong {
	color: #53beeb;
	font-size: 11px;
	font-weight: normal;
}

/* old styles */

.btnPageLeft {
	width: 18px;
	height: 24px;
	text-align: right;
	vertical-align: bottom;
	background-image: url(../img/icon_page_left.gif);
	cursor: pointer;
}

.btnPageRight {
	width: 18px;
	height: 24px;
	text-align: right;
	vertical-align: bottom;
	background-image: url(../img/icon_page_right.gif);
	cursor: pointer;
}

.btnPageLeft_unedited {
	width: 18px;
	height: 24px;
	text-align: right;
	vertical-align: bottom;
	background-image: url(../img/icon_page_left_unedited.gif);
	background-color: red;
	cursor: pointer;
}

.btnPageRight_unedited {
	width: 18px;
	height: 24px;
	text-align: right;
	vertical-align: bottom;
	background-image: url(../img/icon_page_right_unedited.gif);
	background-color: red;
	cursor: pointer;
}

.btnPagenav {
	color: #898989;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}