@import url("https://secure.c1.websale.net/servicebereich/_design/service-styles.css");
@import url("https://secure.c1.websale.net/servicebereich/_design/jquery-ui-1.8.16.custom.css");
@import url("https://secure.c1.websale.net/servicebereich/_design/colorbox.css");
@import url("https://secure.c1.websale.net/servicebereich/_design/ws-servicedesign-ext.css");

/* Format
   -------------------------------- */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

p { margin: 0 0 1.3em; }

pre { background-color: transparent /* overwrites service-styles.css */; width: auto; overflow: auto; }

iframe {  border: 0; }

strong { font-weight: bold; }


.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }


/* Layout
   -------------------------------- */

#service-wrapper,
#ws-service-wrapper,
.service-wrapper,
.ws-service-wrapper {
	width: 1000px;
	margin: 0 auto 20px;
	padding: 2px;
	border: 1px solid #beccde;
}

.service-content { padding: 10px 10px 0 10px; }

.service-content div input,
.service-content div select {float: right; margin-left: 10px;}

#service-header,
#ws-service-header,
.service-header,
.ws-service-header {
	background: #b7c6da url(https://secure2.c1.websale.net/servicebereich/_design/img/hg_main_header.png) 0 0 repeat-x;
	padding: 7px 10px;
	text-align: center;
	color: #111;
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 13px;
}

#ws-service-content { position: relative; }

.site-header { background-color: #B3BCC6; font-weight: bold; padding: 10px; }

/*
	section
*/

.section,
.section-container {
	overflow: hidden;
	padding: 10px 20px 20px;
}

.section-container {
	padding: 10px 0 0 20px;
	border: 1px solid #ccd6e0;
}

.section h2,
.section .section-header,
.section-container h2,
.section-container .section-header {
	position: relative;
	background-color: #ccd6e0 /*#D8DDE0*/;
	color: #222; 
	font-weight: bold; 
	padding: 6px 10px;
	font-size: 12px;
	margin: -10px -20px 10px;
}

.section-container h2,
.section-container .section-header {
	
}

.section-container .section {
	padding-top: 20px;
}

.section-container .section h2,
.section-container .section .section-header {
	background-color: #DDE4EC;
}

.indent { padding: 20px; }

/*
	result-table,
	form-table
*/

.result-table, .form-table {
	width: 100%;
	border-spacing: 0;
}

.result-table thead tr:first-child th,
.result-table tfoot tr:first-child td,
.form-table thead tr:first-child th,
.form-table tfoot tr:first-child td {
	border-top: 1px solid #888;
}

.result-table tr:first-child td,
.form-table tr:first-child td {
	border-top: 1px solid #ddd;
}

.result-table thead th:first-child,
.result-table tfoot td:first-child,
.form-table thead th:first-child,
.form-table tfoot td:first-child {
	border-left: 1px solid #888;
}

.result-table tfoot td,
.result-table thead th,
.form-table tfoot td,
.form-table thead th {
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

.form-table tfoot td {
	text-align: center;
}

.result-table td,
.result-table th,
.form-table td,
.form-table th {
	padding: 5px;
	overflow: hidden;
}

.result-table tr,
.form-table tr {
	background-color: #fff;
}

tr.alt {
	background-color: #e8e9ea;
}

.result-table tbody,
.form-table tbody {
	border-collapse: collapse;
}

.result-table tbody td:first-child,
.form-table tbody td:first-child {
	border-left: 1px solid #ddd;
}

.result-table tbody td,
.form-table tbody td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.result-table thead tr,
.result-table tfoot tr,
.form-table thead tr,
.form-table tfoot tr {
	background-color: #D6D7D8;
}

.result-table .group-header,
.form-table .group-header {
	background-color: #B3BCC6;
	font-weight: bold;
}

/* Highlight einzelner aktiver Zeilen */
.row-highlight {
	background-color: #d6f5b5 !important/*#D6FFAA*/;
}

/*
	Page Navigation
*/

ul.page-navigation{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.page-navigation li {
	display: inline;
	font-weight: bold;
	margin: 0;
	margin-right: 5px;
	padding: 0;
}

ul.page-navigation li.active-page,
ul.page-navigation li.active-page a {
	font-size: 140%;
	text-decoration: none;
	color: #111;
}

/*
	Boxes & Frames
*/

.ws-control {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	padding: 5px;
}

.table-control {
	background-color: #D8DDE0;
	border: 1px solid #888;
	border-bottom: 0;
	padding: 5px;
}

.control-box {
	background-color: #D8DDE0;
	border: 1px solid #888;
	padding: 5px 9px;
	overflow: hidden;
}

.info-box {
	background-color: #E5EAEF;
	padding: 5px;
}

.error-box {
	background: #fbe3e4;
	color: #AA1F11;
	border: 1px solid #fbc2c4;
	padding: 5px;
}

/* Text
   -------------------------------- */

.quiet {
	color: #666;
}

.loud {
	color: #000;
}

.error {
	color: #f03333;
}

.max-1000-letters {
	margin-left: 325px;
	}

/* Columns
   -------------------------------- */

.ws-column { float:left; }


/* Form
   -------------------------------- */

label {
	font-weight: bold;
	color: #333;
}

textarea { resize: none; }

.ws-txtarea, .ws-txtbox {
	border-width: 1px;
	border-style: solid;
	border-color: #aaa #ccc #ccc #aaa;
	font-size: 13px;
	padding: 3px;
	width: 190px;
}

.ws-txtarea {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 5px 0;
}

input.ws-incorrect,
textarea.ws-incorrect {
	background-color: #ffaaaa;
}

.ws-listbox {
    border-width: 1px;
    border-style: solid;
    border-color: #aaa #ccc #ccc #aaa;
    font-size: 12px;
    padding: 2px;
	background-color: #fff;
}

/* Helpers
   -------------------------------- */

.hidden,
.ninja {
	display: none;
}

.ws-rounded {}
	.ws-rounded-3 {
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius: 3px;
	}

/* Icons
   -------------------------------- */
.ws-icon,
.ws-ui-icon {
	display: inline-block;
    zoom: 1;     /* hasLayout for IE */
    *display: inline; /* IE7, now behaves as inline-block */
    _height: 100%;  /* IE6, now behaves as inline-block */
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
    background-image: url(img/icon_set.png);
	text-indent: 0; overflow: hidden;
}

.ws-icon {
    background-position: -48px -48px; /* defaults to blank */
}

.ws-ui-icon {
    background-image: url(img/jquery-ui/ui-icons_222222_256x240.png);
}

.ws-icon-list-add { background-position: 0 0; }
.ws-icon-edit { background-position: -16px 0; }
.ws-icon-trash { background-position: -32px 0; }
.ws-icon-remove-trash { background-position: -48px 0; }
.ws-icon-file-empty { background-position: -64px 0; }
.ws-icon-mag-glass { background-position: -80px 0; }
.ws-icon-help { background-position: -96px 0; }
.ws-icon-mag-glass-file { background-position: -112px 0; }
.ws-icon-log { background-position: -128px 0; }
.ws-icon-success { background-position: -144px 0; }
.ws-icon-file { background-position: 0 -16px; }
.ws-icon-error { background-position: -16px -16px; }
.ws-icon-group { background-position: -32px -16px; }
.ws-icon-status-good { background-position: -48px -16px; }
.ws-icon-status-medium { background-position: -64px -16px; }
.ws-icon-status-bad { background-position: -80px -16px; }
.ws-icon-status-neutral { background-position: -96px -16px; }
.ws-icon-refresh { background-position: -112px -16px; }
.ws-icon-warning { background-position: -128px -16px; }
.ws-icon-statistic { background-position: -144px -16px; }
.ws-icon-bullet-toggle-plus { background-position: 0 -32px; }
.ws-icon-bullet-toggle-minus { background-position: -16px -32px; }
.ws-icon-filter { background-position: -32px -32px; }
.ws-icon-filter-remove { background-position: -48px -32px; }
.ws-icon-product { background-position: -64px -32px; }
.ws-icon-category { background-position: -80px -32px; }
.ws-icon-category-subcat { background-position: -96px -32px; }
.ws-icon-directory-closed { background-position: -112px -32px; }
.ws-icon-ticket { background-position: -128px -32px; }
.ws-icon-targetgroup { background-position: -144px -32px; }
.ws-icon-resize { background-position: 0 -48px; }
.ws-icon-plus { background-position: -16px -48px; }
.ws-icon-minus { background-position: -32px -48px; }
.ws-icon-blank { background-position: -48px -48px; }
.ws-icon-osblog { background-position: -64px -48px; }
.ws-icon-info { background-position: -80px -48px; }
.ws-icon-web { background-position: -96px -48px; }
.ws-icon-duplicate { background-position: -112px -48px; }
.ws-icon-eye { background-position: -128px -48px; }
.ws-icon-table { background-position: 0px -64px; }
.ws-icon-loading { background-image: url(img/loading-small.gif); }


/* Loading (Plugin)
   -------------------------------- */

.ws-loading-wrapper {
	position:relative;
	height: 100%;
}

.ws-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	background-color: #fff;
	z-index: 98; /* sollte unterhalb von window liegen */
}

.ws-loading-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
}

.ws-loading-txt {
	float: left;
	position: relative;
	margin-left: 5px;
}

.ws-loading-img {
	float: left;
}

/* Simpletooltip (plugin)
   -------------------------------- */

.simpleTooltip { padding: 5px; border: 1px solid #C6C7CB; background: #F6F9FA; z-index: 2000; color: #111; }


/* Button (plugin)
   -------------------------------- */

.ws-button, .ws-button:link, .ws-button:hover, .ws-button:visited, .ws-button:active, .ws-button:focus {
	position: relative;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #888 #ccc;
	background-color: #efefef;
	/*padding: 4px 7px;*/
	text-decoration: none;
	color: #222;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
	zoom: 1;     /* hasLayout for IE */
    *display: inline; /* IE7, now behaves as inline-block */
    _height: 100%;  /* IE6, now behaves as inline-block */
	font-size: 11px;
	/*outline: none;*/
	cursor: pointer;
	padding: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

 /* IE7 Padding Fix */
button {
	*overflow: visible;
}

/* FF Padding Fix */
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

input.ws-button {
	padding: 4px 10px !important;
}

.ws-button:hover {
	background-color: #f9f9f9;
}

.ws-button:active {
	background-color: #ccc;
	border-color: #888 #ccc #ccc #888;
}

.ws-button-inactive:active {
	background-color: #efefef;
	border-color: #ccc #888 #888 #ccc;
}

.ws-button-inactive {
	background-color: #ddd !important;
	cursor: default !important;
	outline: none;
}

.ws-button-inactive {
	color: #888 !important;
}

.ws-button-inactive .ws-icon,
.ws-button-inactive .ws-ui-icon {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.ws-button-large {
	font-size: 13px !important;
}

.ws-button-text {
	display: block;
	padding: 4px 10px;
	*padding: 2px 10px; /* IE7 */
}

.ws-button.ws-button-text-icons .ws-button-text {
	padding-left: 24px;
	padding-right: 24px;
}

.ws-button.ws-button-text-icon-primary .ws-button-text {
	padding-left: 24px;
	padding-right: 10px;
}

.ws-button.ws-button-text-icon-secondary .ws-button-text {
	padding-left: 10px;
	padding-right: 24px;
}

.ws-button.ws-button-icon-only,
.ws-button.ws-button-icons-only {
	width: 28px;
	text-indent: -9999px;
}

.ws-button.ws-button-icons-only {
	width: 43px;
}

.ws-button-icon-primary,
.ws-button-icon-secondary {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.ws-button-icon-primary {
	left: 4px;
}

.ws-button-icon-secondary {
	right: 4px;
}

.ws-button-large .ws-button-icon-primary,
.ws-button-large .ws-button-icon-secondary {
}



/* Window (plugin)
   -------------------------------- */

.window {
	display: none;
    position: fixed;
	*position: absolute; /* IE 6 */
	top: 0;
	left: 0;
    color: #111111;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    z-index: 9990;
	font-family: Arial, Helvetica, sans-serif;
}

.window-round1,
.window-round2 {
	font-size: 0;
	padding: 0;
	display: none;
}

.window-round1 {
	height: 0px;
	margin: 0 1px;
	padding-top: 1px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #CCD6E0;
}

.window-round2 {
	height: 0px;
	margin: 0 2px;
	border-top: 1px solid #333;
}

.window-inner {
	position: relative;
	overflow: visible;
	border: 1px solid #666;
	background-color: #f6f7f8;
	padding: 2px 2px;
}

.window-titlebar {
	margin: 0px 0px 2px;
	cursor: move;
}

.window-titlebar-round1,
.window-titlebar-round2 {
	font-size: 0;
	padding: 0;
	display: none;
}

.window-titlebar-round1 {
	height: 0px;
	margin: 0 0px;
	padding-top: 1px;
	border-left: 1px solid #e6e7e8;
	border-right: 1px solid #e6e7e8;
	background-color: #1b2850;
}

.window-titlebar-round2 {
	height: 0px;
	margin: 0 2px;
	border-top: 1px solid #1b2850;
}

.window-titlebar-inner {
	padding: 4px 5px 5px;
	font-weight: bold;
	color: #111;
	background-image: url(https://secure2.c1.websale.net/servicebereich/_design/img/hg_main_header.png);
}

.window-titlebar-close {
	position: absolute;
    display: block;
	right: 6px;
	top: 4px;
	*right: 5px; /* IE 6 */
	*top: 5px;	 /* IE 6 */
    width: 16px;
    height: 16px;
    background: url('img/window-titlebar-close.png') 0 1px no-repeat;
	cursor: pointer;
}

.window-content {
    padding: 10px 10px;
	color:#000000;
    overflow:auto;
}

.window-buttonbar {
    margin: 0;
	padding: 2px 10px;
    text-align: center;
	border-top: 0px solid #b6b7b8;
	overflow: hidden;
}

.window-buttonbar button {
	/*font-size: 12px;
    margin-left: 10px;
	padding: 1px 8px;*/
}

.window-statusbar
{
	height:15px;
	width: 100%;
	overflow: hidden;
}

.window-resizeIcon
{
	background-color: #f6f7f8;
    width: 16px;
	height: 16px;
	position: absolute;
	right: 1px;
	bottom: 1px;
	cursor: se-resize;
	background: url(img/window-resize.png) 0 0 no-repeat;
}


/* Tabs (plugin)
   -------------------------------- */

.ws-tabs > ul {
    margin: 0;
    padding: 3px 0 0 8px;
    border-bottom: 1px solid #659D28;
    list-style: none;
    overflow: hidden;
}

.ws-tabs > ul a {
    display: block;
    float: left;
    margin: 7px 20px 7px 11px;
}

.ws-tab {
	display: none;
}

.ws-tab-row {
	margin: 0;
	padding: 3px 0 0 8px;
	background-color: #ccd6e0/*#CCD6E0*/;
	border-bottom: 1px solid #659D28;
    white-space: nowrap;
    list-style: none;
    overflow: visible !important;
}

.section-container .ws-tab-row {
	background-color: #DDE4EC;
}

.ws-tab-row li {
    float: left;
}

.ws-tab-row a.ws-tab {
    display: block;
	float: left;
	cursor: pointer;
	margin: 7px 20px 7px 11px;
}

.ws-tab-row a.ws-tab.ws-tab-active {
	margin: 0 8px -1px 0;
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
	color: #222;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #659D28;
	padding: 7px 10px 7px;
    cursor: default;
}

.ws-tab-clear {
    clear: left;
}

.ws-tab-row a.ws-tab:hover {
	text-decoration: none;
}

.ws-tab-content {
    display: none;
	overflow: hidden;
	padding: 20px 15px;
	background-color: #fff;
}

.section-container .ws-tab-content {
	padding: 20px 0;
}

.ws-tab-content.ws-tab-active {
	display: block;
}


/* Help (plugin)
   -------------------------------- */

.ws-help {
	cursor: help;
}

.ws-help-dialog {
	background-color: #F6F7F8;
	border: 1px solid #6685A3;
	padding: 0px;
	position: absolute;
	z-index: 9999;
}

.ws-help-dialog-title {
	position: relative;
	background-color: #6685A3;
	padding: 2px 5px;
	color: #fff;
	font-weight: bold;
}

.ws-help-dialog-close {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 16px;
	height: 16px;
	background: url(img/ws-help-dialog-close.png) 0 0 no-repeat;
}

.ws-help-dialog-content {
	padding: 5px;
}

.ws-help-dialog-content p {
	margin: 0 0 1em;
}


/*=======================================================
 * Full Clearfix (deprecated)
 * Sollte nicht mehr verwendet werden.
 * Verwende stattdessen overflow: hidden; wenn möglich.
 *=======================================================*/

/* add to floating elements which should not float afterthem */ 
* html .clearfix {
    height: 1%; /* IE5-6 */
}
* + html .clearfix {
    display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}