/* --------------------
 Buttons
 ---------------------- */
button {
    width: auto;
    height: auto;
    border: none;
    background: none;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #86171e;
    white-space: nowrap;
    float: right;
    overflow: visible;
    cursor: pointer;
}

button span, button em {
    height: 19px;
    margin: 0;
    display: block;
    line-height: 17px;
}

button span {
    padding-left: 20px;
    background: transparent url(../images/buttons/button_left.gif) 0 0 no-repeat;
}

button em {
    padding-right: 5px;
    font-style: normal;
    background: transparent url(../images/buttons/button_right.gif) 100% 0 no-repeat;
}

button.back span {
    background: transparent url(../images/buttons/button_left_back.gif) 0 0 no-repeat;
}

button.cancel {
    color: #666666;
}

button.cancel span {
    background: transparent url(../images/buttons/button_left_cancel.gif) 0 0 no-repeat;
}

button.cancel em {
    background: transparent url(../images/buttons/button_right.gif) 100% 0 no-repeat;
}

#foot button, #head button {
    margin-bottom: 1px;
    float: none;
}

.buttonPrint, a.buttonLink {
    margin-left: 220px;
    padding: 4px 6px;
    color: #fff;
    font-size: 1em;
    background: #0F3E5B;
    background: -moz-linear-gradient(top, #136A9F 0%, #0F3E5B 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136A9F), color-stop(100%,#0F3E5B)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#136A9F', endColorstr='#0F3E5B',GradientType=0 ); /* ie */
    
    border: 1px solid #D1D7DF;

    -moz-box-shadow: 0px 3px 10px #292C2F;
    -webkit-box-shadow: 0px 3px 10px #292C2F;
    box-shadow: 0px 3px 10px #292C2F;
}

.buttonLink {
	margin: 0px auto;
	width: auto;
	text-align: center;
}
a.buttonLink {
	display: inline-block;
	margin: 0px auto;
    padding: 8px 10px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 3px #002C4F; 
}

/* --------------------
	Forms
---------------------- */
.content form {
	padding: 0 0px 0 0px;
	margin: 0;
	clear: both;
}
.sidebar form {
	padding: 0;
	margin: 0;
	clear: both;
}
.sidebar form.eventSuche {
	padding: 0 10px;
}

/* --------------------
	Legend
---------------------- */
legend {
	margin: 0px 0px 5px 0px;
	padding: 0 5px 0 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #003f5b;
}

/* --------------------
	Fieldset
---------------------- */
fieldset {
	margin: 0 0 10px 0;
	padding: 9px 0 0 9px;
	border: 1px solid #e5e5e5;
	clear: both;
}
fieldset.fieldsetButton {
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
}
.sidebar fieldset {
	margin: 15px 0px 0px 0px;
	padding: 0;
	border: 0;
	clear: both;
}
.sidebar div.tabContentBox fieldset {
	margin: 0 0 0 0;
}
.sidebar div.tabContentBox fieldset.fieldsetButton {
	margin: 5px 0 5px 0;
	padding: 0;
	clear: both;
}
fieldset.buttons {
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

/* --------------------
	Labels
---------------------- */
label {
	width: 139px;
	padding-left: 4px;
	margin: 0 0 10px 0;
	font-size: 0.9em;
	color: #003f5b;
	display: block;
	float: left;
}
label.option {
	color: #000;
}
label sub, legend sub {
	color: #86171e;
}
label.auto {
	width: auto;
	margin-right: 15px;
}
label.long {
	width: 280px;
	margin-right: 10px;
}
label.extraLong {
	width: 280px;
	margin-right: 10px;
}
label.nextToChecker {
	width: 430px;
	margin-right: 10px;
}
div.group label, div.groupShort label {
	margin: 0 0 5px 0;
}
div.groupShort label {
	width: 400px;
}
label.infoGFX {
	width: 124px;
}
.vertiebsAktionen label.infoGFX {
	width: 126px;
}
form .moreParts label {
	width: 70px;
	margin: 10px 5px 5px 40px;
	font-weight: bold;
}
.sidebar form.eventSuche label {
	width: 50px;
	margin: 8px 0 0 0;
	text-transform: uppercase;
}
.sidebar label.auto {
	margin: 8px 0 5px 0;
	padding: 0px;
}
.sidebar form .moreParts label {
	width: 40px;
	margin-left: 10px;
}
label.bigText {
  margin-top: -4px;
  font-size: 1.2em;
}

/* --------------------
	Inputs
---------------------- */
input {
	width: 296px;
	margin: 0px 5px 10px 5px;
	padding: 2px;
	font-size: 0.8em;
	border: 1px solid #000;
	float: left;
}
input.cols3 {
	width: 88px;
        padding: 2px;
}
input.cols3-2 {
	width: 192px;
        padding: 2px;
}
input.cols4 {
	width: 62px;
        padding: 2px;
}
input.cols6 {
	width: 36px;
        padding: 2px;
}
input.defaultSuche {
	width: 365px;
}
input.fullField {
	width: 560px;
}
div.group input {
	margin-bottom: 5px;
}

.sidebar form.wetter input {
	width: 180px;
	margin: 1px 0px 0px 0px;
}
.sidebar form.eventSuche input {
	width: 185px;
	margin: 5px 0px 5px 5px;
}
.sidebar form.eventSuche input.datum {
	width: 60px;
	margin: 5px 0px 5px 5px;
}
.sidebar form.eventSuche input.searchfield {
	width: 180px;
	margin: 1px 0 5px 0;
}
.sidebar input.searchfield, .sidebar input#suchbegriff {
	width: 180px;
	margin: 0px 0 5px 0;
}
/* --------------------
	Radio & Checkbox
---------------------- */
input[type=checkbox],
input[type=radio] {
	width: auto;
	margin: 0px 5px 10px 5px;
    border: 0px solid #000;
}

/* --------------------
	File Uplode
---------------------- */
input[type=file] {
	width: 240px;
	margin: 0px 5px 10px 5px;
}

/* --------------------
	Selects
---------------------- */
select {
	width: 302px;
	margin: 0px 5px 10px 5px;
	padding: 1px 0;
	font-size: 0.8em;
	border: 1px solid #000;
}
select.auto {
	width: auto;
}
select.kurz {
	width: 100px;
}
.umkreisBereich select {
	width: 205px;
}
.sidebar form.eventSuche select {
	width: 213px;
	margin: 5px 0px 5px 5px;
}

/* --------------------
	Textarea
---------------------- */
textarea {
	width: 438px;
	margin: 0px 0px 10px 4px;
	padding: 2px;
	font-size: 0.8em;
}
textarea.long {
	width: 565px;
	height: 80px;
	margin: 0px 0px 10px 4px;
	padding: 2px;
	font-size: 0.8em;
}
textarea.bigHeight {
	height: 80px;
}

textarea.breit{
    width: 520px;
    height: 70px;
}
textarea#diewette {
    height: 80px;
}

form.layoutSmall fieldset.extraBig textarea {
	margin-top: 5px;
	width: 97.5%;
    height: 165px;
}

/* --------------------
	Kombi Label Input
---------------------- */
form div.under {
	margin: 0 6px 10px 4px;
	float: left;
}
form div.under.zusammen {
	margin: 0 1px 10px 4px;
}
form div.under label {
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	height: auto;
	min-height: 17px;
	vertical-align: middle;
}
form div.under input, form div.under select, form div.under textarea {
	margin: 0 0 0 0;
	float: none;
}

form div.width56 {
	width: 56px;
}
form div.width56 label {
	width: 56px;
}
form div.width56 input {
	width: 50px;
}

form div.width91 {
	width: 91px;
}
form div.width91 label {
	width: 91px;
}
form div.width91 select {
	width: 91px;
}

form div.width104 {
	width: 104px;
}
form div.width104 label {
	width: 104px;
}
form div.width104 input {
	width: 98px;
}

form div.width218 {
	width: 218px;
}
form div.width218 label {
	width: 218px;
}
form div.width218 input {
	width: 212px;
}

form div.width332 {
	width: 332px;
}
form div.width332 label {
	width: 332px;
}
form div.width332 input {
	width: 326px;
}

form div.width285 {
	width: 285px;
}
form div.width285 label {
	width: 280px;
}
form div.width285 input {
	width: 275px;
}

form div.width570 {
	width: 570px;
}
form div.width570 label {
	width: 570px;
}
form div.width570 input {
	width: 570px;
}
form div.width570 textarea {
	width: 568px;
}

form div.under input[type=checkbox] {
	width: auto;
	float: left;
}
form div.under input[type=radio] {
	width: auto;
	float: left;
}
form div.under div.under {
	margin-left: 0;
}

/* --------------------
	Formular Zusätze
---------------------- */

p.pflichtfeld {
	margin: 0 0 0 0;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
}
p.pflichtfeld sub {color: #86171e;}
form br {clear: both;}
.content form div.separator {margin: 0 8px 10px 0;}
.content form div.separator.thick {margin: 0 0 10px 0;}
.sidebar form div.separator {margin: 0 0 0 0;}
form .col1 {
	width: 49%;
	margin: 0 0 0 0;
	float:left;
}
form .col2 {
	width: 49%;
	margin: 0 0 0 0;
	float:right;
}
form div.group {
	margin: 0 0 10px 144px;
	clear: both;
	float: none;
}
form div.groupShort {
	margin: 0 0 0 20px;
	clear: both;
	float: none;
}
form div.group div.separator, form div.groupShort div.separator {margin: 0 9px 5px 0;}
p.txtInfo {
	margin: -10px 10px 10px 150px;
	font-size: 0.8em;
	font-weight: bold;
	color: #a7a7a7;
	clear: both;
	float: none;
}
p.txtInfoSmall {
	margin: -10px 10px 10px 150px;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	clear: both;
	float: none;
}
p.txtInfo span {
	margin: 0;
	padding: 0;
	display: none;
}
p.txtInfoSmallFloting {
	margin: 0px 10px 10px 5px;
	padding-top: 3px;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	float: left;
}
form.meinebz p.txtInfoSmallFloting {
	margin: -5px 10px 10px 5px;
	padding-top: 0px;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	float: left;
}

img.infoGFX {
	width: 17px;
	margin: 0 0 0 0;
	float: left;
}
form div.under label img.infoGFX {
	width: 17px;
	margin: -3px 0 0 0;
	float: right;
}
form label img.infoGFX {
	width: 17px;
	margin: -3px 0 0 5px;
	vertical-align: middle;
	float: none;
}
form .moreParts {
	margin: 0 0 0 0;
	background-color: #ffffcc;
}
form img.icon {
	margin: 7px 0 0 5px;
}
.sidebar form img.icon {
	margin: 5px 0 0 3px;
}
.content p.informelement {
	margin: 0 0 5px 5px;
	float: left;
	font-weight: bold;
}

.content form p {
	margin-bottom: 5px;
}

/* --------------------
	ERROROS
---------------------- */
div.errorBox, 
#hauptformular fieldset.errorBox {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 2px solid #a4091e;
	background-color: #f5d1d6 !important;
}    
#hauptformular fieldset.errorBox { padding: 0px 10px 10px; }

div.errorBox h4, div.errorBox p {
	margin: 0 0 10px 0;
	padding: 0;
}
div.errorBox h4,
#hauptformular fieldset.errorBox legend {
	font-size: 1em;
	text-transform:uppercase;
	color: #a4091e;
}
#hauptformular fieldset.errorBox legend { 
	padding: 5px 5px 3px;
	background-color: #fff;
}
div.errorBox a {	
	color: #a4091e; 
}
fieldset.errorBox a {	
	display: block;
	margin: 0px 0px 5px;
	color: #a4091e; 
}
p.errorInfo,
p.errorInfoLogin {
	margin: 0 0 10px 150px;
	font-size: 0.8em;
	font-weight: bold;
	color: #a4091e;
	clear: both;
	float: none;
}
p.errorInfoLogin { 	margin: 0 0 5px 110px !important; }

form .floatNone {	float: none; }
label.error {
	margin-bottom: 0px !important;
	color: #86171e !important;
}
input.error {
	margin-bottom: 0px !important;
	border: 1px solid #a4091e !important;
	background-color: #f5d1d6 !important;
}
.sidebar form.eventSuche p.errorInfo {  margin-left: 60px; }


/* ------------ formÜbersicht
--------------------------------------------------------- */
dl.uebricht, dl.uebersichtBreit {
	margin: 0 15px 15px 0;
	position: relative;
}

dl.uebricht dt, dl.uebersichtBreit dt {
  width: 210px;
	margin: 4px 0 0 0;
	padding: 2px;
	font-weight: bold;
	float: left;
	text-align: left;
	position: relative;
	background-color: #F8F8F8;
}
dl.uebricht dd, dl.uebersichtBreit dd {
  width: 245px;
  margin: 4px 0 0 0;
  padding: 2px;
  float: left;
  background-color: #F8F8F8;
}
dl.uebricht.extralong dt {
	width: 350px;
}
dl.uebricht.extralong dd {
  width: 105px;
}
#content .aboTyp dl.uebricht { width: 600px; }
#content .aboTyp dl.uebricht dt, #content .aboTyp dl.uebricht dd  {
    width: 400px;
    padding: 5px;
    
}
#content .aboTyp dl.uebricht dt { width: 170px;}
dl.uebersichtBreit dt, dl.uebersichtBreit dd {
    padding: 5px;
    background:transparent url(../../images/abo/abotyp/bgWhiteTrans.png) top left repeat;
    background: none;
}
dl.uebersichtBreit.farbWechsler1 dt,  dl.uebersichtBreit.farbWechsler1 dd { background-color: #F8F8F8; }
dl.width100prozent dt { width: 30%; /*30*/ }
dl.width100prozent dd { width: 66%; } /*70*/

/* --------------------
	SONDER FORMS
---------------------- */

label.sonderHerbstmailingLabel1 {
  width: 395px;
  margin:0;
  margin-top:2px;
}
label.sonderHerbstmailingLabel2 {
  width: 460px;
  margin:0;
}
input.sonderHerbstmailingInput {
  width: 16px;
  margin: 0;
}
input.sonderHerbstmailingCheckbox {
  width: auto;
  margin: 0;
}


/* Alex */
/*+++ Labels Alex +++*/
label span.small {
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
}
.labeleingerueckt {
	width: 270px;
}
.labeleingeruecktradio {
	margin-left: 144px;
	width: 300px;
}
label.ganz {
	width: 430px;
	float: left;
}
label.auto {
	margin-right: 0;
}
label.secondlabel {
	width: 91px;
	padding-left: 0;
}
label.option {
	padding-right: 10px;
}
label.labelanrede {
	width: 52px;
	padding-left: 0;
}
label.labeltitel {
	width: 91px;
	padding-left: 0;
}
label.labelort.registrierung {
	width: 118px;
	padding-left: 0;
}
label.labelort {
	width: 111px;
	padding-left: 0;
}
label.labelkontonr {
	width: 119px;
	padding-left: 0;
}
form div.width63 label.monat {
	width:70px;
}
/* 2 Labels hintereinander*/
fieldset div.twolabels {
	width: 139px !important;
	margin:0 0 10px;
	padding-left:4px;
	float: left;
}
fieldset div.twolabels label {
	margin: 0px;
	padding: 0px;
}
/*+++ Selects Alex +++*/
select.cols2 {
	width: 146px;
	margin-right: 5px;
	float: left;
}
select.cols3-2 {
	width: 192px;
}
select.cols3 {
	width: 94px;
}
#hauptformular fieldset ul.radiocheckbox li select.cols3,
#hauptformular fieldset ul li.radiocheckbox select.cols3,
form.x-form fieldset ul.radiocheckbox li select.cols3,
form.x-form fieldset ul.radiocheckbox li select.cols3 { 
	width: 94px;
}
/*+++ Inputs Alex +++*/
input.cols2 {
	width: 140px;
}
#content input.left148, #content input.left148 {
	margin-left: 148px;
}
/* Error Alex */
div.errorSpecial p.errorInfo, div.error10px0px p.errorInfo {
	margin: 10px 0px 0px 28px;
	width:auto;
}
div.error10px0px p.errorInfo {
	margin: 0px 0px 10px 0px;
}
/*+++ Buttons Alex +++*/
.btnzurueck {
	float: left;
	width: 70px;
}
/*+++ Kombi Label Input Alex +++*/
form div.width14 input {
	width: 14px;
	margin-right: 0px;
}

form div.width30 input {
	width: 30px;
}

form div.width40 select,
form div.width40 input {
	width: 40px;
}
form div.width63,
form div.width63 label,
form div.width63 select,
form div.width63 input  {
	width: 63px;
}


form div.width160 {
	width: 160px;
}
form div.width160 label {
	width: 160px;
}
form div.width160 select {
	width: 160px;
}

form div.under.width91 {
margin-right: 8px;
}
form div.width91 label.tel {
	width: 91px;
}
form div.width91 input {
	width: 91px;
}

/*+++ Form Links Alex +++*/
label a.more {
	font-size: 0.9em;
}

/*+++ Presseball Ticketbestellung-Formular Alex +++*/
.ticketpreis {
	width: 80px;
	margin-left: 30px;
}
input.ticketpreis {
	width: 60px;
	margin-right: 14px;
}

/*+++ Freizeit SearchBox Alex +++*/
.searchBoxCheckLabel {
	margin: 0;
	margin-top: 10px !important;
	width: auto !important;
	font-size:0.9em !important;;
	font-weight:normal !important;
}
.searchBox form input.checkbox {
	width: auto !important;
	margin:11px 5px 5px 10px;
}
.searchBox form fieldset.height34 {
	height: 34px !important;
	/* margin:12px 0pt 0pt 10px; */
}
.searchBox form fieldset.fieldsetButtonHalb {
background-color:transparent;
width: auto;
height:auto;

clear:none;
display:block;
float:right;

margin:24px 6pt 0pt 10px;
overflow:hidden;
padding:0pt;
}

/*+++ Suche Inner Alex +++*/

.suche input {
	width: 230px;
	margin: 0px 10px 0px 0px;
	padding: 4px;
	font-size: 12px;
	border-color: #d1d1d1;
}
.suche button {
	margin-top: 4px;
	float: left;
}
/*+++ Alex Ende +++*/

/*
##################################### NEW FORMSYSTEM #####################################
##################################### NEW FORMSYSTEM #####################################
##################################### NEW FORMSYSTEM #####################################
##################################### NEW FORMSYSTEM #####################################
##################################### NEW FORMSYSTEM #####################################
##################################### NEW FORMSYSTEM #####################################
##################################### NEW FORMSYSTEM #####################################
##################################### NEW FORMSYSTEM #####################################
	LWL
---------------------- */
#hauptformular, .x-form.layoutSmall { position: relative; }
#hauptformular fieldset,
form.x-form fieldset {
	border-width: 0px 0px 1px 0px;
	border-bottom-color: #dfdfdf;
	margin: 10px 0px 10px 0px;    
	padding: 10px 5px 5px 15px;
	background-color: #fafafa;
}
form.x-form fieldset { padding-right: 0px; }
form.layoutSmall fieldset {
	padding: 0px;
	background-color: none;
	width: 100%;
}

#hauptformular div#aboInformation ~ form fieldset { background: none; }

#hauptformular legend,
form.x-form legend {
	padding:  0px;
	margin-bottom: 0px;
	font-size: 1.1em;
}

#hauptformular fieldset ul,
form.x-form fieldset ul {
	display: block;
	clear: both !important;
	padding: 0px;
	margin: 0px;
	width: 100%;
	/* background-color: #EFEFEF; */
}
#hauptformular fieldset ul li,
form.x-form fieldset ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	/* margin-right: 1em; */
	margin-right: 15px !important;
	padding: 0px 0px 10px 0px;
	width: 100%;
}
form.x-form fieldset ul.zusatzLinksLinkListe li { width: auto; }
form.x-form fieldset ul li.cols1            { width: 98.3%; }
#hauptformular fieldset li.cols2, 	
#hauptformular div li.cols2			{ width: 48.3%; width: 47.8%;}
#hauptformular fieldset li.land 				{ width: 100%; padding: 0px;}
#hauptformular fieldset li.cols3 				{ width: 31.7%; width: 31.3%;}
#hauptformular fieldset li.cols3-2 				{ width: 37%; }
#hauptformular fieldset li.cols4				{ width: 23%; }
#hauptformular fieldset li.cols5 				{ width: 18%; }
#hauptformular fieldset li.cols6 				{ width: 14.66%; }
#hauptformular fieldset li.cols7 				{ width: 12.28%; }
#hauptformular fieldset li.cols8 				{ width: 10.5%; }
#hauptformular fieldset li.cols9 				{ width: 9.1%; }

#hauptformular fieldset li.cols3 ul li.cols9 { width: 26.2%; }

form.x-form fieldset ul li.cols2            { width: 98%;}
form.x-form fieldset li.cols3-2              { width: 78.5%; }
form.x-form fieldset li.cols4 { width: 45.8%; }
form.x-form fieldset li.cols5                { width: 38.5%; }
form.x-form fieldset li.cols9                { width: 12%; }

#hauptformular fieldset li.plz,
form.x-form fieldset li.plz							{ margin-right: 1.5em; }

#hauptformular fieldset ul.radiocheckbox li,
#hauptformular fieldset ul li.radiocheckbox,
form.x-form fieldset ul.radiocheckbox li,
form.x-form fieldset ul.radiocheckbox li{ 
	width: auto; 
	margin-right: 1.5em;
	padding-bottom: 0px;
}
#hauptformular fieldset ul.radiocheckbox li.fullwidth,
#hauptformular fieldset ul li.radiocheckbox,
form.x-form fieldset ul.radiocheckbox li.fullwidth,
form.x-form fieldset ul li.radiocheckbox{ 
	width: 100%;
}

#hauptformular fieldset ul.leftFloatdreivirtel       { width: 75%; float: left; }
#hauptformular fieldset ul.leftFloatdreivirtel li    { width: 100%; }

#hauptformular label,
form.x-form label {
	width: auto;
	float: none;
	clear: both;
	margin: 0px 0px 5px 0px;
	font-size: 1em;
}
#hauptformular ul.radiocheckbox label,
#hauptformular ul li.radiocheckbox label,
form.x-form ul.radiocheckbox label,
form.x-form ul li.radiocheckbox label { 
	float: left;
	clear: none;
	margin-top: 1px;
}
form.layoutSmall ul.radiocheckbox label.longTxt,
form.layoutSmall ul li.radiocheckbox label.longTxt { 
    width: 415px;
}
.praemienlabel {
	display: inline;
	padding: 0px;
}
.labelAusgabeCheckEmulator { padding:0 0 5px 15px; color:#003F5B }
#hauptformular .geburtsdatum label { display: none; }
#hauptformular .labelCheckbox { width: 95%;}

#hauptformular fieldset input,
form.x-form div select,
form.x-form fieldset select,
#hauptformular fieldset textarea,
form.x-form fieldset input,
form.x-form div select,
form.x-form fieldset select,
form.x-form fieldset textarea  { 
	width: 100%; 
	font-size: 1em;
	padding: 3px 4px; 
	margin: 0px;
	
	border: 1px solid #8F8F8F;
	border: 1px solid #AFAFAF;
	border-top-style: inset;
	border-top-color: #EFEFEF !important;
	
	float: none;

	/*
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    
    box-shadow: 0px -1px 1px 0px #000000 inset; 
	*/
	-moz-box-shadow: 0px 1px 3px 0px #cfcfcf inset; 
	-webkit-box-shadow: 0px 1px 3px 0px #cfcfcf inset; 
	box-shadow: 0px 1px 3px 0px #cfcfcf inset; 

	
	
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 30%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(30%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 30%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#ffffff 30%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 30%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #efefef 0%,#ffffff 30%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#hauptformular fieldset textarea.extraBig {
	height: 300px;
}
#hauptformular .layoutSmall fieldset textarea.extraBig {
	width:95%;
	padding: 5px;
	margin:0px;
	font-size: 1.2em;
}

#hauptformular fieldset input,
form.x-form fieldset input			                    { width: 97.5%; } 
#hauptformular fieldset li.cols3 input					{ width: 95.5%;}
#hauptformular fieldset li.cols3-2 input				{ width: 96.6%;}
#hauptformular fieldset li.cols4 input					{ width: 94.7%;}
#hauptformular fieldset li.cols5 input					{ width: 93.2%;}
#hauptformular fieldset li.cols6 input					{ width: 91%;}
#hauptformular fieldset li.cols7 input					{ width: 89%;}
#hauptformular fieldset li.cols8 input					{ width: 87.5%;}
#hauptformular fieldset li.cols9 input					{ width: 86%;}
#hauptformular fieldset ul.radiocheckbox input,
#hauptformular fieldset ul li.radiocheckbox input,
form.x-form ul.radiocheckbox input,
form.x-form ul li.radiocheckbox input { 
	display: block;
	float: left;
	margin-top: 2px;
	padding: 0px;
	width: auto; 
	background: none;

	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
}
form.x-form fieldset select,
form.x-form div select { 
	float: left;
	margin-top: 1px;
	padding: 2px 0px 2px 1px; 
}

form.x-form #buttons { margin-bottom: 15px; }

.placeholder {
  color: #aaa !important;
}

/* ##################################### modern SelectOptions ##################################### */
#hauptformular .fieldSelectOption { padding-left: 0px; padding-right:0px;}
#hauptformular fieldset ul.selectionOption li label { cursor: pointer; }
#hauptformular fieldset ul.selectionOption li {
	width: auto;
	padding: 0;
	margin: 0 10px;
	margin-right: 0  !important;
	display: inline-block;
	vertical-align: top;
}

#hauptformular fieldset ul.selectionOption.grid-2 li label,
#hauptformular fieldset ul.selectionOption.grid-2 li p.zusatzinfos { width: 348px; }
#hauptformular fieldset ul.selectionOption.grid-3 li label,
#hauptformular fieldset ul.selectionOption.grid-3 li p.zusatzinfos { width: 223px; }
#hauptformular fieldset ul.selectionOption li label p {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
}
#hauptformular fieldset ul.selectionOption li label p small { font-weight:normal; font-size:0.9em; }
#hauptformular fieldset ul.selectionOption li label.ipadFarbe img { float: left; }
	
#hauptformular fieldset ul.selectionOption label > input { position: absolute; left: -9999px; }
#hauptformular fieldset ul.selectionOption,
#hauptformular fieldset ul.selectionOption label { margin:0; }
#hauptformular fieldset ul.selectionOption li { border: 4px solid transparent; border-radius:15px; }
#hauptformular fieldset ul.selectionOption li:hover,
#hauptformular fieldset ul.selectionOption li.selected { border: 4px solid #003f5b; }
#hauptformular fieldset ul.selectionOption li:hover .modernRoundBox,
#hauptformular fieldset ul.selectionOption li.selected .modernRoundBox {
	background-color: #fff;
	-webkit-box-shadow: inset 0px 0px 1px 1px #dfdfdf, 0px 1px 1px #888888;
	-moz-box-shadow: inset 0px 0px 1px 1px #dfdfdf, 0px 1px 1px #888888;
	box-shadow: inset 0px 0px 1px 1px #dfdfdf, 0px 1px 1px #888888;
}
	
#hauptformular fieldset ul.selectionOption li.doubleBoxHoriz { border: 0px solid transparent; border-radius:0px; }
#hauptformular fieldset ul.selectionOption li.doubleBoxHoriz ul li {margin:0 !important; float:none; display:block;}

/* ##################################### Errors ##################################### */
form.x-form fieldset div.errorFeld {
    position: absolute;
    margin-top: 7px; /* 27*/
    padding: 2px;
    border: 1px solid #86171e;
    background-color: #f8d7d9;
    z-index: 5100;
}
form.x-form.layoutSmall fieldset div.errorFeld {
    max-width: 420px;
}
select + div.errorFeld,
input.x-control-radio-error + div.errorFeld,
input.x-control-checkbox-error + div.errorFeld {
    margin-top: 27px !important;

}
form.x-form fieldset p div.errorFeld { margin-top: 5px; }

form.x-form  label.x-error   { color: #A4091E; }
form.x-form  input.x-error  { border: 1px solid #86171E !important; }
form.x-form  .radiocheckbox input.x-error { border: none !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* form.x-form fieldset div.errorFeld { margin-top: 32px; } */   
}
form.x-form fieldset div.errorFeld .pfeilup {
    display: block;
    z-index:800;
    margin-top: -10px;
    width: 16px;
    height: 8px;
    background: url(../images/icons/pfeil_error_up.png) bottom left no-repeat;    
}
form.x-form  fieldset .errorInfo {
	margin: 0px;
	padding: 2px 3px 1px;
	left: 30px;
	line-height: 1.5em;
}
form.x-form  fieldset ul.radiocheckbox .errorInfo { margin: 0px; }

/* ##################################### Übersicht ##################################### */
#hauptformular ul.uebersicht, form.x-form ul.uebersicht { margin: 0px 0px 10px; }
#hauptformular ul.uebersicht strong, form.x-form ul.uebersicht strong {
	display: block;
	float: left;
	width:  280px;
}
#hauptformular ul.uebersicht li, form.x-form ul.uebersicht li, #hauptformular p.uebersicht, form.x-form p.uebersicht  {
	float: none;
	clear: both;
	padding: 7px 0 7px 15px;
}

form.x-form ul.uebersicht li.infoTextEingerueckt {
	padding-left: 215px;
	font-size: 0.9em;
}
form.x-form .uebersicht .textEingerueckt {
	padding-left: 15px;
}

form.x-form ul.uebersicht.rechnung { width: 430px; }
form.x-form ul.uebersicht.rechnung li span { width: 120px; text-align: right; padding-right: 15px; }
#hauptformular ul.uebersicht.rechnung li.zwischensumme,
#hauptformular ul.uebersicht.rechnung li.endsumme {
	padding-bottom: 2px;
	border-top: 1px solid #D1D1D1;
	background-color: #F2F2F2;
	border-bottom: 1px solid #D1D1D1;
}
#hauptformular ul.uebersicht.rechnung li.zwischensumme span,
#hauptformular ul.uebersicht.rechnung li.endsumme span {
	 border-bottom: 1px solid #bcbcbc;
}
#hauptformular ul.uebersicht.rechnung li.endsumme {
	background-color: #dfdfdf;
	color: #003F5B;
	font-weight: bold;
}


/* ##################################### ZUSÄTZE ##################################### */
form.x-form fieldset .inline { display: inline !important; }
.content form.x-form p { margin-right: 15px; }
.finaleWithFrageBox { width:500px; height: 200px; }

#adminOverlayContent form.x-form fieldset p { padding: 0 0 15px 0; }

#buttons div{
    width: 33%;
}

#hauptformular select.width47prozent, 
form.x-form select.width47prozent { 
	width: 47% !important; 
}
#hauptformular label.floatLeft, form.x-form label.floatLeft {
	display: block;
	float: left;
	clear: none;
}

.breadcrumb { position:relative; }
p.pflichtfeld { 
	overflow: hidden;
	height:20px;
	padding:0 !important;
	margin:-10px 10px 0 0 !important;
	font-size: 0.8em;
	font-weight: bold;
	text-align:right;
 }
 .breadcrumb.pflichtfeld p sub { color: #86171e; }

#hauptformular fieldset ul li.radioZusatzTxt {
	margin-left: 18px;
}

#hauptformular fieldset li.iban	{ width: 27%; } 
/* --------------------
    AJAX Loader
---------------------- */
.ajaxFormElementLoader {
   height: 30px;
   width: 30px;
   margin: 0px;
   padding: 0px;
   display: block; 
   background:transparent url(../../../loading.gif) center center no-repeat;
}
.ajaxFormElementLoader span, .ajaxFormElementLoader em {display:none;}