@import url("background.css");
/* LAYOUT
   TOP_NAVI
   JS_MENU
   LOGIN
   SUCHE
   PASSWORT
   DOWNLOAD
   IMAPGE_POPUP
*/

/* =LAYOUT
   ----------------------------------------------------*/
.page {
	margin: 0 auto;
	min-width: 1000px;
	width: 90%;
	max-width: 1280px;
	width: 1000px;
}

header {
	display: inline-block;
	width: 100%;
	margin-top: 17px;
	margin-bottom: 17px;
}

#logo, #appinfoTagAppLogoId {
	float: right;
	display: block;
}

.firstheader {
	clear: both;
}

.BO {
	font-style: italic;
	color: #FF0000;
}

/* 02.04.2009 FPA: input_data - f�r Font-Definitionen auf Details-Seiten*/
div.input_data label {
	text-align: left;
	width: 150px;
}

div.input_data label.std_label, div.input_data span.std_label {
	font-weight: bold;
	font-size: 12px;
}

/* 30.03.2009 FPA: search - f�r Font-Definitionen auf Such-Seite*/
div.search {
	width: 100%;
}

div.search label.std_label {
	font-weight: normal;
	font-size: 12px;
	max-width: 120px;
}

label.std_label_downloadSPData {
	font-weight: normal;
	font-size: 12px;
	max-width: 120px;
	margin-left: 10px;
}

/* 25.03.2009 FPA: innercontent f�r Abstand zwischen content und Inhalt*/
div.innerContent {
	margin-top: 70px;
	vertical-align: middle;
}

#content {
	height: 450px; /* 600 */
	border: 3px solid #fff;
	border-bottom-width: 24px;
	padding: 10px;
	background: #d1d3d3;
}

#content[id] {
	height: auto;
	min-height: 450px; /* 600 */
}

#zentriert {
	position: absolute;
	left: 50%;
	margin-left: -150px; /*halbe Containerh�lfte*/
}

#white_bottom {
	display: none;
}

footer {
	padding: 7px 2px 7px 2px;
	color: #fff; /*#97b5c2;*/
	font-size: 9px;
	text-align: right;
}

.fehler {
	color: #f96559;
	font-weight: bold;
	padding-bottom: 12px;
}

.erfolg {
	color: #0c0;
	font-weight: bold;
	padding-bottom: 12px;
}

.info {
	color: #ff0;
	font-weight: bold;
	padding-bottom: 12px;
}

.subhead, .msg {
	color: #009abf;
	font-weight: bold;
}

.msg {
	font-size: 12px;
}

.readonly, input[readonly], select[readonly], textarea[readonly], select:disabled,
	textarea:disabled, input:disabled {
	background: #d9d9d9;
}

/* =TOP_NAVI
   ----------------------------------------------------*/
#top_navi ul, #backoffice ul, #callcenter ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	height: 19px;
}

#callcenter ul, #backoffice ul {
	height: 40px;
}

#top_navi ul li, #backoffice ul li, #callcenter ul li {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	width: 142px;
}

#backoffice ul li {
	width: 108px;
}

#top_navi ul li.logout, #backoffice ul li.logout, #callcenter ul li.logout
	{
	width: 85px;
	margin-right: 0;
	float: right;
}

#top_navi ul li a, #backoffice ul li a, #callcenter ul li a {
	display: block;
	background: #009abf;
	padding: 0 7px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 19px;
	height: 19px;
	overflow: hidden;
}

#backoffice ul li a, #callcenter ul li a {
	height: 40px;
}

#top_navi ul li a:hover, #top_navi ul li.selected a, #backoffice ul li a:hover,
	#backoffice ul li.selected a, #callcenter ul li a:hover, #callcenter ul li.selected a
	{
	background: #fff url(images/arrow_top_navi.png) no-repeat 6px 5px;
	padding-left: 14px;
	color: #009abf;
}

/* =JS_MENU
   ----------------------------------------------------*/
.jsMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.jsMenu {
	position: absolute;
	display: none;
	/*padding: 1px;*/
	background-color: #fff;
	/*border: 1px solid #555;*/
	z-index: 10;
	border-top: 1px solid #fff;
}

.jsMenu li { /*border-bottom:1px solid #fff;*/
	font-family: verdana, sans-serif;
	font-size: 10px;
	margin: 0px;
	background: #009abf;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.jsMenu li.separator {
	line-height: 1px;
	height: 1px;
	background-color: #F9E398;
	padding: 0px;
	margin: 0px;
}

.jsMenu li a {
	display: block;
	text-decoration: none;
	color: #009abf;
	/*border: 1px solid #ccc;*/
	padding: 1px 2px 2px 6px;
}

.jsMenu a:hover {
	background-image: url(images/arrow_link_white.png);
	background-position: 6px 50%;
	background-repeat: no-repeat;
	color: #009abf;
	padding-left: 14px;
}

/* =BUTTONS
   ----------------------------------------------------*/
.buttonleiste {
	margin: 6px 0px;
}

.buttonleiste td {
	text-align: center;
	padding: 0px 3px;
}

.buttonleiste .btn {
	vertical-align: top;
}

input.btn, a.btn {
	margin: 3px 3px 3px 0;
	height: 18px;
	line-height: 18px;
	border: none;
	padding: 0 12px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #eb6852;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
}

input.btn_newkuntck {
	padding: 0 12px;
	text-align: center;
	margin: 3px 3px 3px 0;
	font-weight: bold;
	cursor: pointer;
}

input.btn[class] {
	width: auto;
	/* width: auto und overflow: visible(in ie.css) bringt ie dazu, die Buttons richtig anzuzeigen*/
}

input.btn:hover, a.btn:hover {
	background-color: #fff;
	color: #eb6852;
}

input.btn:disabled, input.btn:disabled:hover, input.btn.disabled, input.btn.disabled:hover,
	button:disabled, button:disabled:hover {
	background: #ccc;
	color: #fff;
	cursor: not-allowed;
}

/* Nur Buttons in der Buttonleiste bekommen ein hover */
.buttonleiste .btn:hover {
	background-image: url(images/arrow_btn.png);
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding-left: 17px;
	padding-right: 7px;
}

/* =LOGIN
   ----------------------------------------------------*/
#login .c1 {
	display: block;
	float: left;
	width: 200px;
}

/* =SUCHE
   ----------------------------------------------------*/
.suche4Spaltig, .suche2Spaltig {
	padding: 2px;
	vertical-align: top;
	text-align: left;
}

.suche4Spaltig .label, .suche2Spaltig .label {
	width: 120px;
}

.suche4Spaltig .textinput, .suche2Spaltig .textinput, .search .textinput,
	.combobox {
	padding-right: 10px;
}

.theadtop {
	font-weight: bold;
	text-align: center;
}

.ergebnisnavigation {
	margin: 6px 0;
	text-align: center;
}

.ergebnisnavigation .btn {
	margin: 0 3px;
}

.ergebnisnavigation .seite {
	margin-top: 3px;
}

.sucheErgebnis {
	overflow: auto;
}

/* =SORTIERUNG
   ----------------------------------------------------*/
input.sort {
	border: none;
	padding-left: 0px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background: none;
	padding-right: 15px;
}

input.sort[class] {
	width: auto;
}

input.sortAuf {
	background-image: url(images/sortauf.png);
	background-repeat: no-repeat;
	background-position: right center;
}

input.sortAb {
	background-image: url(images/sortab.png);
	background-repeat: no-repeat;
	background-position: right center;
}
/*IE7 only */
/**+html input.sortAuf, *+html input.sortAb {
	padding-right: 0;
}*/
/* =LOGIN
   ----------------------------------------------------*/

/* =PASSWORT
   ----------------------------------------------------*/
#passwort_erneuern .label {
	width: 200px;
}

/* 30.03.2009 FPA: Detail- / Delete-Button als Gif */
input.delete {
	width: 20px;
	height: 20px;
	background: url(images/bin.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
	/*vertical-align: middle;*/
}

input.details {
	width: 16px;
	height: 15px;
	background: url(images/details.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	/*vertical-align: middle;*/
}

input.newTicket {
	width: 16px;
	height: 15px;
	background: url(images/neues_ticket.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	/*vertical-align: middle;*/
}

input.tick {
	width: 16px;
	height: 12px;
	background: url(images/tick.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
	/*vertical-align: middle;*/
}

input.cross {
	width: 12px;
	height: 12px;
	background: url(images/cross.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
	/*vertical-align: middle;*/
}

input.allocate {
	width: 16px;
	height: 16px;
	background: url(images/allocate.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	/*vertical-align: middle;*/
}

input.arrowLeft {
	width: 20px;
	height: 20px;
	background: url(images/arrow_up_y.gif) no-repeat 0 0;
	background-position: 5px 5px;
	border: none;
	cursor: pointer;
}

input.arrowDown {
	width: 20px;
	height: 20px;
	background: url(images/arrow_down_y.gif) no-repeat 0 0;
	background-position: 5px 5px;
	border: none;
	cursor: pointer;
}

.dummyicon {
	vertical-align: middle;
}

input[type=text], input[type=email], input[type=password], input[type=date],
	input[type=url], select, textarea {
	border: 1px solid #b3b9c3;
	padding: 1px 0;
}

.nobr {
	white-space: nowrap;
}

.download {
	width: 18px;
	height: 16px;
	border: none;
	background-position: center;
	background: url(./images/download_klein.gif) no-repeat 0 0;
}

.download:hover {
	width: 18px;
	height: 16px;
	border: none;
	background-position: center;
	background: url(./images/download_klein_hover.gif) no-repeat 0 0;
}

/* =IMAGE-POPUP
   ----------------------------------------------------*/
.outerContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #000;
	/* damit IE6 nicht Links hindurchklicken l�sst */
	text-align: center;
	overflow: auto;
}
/* wird vom IE6 ignoriert */
.outerContainer[class] {
	background: rgba(0, 0, 0, .7);
	position: fixed;
}

.innerContainer {
	background: #f9f7f5;
	/*margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;*/
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -50px;
	/*border: 1px solid #000;*/
}

.innerContainer img { /*	margin-top: 30px;
	border: 10px solid #fff;*/
	
}

#waitImage {
	height: 32px;
	width: 32px;
}

.closeDiv {
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
	background: #041e50;
}

.closeDiv a {
	text-decoration: underline;
	color: #ff0027;
	font-size: 11px;
}

.closeDiv a img {
	padding-left: 6px;
	vertical-align: middle;
}

.closeLink { /*padding: 10px;
	cursor: pointer;*/
	/*position: absolute;
	top: 0;
	right: 0;*/
	
}

#appinfoTagAppName {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

#appinfoTagDetailId {
	color: #fff;
}
/*
#ticket_basic_search td,
#ticket_adv_search_1 td,
#ticket_adv_search_2 td,
#ticket_adv_search_3 td,
#ticket_adv_search_4 td,
#ticket_adv_search_5 td
{
	 padding-bottom: 4px;
	 padding-top: 3px;
}
*/
.clear {
	clear: both;
	padding: 10px 0;
}

#newticketnr {
	color: #fff;
}

/* =SPALTEN
   ----------------------------------------------------*/
.mc.cc2 .col1 {
	float: left;
	border-right: 1px solid #7FB1C7;
	padding-right: 10px;
	margin-right: 10px;
	/*box-sizing: border-box;
	width: 50%;*/
}

.mc.cc2 .col2 {
	float: left;
	/*box-sizing: border-box;
	width: 50%;*/
}

/* =KUNDE SEARCH
   ----------------------------------------------------*/
#kundesearch #basissuche {
	
}

#kundesearch #collapsableDiv .col1 {
	
}

#kundesearch #collapsableDiv .col2 {
	
}

/* =ESCALATION
   ----------------------------------------------------*/
#escalationMarket h3, #escalationSp h3 {
	/*text-align: center;*/
	
}

/* =SERVCIEPROVIDER SEARCH
   ----------------------------------------------------*/
#spsearch .col1 {
	float: left;
	width: auto;
}

#spsearch .col2 {
	float: left;
	width: auto;
	border: 1px dotted gray;
	padding: 2px;
}

/* =TICKET DETAILS
   ----------------------------------------------------*/
#ticketdetails .col1 {
	float: left;
	margin-right: 2px;
}

#ticketdetails .col2 {
	float: left;
	margin-right: 15px;
}

#ticketdetails .col3 {
	float: left;
	width: 250px;
	font-weight: bold;
	font-size: 15px
}

.report_table_td {
	padding-top: 15px;
}

#XSEARCHX_KUNTCK_ADVICEART {
	width: 80px !important;
	margin-left: 5px;
}

#XSEARCHX_KUNTCK_TCKMARKET {
	margin-right: 10px;
}

#XSEARCHX_SP_KZ_REF_LAND, #XSEARCHX_SP_KZ_REF_MARKET,
	#XSEARCHX_SP_KZ_REF_ADVICEART {
	width: 120px !important;
}