﻿/* ----------------------------------------------- */
/* ----- Joba Redesign --- AV --- 06.11.2013 ----- */
/* ----------------------------------------------- */
/* ------ Mandantenübergreifende Styles für ------ */
/* ----------- Formulare und Controls ------------ */
/* ----------------------------------------------- */





/* ----------------------------------------------- */
/* --- Controls --- */

input, select, textarea, .ui-dropdownchecklist {padding: 3px; border-style: solid; border-width: 1px;}
input[type='text'] ,input[type='submit'], input[type='button'] {-webkit-appearance: none;}
input[type="submit"], textarea {-webkit-appearance: none; -webkit-border-radius: 0;}

input[type='text']:focus, select:focus, textarea:focus {background-color: #f6f6f6;}
input[type='checkbox'] {border: 0px !important;}
input[type='radio'] {border: 0px !important;}


/* Textboxen */
input.stdTextfeld {width: 224px;}
input.kleinesTextfeld {width: 40px;}
input.mittleresTextfeld {width: 126px;}
input.CaptchaTextfeld {width: 110px;}
input.txtDatum, input.txtDatumFarbig, input.txtGebDatum {width: 70px; margin-right: 5px;}
textarea.mehrzeiligesTextfeld {width: 230px; height: 120px; min-width: 230px; min-height: 120px; max-width: 450px; max-height: 200px;}
textarea.mehrzeiligesTextfeldGross {width: 380px; height: 120px;}
img.ui-datepicker-trigger {vertical-align: middle;}

/* Listen */
input.RadioButtonListOben {vertical-align: top;}
select.ddlLaender {width: 232px;}

/* Labels */
input[type="radio"] + label {padding-left: 5px;}
input[type="checkbox"] + label {padding-left: 5px;}
table.Formular td table.cbl label {padding-left: 5px;	border: 0px !important;}


/* Buttons */
.btnStandard
{
	background-color: #707173;
	color: #dddddd;
	cursor: pointer;
	border: 0px;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.btnStandard:hover {color: #ffffff;}

.btnStandardKlein
{
	background-color: #bababa;
	color: #dddddd;
	cursor: pointer;
	border: 0px;
	font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.btnStandardKlein:hover {color: #ffffff; background-color: #bababa;}


input.txtPressemitteilungenSuchbegriffe
{
	width: 265px; 
	height: 19px;
}


/* ----------------------------------------------- */
/* --- Tabellen --- */

/* Kontaktformular */
div.KontaktForm {padding-left: 16px;}

div.Formular {margin-bottom: 10px;}
div.FormularButton, div.FormButton {text-align: right;}

fieldset.Formular
{
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 20px;
}

div.Formular fieldset legend
{
	font-size: 12px;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

table.Formular
{
	width: 95%;
	margin: 10px;
	padding: 0px;
	border: 0px;
}

.RadioButtonListOben {vertical-align: top;}



/* Zellen */
table.Formular td {font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; font-size: 12px;}

/* Bezeichner */
table.Formular td.Besch {width: 90px; text-align: right !important; vertical-align: middle !important;}
table.Formular td.BeschTop {width: 90px; text-align: right !important; vertical-align: top; padding-top: 4px;}
table.Formular td.BeschFett {width: 90px;	text-align: right !important;	vertical-align: middle !important; font-weight: bold;}
table.Formular td.BeschFarbig {width: 50px;	text-align: right !important;	vertical-align: middle !important;}

/* Felder */
table.Formular td.Feld {padding-left: 5px;}
table.Formular td.FeldOben {padding-left: 5px; vertical-align: top;}
td.NLButtons, td.NLButtons table tr td {padding-left: 0px !important;}
td.Wizard {padding: 0px !important;}






/* --- Textformatierungen --- */
div.FormularHead
{
	text-align: right;
}

div.FormularFooter
{
	text-align: right;
	padding-top: 5px;
	margin-top: 10px;
}

p.Empfaenger
{
	padding-left: 16px;
	padding-right: 10px;
}

.ListBoxUploadFertig {padding: 10px; border-style: solid; border-width: 1px;}
span.TextKlein {padding-top: 3px; display: block;}




/* Fehler und Hinweise */
.Fehlertext {color: #ff0000; font-size: 12px;}
.Pfeil {font-size: 16px; font-weight: bold;}
.hint {font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;	font-size: 11px !important;}


div#StaticContent input.txtQuery {padding: 6px;}




/* --- Bestätigungsseite --- */
p.BestAnrede
{
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	padding-left: 16px;
	padding-right: 10px;
	width: 93%;
}

.BestSpacer
{
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-size: 6px !important;
}

.FormSpacer
{
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-size: 1px !important;
}

.BestHeading
{
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 16px;
	padding-right: 10px;
	width: 93%;
}

div.g-recaptcha div {margin-left: auto !important; margin-right: auto !important;}
div.g-recaptcha + span.Fehlertext {text-align: center; display: block; margin-top: 5px;}