﻿/* ------------------------------------------------ */
/* ------ Auf der Gsteig -- AV -- 06.11.2013 ------ */
/* ------------------------------------------------ */
/* ------  Styles für Formulare und Controls ------ */
/* ------------------------------------------------ */





/* ----------------------------------------------- */
/* --- Controls --- */

input, select, textarea {padding: 3px; border: 1px solid #b8b8b8; color: #3a3a3a; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 14px;}

img.Captcha {border-style: solid; border-width: 1px; border: 1px solid #b8b8b8;}

input:focus, select:focus, textarea:focus {background-color: #f6f6f6;}
input[type='checkbox'] {border: 0px !important; -webkit-appearance: checkbox !important;}
input[type='radio'] {border: 0px !important; padding: 0px; border: none; -webkit-appearance: radio !important;}
select {webkit-appearance: none !important;}


/* Textboxen */
input.txtPreis {text-align: right;}
input.stdTextfeld {width: 227px;}
input.kleinesTextfeld {width: 50px;}
input.mittleresTextfeld {width: 152px;}
input.CaptchaTextfeld {width: 60px;}
input.txtDatum {width: 65px; margin-right: 5px;}
input.ToolboxVolleBreite {width: 160px;}
textarea.mehrzeiligesTextfeld {width: 225px; height: 120px; min-width: 225px; min-height: 120px; max-width: 450px; max-height: 200px;}
textarea.mehrzeiligesTextfeldGutschein {width: 292px; height: 80px; min-width: 292px; min-height: 80px; max-width: 292px; max-height: 80px;}
textarea.mehrzeiligesTextfeldGross {width: 320px; height: 120px; min-width: 320px; min-height: 120px; max-width: 450px; max-height: 250px;}
textarea.ToolboxVolleBreite {height: 100px; width: 160px; min-width: 160px; min-height: 100px; max-width: 160px; max-height: 250px;}

/* Listen */
input.RadioButtonListOben {vertical-align: top;}
select.ddlLaender {width: 235px;}
select.ddlBreit {width: 300px;}

/* 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;}
table.Formular td label {}


/* Buttons */
.btnStandard
{
  color: #cfcdca;
  background-color: #17375f;
	cursor: pointer;
	border: 0px;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.btnStandard:hover {background-color: #2f4b6f; color: #ffffff;}
.btnStandard:active {background-color: #2f4b6f; color: #ffffff;}
.btnStandard:focus {background-color: #2f4b6f; color: #ffffff;}




/* ----------------------------------------------- */
/* --- Tabellen --- */

/* Kontaktformular */
div.KontaktForm {padding-left: 16px;}

div.Formular {width: 100%; margin-bottom: 10px;}
div.FormularButton, div.FormButton {text-align: right; width: 92%;}

fieldset.Formular
{
  border-color: #b8b8b8;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 20px;
}

div.Formular fieldset legend
{
	font-size: 14px;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

table.Formular
{
  width: 100%;
	margin: 10px;
	padding: 0px;
	border: 0px;
}

.RadioButtonListOben {vertical-align: top;}





/* Zellen */
table.Formular td {font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 14px;}
table.Formular tr:nth-child(even) td {background-color: transparent !important;}
table.Links tr:nth-child(even) td {background-color: transparent !important;}

/* Bezeichner */
table.Formular td.Besch {width: 110px; text-align: right !important; vertical-align: middle !important;}
table.Formular td.BeschTop {width: 110px; text-align: right !important; vertical-align: top; padding-top: 4px;}
table.Formular td.BeschFett {width: 110px;	text-align: right !important;	vertical-align: middle !important; font-weight: bold;}

/* 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
{
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  text-align: right;
  width: 91%;
}

div.FormularFooter
{
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 14px;
	text-align: right;
	width: 92%;
	padding-top: 5px;
	margin-top: 10px;
}

p.Empfaenger
{
  font-family: Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 14px;
	padding-left: 16px;
	padding-right: 10px;
	width: 93%;
}

.ListBoxUploadFertig {font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 14px;padding: 10px; border-style: solid; border-width: 1px;}
span.TextKlein {padding-top: 3px; display: block;}

/* Fehler und Hinweise */
.Fehlertext {color: #ff0000; font-size: 11px; display: none;}
.Pfeil {font-size: 16px; font-weight: bold;}
.hint {font-family: Verdana, Helvetica, Arial, Sans-Serif;	font-size: 11px !important;}




/* --- Bestätigungsseite --- */
p.BestAnrede
{
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	width: 93%;
}

.BestSpacer
{
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 6px !important;
}

.FormSpacer
{
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 1px !important;
}

.BestHeading
{
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: 600;
	width: 93%;
}