@CHARSET "ISO-8859-1";

/***************************************************

	Allgemeine Definitionen

***************************************************/
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

/***************************************************

	Bedienelemente

**************************************************

*/
input[type="text"],input[type="radio"],input[type="check"],select,textarea
	{
	border-radius: 3px;
	padding: 5px;
	border: 1px solid #d9d9d9;
	margin: 5px 10px;
}

input[type="radio"],input[type="check"] {
	border: none;
}

.inputLabel {
	display: block;
	font-weight: bold;
	width: 100px;
}

.inputLabelInline {
	display: inline-block;
}

.textField {
	width: 200px;
}

.button {
	border-radius: 3px;
	background: #55a2e4;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzU1YTJlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTcwYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #55a2e4 1%, #3570a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #55a2e4),
		color-stop(100%, #3570a2) );
	background: -webkit-linear-gradient(top, #55a2e4 1%, #3570a2 100%);
	background: -o-linear-gradient(top, #55a2e4 1%, #3570a2 100%);
	background: -ms-linear-gradient(top, #55a2e4 1%, #3570a2 100%);
	background: linear-gradient(to bottom, #55a2e4 1%, #3570a2 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#55a2e4', endColorstr = '#3570a2', GradientType = 0 );
	font-weight: bold;
	border: 1px solid #0d4971;
	color: #fff;
	padding: 5px 20px;
	cursor: pointer;
}

.button:hover,.abortButton:hover {
	background: #c4312e;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MzEyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTEyMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #c4312e 0%, #95120f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4312e),
		color-stop(100%, #95120f) );
	background: -webkit-linear-gradient(top, #c4312e 0%, #95120f 100%);
	background: -o-linear-gradient(top, #c4312e 0%, #95120f 100%);
	background: -ms-linear-gradient(top, #c4312e 0%, #95120f 100%);
	background: linear-gradient(to bottom, #c4312e 0%, #95120f 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#c4312e', endColorstr = '#95120f', GradientType = 0 );
	border: 1px solid #a2130e;
}

.abortButton {
	border: 1px solid #999;
	background: #c1c1c1;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzkzOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #c1c1c1 0%, #939393 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c1c1),
		color-stop(100%, #939393) );
	background: -webkit-linear-gradient(top, #c1c1c1 0%, #939393 100%);
	background: -o-linear-gradient(top, #c1c1c1 0%, #939393 100%);
	background: -ms-linear-gradient(top, #c1c1c1 0%, #939393 100%);
	background: linear-gradient(to bottom, #c1c1c1 0%, #939393 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#c1c1c1', endColorstr = '#939393', GradientType = 0 );
}

/***************************************************

	Fenster

***************************************************/
.window {
	background-color: #fff;
	border: 2px solid #6195b8;
	border-radius: 5px 5px 0 5px;
	position: relative;
	box-shadow: 3px 3px 5px #666;
	resize: none;
	margin: 0;
	width: 1024px;
	height: 768px;
}

.windowHeadline {
	overflow: auto;
	padding: 5px 5px 5px 10px;
	cursor: move;
	background: #6195b8;
	color: #fff;
	resize: none;
	height: 25px;
}

.activeWindow {
	border: 2px solid #0d4971;
}

.activeWindow .windowHeadline {
	background: #0d4971;
}

.windowTitleLabel {
	width: auto;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

/* H�he durch Programmierer vorgegeben */
.windowContent {
	overflow: auto;
	padding: 10px;
}

.buttons {
	overflow: auto;
	padding: 0 10px;
	margin: 0 0 0 10px;
}

.buttons button {
	margin: 0 0 0 10px;
}

.windowHeadline .button,.buttons .button {
	float: right;
}

.windowCloseButton,.windowMaximizeButton,.windowMinimizeButton,.windowCloseButton:hover,.windowMaximizeButton:hover,.windowMinimizeButton:hover,.windowCloseButtonStandAlone,.windowCloseButtonStandAlone:hover,.windowMaximizeStandaloneButton,.windowMaximizeStandaloneButton:hover
	{
	cursor: pointer;
	height: 22px;
	width: 25px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	border: 0;
	background: none;
	float: right;
	filter: none;
}

.windowCloseButton {
	background: url(/static/UI/images/close.png) no-repeat;
}

.windowMaximizeButton {
	background: url(/static/UI/images/maximize.png) no-repeat;
}

.windowMinimizeButton {
	width: 26px;
	background: url(/static/UI/images/minimizeTaskbar.png) no-repeat;
}

.windowCloseButton:hover {
	background: url(/static/UI/images/closeHover.png) no-repeat;
}

.windowCloseButtonStandAlone {
	background: url(/static/UI/images/closeStandAlone.png) no-repeat;
}

.windowCloseButtonStandAlone:hover {
	background: url(/static/UI/images/closeStandAloneHover.png) no-repeat;
}

.maximized .windowMaximizeButton {
	background: url(/static/UI/images/minimize.png) no-repeat;
}

.maximized .windowMaximizeButton:hover {
	background: url(/static/UI/images/minimizeHover.png) no-repeat;
}

.windowMaximizeStandaloneButton {
	background: url(/static/UI/images/maximizeLeftEnd.png) no-repeat;
}

.maximized .windowMaximizeStandaloneButton:hover {
	background: url(/static/UI/images/minimizeLeftEndHover.png) no-repeat;
}

.maximized .windowMaximizeStandaloneButton {
	background: url(/static/UI/images/minimizeLeftEnd.png) no-repeat;
}

.windowMaximizeStandaloneButton:hover {
	background: url(/static/UI/images/maximizeLeftEndHover.png) no-repeat;
}

.windowMaximizeButton:hover {
	background: url(/static/UI/images/maximizeHover.png) no-repeat;
}

.windowMinimizeButton:hover {
	background: url(/static/UI/images/minimizeTaskbarHover.png) no-repeat;
}

.minimized {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	padding: 8px 30px 8px 10px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	background: #999;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 2px solid #d9d9d9;
	border-top: 2px solid #d9d9d9;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.minimized:hover {
	background: #b8b8b8;
}

.activeTaskBarItem,.minimized:active {
	background: #ccc;
	border-right: 2px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
	border-left: 2px solid #666;
	border-top: 2px solid #666;
}

.minimized .windowCloseButton {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 14px;
	width: 14px;
	background: url(/static/UI/images/closeTaskbar.png) no-repeat;
	margin: 3px 0 0 0;
}

.maximized {
	position: absolute;
	width: 100%;
	height: 95%;
}

.taskBar {
	position: fixed;
	overflow: hidden;
	z-index: 1000000;
	height: 40px;
	bottom: 0;
	background: #ccc;
	width: 100%;
	padding: 5px 5px 0 5px;
	border-top: 1px solid #d9d9d9;
}

.reSize {
	background: url("/static/UI/images/reSize.png");
	height: 10px;
	width: 10px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/***************************************************

	Slider

***************************************************/
/* Vorgabe laut JS und nicht �nderbar */
input[type="range"] {
	padding: 0;
	border: 0;
	border-radius: 3px;
	cursor: default;
	text-indent: -999999px;
	-moz-user-select: none;
}

/***************************************************

	Alert-Fenster

***************************************************/
.alertWindow {
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff;
	border: 2px solid #a2130e;
	border-radius: 5px;
	box-shadow: 3px 3px 5px #666;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	margin-top: -72px;
	width: 350px;
	height: 144px;
	/*
	display: inline-block;
 	vertical-align: middle;
 	position: fixed;
 	z-index: 100000;
*/
}

.alertWindow .windowHeadline {
	background-color: #a2130e;
	cursor: default;
}

.alertWindow .windowContent {
	overflow: auto;
	height: 50px;
	padding: 0;
	margin: 10px;
}

/***************************************************

	Tabellen

***************************************************/
table {
	width: 100%;
}

table td {
	padding: 10px;
	min-width: 10px;
	vertical-align: middle;
	background: #F9F9F9;
}

table th {
	padding: 10px;
	font-weight: bold;
	text-align: left;
	background: #dbdbdb;
}

tr.even,tr.even td {
	background: #f2f2f2;
}

tr.odd,tr.odd td {
	background: #f9f9f9;
}

/***************************************************

	Tabs

***************************************************/
.tabBar {
	overflow: hidden;
	width: 100%;
	margin-bottom: -1px;
}

.tabBarElement {
	float: left;
	padding: 5px 10px;
	background: #999;
	color: #fff;
	cursor: pointer;
	border: 1px solid #d9d9d9;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0 1px;
}

.tabBarElement:first-child {
	margin-left: 0;
}

.tabBarElement:hover {
	background: #666;
}

.tabBarElement.tabActiv:hover {
	background: #fff;
}

.styleWrapperTabContent {
	width: 100%;
}

.tabContent {
	padding: 10px;
	overflow: auto;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.tabActiv {
	background: #fff;
	color: #404040;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

.tabView {
	width: 100%;
	height: 100%;
}

/**********************************************
 * galleryViewImage
  **********************************************/
.galleryImageElement {
	margin: 5px;
	border: 2px solid red;
	display: inline;
	float: left;
}

/**********************************************
 * suggest field
  **********************************************/
.suggestion {
	z-index: 2000;
	background: #ffffff;
	border: 1px #d9d9d9 solid;
	display: block;
	overflow-y: auto;
	max-height: 400px;
	border-radius: 5px;
}

.suggestionElement {
	width: 350px;
	height: auto;
	overflow: auto;
	padding: 5px;
	border-bottom: 1px solid #efefef;
	cursor: pointer;
}

.suggestionImage {
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.suggestionTextLabel {
	display: block;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.suggestionSubtitleTextLabel {
	display: block;
	font-size: 10px;
	cursor: pointer;
}

.suggestionElementHighlight {
	background: #d9d9d9;
}

.loader {
	background: url(/static/UI/images/ajax-loader.gif) no-repeat center center;
	height: 36px;
}