body,html {
	height: 100%;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1 {
	font-size: 1.5em;
}

.loader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	z-index: 100000;
	vertical-align: middle;
}

.vertical-center-hack {
	position: absolute;
	display: block;
	top: 50%;
	margin: 0 auto;
	margin-top: -1000px;
	height: 2000px;
	text-align: center;
	line-height: 2000px;
	margin-top: -1000px;
	width: 100%;
}

.vertical-center-hack-wrap {
	line-height: 0;
}

.vertical-center-hack-content {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

#impressum {
	text-align: center;
	color: #3B3B3B;
}

#impressum_div {
	text-align: left;
	padding: 15px 20px;
	width: 510px;
	margin: 0 auto;
	padding: 15px 20px;
}

.alpina_logo {
	width: 100px;
	height: 100px;
	background-position: 0px 0px;
	background-image: url(../../img/playful/100px_Icons.png);
	display: inline-block;
}

#objects {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 130px;
}

#layout {
	background-color: #fff;
	/* background-image: url(../../img/playful/background.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

#back_img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#logo {
	background: transparent url(../../img/playful/Alpina_Markenspange_mit-Streifen-s.png) 0 0;
	position: absolute;
	top: 0px;
    left: 0px;
    width: 200px;
    height: 135px;
    text-align: center;
    line-height: 35px;
}

#clicklogo{
	background: transparent;
	position: absolute;
	top: 0px;
    left: 32px;
    width: 150px;
    height: 135px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}

#logo130 {
	background: transparent url(../../img/playful/130px_Icons.png) 0 0;
	width: 130px;
	height: 130px;
	cursor: pointer;
	position: absolute;
}

.tl {
	top: 15px;
	left: 32px;
}

#controls {
	position: absolute;
	bottom: 15px;
	right: 32px;
	width: 570px;
}

.b,.b_tools {
	background: transparent url(../../img/playful/100px_Icons.png) 0 0;
	position: absolute;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
}

.bb {
	/* background: transparent url(../../img/playful/200px_Icons.png) 0 0; */
	background: none;
	width: 210px;
	height: 210px;
	/* background-color: aqua; */
	box-shadow: 5px 5px 15px grey;
}

.r1 {
	right: 488px;
}

.r2 {
	right: 374px;
}

.r3 {
	right: 260px;
}

.r4 {
	right: 146px;
}

.r5 {
	right: 32px;
}

.r_1 {
	left: 32px;
}

.b1 {
	bottom: 15px;
}

.b2 {
	bottom: 129px;
}

.b3 {
	bottom: 243px;
}

.b4 {
	bottom: 357px;
}

.b5 {
	bottom: 471px;
}

.b6 {
	bottom: 585px;
}

#btt_mr_camera {
	background-position: 0 0;
}

#btt_mr_album {
	background-position: 0 -200px;
}

#btt_mr_latest {
	background-position: 0 -600px;
}

#btt_ex_moods {
	background-position: 0 -1000px;
}

#btt_ex_camera {
	background-position: 0 0;
}

#btt_ex_camera_album,#btt_mr_camera_album {
	background-position: 0 -800px;
}

#btt_ex_album {
	background-position: 0 -200px;
}



#menu {
	text-align: left;
}

.colm, .mmm {
	display: inline-block;
	height: 30px;
	border: 2px solid #949494;
	color: #3b3b3b;
	line-height: 30px;
	padding: 0px 5px;
	margin-top: 140px;
	cursor: pointer;
	background-color: #fff;
	text-align: center;
}

.cdiv {
	position: absolute;
	left: 1%;
	width: 98%;
	-webkit-overflow-scrolling: touch;
}

#imgtest0 {
	height: 156px;
	width: 185px;
}

#imgtest1 {
	height: 150px;
	width: 150px;
}

#imgtest2 {
	height: 150px;
	width: 179px;
}

.submenu_picbox {
	display: inline-block;
	height: 210px;
	width: 210px;
	line-height: 210px;
	text-align: center;
}

.color_submenu_picbox {
	display: inline-block;
	height: 275px;
	width: 275px;
	line-height: 275px;
	text-align: center;
}

.submenu_img {
	display: inline-block;
	vertical-align: middle;
}

#btt_info,#btt_lists_info {
	background-position: 0px -100px;
}

#btt_share_save,#ico_speichern,#btt_shop_save {
	background-position: 0px -200px;
}

#btt_fav,#btt_lists_fav,#ico_herz {
	background-position: 0px -500px;
}

#btt_dice,#ico_wuerfel {
	background-position: 0px -800px;
}

#btt_left,#ico_schritt {
	background-position: 0px -900px;
}

#btt_right {
	background-position: 0px -1000px;
}

#btt_share_mail,#ico_versenden {
	background-position: 0px -1100px;
}

#btt_share_twitter,#ico_twitter {
	background-position: 0px -1200px;
}

#btt_share_fb,#ico_fb {
	background-position: 0px -1300px;
}

#btt_start_shoplist,#ico_einkaufsliste {
	background-position: 0px -1500px;
}

#btt_shoplist,#btt_lists_shoplist,#ico_addshop {
	background-position: 0px -3000px;
}

#btt_lists {
	background-position: 0px -600px;
}

#btt_share {
	background-position: 0px -300px;
}

#btt_tools {
	background-position: -100px -2700px;
}

#btt_wand,#ico_zauberstab {
	background-position: 0 -2600px;
}

#btt_brush,#ico_pinsel {
	background-position: 0 -2300px;
}

#btt_eraser,#ico_radierer {
	background-position: 0 -2000px;
}

#btt_start_impressum,#ico_impressum {
	background-position: 0px -1400px;
}

#btt_start_settings {
	background-position: 0px -2900px;
}

#btt_start_help,#ico_hilfe {
	background-position: 0px -1600px;
}
/*&&&&&*/
#btt_lists_fill,#ico_farbrolle {
	background-position: 0px -1800px;
}

#btt_lists_fullscreen,#btt_shop_full,#ico_vollbild {
	background-position: 0px -1900px;
}

#btt_lists_favdel,#btt_shop_del,#ico_loeschen {
	background-position: 0px -1700px;
}

#ico_album,#ico_foto,#ico_laden {
	background-position: 0px -3500px;
}

#ico_letzte_version {
	background-position: 0px -3400px;
}

#ico_moods {
	background-position: 0px -3600px;
}

#ico_colorfinder,#ico_colors,#ico_farbtoene,#ico_favoriten,#ico_harmonien,#ico_inspiration,#ico_myhome
	{
	background-position: 0px -3800px;
}

#btt_back,#ico_back {
	background-position: 0px -3700px;
}

#btt_shop_weblink,#ico_weblink {
	background-position: 0px -3900px;
}

#ico_inspiration {
	background-color: #6dc4cd;
}

#ico_myhome {
	background-color: #719bcb;
}

#ico_colorfinder {
	background-color: #8acfa2;
}

#ico_colors {
	background-color: #4c9db3;
}

#ico_favoriten,#ico_harmonien,#ico_farbtoene {
	background-color: #E6E6E6;
}

.hid,.hidden {
	display: none;
}

#colors_farbtoene_colorpicker_area,#colors_harmonien_colorpicker_area,#colors_collections
	{
	position: absolute;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0px;
	border: 0px none;
	overflow: hidden;
	/*z-index: 22;*/
}

#colors_farbtoene {
	display: none;
}

#infobox1 {
	background: transparent;
	margin-top: 50px;
	margin-left: 25px;
	width: 170px;
	height: 22px;
	padding: 0px;
	border: 0px none;
}

#collection_label {
	background: transparent top center;
	margin-top: 10px;
	margin-left: 25px;
	width: 205px;
	height: 20px;
	padding: 0px;
	border: 0px none;
	cursor: pointer;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13pt;
	line-height: 15pt;
	font-weight: normal;
	text-align: left;
	z-index: 22;
}
/*[170113]
.cp_arrow_top {
	position: absolute;
	background: transparent url(../../img/playful/scroller_pfeil_oben_0.png)
		no-repeat top center;
	top: 0px;
	left: 35px;
	width: 25px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	cursor: pointer;
	z-index: 22;
	vertical-align: middle;
	line-height: 17px;
}

.cp_arrow_top:hover {
	background: transparent url(../../img/playful/scroller_pfeil_oben_1.png)
		no-repeat top center;
}

.cp_arrow_bottom {
	position: absolute;
	vertical-align: top;
	background: transparent
		url(../../img/playful/scroller_pfeil_unten_0.png) no-repeat top center;
	bottom: 0px;
	left: 35px;
	width: 25px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	cursor: pointer;
	z-index: 22;
}

.cp_arrow_bottom:hover {
	background: transparent
		url(../../img/playful/scroller_pfeil_unten_1.png) no-repeat top center;
}

#cp_arrow_left {
	position: absolute;
	background: transparent top center;
	top: 0px;
	left: 16px;
	width: 15px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	cursor: pointer;
	z-index: 2;
}

#cp_arrow_right {
	position: absolute;
	background: transparent top center;
	top: 0px;
	left: 116px;
	width: 15px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	cursor: pointer;
	z-index: 2;
}
*/
#familie {
	position: absolute;
	background: transparent;
	top: 3px;
	left: 35px;
	width: 130px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10.5pt;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
}

#colors_harmonien_colors,#colors_farbtoene_colors {
	position: absolute;
	/* 	background: transparent center center; */
	/* 	margin: 0 auto; */
	/* 	padding: 0px; */
	/* 	border: 0px none; */
}

#demobox {
	/*position: relative;*/
	background: transparent top center;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 150px;
	padding: 0px;
	margin-left: -1px;
	border: 0px none;
}

#colors_farbtoene_line,#colors_harmonien_line {
	position: absolute;
	background: transparent;
	top: 25px;
	left: 25px;
	width: 45px;
	height: 297px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	z-index: 22;
}

#colors_farbtoene_markerplace,#colors_harmonien_markerplace {
	position: absolute;
	background: transparent;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 299px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	z-index: 23;
}

#colors_farbtoene_markerline,#colors_harmonien_markerline {
	position: absolute;
	background: #ffffff;
	top: 25px;
	left: 25px;
	width: 45px;
	height: 299px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	z-index: 26;
}
/*[170113]
#colors_farbtoene_marker,#colors_harmonien_marker {
	position: absolute;
	background: transparent
		url(../../img/playful/scroller_pfeil_rechts_0.png) 0 0 no-repeat;
	top: 0px;
	width: 15px;
	height: 25px;
	margin-top: 0px;
	padding: 0px;
	z-index: 25;
}

#colors_farbtoene_marker:hover,#colors_harmonien_marker:hover {
	background-image: url(../../img/playful/scroller_pfeil_rechts_1.png);
}
*/
#colors_farbtoene_chips,#colors_harmonien_chips {
	position: absolute;
	top: 25px;
}

/*
.demochip {
	position: relative;
	background: transparent bottom left;
	top: 0px;
	left: 0px;
	margin-left: 2px;
	padding: 0px 0px;
	border: 0;
	font-family: Verdana, sans-serif;
	font-size: 6.5pt;
	text-align: left;
	color: #3b3b3b;
	font-weight: normal;
	overflow: hidden;
	outline: 0;
}
.demochip_bg:after,.fav_chip:after,.shop_chip:after {
	content: '';
	width: 0;
	height: 0;
	line-height: 0;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	bottom: 35px;
	left: 0;
	position: absolute;
}
*/
.colorpicker_label {
	background-color: #fff;
	color: #3b3b3b;
	height: 35px;
	font-size: 20px;
}

.namelong {
	float: left;
}

.nameshort {
	float: right;
}

.label_corner {
	background-image: url(../../img/playful/dreieck.png);
	position: absolute;
	height: 11px;
	width: 11px;
	margin-top: -11px;
	display: none;
}

.fav_label_corner {
	margin-bottom: 35px;
	bottom: 0px;
}
/*
.fav_chip,.shop_chip {
	position: relative;
	width: 95%;
	margin-left: 2%;
}
*/
.fav_label, .shop_label {
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.fav_spacer {
	height: 2px;
	margin-bottom: 15px;
	background-color: #888;
	width: 95%;
	position: relative;
	border: 1px solid #fff;
	margin-left: 2%;
}

.fav_spacer_dummy {
	height: 3px;
	margin-bottom: 15px;
	/*background-color: #888;*/
	width: 95%;
	position: relative;
	/*border: 1px solid #fff;*/
	margin-left: 2%;
}

.stealth {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	visibility: hidden;
}

#infobox2 {
	position: relative;
	background: transparent top center;
	top: 15px;
	left: 0px;
	width: 190px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	vertical-align: top;
}

#pager {
	position: absolute;
	background: transparent top center;
	top: 2px;
	left: 20px;
	width: 140px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	text-align: center;
}

.pagal {
	background-color: transparent;
	width: 25px;
	height: 16px;
	margin: 5px;
	padding: 5px;
	border: 0px none;
	font-family: Verdana, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

#infolayer {
	position: relative;
	background: #ffffff;
	left: 0px;
	width: 155px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	z-index: 29;
}

#infobox3 {
	position: absolute;
	background: transparent;
	top: 10px;
	left: 20px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	z-index: 31;
}

#infopict {
	position: relative;
	background: transparent top center;
	width: 150px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

.mat_pict {
	position: relative;
	background: transparent top center;
	width: 25px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	float: left;
}

#mous_info {
	position: absolute;
	background: transparent;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	text-align: left;
	visibility: hidden;
}

.room_chip {
	width: 300px;
	display: inline-block;
}

.moods_chip {
	width: 300px;
	display: inline-block;
}

#colorfinder_moods,#inspiration_rooms,#shoplist,#colors_fav,#hilfe,#impressum
	{
	overflow: auto;
}

.ddiv {
	position: absolute;
	overflow: hidden;
	top: 60px;
	left: 0px;
	background: #ffffff;
}

.display_div,.dmask,#maskhold,#image_back {
	position: absolute;
	height: 100%;
	width: 100%;
}

#mi_icon,#mm_icon,#mcf_icon,#mc_icon {
	background-image: url(../../img/playful/pfeil_rechts_weiss.png);
	position: absolute;
	right: 20px;
	top: 32px;
	width: 36px;
	height: 36px;
}

#shoplist_label {
	height: 35px;
	position: absolute;
	top: 15px;
	font-size: 20px;
	color: #3b3b3b;
	right: 32px;
}

.favorite_marker,.shop_marker {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 25px;
	color: #3b3b3b;
	background: transparent
		url(../../img/playful/buttonset_herzundhaken.png) 0px 0px;
}

.favorite_marker.light {
	background-position: 0px -25px;
}

.shop_marker {
	top: 3px;
	right: 31px;
	background-position: -25px 0px;
}

.shop_marker.light {
	background-position: -25px -25px;
}

#fullscreen {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 30;
	overflow: hidden;
}

.fullscreen_element {
	width: 100%;
}

.fullscreen_label {
	/*	height: 60px;*/
	width: 85%;
	overflow: hidden;
	position: relative;
	top: 25px;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	left: 32px;
}

#myroom_latestversion {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	overflow: hidden;
}

.ui-button-icon-primary.ui-icon.ui_icon_left {
	background: transparent url(../../img/playful/pfeil_links_grau.png);
	width: 35px;
	height: 35px;
}

.dia_einfuehrung button.ui-button-text-icon-primary {
	background: transparent url();
	border: none;
	height: 35px;
	width: 35px;
}

.ui-button-text-icon-primary .ui-icon {
	top: 0;
	left: 0;
	margin-top: 0px;
}

.ui-button-icon-primary.ui-icon.ui_icon_right {
	background: transparent url(../../img/playful/pfeil_rechts_grau.png);
	width: 35px;
	height: 35px;
}

/* jqueryui style overrides */
.ui-dialog-titlebar {
	background: #fff url();
	border: none;
}

.ui-button {
	background: #ccc url();
}

.ui-dialog-titlebar-close {
	display: none;
}

.ui-corner-all {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.ui-dialog-title {
	text-align: center;
	width: 100%;
	color: #3b3b3b;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: center;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
	padding: .3em 1em .5em 1em;
}

.dia_add_multi_fav .ui-dialog-titlebar,.dia_add_multi_shop .ui-dialog-titlebar,.dia_del_col .ui-dialog-titlebar,.dia_postkarte .ui-dialog-titlebar,.dia_restart_room .ui-dialog-titlebar
	{
	display: none;
}

.ui-dialog .ui-dialog-buttonpane {
	border-width: 0px;
}

#dia_add_multi_fav,#dia_add_multi_shop {
	text-align: center;
}

.canvas_wrap {
	display: inline-block;
	position: relative;
	width: 270px;
	height: 90px;
	width: 270px;
}

.checked {
	background: url(../../img/transp.gif);
	width: 44px;
	height: 44px;
	position: absolute;
	top: 23px;
	width: 44px;
}

.checked.act {
	background: url(../../img/playful/haken.png);
}

.checked_1 {
	left: 23px;
}

.checked_2 {
	left: 113px;
}

.checked_3 {
	left: 203px;
}

.lemons {
	/* background: #fff url(../../img/playful/background_lemon.jpg); */
	opacity: 1;
	background: #fff;
}

#orange_pic1 {
	background: #fff url(../../img/playful/orange_gelb.png);
}

#orange_pic2 {
	background: #fff url(../../img/playful/orange_original.png);
}

#orange_pic3 {
	background: #fff url(../../img/playful/orange_rot.png);
}

.ico {
	background: transparent url(../../img/playful/100px_Icons.png);
	width: 100px;
	height: 100px;
}

.ui-dialog-content {
	text-align: center;
	color: #3b3b3b;
}

.ui-state-focus {
	outline: none;
}

#table_help {
	border: 14px solid #fff;
	color: #3b3b3b;
}

td {
	border: 14px solid #fff;
}

.t1 {
	
}

.t2 {
	font-size: 20px;
	vertical-align: middle;
	line-height: 22px;
}

.t3 {
	vertical-align: middle;
	line-height: 22px;
}

#dia_postkarte {
	padding: 0;
}

#postkarte {
	width: 580px;
	height: 435px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0;
	border: 0;
	padding: 0;
}

#dia_pk_ek_liste {
	padding: 0;
}

#pk_ek {
	width: 580px;
	/*height: 435px;*/
	margin: 0 auto;
	margin-top: 10px;
	padding: 0;
	border: 0;
	padding: 0;
}

.mood_circle {
	background: transparent url(../../img/playful/moods_grafik.png) 0 0;
	position: absolute;
	left: 300px;
	top: 300px;
	display: block;
	width: 42px;
	height: 42px;
	/*background: rgba(255, 0, 0, 0.4);*/
	cursor: pointer;
}

.mood_circle.act {
	background-position: -42px 0;
}

.mood_circle.light {
	background-position: 0 -42px;
}

.mood_circle.light.act {
	background-position: -42px -42px;
}

#display_inspiration_time_loader {
	background-color: #fff;
	position: absolute;
}

.obj_nam {
	position: absolute;
	right: 0;
	display: inline-block;
	width: 108px;
	margin-right: 0px;
	height: 20px;
	font-size: 12px;
	color: #3b3b3b;
	/*text-shadow: 1px 1px #fff;*/
	text-align: center;
}

#dia_facebook {
	width: 640px;
	padding: 0;
}

#fb_message {
	margin-left: 20px;
}

#dia_rotate {
	padding: 0;
	margin: 0;
}

#dia_rotate_ph {
	width: 640px;
	height: 400px;
	margin: 0 auto;
	text-align: center;
}

#btt_dia_rotate {
	background: transparent url(../../img/playful/rotieren.png) 0 0;
	width: 56px;
	height: 56px;
	margin: 40px auto 0px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	width: 100%;
}

#sel_lang_1,#sel_lang_2 {
	display: none;
}

.sel_btn {
	border: 1px solid #949494;
	color: #3b3b3b;
	background-color: #e6e6e6;
	padding: 5px;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
}

.dia_settings_options .ui-dialog-titlebar {
	display: none;
}

#dia_settings_options,.dia_settings_options {
	padding: 0;
}

#sel_lang_btn_apply {
	margin-bottom: 10px;
}

#orange_holder {
	position: absolute;
	left: 50%;
	top: 50%;
}

.orange_horizontal {
	display: flex;
	height: 214px;
	width: 567px;
	margin: 0 0 0 -283px;
}

.orange_vertikal {
	display: block;
	height: 642px;
	width: 189px;
	margin: -321px 0 0 -95px;
}

.test_orange {
	height: 214px;
	width: 189px;
}

.colormenu_img {
	display: inline-block;
/*
	vertical-align: middle;
*/
}

#stripe{
	background: transparent url(../../img/playful/Alpina_Markenspange_mit-Streifen-s2.png) 0 0;
	background-repeat: repeat-x;
	position: absolute;
	top: 0px;
	left: 200px;
	height: 68px;
	width: 100%;
}

#back_img {
  background: url(../../img/playful/ALPINA_COLOR_DESIGNER_1920.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#menu {
	width: 95%;
	min-width: 300px;
	text-align: left;
	margin-left: 100px;

}
#menu_colortone, #menu_harmony, #menu_fav, #menu_search {
	width: 18%;
}
#menu_colortone,#menu_harmony, #menu_fav {
	margin-right: 5%;
}
#menu_colortone {
	background: #e6e6e6;
}
#menu_search {
	cursor: auto;
/*
	overflow:hidden;
*/
}
#menu_search_value {
	background-color: #fff;
	top: 0px;
	left: 10px;
	padding: 0px;
	height: 30px;
	min-width: 40%;
	width: auto;
	max-width: 60%;
	overflow: hidden;
	color: #949494;
	text-align: left;
	font-size: 90%;
	float: right;
}
#menu_search_button {
	background-color: #949494;
	top: 0px;
	right: 0px;

	margin-right: -5px;

	padding: 0px;
	cursor: pointer;
	height: 30px;
	width: 30px;
	color: #fff;
	float: right;
}
#colors_collections {

	overflow: auto;
	text-align: center;
/*
	max-height: 200px;
	max-width: 1200px;
	width: 80%;
*/
}

.color_colls_row {
	position: relative;
	display: block;
	max-width: 1200px;
	width: 80%;
	margin: 0px auto;
/*
	height: auto;
	max-height: 600px;
	border:	1px solid #ffcc00;
*/
	text-align: center;
	overflow: hidden;


}

.colls_chip {
	position: relative;
	width: 220px;
	height: 260px;
	margin: 20px;
	display: inline-block;
	float: left;
	overflow: auto;
	text-align: center;
/*§§§§§§§§§§§§§§§§
	border: 1px solid #ccc;
§§§§§§§§§§§§§§§§§§*/
}
.dop_coll_name {
	margin-top: 215px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	font-size: 70%;
}
.colls_chip_picbox, .colls_chip_name {
	position: absolute;
	top: 10px;
	left: 10px;
	display: inline-block;
	height: 200px;
	width: 200px;
	text-align: center;
	cursor: pointer;
}
.colls_chip_name {
	border: 1px solid #999;
	cursor: auto;
}

.color_collections {
	position: relative;
	max-height: 220px;
	max-width: 250px;
	display: inline-block;
/*
	vertical-align: middle;
	position: fixed;
	width: 25%;
	max-width: 250px;
*/
	float: left;
	color:#000;
	text-align: center;
	display: auto;
}
.color_submenu_picbox {
	position: absolute;
	top: 10px;
	display: inline-block;
	height: 200px;
	width: 200px;
	text-align: center;
	cursor: pointer;
}
.color_submenu_name {
	position: relative;
	top: 10px;
	display: block;
	height: 200px;
	width: 200px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;
}

.colormenu_img{
	height: 100%;
	width: 100%;
	text-align: center;
}

#colors_farbtoene, 
{
	overflow: visible;
}
.colorpicker_label {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: transparent;
	height: auto;
}
.namelong {
	float: left;
}
.nameshort {
	text-align: left;
	float: left;
}


#colors_farbtoene_cp_arrow_bottom, 
#colors_farbtoene_cp_arrow_top, 
#colors_farbtoene_markerplace, 
#colors_farbtoene_marker, 
#colors_farbtoene_markerline,
/* 
#colors_farbtoene_line, 
*/
#colors_farbtoene_colors, 
#familie 
{
	display: none;
}
#colors_farbtoene 
{
	width: 100%;
	left: 0px;
	text-align: left;
}

#colors_farbtoene_colors,
#colors_farbtoene_chips 
{
	width: 100%;
	text-align: left;/*170112*/
}
#colors_farbtoene_chips 
{
	left: 100px;
}

.m {
	position: absolute;
	width: 120px;
	height: 100px;
}

.cm {
	cursor: pointer;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	/* padding-left: 20px; */
	text-align: center;
	box-shadow: 5px 5px 15px grey;
}
#menu_inspiration, #menu_myroom,#menu_colorfinder,#menu_colors {
	background-color: rgba(255, 255, 255, 0.75);
	color: #000;
}

.menu_picbox {
	height: 200px;
	line-height: 200px;
	text-align: center;
	margin-top: -10px;
	margin-left: -10px;
}

.menu_picbox img {
	vertical-align: middle;
	background-color: transparent;
}

.menu_textbox {
	margin-top: -20px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
}

.start_menu_center {
	height: 210px;
	width: 210px;
	display: inline-block;
	vertical-align: middle;
}
#colors_farbtoene_line
{
	position: fixed;
	top: 195px;
	width: 70px;
	margin-left: -10px;
	background-color: #cfcfcf;
}
#colors_fav {
	width: 100%;
	text-align: left;
	left: 100px;
}
.demochip, .fav_chip, .shop_chip {
	position: relative;
	background: transparent bottom left;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px 0px;
	border: 0px none;
	font-family: Verdana, sans-serif;
	font-size: 6.5pt;
	text-align: left;
	color: #3b3b3b;
	font-weight: normal;
	overflow: hidden;
	outline: 0;
	float: left;
}
colors_farbtoene_colorpicker_area, #colors_fav 
{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
}
#colors_farbtoene_colorpicker_area 
{
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
}
#colors_farbtoene_colorpicker_area, #colors_harmonien_colorpicker_area, #colors_fav, #shoplist 
{
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
#colors_farbtoene_chips,#colors_harmonien_chips {
	position: absolute;
	top: 0px;
}
#colors_favorite_chips, #colors_shop_chips {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
}
.stealth_colors {
	visibility: hidden;
}
/*[170517]*/

#btt_lists_fav_N, #btt_lists_fav_NN {
	background-position: 0px -500px;
}

.menu_textbox_N {
	margin-top: -30px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	font-size: 18px;
}
#btt_einf_prev {
background-color:#ccc;
}
.ui-widget-overlay 
{
           opacity: .8;
}


/*[170517]*/