/**
 *
 * @date $Date: 2011-12-19 19:19:39 +0100 (Mon, 19 Dec 2011) $
 * @revision $Rev: 489 $
 *
 * v1.3.1
 *
 */

#cont-services, #cont-news  { margin-left: 38px; }
#cont-news { width: 234px; }

#accordion input.button,
input.button {
	width:inherit;
	height:23px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	float:right;
	/**background: transparent url(../image/profil_layer/bg_input.gif) repeat-x scroll 0 0;*/
	border:none;
	border-bottom:1px solid #31383e;
	border-right:1px solid #31383e;
	padding:0 6px 0 6px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-left:10px;
}

#accordion input.button.small, input.button.small{
	height:18px;
	font-size:12px;
	font-weight:normal;
	float:none;
	background: transparent url(../image/profil_layer/bg_input.gif) repeat-x scroll 0 0;
	margin-right:10px;
}

input.button, form.contentForm input.button{
	cursor: pointer;
	width:inherit;
	height:25px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background: transparent url(../image/profil_layer/bg_input.gif) repeat-x scroll 0 0;
	border:none;
	border-bottom:1px solid #ca5a03;
	border-right:1px solid #ca5a03;
	padding:0 6px 0 6px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 10px 0 0;
}
input.button.alignRight, form.contentForm input.button.alignRight{
	margin:0 0 0 10px;
	float:right;
}

/* wizard redesing (CR) */
form.contentForm .formRow.error { background-image: none; }

form.contentForm .formRow.error .errorMessage { clear: left; width: auto; padding: 0; background: none; float: none; display: block; font-weight: bold; }

form.contentForm .formRow.error.active{ background-image:none; }
form.contentForm .formRow.error.active .errorMessage{ background-image:none; }


.register-expli-content h1, .register-expli-content h2 {
	position: relative;
    padding:0 0 10px 0;
    margin:2px 0 6px 0;
    background:url(../image/profil_layer/bg_line_box_h2.gif) repeat-x scroll 0 bottom transparent;
}
h1 a.help { float:right; background: url(../image/icon_help.gif) no-repeat 0 0 scroll transparent; height: 18px; width: 18px; text-indent: -9999em; }

div.tooltipbox { }
div.tooltipbox {
  display: none;
  min-height: 0;
  background: url(../image/bg_tooltip.gif) repeat-x bottom #FFF;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  -webkit-box-shadow: 0 0 4px #b5babe;
  -moz-box-shadow: 0 0 4px #b5babe;
  box-shadow: 0 0 4px #b5babe;
  -moz-border-radius: 2px;
  padding: 6px 12px;
  margin-bottom: 20px;
  border: 1px solid #E8E5E5;
}
div.tooltipbox h2 {	padding-bottom: 6px !important; }
.tooltipbox h2 { font-size: 0.88em !important; font-weight: bold !important; }
.tooltipbox a.close { background-image: url(../image/icon_close.gif); margin-top: -3px; margin-right: -6px; float: right; text-indent: -9999em; width: 16px; height: 16px; }
div.tooltipbox p { font-size: 0.75em; }

div.tooltipbox div.image { background: transparent no-repeat scroll 0 0; width: 46px; height: 47px; float: left; margin: 2px 10px 10px 2px; }
div.tooltipbox div.image.info { background-image: url(../image/icon_info.gif) }
div.tooltipbox div.image.warn { background-image: url(../image/icon_ausrufezeichen.gif) }
div.tooltipbox div.image.error { background-image: url(../image/icon_error.png) }
div.tooltipbox div.image.question { background-image: url(../image/icon_fragezeichen.gif) }
div.tooltipbox div.image.success { background-image: url(../image/icon_success.png) }
div.tooltipbox div.image.none { float: none; margin: 0; height: 0; width: 0; }

/* AJAX-Statusanzeigen */
.buttonBar{
	text-align:right;
	clear:both;
}
.buttonBar .statusImage{
	width:24px;
	height:24px;
	background: transparent url(../../functional/image_1/ajax-loader.gif) 0 0 no-repeat;
	float:right;
	margin-left:10px;
	display:none;
}
.buttonBar .messageWait, .buttonBar .messageFinished, .buttonBar .messageFatal{
	height:23px;
	line-height:23px;
	color:#6A6A6A;
}
.buttonBar li.infoClass{
	color:green;
}
.buttonBar li.errorClass, .buttonBar .messageFatal{
	color:red;
}
.buttonBar .messageWait, .buttonBar .messageList, .buttonBar .messageFatal{
	display:none;
}
.buttonBar.statusWait .messageWait, .buttonBar.statusWait .statusImage{
	display:block;
}
.buttonBar.statusFinished .messageList{
	display:block;
}
.buttonBar.statusFatal .messageFatal{
	display:block;
}
.buttonBar ul{
	display:block;
	height:30px;
	line-height:25px;
}
.buttonBar ul li{
	float:right;
	margin-left:6px;
}


/* Sicherheitsstufe Passwort */
div.password_security_bar {
	width: 199px;
	height: 9px;
	border: 1px solid #9495A2; 
	padding: 0px 0px 0px 1px !important;
	margin-top: 2px;
	background: #DD0000 url(../image/password_security_bar_200.gif) 0 0 no-repeat;
	overflow: hidden;
	float: left;
}
div.password_security_bar div#password_strength_marker {
	background: #FFFFFF url(../image/password_strength_marker.gif) top left;
	height: 9px;
	width: 0px;
}

/* KONTAKTFORMULAR */
fieldset.contentForm{
	border:1px solid #e5e5e6;
	background-color:#f9f9fa;
	padding:10px 8px 10px 8px;
	font-size:0.8em;
	color:#747a80;
	margin-bottom:30px;
}
fieldset.contentForm legend{
	display:block;
	font-size:1.25em;
	margin-left:10px;
	color:#747a80;
}
form.contentForm label{
	font-weight:bold;
	width:180px;
	float:left;
}
form.contentForm labeltop{
    font-weight:bold;
	width:180px;
	display:block;
}
/* ?nderungen adesso: TicketCode eingeben */
form#actionCodeInput label{
	margin-right: 5px;
}
form.contentForm.longerLabels label { width:160px; }
form.contentForm.longerLabels input.button.orange { margin-left:178px; }
form.contentForm.shortLabels label { width:140px; }
form.contentForm.shortLabels textarea {
    width:420px;
    max-width:420px;
    margin-right: 5px;	
}
form.contentForm.shortLabels input.button.orange { margin-left:155px; }

form.contentForm .blockRadioCheck label, #accordion form.contentForm .blockRadioCheck label{
	width:inherit;
	font-weight:normal;
	float:none;
	display:inline;
}

.fullWidth.blockRadioCheck.blockRadioRemoveProfil {
    float: inherit;
}

form.contentForm .blockRadioCheck{
	float:left;
	margin-right:15px;
  clear: both;
  min-width: 250px;
}
form.contentForm input, form.contentForm select, form.contentForm textarea{
	border-left:1px solid #889196;
	border-top:1px solid #889196;
	border-right:1px solid #d8dbdc;
	border-bottom:1px solid #d8dbdc;
	background:url(../image/profil_layer/bg_input.gif) no-repeat scroll 0 0 #fff;
	font-size:0.9em;
	padding:2px 2px 2px 4px;
	color:#555555;
	margin-right:10px;
	width:200px;
	float: left;
}
form.contentForm.longerLabels input{
	width:160px;
}
form.contentForm select{
	width:130px;
}

form.contentForm select.longLabel {
	width: 208px;
}

form.contentForm.longerLabels select{
	width:167px;
}
form.contentForm textarea{
	width:515px;
	max-width:515px;
	height:190px;
}
form.contentForm.longerLabels textarea{
	width:475px;
	max-width:475px;
}
form.contentForm option{
	background-color:#f9f9fa;
}
form.contentForm input[type=checkbox], 
form.contentForm input[type=radio], 
#accordion form.contentForm input[type=checkbox], 
#accordion form.contentForm input[type=radio]{
	border:none;
	background-image:none;
	padding:0;
	margin:2px 5px 0 0;
	vertical-align:middle;
	width:inherit;
}

form.contentForm .blockRadioCheck input[type=radio], 
#accordion form.contentForm .blockRadioCheck input[type=radio]{
	margin:0 0 2px 0;
}
form.contentForm .formRow{
	clear:both;
	padding:5px 6px 5px 9px;
	margin-bottom:5px;
	border:none;
	line-height:20px;
	overflow: auto;
}
form.contentForm .formRow.active{
	background-color:#d9d9d9;
	border:1px solid #c9c9c9;
	padding:4px 5px 4px 8px;
}
form.contentForm .formRow.error{
	border:1px solid #c9c9c9;
	background-color: #fa8a00;
	padding-right:30px;
	padding:4px 5px 4px 8px;
}
form.contentForm .formRow.error{ color:#2f2f2f;}
form.contentForm .formRow.error a { color:#000; }

form.contentForm .formRow.disabled input, form.contentForm .formRow.disabled select { background: #DDD; }

form.contentForm .formRow .errorMessage{
	font-weight:bold;
	background:url(../image/error_arrow_orange.gif) no-repeat scroll 0 5px transparent;
	padding-left:18px;
	display:none;
}
form.contentForm .formRow.error.active{
	background:none no-repeat scroll right 5px #d9d9d9;
}
form.contentForm .formRow.error.active .errorMessage{
	background-image:none;
}
form.contentForm .formRow .hint{
	font-size:0.85em;
}

form.contentForm .formRow .formLabel {
	font-weight: bold;
}

form.contentForm .formRow.error .hint{
	display:none;
}

.oneColumn form.contentForm .formRow.error .errorMessage { width: auto; }

form.contentForm .button, form.contentForm input.button{
	margin-left:138px;
	float:left;
}

form.contentForm .orange.button,
form.contentForm imput.orange.button,
input.orange.button { background-image: url(../image/bg_button_orange.gif); } /* Kontakt-formular */

fieldset.contentForm{	margin-bottom: 30px; }
fieldset.last.contentForm{	margin-bottom: 20px; }

form.contentForm a, #cont-content form.contentForm p a{ background:url(../image/bg_internallink.gif) no-repeat scroll 5px 2px transparent; margin:0; padding:0 0 0 17px; font-size:0.8em; font-weight:bold; }
form.contentForm a.clearFormularLink { line-height: 25px; }
form.contentForm a.profile { font-size:1em; }
#cont-content form.contentForm p a { font-size:1.1em; line-height:25px; }
form.contentForm.blockLabels .blockRadioCheck label,
form.contentForm.blockLabels .blockRadioCheck { display:inline; font-weight: normal; padding-left: 0; }
form.contentForm.blockLabels .blockRadioCheck.fullWidth { width: auto; }
form.contentForm.blockLabels .blockRadioCheck.special input[type='radio'] { margin-right: 4px; }
form.contentForm.blockLabels .button, form.contentForm.blockLabels input.button{ margin-left:0; }
input.button.dark,
form.contentForm input.button.dark {
	background: url(../image/profil_layer/bg_button.gif) repeat-x scroll 0 0 transparent;
	height: 24px;
	border-color: black;
	color: #FFF;
	cursor: pointer;
}
form.contentForm input.first.button.dark { margin-left: 9px; }
form.contentForm .formRow a{
	font-size:1em;
	background-image:none;
	padding:0;
}
form.contentForm.changePassword div.password_security_bar { float: left; margin-top: 4px; }
form.contentForm.changePassword div.formLabel { float: left; font-weight: bold; width: 180px; }
form.contentForm.changePassword .formRow label { width: 180px;  }                    	 	
form.contentForm.changePassword input.button.dark { float: left; }

/* journalist-register: business data --> type + verlag */
.crossValidation { display: none; }

ul.message {
	font-size: 0.75em;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	margin-bottom: 20px;
	border: 1px solid #e9e9e9;
	background: url(../image/icon_ausrufezeichen.gif) #FFF no-repeat 10px 10px;
	padding: 5px 0 0 70px;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul.message.error {
	font-size: 0.75em;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	margin-bottom: 20px;
	border: 1px solid #e9e9e9;
	background: url(../image/icon_ausrufezeichen.gif) #FA8A00 no-repeat 10px 10px;
	padding: 5px 5px 5px 70px;
	display: block;
}

ul.message.error li {
	background: url(../image/error_arrow_orange_right.gif) no-repeat 0 3px;
	padding-left: 20px;
}

/* spezielle klasse fuer fehlermeldungen in t-systems content seiten (detail suchen) */
ul.message.error_content {
	font-size: 1em;
	font-weight: bold;
	background-color: #FA8A00;
	margin-bottom: 0px;
	padding: 10px 5px 0px 70px;
}

.formRow .base label { font-weight: normal; }
.formRow .headding { margin-right: 5px; }

/*********************************************************************************************
**** Profil --> verwalten --> persoenliche daten
**********************************************************************************************/
fieldset.contentForm.profile { margin-bottom: 10px; color: #000; font-size: 1em; }
fieldset.contentForm.profile input { color: #000 }
form.contentForm .dayOfBirth input.day, form.contentForm .dayOfBirth input.month { width: 30px; }
form.contentForm .dayOfBirth input.year { width: 60px; }
ul.message.profile {font-size: 1em;}

/*********************************************************************************************
**** Kontaktseite
**********************************************************************************************/
.captcha { border: 1px solid #889196; float: left; margin-top: 10px; } /* EAS �nderung f�r Businesspartner einladen */
form.contentForm .formRow a.reloadCaptcha { background: transparent url(../image/icon_reload_captcha.png) 0 0 scroll no-repeat; width: 22px; height: 19px; text-indent: -9999px; float: left; margin: 45px 0 0 10px; }
.captchaWrapper {  }
.captchaWrapper > div { margin: 10px 0 4px 140px; }

/*********************************************************************************************
**** Suche
**********************************************************************************************/
input.common { background: transparent url(../image/profil_layer/bg_input.gif) repeat-x scroll 0 0; height: 20px; }
input.common.saveDialog { width: 220px; margin-top: 12px; }
input.button.saveDialog { margin-left: 20px; margin-right: 0; float: none; font-size: 1em; }

/********************************************************************************
    Button-Design
    - Submit-Button, Link-Button
	used on: 	contactFormular, mini-Layer pages (register etc), edit profile,
				newsletter settings, manage tickets
	
	how to use:
	===========
	<div class="actions"> ==> optional, for more styling options
		<div class="button-wrapper [color] [options]"> ==> [color] := black/orange && [options] := left small
			<input class="common action" />
			OR
			<a href="#" class="common action" />
		</div>
	</div>
*********************************************************************************/
.left .button-wrapper { float: left; }
.layer .button-wrapper .action { font-size: 1em; }

.button-wrapper { float: right; padding: 1px 0 0; }
.button-wrapper.contact { margin-left: 158px; }
.button-wrapper.left { float: left; }
.button-wrapper.small {  }

.button-wrapper .action { border: medium none; float: left; cursor: pointer; font-weight: bold; font-size: 1.2em; }
.button-wrapper .action.common {  width: auto; height: auto; padding: 5px 15px 6px 15px; margin: 0 1px 0 0; color: #FFF; }
.button-wrapper .action.common:hover { text-decoration: none; }
.button-wrapper .action.longLabel {  width: 220px; } /* IE7 fix */

.button-wrapper.small .action { font-weight: bold; font-size: 0.8em; }

.button-wrapper.orange { background: transparent url(../image/bg_searchsubmit_but_right.gif) no-repeat scroll right 1px; }
.button-wrapper.orange .action { background: transparent url(../image/bg_searchsubmit_but_left.gif) no-repeat scroll left top; }

.button-wrapper.black { background: transparent url(../image/bg_register_expli_but_login_right.gif) no-repeat scroll right 1px; }
.button-wrapper.black .action { background: transparent url(../image/bg_register_expli_but_login_left.gif) no-repeat scroll left top; padding: 3px 10px 4px 10px; }

.button-wrapper.black-small { background: url(../image/bg_minidash_but_right.gif) no-repeat scroll right top transparent; padding: 0; }
.button-wrapper.black-small .action { background: url(../image/bg_minidash_but_left.gif) no-repeat scroll 0 0 transparent; padding-top: 1px; padding-bottom: 2px; font-size: 0.8em; font-weight: normal; }

.button-wrapper.black-like-orange-small { background: transparent url(../image/bg_minidash_but_right.gif) no-repeat scroll right 1px; padding-top: 0; height: 18px; font-weight:normal; margin-right:10px; }
.button-wrapper.black-like-orange-small .action { background: transparent url(../image/bg_minidash_but_left.gif) no-repeat scroll left 1px; padding: 0 0 1px 0; font-size: 0.88em; height: 18px; font-weight:normal; padding-left:10px; padding-right:10px; }

.button-wrapper.orange-small { background: transparent url(../image/bg_notice_but_right.gif) no-repeat scroll right 1px; padding-top: 0; height: 18px; }
.button-wrapper.orange-small .action { background: transparent url(../image/bg_notice_but_left.gif) no-repeat scroll left 1px; padding: 0 0 1px 0; font-size: 0.88em; height: 18px; }
.button-wrapper.orange-small .longType { padding-left: 10px; padding-right: 10px; font-weight: normal; }

.button-wrapper .drop-down { display: none; background-color: #31383E; padding: 2px 0; }
.button-wrapper .drop-down li { text-align: center; }
.button-wrapper .drop-down a { color: #FFF; display: block; background-color: #31383E; padding: 3px 0; }
.button-wrapper .drop-down a:hover { text-decoration: none; background-color: #636363; }

.hint { font-size: 0.75em; }

.actions { clear: both; }
.actions.wizard { margin: 0; }
.actions.newsletter { margin: 5px 0 0 0;  }
.actions.activity { margin: 10px 0 0 0;  }
.actions.newsletter .action { width: 160px; }
.box .button-wrapper.black .action  { padding-top: 4px; }

.actions .button-seperator { width: 10px; height: 1px; float: left; }

div.image { background: transparent no-repeat scroll 0 0; width: 46px; height: 47px; float: left; margin: 2px 10px 10px 2px; }
div.image.info { background-image: url(../image/icon_info.gif) }
div.image.warn { background-image: url(../image/icon_ausrufezeichen.gif) }
div.image.error { background-image: url(../image/icon_error.png) }
div.image.question { background-image: url(../image/icon_fragezeichen.gif) }
div.image.success { background-image: url(../image/icon_success.png) }
div.image.mm { background-image: url(../image/match_and_meet-1.png) }