/* My site */

.intern-header-banner							{height: 150px; background-size: cover; background-position: center center;}
.intern-header-logo								{height: 48px; padding: 1rem;}
.intern-header-status							{padding: 0.3rem 1rem 0.4rem 1rem; position:absolute; left:0; right:0; bottom:0;}

.mysite-list-header header						{height: 30px; background: #d9d9d9;}
.mysite-list-header header div:first-of-type	{height: 30px; width: 60px; background-image: url('/images/layout/MeineSeiteKategorieHeader.jpg'); background-repeat: no-repeat;}
.mysite-list-header header:hover				{cursor: pointer;}
.mysite-list-item								{border-bottom: 1px solid #d9d9d9; padding: 0.8rem;}
.mysite-list-item:last-of-type					{border-bottom: none;}
.mysite-list-header .list-group					{border-top: none; border-top-left-radius: 0; border-top-right-radius: 0;}
.mysite-list-item:hover p						{color: white !important;}

/* ============================================================================================================================================== */

/* User */

.icon-newsletter								{z-index: 100; width: 18px; height: 18px; position: absolute; border-radius: 11px; top: -5px; left: -6px;
												 background-image: url('/images/svg/mail-filled-white.svg'); background-size:12px 12px; background-position: center; 
												 background-repeat: no-repeat; border: 2px solid white;
												}
.icon-newsletter-big							{width: 22px !important; height: 22px !important; border-radius: 13px !important; 
												 background-size:14px 14px !important; top: -6px !important; left: -6px !important;}
.icon-newsletter-red							{background-color: #bf0000;}
.icon-newsletter-green							{background-color: #329f02;}

.user-list-image								{width: 45px; height: 45px; padding: 0; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.icon-database-root								{z-index: 100; width: 18px; height: 18px; position: absolute; border-radius: 11px; top: -6px; left: -8px; 
												 /*background-image: url('/images/svg/home-white.svg'); background-size:12px 12px; background-position: center; 
												 background-repeat: no-repeat;*/ 
												 color: white; text-align: center; border: 2px solid white; /*background-color: #329f02;*/}

/* ============================================================================================================================================== */

/* Content aside */

/*.box-error-report								{padding: 0 !important; min-height: 390px;}
.box-error-report header						{background-color: #b1260b; padding: 0.4rem 1rem 0.5rem 1rem; font-size: 1.4rem}
.box-error-report header img					{height: 1.4rem;}*/

.aside-box-intern								{padding: 0 !important;}
#box-edited-users, #box-error-report 			{min-height: 390px;}
#box-new-hotline
												{min-height: 300px;}
.aside-box-intern h2							{padding: 1rem !important; margin: 0 !important;}
.aside-box-intern .user-group .user-group-item > div:first-of-type
												{background-position: center center; background-size: cover;}
.aside-box-intern header						{border-bottom: 1px solid #ccc; margin-bottom: 0.5rem; padding: 0.3rem;}
.aside-box-intern header > div img				{width: 2.4rem;}

.birthday_vslider								{background: #f4f4f4; padding: 0.3rem 0px; text-align: center;}

/* ============================================================================================================================================== */

/* My profile / user admin */

#user-header									{padding: 0.7rem;}
#user-header > div:last-of-type					{width: 100%;}
#user-header-toolbar a							{margin-right: 0.3rem;}
#user-header-toolbar a:last-of-type				{margin-right: 0;}
#user-header-data > div:first-of-type			{width: 5rem; height: 5rem; background-size: cover; background-position: center center;}

/* ============================================================================================================================================== */

/* Licence */

.licence-list									{border: 1px solid #ccc; border-radius: 0.3rem;}
.licence-list > div:first-of-type				{background-color: #f4f4f4; /*-webkit-flex: 0.1; -ms-flex: 0.1; -webkit-box-flex: 0.1; flex: 0.1*/}
.licence-list > div:first-of-type div img		{width: 2rem;}
.licence-list > div								{padding: 0.4rem;}

.dropdown-menu									{padding: 0.4rem; /*width: 350px;*/ box-shadow: 0 0 0.4rem #777; border-radius: 0.3rem; background: white; position: absolute; z-index: 100; display: none; border: 1px solid #ccc;}

#MouseOver 										{z-index: 40000; width: 170px; position: absolute; background-color: #bdc7e4; padding: 8px; font-size: 10px; color: #3d3d3d; border-radius:8px; -khtml-border-radius:8px;}
#MouseOver2 									{z-index: 40000; width: 350px; position: absolute; background-color: #bdc7e4; padding: 8px; font-size: 10px; color: #3d3d3d; border-radius:8px; -khtml-border-radius:8px;}
#MouseOver3 									{z-index: 40000; width: 500px; position: absolute; background-color: #bdc7e4; padding: 8px; font-size: 10px; color: #3d3d3d; border-radius:8px; -khtml-border-radius:8px;} /* Anzeige der IP-Adresse, Host und Browser-Infos*/

#divPopUpBlue350px 								{z-index: 1000; width: 350px; position: absolute; background-color: #bdc7e4; padding: 8px; font-size: 10px; color: #3d3d3d; border-radius:8px; -khtml-border-radius:8px;}

.module-list div								{border-bottom: 1px solid #ccc; padding: 0.3rem;}
.module-list:first-of-type						{margin-right: 0.5rem;}

/* ============================================================================================================================================== */

/* Item box - for user admin, hotline and error list */

.item-box										{overflow: hidden; padding: 0; border-radius: 0.2rem; background: #f7f7f7; box-shadow: 0 0.15rem 0.1rem #aaa; margin: 0 0 1.5rem 0;}

.item-box-image									{flex: 0 0 56px; height: 56px; padding: 0; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.item-box-image-big								{flex: 0 0 74px; height: 74px; padding: 0; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.item-box-image-bigger							{flex: 0 0 90px; height: 90px; padding: 0; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.item-box-content								{width: 100%;}

.item-box-content > div p						{margin: 0; padding: 0;}

.item-box-main > div:last-of-type				{width: 35px;}

.item-box-delete								{cursor: pointer; height: 16px;
									 			 background: #505050 url('/images/svg/close-gray.svg') no-repeat center center; background-size: 0.6rem;}
.item-box-delete:hover							{background: #333 url('/images/svg/close-white.svg') no-repeat center center; background-size: 0.6rem;}

.item-box-costs									{vertical-align: middle; text-align: center; width: 35px; height: 40px;
									 			 background: #ccc url('/images/svg/euro-white.svg') no-repeat center center; background-size: 1.4rem;}

.item-box-costs-green							{background-color: #497a0c !important;}

.item-box-costs-red								{background-color: #b1260b !important;}

.item-box-warning								{padding: 0.3rem; color: #6a4f05; background-color: #ffd052;}

.item-box-error-software						{width: 136px;}
.item-box-error-software > div:first-of-type	{min-height: 40px;}

.item-box-error-status							{width: 45px !important;}
.item-box-error-status:hover					{cursor: pointer;}

.item-box-error-delete							{text-align: center; height: 16px; background: #505050; color: #bbb;}

/* Item box with context menu inside */

.item-box-overflow								{overflow: visible !important;}

.item-box-image-overflow						{border-bottom-left-radius: 0.2rem; border-top-left-radius: 0.2rem;}

.item-box-btn-licence							{margin-right: 0.2rem; padding: 0.2rem 0.3rem !important;}

.btn-icon-box > a, .btn-icon-box > div			{margin-left: 0.2rem; /*padding: 0.2rem 0.2rem !important;*/}

/* ============================================================================================================================================== */

/* Hotline */

#sw_start, #sw_pause{
	outline: none;
	width: 80px;
	height: 40px;
	font-size: 1rem;
	color: #fff; text-decoration: none; font-weight: bold; border: 0;
	/*box-shadow: 0 0.08rem 0 0 rgba(0, 0, 0, 0.2), 0 -0.08rem 0 0 rgba(0, 0, 0, 0.3) inset;*/
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
								  not supported by any browser */
}


#sw_start{
	/* Dunkel: #587a05 | Normal: #85b101 */
	border-radius: 0.6rem 0 0 0.6rem;
	text-shadow: 0.1rem 0.1rem 0.1rem #272727;
	background-color: #85b101;  
	background-image: url('/images/svg/button-play.svg'); background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: center center;
}

#sw_pause{
	/* Dunkel: #9c3b20 | Normal: #c62c02 */
	text-shadow: 0.1rem 0.1rem 0.1rem #272727;
	background-color: #c62c02; 
	background-image: url('/images/svg/button-pause.svg'); background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: center center;
}

.sw_start_active{
	background-color: #85b101 !important;
	-webkit-box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.22) !important;
	-moz-box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.22) !important;
	box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.30) !important;
}

.sw_pause_active{
	background-color: #c62c02 !important;
	-webkit-box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.22) !important;
	-moz-box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.22) !important;
	box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.30) !important;
}

#time{
	border-radius: 0 0.6rem 0.6rem 0;
	background-color: #777;
	color: white;
	font-size: 2rem;
	height: 40px;
	padding: 0 1rem;
	-webkit-box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.22) !important;
	-moz-box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.22) !important;
	box-shadow: inset 0.3rem 0.3rem 0.7rem 0.05rem rgba(0,0,0,0.30) !important;	
}

#hotline_form									{position: relative;}

#hotline_confirm								{display: none;}

#hotline_confirm_content						{max-width: 400px; margin: 0 auto;}

/* ============================================================================================================================================== */

@media only screen and (max-width: 640px) {
.module-list:first-of-type						{margin-right: 0;}
}






/* ============================================================================================================================================== */





/* Old style */


/* HTML-Elemente */

.TableTD0px td			{padding: 0px}
.TableTD2px td			{padding: 2px}
.TableTD3px td			{padding: 3px}
.TableTD4px td			{padding: 4px}
.TableTD5px td			{padding: 5px 5px 5px 0}
.input-radio			{margin: 0px 5px 0px 0px;}
fieldset				{border: none; margin: 0; padding: 0;}
.no-space				{margin: 0; padding: 0;}


/* ========================================================================================================================================================== */

#scan_cancel			{/*display: none;*/ text-align: right;}

/* Layout */

#PageContentRight		{float: right; margin: 0px 0px 0px 15px; width: 220px;}
#PageContentLeft		{width: 685px; margin: 0px 5px 0px 5px; padding-bottom: 15px;}
#PageContentFooter		{padding: 0px; margin: 30px 0px 0px 0px;}
#PageContentText		{width: 550px; margin: 55px 0 30px 0;}
.PageContentBoxBorder 	{border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;}
.PageContentBox			{background: #eaeaea; padding: 10px; margin-bottom: 15px;}
.PageContentBox2		{background: #f4f4f4; padding: 10px; margin-bottom: 15px;}
.FormBox				{border: 1px solid #bbb; padding: 10px; border-radius:5px;}
.FormBoxTop				{padding: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; min-height: 20px;}
.FormBoxTopSub			{border-left: 1px solid #bbb; border-right: 1px solid #bbb; background-color: #e3e3e3; padding: 5px;}
.FormBoxBottom			{border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 10px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.TableEvents td			{padding: 10px 0px; border-bottom: 2px solid #ddd;}
.ContentTable			{margin-top: 5px; border-top: 1px solid #ccc; padding: 0px; background: #fff; width: 100%;}
.ContentTable td		{border-bottom: 1px solid #ccc; line-height: 35px;}
.ContentTable tr:hover	{background-color: #eceff5; cursor: default;}
.ContentTable tr td:first-child{overflow:visible; padding-left: 3px;}
.ContentTable tr td:last-child{padding-right: 3px;}
.loader-small						{background: url('/images/loader/loading2.gif') no-repeat center center; display: block; height: 100%;}

/* ========================================================================================================================================================== */

/* Text-Klassen */

.txtWhite10px{font-size: 0.9rem; color: #eee;}
.txtWhite11px{font-size: 1rem; color: #eee;}
.txtWhite12px{font-size: 1.1rem; color: #eee;}
.txtWhite16px{font-size: 1.4rem; color: #fff;}
.txtDarkWhite11px{font-size: 1rem; color: #ddd;}
/* ====================================================== */
.txtOrange10px{font-size: 0.9rem; color: #de7d00;}
.txtOrange11px{font-size: 1rem; color: #de7d00;}
.txtOrange16px{font-size: 1.4rem; color: #de7d00;}
/* ====================================================== */
.txtRed10px{font-size: 0.9rem; color: #c62c02;}
.txtRed11px{font-size: 1rem; color: #c62c02;}
.txtRed12px{font-size: 1.1rem; color: #c62c02;}
.txtRed14px{font-size: 1.3rem; color: #c62c02;}
.txtRed16px{font-size: 1.4rem; color: #c62c02;}
/* ====================================================== */
.txtGreen10px{font-size: 0.9rem; color: #559706;}
.txtGreen11px{font-size: 1rem; color: #559706;}
.txtGreen14px{font-size: 1.3rem; color: #559706;}
.txtGreen16px{font-size: 1.4rem; color: #559706;}
/* ====================================================== */
.txtPink16px{font-size: 1.4rem; color: #b923bc;}
/* ====================================================== */
.txtTurquois16px{font-size: 1.4rem; color: #26b0d5;}
/* ====================================================== */
.txtPurple16px{font-size: 1.4rem; color: #8332df;}
/* ====================================================== */
.txtBlue11px{font-size: 1rem; color: #0a8ac0;} /* alt: #1e347d */
.txtBlue12px{font-size: 1.1rem; color: #0a8ac0;}
.txtBlue14px{font-size: 1.3rem; color: #0a8ac0;}
.txtBlue16px{font-size: 1.4rem; color: #0a8ac0;}
.txtBlueDark16px{font-size: 1.4rem; color: #06568e;}
/* ====================================================== */
.txtBrown16px{font-size: 1.4rem; color: #ab5917;}
/* ====================================================== */
.txtGrayBright9px{font-size: 0.8rem; color: #bbb;}
.txtGrayBright10px{font-size: 1rem; color: #bbb;}
/*.txtGrayBright1.2rem{font-size: 1.2rem; color: #bbb;}*/
.txtGrayBright14px{font-size: 1.4rem; color: #999;}
.txtGray9px{font-size: 0.8rem; color: #666;}
.txtGray10px{font-size: 0.9rem; color: #666;}
.txtGray11px{font-size: 1rem; color: #666;}
.txtGray12px{font-size: 1.1rem; color: #666;}
.txtGray13px{font-size: 1.2px; color: #444;}
.txtGray14px{font-size: 1.3rem; color: #666;}
.txtGray16px{font-size: 1.4rem; color: #666;}
/* ====================================================== */
.txtBlack11px{font-size: 1rem; color: #000;}
.txtBlack12px{font-size: 1.1rem; color: #000;}
.txtBlack14px{font-size: 1.3rem; color: #000;}
.txtBlack16px{font-size: 1.4rem; color: #000;}
/* ====================================================== */

.txtSubnavi{color: #eee; text-shadow: 1px 1px 1px #444; padding: 10px 0px;}

/* ========================================================================================================================================================== */

/* Link-Klassen */

a.linkWhite10px:link, a.linkWhite10px:visited, a.linkWhite10px:active {font-size: 0.9rem; color: #eee; text-decoration: none;}
a.linkWhite10px:hover {color: #fff; text-decoration: underline;}
a.linkWhite11px:link, a.linkWhite11px:visited, a.linkWhite11px:active {font-size: 1rem; color: #eee; text-decoration: none;}
a.linkWhite11px:hover {color: #fff; text-decoration: underline;}
a.linkWhite12px:link, a.linkWhite12px:visited, a.linkWhite12px:active {font-size: 1.1rem; color: #eee; text-decoration: none;}
a.linkWhite12px:hover {color: #ccc; text-decoration: underline;}
/* ====================================================== */
a.linkRed10px:link, a.linkRed10px:visited, a.linkRed10px:active {font-size: 0.9rem; color: #c62c02; text-decoration: none;}
a.linkRed10px:hover {text-decoration: underline;}
a.linkRed11px:link, a.linkRed11px:visited, a.linkRed11px:active {font-size: 1rem; color: #c62c02; text-decoration: none;}
a.linkRed11px:hover {text-decoration: underline;}
a.linkRed12px:link, a.linkRed12px:visited, a.linkRed12px:active {font-size: 1.1rem; color: #c62c02; text-decoration: none;}
a.linkRed12px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkGreen11px:link, a.linkGreen11px:visited, a.linkGreen11px:active {font-size: 1rem; color: #559706;}
a.linkGreen11px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkPink11px:link, a.linkPink11px:visited, a.linkPink11px:active {font-size: 1rem; color: #b923bc;}
a.linkPink11px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkOrange11px:link, a.linkOrange11px:visited, a.linkOrange11px:active {font-size: 1rem; color: #de7d00;}
a.linkOrange11px:hover {text-decoration: underline;}
a.linkOrange14px:link, a.linkOrange14px:visited, a.linkOrange14px:active {font-size: 1.3rem; color: #de7d00;}
a.linkOrange14px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkTurquois11px:link, a.linkTurquois11px:visited, a.linkTurquois11px:active {font-size: 1rem; color: #26b0d5;}
a.linkTurquois11px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkPurple11px:link, a.linkPurple11px:visited, a.linkPurple11px:active {font-size: 1rem; color: #8332df;}
a.linkPurple11px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkBlue11px:link, a.linkBlue11px:visited, a.linkBlue11px:active {font-size: 1rem; color: #0a8ac0;}
a.linkBlue11px:hover {text-decoration: underline;}
a.linkBlue14px:link, a.linkBlue14px:visited, a.linkBlue14px:active {font-size: 1.3rem; color: #0a8ac0;}
a.linkBlue14px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkBrown11px:link, a.linkBrown11px:visited, a.linkBrown11px:active {font-size: 1rem; color: #bb6a29;}
a.linkBrown11px:hover {text-decoration: underline;}
/* ====================================================== */
a.linkGrayBright9px:link, a.linkGrayBright9px:visited, a.linkGrayBright9px:active {font-size: 0.8rem; color: #bbb; text-decoration: underline;}
a.linkGrayBright9px:hover {color: #000; text-decoration: underline;}
a.linkGrayBright10px:link, a.linkGrayBright10px:visited, a.linkGrayBright10px:active {font-size: 0.9rem; color: #bbb; text-decoration: none;}
a.linkGrayBright10px:hover {color: #fff; text-decoration: underline;}
a.linkGrayBright11px:link, a.linkGrayBright11px:visited, a.linkGrayBright11px:active {font-size: 1rem; color: #bbb; text-decoration: none;}
a.linkGrayBright11px:hover {color: #fff; text-decoration: underline;}
/* ====================================================== */
a.linkGray10px:link, a.linkGray10px:visited, a.linkGray10px:active {font-size: 0.9rem; color: #666; text-decoration: none;}
a.linkGray10px:hover {color: #000; text-decoration: underline;}
a.linkGray11px:link, a.linkGray11px:visited, a.linkGray11px:active {font-size: 1rem; color: #666; text-decoration: none;}
a.linkGray11px:hover {color: #fff; text-decoration: underline;}
a.linkGray14px:link, a.linkGray14px:visited, a.linkGray14px:active {font-size: 1.3rem; color: #666; text-decoration: none;}
a.linkGray14px:hover {color: #000; text-decoration: underline;}
/* ====================================================== */
a.linkBlack10px:link, a.linkBlack10px:visited, a.linkBlack10px:active {font-size: 0.9rem; color: #000; text-decoration: none;}
a.linkBlack10px:hover {color: #666; text-decoration: underline;}
a.icon_25:link, a.icon_25:visited, a.icon_25:active {display: block; background: none; width: 25px; height: 25px;}
a.icon_25:hover {display: block; background: url(/images/buttons/icon_25_bg.jpg) no-repeat; width: 25px; height: 25px;}

/* ========================================================================================================================================================== */

.context_box	{display: none; padding: 5px; width: 350px; box-shadow: 0 0 5px #777; -webkit-border-radius: 2px; border-radius: 2px; background: white; position: absolute; z-index: 100; border: 1px solid #ccc;}

/* Popup Sonstiges (wird nur noch in shop.php verwendet) */

#show_data_container{padding: 0px; margin: 10px; border: 1px solid #555;}

#show_data_footer{border-top: 1px solid #ccc; margin: 0px; height: 32px; background-color: #f2f2f2; text-align: right; padding: 6px 6px 0px 0px; overflow: auto;}
* html #show_data_footer{height: 40px;}

/* ============================================================================== */

.UseradminBox		{margin: 10px 0px 35px 0px; border-bottom: 1px solid #bbb; padding-bottom: 10px;}
.UseradminTable		{width: 100%;}
.UseradminTable td	{padding: 6px 2px;}

.BoxListItem{border-radius: 3px; border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;}
.BoxListItemActive{
	border-radius: 3px;
	border: 1px solid #888; padding: 10px; margin-bottom: 15px;
	box-shadow: 0 0 3px #444;
	background-color: #f3fbd3;
	background:-moz-linear-gradient(top, #f3fbd3, #e4f3a8); /* Firefox */
	background:-webkit-linear-gradient(top, #f3fbd3, #e4f3a8); /* Safari, Chrome, Opera - neue Syntax! */
	background-image:-ms-linear-gradient(top, #f3fbd3, #e4f3a8); /* IE */	
}

.BoxListItem:hover{
	border: 1px solid #888;
	box-shadow: 0 0 3px #444;
	background-color: #f8fafd;
	background:-moz-linear-gradient(top, #f9fbfd, #eff3f9);  /* Firefox */ 
	background:-webkit-linear-gradient(top, #f9fbfd, #eff3f9); /* Safari, Chrome, Opera - neue Syntax! */
	background:-ms-linear-gradient(top, #f9fbfd, #eff3f9); /* IE */
}

.BoxListItem2{border: 1px solid #dedede; padding: 10px; margin-bottom: 15px;}

.BoxListItem2:hover{
	border: 1px solid #888;
	box-shadow: 0 0 4px #444;
	background-color: #fff;
}

a.ShopImgZoom:active, a.ShopImgZoom:visited, a.ShopImgZoom:link{
	margin-top: 1px; padding-top: 2px;
	display:block; /*width: 200px;*/ height: 20px; background: #999; text-decoration: none;
	text-align: center;
	color: white;
	font-size: 1rem;
	font-weight: bold;
}

a.ShopImgZoom:hover{
	background: #666;
	text-decoration: none;	
}

/* ========================================================================================================================================================== */

/* Anfang Intern */
a.batch_execute:link {font-size: 1.4rem; color: #67b807; text-decoration: none; font-weight: bold;}
a.batch_execute:visited {font-size: 1.4rem; color: #67b807; text-decoration: none; font-weight: bold;}
a.batch_execute:hover {font-size: 1.4rem; color: #000000; text-decoration: underline; font-weight: bold;}
a.batch_execute:active {font-size: 1.4rem; color: #67b807; text-decoration: none; font-weight: bold;}
#option_prozent, #option_auswahl {margin: 0px 0px 15px 0px;}
.bf_board_tbl_head{border-top: 1px solid #000000; background: url(../../color-balance/intern/images/mf_board_tbl_headline.jpg) repeat-x #555555; font-size: 0.8rem; color: #ddd; padding: 5px;}
/* Ende Intern */

/* =================================================================================================================================================================================== */

a.btnLicence:link, a.btnLicence:visited{
 	margin-right: 4px;
	font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;
 	color: #dbe5fb;
 	padding: 0px 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-shadow: #415b8f 1px 1px 0px;
	/*box-shadow: inset 0px 0px 1px white;*/
	border: 1px solid #45609b;	
	background:-moz-linear-gradient(top, #7192d6, #5b7cc0); /* Firefox */
	background:-webkit-linear-gradient(top, #7192d6, #5b7cc0); /* Safari, Chrome, Opera - neue Syntax! */
	background-image:-ms-linear-gradient(top, #7192d6, #5b7cc0); /* IE */
}

a.btnLicence:hover{
	text-decoration: none;
	background: #506ba2;
	color: #fff;
}

.BoxUserHeader{
	padding: 10px 10px; 
	overflow: auto; 
	margin-bottom: 30px;
	border-radius: 2px;
	background: #f7f7f7;
	box-shadow: 0px 2px 2px #aaa;
}

.BoxProtocol{
	margin-bottom: 15px; 
	padding: 0px; 
	border-radius: 3px;
	background: #f7f7f7;
	box-shadow: 0px 2px 2px #aaa;
	overflow: auto;
}

.BoxProtocol:hover{
	box-shadow: 0 0 8px #333;
	background-color: white;		
}






/* ============================================================================================================================================================== */



/* Intern styles */

.SelectCategory				{display: table; padding: 3px 10px; width: auto; background: #eee; color: #666; text-shadow: 1px 1px 0px #fff;
							 font-size: 16px; border-top-right-radius: 5px; border-top-left-radius: 5px; white-space: nowrap;
							 border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.SelectCategory:hover		{background: #e6e6e6; cursor: pointer;}
.SelectCategory img			{margin-right: 6px; vertical-align: middle;}

.BoxSelectCategory			{max-height: 250px; overflow-y: scroll;  width: 500px; 
							 box-shadow: 0 0 5px #444; text-align: left;
							 background: white; position: absolute; z-index: 200; display: none; /*left: 0; top: 39px;*/}
.SelectCategoryItems		{display: table; width: 465px; table-layout: fixed; padding: 9px; margin: 0px; color: #666; font-size: 16px; text-shadow: 1px 1px 0px #fff;}
.SelectCategoryItems img	{vertical-align: middle; margin-right: 6px;}
.SelectCategoryItems:hover	{background: #444; cursor: pointer; color: #fff; text-shadow: 1px 1px 0px #111;}


/* ======================================================== */

#SearchFormText{
	width: 150px; margin: 0px; padding: 2px 2px 2px 4px; height: 30px;
	border: 1px solid #999;
	border-right: none;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	box-shadow: inset 1px 1px 4px #999;
	font: 16px bold Verdana, Geneva, sans-serif;
	color: #666;
}

/* ======================================================== */

/* MONEY COACH ERKENNTNISUEBUNG */

#video{
	display: none; 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
	background: url(http://www.moneycoach.eu/images/overlay2.png);
	min-height: 100%; 
	overflow: hidden !important; 
}
#video_content{position: absolute; width: 532px; left: 50%; margin-left: -266px; margin-top: -177px;}
#video_border{width: 512px; border: 1px solid #1f1f1f; height: 322px;}
#mediaplayer{height: 322px; text-align: center;}

/* ======================================================== */

#show_meldung{	
	z-index: 2;
	border-radius:8px; -khtml-border-radius:8px;

	margin: -240px 0px 0px -320px;
	position: absolute; 
	padding: 0px;
	left: 50%; 
	width: 640px;
	height: 220px;
}

#show_meldung_content{
	margin: 0px;
	padding: 10px;
	height: 110px;
	overflow: auto;
	background-color: #fff;
}

#show_meldung_header{
	margin: 0px;
	height: 26px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0px 0px 4px;
}


* html #show_meldung_header {
	height: 30px;	
}

* html #show_meldung_content {
	height: 130px;	
}

/* ======================================================== */

/* Licence quick selection, Newsletter selection */

#container_quick_selection						{margin-bottom: 15px;}
#btn_quick_selection, #btn_quick_selection_reset, #btn_quick_selection_clear
												{display: inline-block !important;}
#btn_quick_selection:after						{content: url('/images/buttons/btn_arrow_down_grey.png'); margin-left: 4px; }
.btn_quick_selection_selected:after				{content: url('/images/buttons/btn_arrow_up_grey.png') !important;}
#box_quick_selection							{display: none; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 5px 0;}
#newsletter_filter								{display: none;}
#box_quick_selection div > div, #newsletter_filter div > div
												{margin-right: 15px;}
#box_quick_selection div input, #newsletter_filter div input
												{margin-right: 4px;}
#box_quick_selection div label, #newsletter_filter div label
												{margin: 2px 0; cursor: pointer;}
#box_quick_selection img, #newsletter_filter img
												{margin-right: 3px; height: 16px;}

/* Modules */
#container_modules > div:first-of-type			{margin-right: 15px;}
#container_modules div label					{height: 38px; padding: 0 5px; margin-bottom: 2px;}
#container_modules div label:hover				{cursor: pointer;}


/* ======================================================== */

/* HTML befindet sich in layoutHeader.php, Javascript in js_jquery_functions.js */

#WaitOverlay{
	display: none; z-index: 200;
	width: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	right:0; bottom:0px;
	min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
	overflow:auto;
	background: rgba(0,0,0,0.8);
	text-align: center;
}

#WaitOverlay img {
	position: absolute;
    left: 50%;
    top: 50%;
	margin-left: -30px;
    margin-top: -30px;
}


/* ======================================================== */

/* Table Layout */

.TableHeaderLeft{
	background-color: #c9ddf2;
	border: 1px solid #90adce;
}

.TableHeaderRight{
	background-color: #c9ddf2;
	border-top: 1px solid #90adce; border-bottom: 1px solid #90adce; border-right: 1px solid #90adce;
}

.TableHeaderContent{
	padding: 5px;
	color: #567496;
	font-size: 0.9rem;
	text-shadow: 1px 1px 0px #e0ebf7;
	font-family: Tahoma, Geneva, sans-serif;
	background-position: top center;
	background-repeat: no-repeat;
}




/* ========================================================================================================================================================== */


/* BUTTONS */

.btnGrayBright10px, a.btnGrayBright10px:link, a.btnGrayBright10px:visited {
cursor: pointer;
white-space: nowrap;
font: bold 10px arial, sans-serif;
color: #555; text-decoration: none; padding: 4px 8px; border: 1px solid #ccc; background-color: #ddd;;
text-shadow: 1px 1px 0px #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 2px white;
background:-moz-linear-gradient(top, #fbfbfb, #dedede); /* Firefox */
background:-webkit-linear-gradient(top, #fbfbfb, #dedede); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #fbfbfb, #dedede); /* IE */ 
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* Internet Explorer/Edge */
user-select: none;           /* Non-prefixed version, currently
							  not supported by any browser */
}
.btnGrayBright10px:hover, a.btnGrayBright10px:hover {
border: 1px solid #aaa;
box-shadow: 0 0 2px #ccc, inset 0px 0px 3px white;
background:-moz-linear-gradient(top, #f3f3f3, #ececec); /* Firefox */
background:-webkit-linear-gradient(top, #f3f3f3, #ececec); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #f3f3f3, #ececec); /* IE */
}

.btnGrayBright10px:active{
background: #ddd;
border-top: 1px solid #888; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #ccc;
box-shadow: inset 0px 3px 3px 3px #ccc;
}


/* ======================================================== */

a.btnGray10px:link, a.btnGray10px:visited {
font: bold 10px arial, sans-serif;
color: #fff; text-decoration: none; padding: 4px 8px; border: 1px solid #434343; background-color: #999;
text-shadow: -1px -1px 0px #434343;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #ccc;
background:-moz-linear-gradient(top, #979797, #545454); /* Firefox */
background:-webkit-linear-gradient(top, #979797, #545454); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #979797, #545454); /* IE */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* Internet Explorer/Edge */
user-select: none;           /* Non-prefixed version, currently
							  not supported by any browser */
}
a.btnGray10px:hover {
border: 1px solid #2a2a2a;
box-shadow: 0 0 2px #aaa, inset 0px 1px 1px #959595;
background:-moz-linear-gradient(top, #656565, #494949); /* Firefox */
background:-webkit-linear-gradient(top, #656565, #494949); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #656565, #494949); /* IE */
}

a.btnGray10px:active{
background: #656565;
border-top: 1px solid #2a2a2a; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; border-bottom: 1px solid #696969;
box-shadow: inset 0px 3px 3px 3px #494949;
}

/* ======================================================== */

.ButtonGrayBright11px, .ButtonGrayBright11px:visited {
	font: bold 11px arial, sans-serif;
	color: #555; text-decoration: none; padding: 5px 10px; background-color: #ddd;
	border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #aaa;
	text-shadow: 1px 1px 0px #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: inset 0px 0px 2px white;
	background:-moz-linear-gradient(top, #fbfbfb, #dedede); 
	background:-webkit-linear-gradient(top, #fbfbfb, #dedede); 
	background-image:-ms-linear-gradient(top, #fbfbfb, #dedede); 
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
								  not supported by any browser */  
}
.ButtonGrayBright11px:hover {
	cursor: pointer;
	border: 1px solid #aaa;
	box-shadow: 0 0 3px #ccc, inset 0px 0px 4px white;
	background:-moz-linear-gradient(top, #f3f3f3, #ececec);
	background:-webkit-linear-gradient(top, #f3f3f3, #ececec);  
	background-image:-ms-linear-gradient(top, #f3f3f3, #ececec);  
}

.ButtonGrayBright11px:active{
	background: #ddd;
	border-top: 1px solid #888; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #ccc;
	box-shadow: inset 0px 3px 3px 3px #ccc;
}

.ButtonGrayBright11pxActive{
	font: bold 11px arial, sans-serif;
	color: #555; text-decoration: none; /* #555 */
	background: #ddd;  /* #ddd */
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	padding: 5px 10px;
	border: 1px solid #aaa;
	box-shadow: inset 0px 3px 3px 3px #ccc;
}
/* ======================================================== */

a.btnGrayBright11px:link, a.btnGrayBright11px:visited {
font: bold 11px arial, sans-serif;
color: #555; text-decoration: none; padding: 5px 10px; background-color: #ddd;
border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #aaa;
text-shadow: 1px 1px 0px #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 2px white;
background:-moz-linear-gradient(top, #fbfbfb, #dedede); 
background:-webkit-linear-gradient(top, #fbfbfb, #dedede); 
background-image:-ms-linear-gradient(top, #fbfbfb, #dedede); 
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* Internet Explorer/Edge */
user-select: none;           /* Non-prefixed version, currently
							  not supported by any browser */  
}
a.btnGrayBright11px:hover {
border: 1px solid #aaa;
box-shadow: 0 0 3px #ccc, inset 0px 0px 4px white;
background:-moz-linear-gradient(top, #f3f3f3, #ececec);
background:-webkit-linear-gradient(top, #f3f3f3, #ececec);  
background-image:-ms-linear-gradient(top, #f3f3f3, #ececec);  
}

a.btnGrayBright11px:active{
background: #ddd;
border-top: 1px solid #888; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #ccc;
box-shadow: inset 0px 3px 3px 3px #ccc;
}

/* ======================================================== */

a.btnGray11px:link, a.btnGray11px:visited, .btnGray11px {
cursor: pointer;
font: bold 11px arial, sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; border: 1px solid #434343; background-color: #999;
text-shadow: -1px -1px 0px #434343;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #ccc;
background:-moz-linear-gradient(top, #979797, #545454); /* Firefox */
background:-webkit-linear-gradient(top, #979797, #545454); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #979797, #545454); /* IE */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none;   /* Chrome/Safari/Opera */
-khtml-user-select: none;    /* Konqueror */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;       /* Internet Explorer/Edge */
user-select: none;           /* Non-prefixed version, currently
							  not supported by any browser */ 
}
a.btnGray11px:hover, .btnGray11px:hover {
border: 1px solid #2a2a2a;
box-shadow: 0 0 3px #aaa, inset 0px 1px 1px #959595;
background:-moz-linear-gradient(top, #656565, #494949); /* Firefox */
background:-webkit-linear-gradient(top, #656565, #494949); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #656565, #494949); /* IE */
}

a.btnGray11px:active, .btnGray11px:active{
background: #656565;
border-top: 1px solid #2a2a2a; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; border-bottom: 1px solid #696969;
box-shadow: inset 0px 3px 3px 3px #494949;
}

/* ======================================================== */

.btnGray11pxDisabled {
font: bold 11px arial, sans-serif;
color: #555; text-decoration: none; padding: 5px 10px; border: 1px solid #888; background-color: #ddd;
text-shadow: 1px 1px 0px #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 2px #ccc;
background:-moz-linear-gradient(top, #c5c5c5, #8e8e8e); /* Firefox */
background:-webkit-linear-gradient(top, #c5c5c5, #8e8e8e); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #c5c5c5, #8e8e8e); /* IE */ 
}

/* ======================================================== */

/* PROGRAMM-BUTTONS */

a.btnRed11px:link, a.btnRed11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #cd735a;
border-top: 1px solid #aa533b; border-left: 1px solid #aa533b; border-right: 1px solid #aa533b; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #631f0d;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #f09f89;
background:-moz-linear-gradient(top, #d58069, #b05e47); /* Firefox */
background:-webkit-linear-gradient(top, #d58069, #b05e47); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #d58069, #b05e47); /* IE */ 
}

a.btnRed11px:hover {
border-top: 1px solid #522215; border-left: 1px solid #522215; border-right: 1px solid #522215; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #d37359, inset 0px 1px 1px #d58670;
background:-moz-linear-gradient(top, #b4583f, #a9553e); /* Firefox */
background:-webkit-linear-gradient(top, #b4583f, #a9553e); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #b4583f, #a9553e); /* IE */
}

a.btnRed11px:active {
background: #a9543c;
border-top: 1px solid #592719; border-left: 1px solid #592719; border-right: 1px solid #592719; border-bottom: 1px solid #cc765e;
box-shadow: inset 0px 3px 3px 3px #8f422d;
}

/* ======================================================== */

a.btnError11px:link, a.btnError11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #e13100;
border-top: 1px solid #bb2800; border-left: 1px solid #bb2800; border-right: 1px solid #bb2800; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #631f0d;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #ff8260;
background:-moz-linear-gradient(top, #e53303, #ac2600); /* Firefox */
background:-webkit-linear-gradient(top, #e53303, #ac2600); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #e53303, #ac2600); /* IE */ 
}

a.btnError11px:hover {
border-top: 1px solid #681600; border-left: 1px solid #681600; border-right: 1px solid #681600; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #f86d47, inset 0px 1px 1px #ed542a;
background:-moz-linear-gradient(top, #b22600, #a52300); /* Firefox */
background:-webkit-linear-gradient(top, #b22600, #a52300); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #b22600, #a52300); /* IE */
}

a.btnError11px:active {
background: #a9543c;
border-top: 1px solid #592719; border-left: 1px solid #592719; border-right: 1px solid #592719; border-bottom: 1px solid #cc765e;
box-shadow: inset 0px 3px 3px 3px #8f422d;
}

/* ======================================================== */

a.btnYellow11px:link, a.btnYellow11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #deb750;
border-top: 1px solid #bb932a; border-left: 1px solid #bb932a; border-right: 1px solid #bb932a; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #6c5006;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #fcd673;
background:-moz-linear-gradient(top, #dfb851, #bf972b); /* Firefox */
background:-webkit-linear-gradient(top, #dfb851, #bf972b); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #dfb851, #bf972b); /* IE */ 
}

a.btnYellow11px:hover {
border-top: 1px solid #60490d; border-left: 1px solid #60490d; border-right: 1px solid #60490d; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #dcaf36, inset 0px 1px 1px #e5bc4f;
background:-moz-linear-gradient(top, #c39825, #bb9121); /* Firefox */
background:-webkit-linear-gradient(top, #c39825, #bb9121); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #c39825, #bb9121); /* IE */
}

a.btnYellow11px:active {
background: #bb901d;
border-top: 1px solid #624c10; border-left: 1px solid #624c10; border-right: 1px solid #624c10; border-bottom: 1px solid #d6ad40;
box-shadow: inset 0px 3px 3px 3px #926f14;
}

/* ======================================================== */

a.btnPink11px:link, a.btnPink11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #cc5fce;
border-top: 1px solid #a240a4; border-left: 1px solid #a240a4; border-right: 1px solid #a240a4; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #641165;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #ee93f0;
background:-moz-linear-gradient(top, #cb67cd, #ad47af); /* Firefox */
background:-webkit-linear-gradient(top, #cb67cd, #ad47af); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #cb67cd, #ad47af); /* IE */ 
}

a.btnPink11px:hover {
border-top: 1px solid #541855; border-left: 1px solid #541855; border-right: 1px solid #541855; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #c85eca, inset 0px 1px 1px #cd72cf;
background:-moz-linear-gradient(top, #b143b3, #a343a5); /* Firefox */
background:-webkit-linear-gradient(top, #b143b3, #a343a5); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #b143b3, #a343a5); /* IE */
}

a.btnPink11px:active {
background: #a545a7;
border-top: 1px solid #571958; border-left: 1px solid #571958; border-right: 1px solid #571958; border-bottom: 1px solid #c35dc5;
box-shadow: inset 0px 3px 3px 3px #89318b;
}

/* ======================================================== */

a.btnViolet11px:link, a.btnViolet11px:visited {
font: bold 10px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #925dce;
border-top: 1px solid #6f3ea6; border-left: 1px solid #6f3ea6; border-right: 1px solid #6f3ea6; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #381066;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #bd91f0;
background:-moz-linear-gradient(top, #9768cd, #7948b0); /* Firefox */
background:-webkit-linear-gradient(top, #9768cd, #7948b0); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #9768cd, #7948b0); /* IE */ 
}

a.btnViolet11px:hover {
border-top: 1px solid #321751; border-left: 1px solid #321751; border-right: 1px solid #321751; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #8f5cc9, inset 0px 1px 1px #9d71d0;
background:-moz-linear-gradient(top, #7743b1, #7142a6); /* Firefox */
background:-webkit-linear-gradient(top, #7743b1, #7142a6); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #7743b1, #7142a6); /* IE */
}

a.btnViolet11px:active {
background: #7245a5;
border-top: 1px solid #381a5a; border-left: 1px solid #381a5a; border-right: 1px solid #381a5a; border-bottom: 1px solid #8e5fc4;
box-shadow: inset 0px 3px 3px 3px #5d328e;
}

/* ======================================================== */

a.btnBrown11px:link, a.btnBrown11px:visited {
font: bold 10px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #cd8f5c;
border-top: 1px solid #a66b3d; border-left: 1px solid #a66b3d; border-right: 1px solid #a66b3d; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #65350e;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #f0bb90;
background:-moz-linear-gradient(top, #d09566, #af7445); /* Firefox */
background:-webkit-linear-gradient(top, #d09566, #af7445); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #d09566, #af7445); /* IE */ 
}

a.btnBrown11px:hover {
border-top: 1px solid #523015; border-left: 1px solid #523015; border-right: 1px solid #523015; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #cc8d5a, inset 0px 1px 1px #d29b6f;
background:-moz-linear-gradient(top, #b17341, #a46b3d); /* Firefox */
background:-webkit-linear-gradient(top, #b17341, #a46b3d); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #b17341, #a46b3d); /* IE */
}

a.btnBrown11px:active {
background: #a36c3f;
border-top: 1px solid #59361a; border-left: 1px solid #59361a; border-right: 1px solid #59361a; border-bottom: 1px solid #c78f62;
box-shadow: inset 0px 3px 3px 3px #8e5a30;
}

/* ======================================================== */

a.btnOrange11px:link, a.btnOrange11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #dd9e4b;
border-top: 1px solid #c87c18; border-left: 1px solid #c87c18; border-right: 1px solid #c87c18; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #6a3f07;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #fabe70;
background:-moz-linear-gradient(top, #f4a845, #cc7300); /* Firefox */
background:-webkit-linear-gradient(top, #f4a845, #cc7300); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #f4a845, #cc7300); /* IE */ 
}

a.btnOrange11px:hover {
border-top: 1px solid #653f0d; border-left: 1px solid #653f0d; border-right: 1px solid #653f0d; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #e0932f, inset 0px 1px 1px #e8a042;
background:-moz-linear-gradient(top, #ca7f1d, #c2791b); /* Firefox */
background:-webkit-linear-gradient(top, #ca7f1d, #c2791b); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #ca7f1d, #c2791b); /* IE */
}

a.btnOrange11px:active {
background: #c47919;
border-top: 1px solid #633e0e; border-left: 1px solid #633e0e; border-right: 1px solid #633e0e; border-bottom: 1px solid #de973a;
box-shadow: inset 0px 3px 3px 3px #955c12;
}

/* ======================================================== */

a.btnTurquois11px:link, a.btnTurquois11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #67b8ce;
border-top: 1px solid #40899c; border-left: 1px solid #40899c; border-right: 1px solid #40899c; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #135465;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #92daee;
background:-moz-linear-gradient(top, #66b6cb, #4899ae); /* Firefox */
background:-webkit-linear-gradient(top, #66b6cb, #4899ae); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #66b6cb, #4899ae); /* IE */ 
}

a.btnTurquois11px:hover {
border-top: 1px solid #1a4c59; border-left: 1px solid #1a4c59; border-right: 1px solid #1a4c59; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #5fb2c8, inset 0px 1px 1px #71bace;
background:-moz-linear-gradient(top, #429bb3, #4490a5); /* Firefox */
background:-webkit-linear-gradient(top, #429bb3, #4490a5); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #429bb3, #4490a5); /* IE */
}

a.btnTurquois11px:active {
background: #4490a5;
border-top: 1px solid #1b4c59; border-left: 1px solid #1b4c59; border-right: 1px solid #1b4c59; border-bottom: 1px solid #60b0c6;
box-shadow: inset 0px 3px 3px 3px #34798c;
}

/* ======================================================== */

/* SEASON-BUTTONS */

a.btnSpring11px:link, a.btnSpring11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #93ca56;
border-top: 1px solid #6e9b3b; border-left: 1px solid #6e9b3b; border-right: 1px solid #6e9b3b; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #416d16;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #c6f393;
background:-moz-linear-gradient(top, #93ca56, #578d25); /* Firefox */
background:-webkit-linear-gradient(top, #93ca56, #578d25); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #93ca56, #578d25); /* IE */ 
}

a.btnSpring11px:hover {
border-top: 1px solid #3c6515; border-left: 1px solid #3c6515; border-right: 1px solid #3c6515; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #7eb047, inset 0px 1px 1px #93d348;
background:-moz-linear-gradient(top, #679a38, #5a8d2b); /* Firefox */
background:-webkit-linear-gradient(top, #679a38, #5a8d2b); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #679a38, #5a8d2b); /* IE */
}

a.btnSpring11px:active {
background: #6c9b3f;
border-top: 1px solid #3c6515; border-left: 1px solid #3c6515; border-right: 1px solid #3c6515; border-bottom: 1px solid #7ca94a;
box-shadow: inset 0px 3px 3px 3px #558625;
}

/* ======================================================== */

a.btnSummer11px:link, a.btnSummer11px:visited {
font: bold 10px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #a5c44a;
border-top: 1px solid #78912d; border-left: 1px solid #78912d; border-right: 1px solid #78912d; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #456003;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #d8f18c;
background:-moz-linear-gradient(top, #a5c44a, #628215); /* Firefox */
background:-webkit-linear-gradient(top, #a5c44a, #628215); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #a5c44a, #628215); /* IE */ 
}

a.btnSummer11px:hover {
border-top: 1px solid #3e5702; border-left: 1px solid #3e5702; border-right: 1px solid #3e5702; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #8ca839, inset 0px 1px 1px #a9cd3b;
background:-moz-linear-gradient(top, #729029, #64821b); /* Firefox */
background:-webkit-linear-gradient(top, #729029, #64821b); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #729029, #64821b); /* IE */
}

a.btnSummer11px:active {
background: #759130;
border-top: 1px solid #3e5702; border-left: 1px solid #3e5702; border-right: 1px solid #3e5702; border-bottom: 1px solid #88a13d;
box-shadow: inset 0px 3px 3px 3px #5d7b15;
}

/* ======================================================== */

a.btnAutumn11px:link, a.btnAutumn11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #cd9a39;
border-top: 1px solid #976c20; border-left: 1px solid #976c20; border-right: 1px solid #976c20; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #604200;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #f5c97c;
background:-moz-linear-gradient(top, #cd9a39, #8a6207); /* Firefox */
background:-webkit-linear-gradient(top, #cd9a39, #8a6207); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #cd9a39, #8a6207); /* IE */ 
}

a.btnAutumn11px:hover {
border-top: 1px solid #563b00; border-left: 1px solid #563b00; border-right: 1px solid #563b00; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #b0802a, inset 0px 1px 1px #d89928;
background:-moz-linear-gradient(top, #97701b, #89620d); /* Firefox */
background:-webkit-linear-gradient(top, #97701b, #89620d); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #97701b, #89620d); /* IE */
}

a.btnAutumn11px:active {
background: #987323;
border-top: 1px solid #563b00; border-left: 1px solid #563b00; border-right: 1px solid #563b00; border-bottom: 1px solid #a87d2f;
box-shadow: inset 0px 3px 3px 3px #835c07;
}

/* ======================================================== */

a.btnWinter11px:link, a.btnWinter11px:visited {
font: bold 11px arial,sans-serif;
color: #fff; text-decoration: none; padding: 5px 10px; background-color: #668ccd;
border-top: 1px solid #40659c; border-left: 1px solid #40659c; border-right: 1px solid #40659c; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #143d66;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #91b3ee;
background:-moz-linear-gradient(top, #668ccd, #4770ad); /* Firefox */
background:-webkit-linear-gradient(top, #668ccd, #4770ad); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #668ccd, #4770ad); /* IE */ 
}

a.btnWinter11px:hover {
border-top: 1px solid #1a3358; border-left: 1px solid #1a3358; border-right: 1px solid #1a3358; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #5f87c9, inset 0px 1px 1px #7193cd;
background:-moz-linear-gradient(top, #426fb3, #436aa5); /* Firefox */
background:-webkit-linear-gradient(top, #426fb3, #436aa5); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #426fb3, #436aa5); /* IE */
}

a.btnWinter11px:active{
background: #436aa5;
border-top: 1px solid #1a3358; border-left: 1px solid #1a3358; border-right: 1px solid #1a3358; border-bottom: 1px solid #5f84c5;
box-shadow: inset 0px 3px 3px 3px #33568c;
}

/* ======================================================== */

/* SEASON-SUBMIT-BUTTONS */


.btnSubmitSpring {
font: bold 14px arial,sans-serif;
height: 30px;
color: #fff; text-decoration: none; padding: 0px 10px; background-color: #93ca56;
border-top: 1px solid #6e9b3b; border-left: 1px solid #6e9b3b; border-right: 1px solid #6e9b3b; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #416d16;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #c6f393;
background:-moz-linear-gradient(top, #93ca56, #578d25); /* Firefox */
background:-webkit-linear-gradient(top, #93ca56, #578d25); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #93ca56, #578d25); /* IE */ 
}

.btnSubmitSpring:hover {
border-top: 1px solid #3c6515; border-left: 1px solid #3c6515; border-right: 1px solid #3c6515; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #7eb047, inset 0px 1px 1px #93d348;
background:-moz-linear-gradient(top, #679a38, #5a8d2b); /* Firefox */
background:-webkit-linear-gradient(top, #679a38, #5a8d2b); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #679a38, #5a8d2b); /* IE */
}

.btnSubmitSpring:active{
background: #6c9b3f;
border-top: 1px solid #3c6515; border-left: 1px solid #3c6515; border-right: 1px solid #3c6515; border-bottom: 1px solid #7ca94a;
box-shadow: inset 0px 3px 3px 3px #558625;
}

/* ======================================================== */

.btnSubmitSummer {
font: bold 14px arial,sans-serif;
height: 30px;
color: #fff; text-decoration: none; padding: 0px 10px; background-color: #a5c44a;
border-top: 1px solid #78912d; border-left: 1px solid #78912d; border-right: 1px solid #78912d; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #456003;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #d8f18c;
background:-moz-linear-gradient(top, #a5c44a, #628215); /* Firefox */
background:-webkit-linear-gradient(top, #a5c44a, #628215); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #a5c44a, #628215); /* IE */ 
}

.btnSubmitSummer:hover {
border-top: 1px solid #3e5702; border-left: 1px solid #3e5702; border-right: 1px solid #3e5702; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #8ca839, inset 0px 1px 1px #a9cd3b;
background:-moz-linear-gradient(top, #729029, #64821b); /* Firefox */
background:-webkit-linear-gradient(top, #729029, #64821b); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #729029, #64821b); /* IE */
}

.btnSubmitSummer:active{
background: #759130;
border-top: 1px solid #3e5702; border-left: 1px solid #3e5702; border-right: 1px solid #3e5702; border-bottom: 1px solid #88a13d;
box-shadow: inset 0px 3px 3px 3px #5d7b15;
}

/* ======================================================== */

.btnSubmitAutumn {
font: bold 14px arial,sans-serif;
height: 30px;
color: #fff; text-decoration: none; padding: 0px 10px; background-color: #cd9a39;
border-top: 1px solid #976c20; border-left: 1px solid #976c20; border-right: 1px solid #976c20; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #604200;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #f5c97c;
background:-moz-linear-gradient(top, #cd9a39, #8a6207); /* Firefox */
background:-webkit-linear-gradient(top, #cd9a39, #8a6207); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #cd9a39, #8a6207); /* IE */ 
}

.btnSubmitAutumn:hover {
border-top: 1px solid #563b00; border-left: 1px solid #563b00; border-right: 1px solid #563b00; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #b0802a, inset 0px 1px 1px #d89928;
background:-moz-linear-gradient(top, #97701b, #89620d); /* Firefox */
background:-webkit-linear-gradient(top, #97701b, #89620d); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #97701b, #89620d); /* IE */
}

.btnSubmitAutumn:active{
background: #987323;
border-top: 1px solid #563b00; border-left: 1px solid #563b00; border-right: 1px solid #563b00; border-bottom: 1px solid #a87d2f;
box-shadow: inset 0px 3px 3px 3px #835c07;
}

/* ======================================================== */

.btnSubmitWinter {
font: bold 14px arial,sans-serif;
height: 30px;
color: #fff; text-decoration: none; padding: 0px 10px; background-color: #668ccd;
border-top: 1px solid #40659c; border-left: 1px solid #40659c; border-right: 1px solid #40659c; border-bottom: 1px solid #000;
text-shadow: -1px -1px 0px #143d66;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 1px 1px #91b3ee;
background:-moz-linear-gradient(top, #668ccd, #4770ad); /* Firefox */
background:-webkit-linear-gradient(top, #668ccd, #4770ad); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #668ccd, #4770ad); /* IE */ 
}

.btnSubmitWinter:hover {
border-top: 1px solid #1a3358; border-left: 1px solid #1a3358; border-right: 1px solid #1a3358; border-bottom: 1px solid #000;
box-shadow: 0 0 3px #5f87c9, inset 0px 1px 1px #7193cd;
background:-moz-linear-gradient(top, #426fb3, #436aa5); /* Firefox */
background:-webkit-linear-gradient(top, #426fb3, #436aa5); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #426fb3, #436aa5); /* IE */
}

.btnSubmitWinter:active{
background: #436aa5;
border-top: 1px solid #1a3358; border-left: 1px solid #1a3358; border-right: 1px solid #1a3358; border-bottom: 1px solid #5f84c5;
box-shadow: inset 0px 3px 3px 3px #33568c;
}

/* ======================================================== */

.btnSubmitGrayBright {
font: bold 10px arial,sans-serif;
color: #555; text-decoration: none; padding: 4px 8px; border: 1px solid #ccc; background-color: #ddd;
text-shadow: 1px 1px 0px #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 2px white;
background:-moz-linear-gradient(top, #fbfbfb, #dedede); /* Firefox */
background:-webkit-linear-gradient(top, #fbfbfb, #dedede); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #fbfbfb, #dedede); /* IE */ 
}
.btnSubmitGrayBright:hover {
border: 1px solid #aaa;
box-shadow: 0 0 2px #ccc, inset 0px 0px 3px white;
background:-moz-linear-gradient(top, #f3f3f3, #ececec); /* Firefox */
background:-webkit-linear-gradient(top, #f3f3f3, #ececec); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #f3f3f3, #ececec); /* IE */
}

.btnSubmitGrayBright:active{
background: #ddd;
border-top: 1px solid #888; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #ccc;
box-shadow: inset 0px 3px 3px 3px #ccc;
}

/* ======================================================== */

.btnSubmitGrayBright11px {
font: bold 11px arial,sans-serif;
color: #555; text-decoration: none; padding: 5px 10px; border: 1px solid #ccc; background-color: #ddd;
text-shadow: 1px 1px 0px #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 2px white;
background:-moz-linear-gradient(top, #fbfbfb, #dedede); /* Firefox */
background:-webkit-linear-gradient(top, #fbfbfb, #dedede); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #fbfbfb, #dedede); /* IE */ 
}
.btnSubmitGrayBright11px:hover {
border: 1px solid #aaa;
box-shadow: 0 0 2px #ccc, inset 0px 0px 3px white;
background:-moz-linear-gradient(top, #f3f3f3, #ececec); /* Firefox */
background:-webkit-linear-gradient(top, #f3f3f3, #ececec); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #f3f3f3, #ececec); /* IE */
}

.btnSubmitGrayBright11px:active{
background: #ddd;
border-top: 1px solid #888; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #ccc;
box-shadow: inset 0px 3px 3px 3px #ccc;
}

/* ======================================================== */

.btnSubmitGrayBright12px {
font: bold 12px arial,sans-serif;
color: #555; text-decoration: none; padding: 6px 10px; border: 1px solid #ccc; background-color: #ddd;
text-shadow: 1px 1px 0px #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 2px white;
background:-moz-linear-gradient(top, #fbfbfb, #dedede); /* Firefox */
background:-webkit-linear-gradient(top, #fbfbfb, #dedede); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #fbfbfb, #dedede); /* IE */ 
}
.btnSubmitGrayBright12px:hover {
border: 1px solid #aaa;
box-shadow: 0 0 2px #ccc, inset 0px 0px 3px white;
background:-moz-linear-gradient(top, #f3f3f3, #ececec); /* Firefox */
background:-webkit-linear-gradient(top, #f3f3f3, #ececec); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #f3f3f3, #ececec); /* IE */
}

.btnSubmitGrayBright12px:active{
background: #ddd;
border-top: 1px solid #888; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #ccc;
box-shadow: inset 0px 3px 3px 3px #ccc;
}

/* ======================================================== */

.btnSubmitGray {
font: bold 10px arial,sans-serif;
color: #fff; text-decoration: none; padding: 4px 8px; border: 1px solid #434343; background-color: #999;
text-shadow: 1px 1px 0px #434343;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0px 0px 2px #bcbcbc;
background:-moz-linear-gradient(top, #979797, #545454); /* Firefox */
background:-webkit-linear-gradient(top, #979797, #545454); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #979797, #545454); /* IE */ 
}
.btnSubmitGray:hover {
border: 1px solid #2a2a2a;
box-shadow: 0 0 2px #aaa, inset 0px 0px 3px #959595;
background:-moz-linear-gradient(top, #656565, #494949); /* Firefox */
background:-webkit-linear-gradient(top, #656565, #494949); /* Safari, Chrome, Opera - neue Syntax! */
background-image:-ms-linear-gradient(top, #656565, #494949); /* IE */
}

.btnSubmitGray:active{
background: #656565;
border-top: 1px solid #2a2a2a; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; border-bottom: 1px solid #696969;
box-shadow: inset 0px 3px 3px 3px #494949;
}

/* Neuer Stil: Container füllt die gesamte Viewport-Fläche */
#lamp-container {
  width: 100%;
  height: 100%;           /* Höhe = 100% des Viewports (durch html, body definiert) */
  overflow: hidden;       /* Verhindert Scrollbars, falls das Bild größer skaliert */
  background: #000;       /* Optionale Hintergrundfarbe (schwarz) falls Bereiche ohne Bild sichtbar sind */
}

/* Neuer Stil: Bild skaliert proportional und füllt den Container */
#lamp-image {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* Bild füllt Container, Zuschnitt bei abweichendem Seitenverhältnis ohne Verzerrung */
  object-position: center center;  /* Bild zentrieren */
}

#dvImage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    z-index: 2;
    pointer-events: none;
  }

#divImage {
  margin: auto;
  position: absolute;
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0;
}

#VRContainer {
    position: relative;
    width: 100vw;
    height: 100vh;
  }

  #VRLight {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1;
    transition: background-color 0.5s ease;
  }

#bodyDetail 								{font-family: 'Open Sans', sans-serif; background-color: #ffffff; color: #333333; position: relative; padding-bottom: 0px; margin: 0 !important;}