/* ==========================================================================
   FORMULARE ALLGEMEIN
============================================================================= */

.gvbForm {
    float:left;
    margin-bottom: 2em;
    font-size: 14px;
    font-size: 0.875rem;
    color: #535353;
}

.gvbForm fieldset{
    margin-bottom: 2em;
    /*padding-bottom: 1.5em;*/
    border-bottom: 0px dotted #aaa;
}

.gvbForm input,
.gvbForm textarea{
    border: 1px solid #aaa;
}


.gvbForm input[type="text"],
.gvbForm input[type="password"]{
	padding: 4px;
}

.gvbForm input[type="text"],
.gvbForm input[type="password"],
.gvbForm select,
.gvbForm textarea {
    border: 1px solid #006a9c;
    color: #006a9c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	width:95%;
}

.gvbForm input[type="submit"]{
	min-width: 110px;
	padding: 3px 10px 3px 10px;
}

/* 
	Formularfelder in Themenspeicher
	-> keine runden Ecken
	-> Rand schwarz,
	-> Text schwarz
*/
.tx-gvb-themenspeicher input[type=text],
.tx-gvb-themenspeicher input[type="password"],
.tx-gvb-themenspeicher select,
.tx-gvb-themenspeicher textarea {
	border: 1px solid #000000;
	color: #000000;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    -webkit-border-radius: 0px;

}
.tx-gvb-themenspeicher .button.button-cancel {
	height: 24px;
    width: 100%;
}

.gvbForm input[type=checkbox]{
    width:auto;
}


.tx-felogin-pi1 .gvbForm input[type="text"],
.tx-felogin-pi1 .gvbForm input[type="password"],
.tx-felogin-pi1 .gvbForm select {
	min-width: 170px;
}

.tx-felogin-pi1 .felogin-backlink a:before {
  content: "\00BB\00A0";
}

.gvbForm {
    width: 90%;
}

.gvbForm .formRow {
    width:100%;
    margin-bottom: 1em;
    float: left;
}

.gvbForm .formRow .formItem {
    float: left;
}

.gvbForm .formRow .formItem.item-20 {
    width: 16%;
    margin-right: 3%;
}


.gvbForm .formRow .formItem.item-33 {
    width: 30%;
    margin-right: 3%;
}

.gvbForm .formRow .formItem.item-40 {
    width: 39%;
    margin-right: 3%;
}

.gvbForm .formRow .formItem.item-50 {
    width: 45.5%;
    margin-right: 3%;
}

.gvbForm .formRow .formItem.item-66 {
    width: 63%;
    margin-right: 3%;
}

.gvbForm .formRow .formItem.item-80 {
    width: 76%;
    margin-right: 3%;
}

.gvbForm .formRow .formItem.item-90 {
    width: 86%;
    margin-right: 3%;
}

.gvbForm .formRow .formItem.item-100 {
    width: 94%;
    clear: left;
}

.gvbForm .formItem.item-20 input,
.gvbForm .formItem.item-33 input,
.gvbForm .formItem.item-40 input,
.gvbForm .formItem.item-50 input,
.gvbForm .formItem.item-66 input,
.gvbForm .formItem.item-80 input,
.gvbForm .formItem.item-100 input {
    width: 100%;
    height:22px;
}

.gvbForm .formItem input[type=checkbox] {
    float: left;
    width:2em;
}

.gvbForm .formItem.item-20 select,
.gvbForm .formItem.item-33 select,
.gvbForm .formItem.item-40 select,
.gvbForm .formItem.item-50 select,
.gvbForm .formItem.item-66 select,
.gvbForm .formItem.item-80 select,
.gvbForm .formItem.item-100 select {
    width: 100%;
    height:30px;
}

.formRow .formItem.item-100 textarea{
    width: 100%;
}

.gvbForm .formRow .formItem.item-100 textarea{
    height:100px;
}

.gvbForm .formRow .formItem label{
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: bold;
    margin-bottom:0.2em;
}

/* ==========================================================================
   BESTELLUNG
============================================================================= */

/* Warenkorb
------------------------------------*/
.formNavigation{
    width: 90%;
}

.formNavigation a,
.formNavigation button {
    color: #535353;
    font-size: 14px;
    font-size: 0.875rem;
}

.formNavigation .back,
.formNavigation .buy,
.formNavigation .profil-buy {
    border: 1px solid #aaa;
    background-color: #e6e6e6;
}
.button-profil-buy {
  width: auto !important;
}

.formNavigation .back {
    width: 100px;
    float:left;
}

.formNavigation .back a:before{
    content: "«";
    margin-left:1.5em;
    padding-right:0.2em;
}

.formNavigation .buy {
    width: 100px;
    float:right;
}

.formNavigation .profil-buy {
	float: right;
}

.formNavigation .buy a,
.formNavigation .buy button {
    margin-left: 1.5em;
}

.formNavigation .buy a:after,
.formNavigation .buy button:after {
    content: "»";
    padding-left:0.2em;
}

.formNavigation .buy button {
    border: none;
    background: none;
}

/* ==========================================================================
   BEWERBUNG
============================================================================= */
#bewerbungForm {
    width:100%;
}

.bewerbung .formNavigation{
    width: 100%;
}


@media only screen and (max-width: 1240px) {

}


@media only screen and (max-width: 767px) {

    .gvbForm.responsive, .gvbForm.responsive .formRow {
        width: 100%;
    }

    .gvbForm.responsive .formRow .formItem {
        clear: left;
    }

    .gvbForm.responsive .formRow .formItem.item-20 {
        clear:left;
        width: 40%;
    }

    .gvbForm.responsive .formRow .formItem.item-33,
	.gvbForm.responsive .formRow .formItem.item-40,
    .gvbForm.responsive .formRow .formItem.item-50,
    .gvbForm.responsive .formRow .formItem.item-66,
    .gvbForm.responsive .formRow .formItem.item-80,
    .gvbForm.responsive .formRow .formItem.item-100 {
        clear:left;
        width: 98%;
    }

    .formNavigation{
        width: 98%;
    }

}




/* ##############################################################

	Beginn mit neuem CSS für Formulare, 
	damit aller Formulare irgendwann einmal gleich aussehen

	##############################################################
*/
form.formhandler {
	width:100%;
	font-size: 0.9375rem;
}


.formhandler input, .formhandler select, .formhandler textarea {
    border: 1px solid #006a9c;
    color: #006a9c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
	
}

.formhandler-button {
	background:transparent !important;
	padding-left: 1.4em;
	padding-right: 1.4em;
	padding-top: 3px;
	padding-bottom:3px;
	font-size: 0.875rem;
}


.formhandler-list {
	margin-left:30px;
}

.fomhandler-label {
	margin-top:10px;
}

/* Übernahme von Bootstrap-Eigenschaften für ein einheitliches Aussehen */

.tx-felogin-pi1 .button-login {
    margin-top: 20px;
}
.tx-felogin-pi1 label {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
}
.form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-default,
.btn-primary {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-default,
.btn-primary {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.btn-default:active,
.btn-primary:active {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.btn:active, .btn.active {
    background-image: none;
}
.btn-default,
.btn-primary {
    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
}
.btn-default:hover,
.btn-primary:hover,
.btn-default:focus,
.btn-primary:focus {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}
.btn-default:active,
.btn-primary:active,
.btn-default.active,
.btn-primary.active {
    background-color: #e0e0e0;
    border-color: #dbdbdb;
}
.btn-default:disabled,
.btn-primary:disabled,
.btn-default[disabled],
.btn-primary[disabled] {
    background-color: #e0e0e0;
    background-image: none;
}

.form-group {
    margin-bottom: 15px;
}

@media only screen and (max-width: 480px) {

}

#beitragstyp_förderpreis:checked ~ #hinweis {
	display:block !important;
	color:red;
}