/* ------------------------------------------------------------------------------


        FORMS
            
        Author: Björn Hubert, Robert Lingner
        
        Date: 30.02.2011
        

------------------------------------------------------------------------------ */


input[type="text"], input[type="password"], select, textarea {
    border:1px solid #aaa;
    background:#fff;
    color:#666666;
    font-size:12px;
    padding: 1px 3px;
    font-family:Arial, Helvetica, sans-serif;
}
input[type="text"], input[type="password"] {
    padding: 3px 3px;
}
select {
    border:1px solid #aaa;
    background:#fff;
    color:#666666;
    font-size:12px;
    padding: 1px 1px 1px 3px;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    border:1px solid #000 !important;
    color:#000 !important;
}

/* -------------------- Landingpage Gewinnspiel Weltkunst --------------------- */
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";
 .cform. {
}
.cform fieldset {
    margin-top:10px;
    padding:5px 0 5px 0;
    border:none;
}
.cform .cf_hidden {
    display:none;
    border:none!important;
    background:none!important;
    padding:0!important;
    margin:0!important;
}
.cform legend {
    margin:0;
    padding:0;
    font-size:14px;
    padding: 0 0px 0 0px;
    font-family:Georgia, "Times New Roman", Times, serif;
}
ol.cf-ol {
    margin:0!important;
    padding:0 0 0 0!important;
}
ol.cf-ol li {
    margin:0 0 0.5em 0 !important; /*some themes may interfere otherwise*/
    padding:0;
    list-style:none!important;
    text-align:left;
    line-height:1.1em;
}
li#li--2, #li--4items {
    padding-left:19px;
    background:#F4F4F4;
    border: 1px solid #E8E8E8;
    margin-top:0 !important;
}
#li--3, #li--1 {
    margin-bottom:0 !important;
}
#li--15 {
    margin-bottom:1em !important;
}
/*
.landingpage ol.cf-ol li {
    float:left;
    width:262px;
}

.landingpage ol.cf-ol li#li-2-3 {
    clear:left;
}




.landingpage input[type="text"], .landingpage select {
    float:left;
    width:160px !important;
}
.landingpage input[type="text"] {

    width:152px !important
}

.landingpage input[type="checkbox"] {
    margin-left:0 !important;
}
.landingpage label {
    float:left;
    width:77px !important;
}



.landingpage form.landingpage-weltkunst li#li-2-14 {
    width: 520px;
}
.landingpage form.landingpage-weltkunst li#li-2-14 input {
    float:left !important;
}
.landingpage form.landingpage-weltkunst li#li-2-14 label {
    width: 490px !important;
}

.landingpage form.landingpage-probe-abo li#li-4-12, .landingpage form.landingpage-probe-abo li#li-4-15, .landingpage form.landingpage-probe-abo li#li-4-16, .landingpage form.landingpage-probe-abo li#li-4-13 {
    width: 520px;
}
.landingpage form.landingpage-probe-abo li#li-4-12 input, .landingpage form.landingpage-probe-abo li#li-4-15 input, .landingpage form.landingpage-probe-abo li#li-4-16 input {
    float:left !important;
}
.landingpage form.landingpage-probe-abo li#li-4-12 label, .landingpage form.landingpage-probe-abo li#li-4-15 label, .landingpage form.landingpage-probe-abo li#li-4-16 label {
    width: 490px !important;
}

.landingpage #usermessage2b {
    display:none;
}

.landingpage div.failure {

    display: inline-block;
    width: 480px;
}


*/

/* First */

#li-12-1items {
    padding-left: 0 !important;
}
#cf12_field_1-2 {
    margin-left: 75px !important;
}
#cf12_field_1-3 {
    margin-left: 62px !important;
}
#li-3-14 {
    clear:both;
}
#li-2-3, #li-3-3, #li-13-3 {
    clear:both;
    width:100%;
    float:left;
}

#li-2-5, #li-2-6, #li-2-7, #li-2-8, #li-2-9, #li-2-10, #li-2-11, #li-2-12, #li-2-13,
#li-3-5, #li-3-6, #li-3-7, #li-3-8, #li-3-9, #li-3-10, #li-3-11, #li-3-12, #li-3-13,
#li-12-4, #li-12-5, #li-12-6, #li-12-7, #li-12-8, #li-12-9, #li-12-10, #li-12-11, #li-12-12, #li-12-13,
#li-13-4, #li-13-5, #li-13-6, #li-13-7, #li-13-8, #li-13-9, #li-13-10, #li-13-11, #li-13-12, #li-13-13,
#li-14-4, #li-14-5, #li-14-6, #li-14-7, #li-14-8, #li-14-9, #li-14-10, #li-14-11, #li-14-12, #li-14-13,
#li-15-4, #li-15-5, #li-15-6, #li-15-7, #li-15-8, #li-15-9, #li-15-10, #li-15-11, #li-15-12, #li-15-13,
#li-16-4, #li-16-5, #li-16-6, #li-16-7, #li-16-8, #li-16-9, #li-16-10, #li-16-11, #li-16-12, #li-16-13,
#li-17-4, #li-17-5, #li-17-6, #li-17-7, #li-17-8, #li-17-9, #li-17-10, #li-17-11, #li-17-12, #li-17-13,
#li-18-4, #li-18-5, #li-18-6, #li-18-7, #li-18-8, #li-18-9, #li-18-10, #li-18-11, #li-18-12, #li-18-13,
#li-19-4, #li-19-5, #li-19-6, #li-19-7, #li-19-8, #li-19-9, #li-19-10, #li-19-11, #li-19-12, #li-19-13,
#li-20-4, #li-20-5, #li-20-6, #li-20-7, #li-20-8, #li-20-9, #li-20-10, #li-20-11, #li-20-12, #li-20-13
{
    width:100%;
    float:left;
    clear:none;
}

fieldset.cf-fs2 ol, fieldset.cf-fs1 ol {
    background: #F4F4F4;
}
.landingpage input.single {
    width:152px;
}
.landingpage select.cformselect {
    width:160px;
}
.landingpage label {
    width:82px !important;
}
.landingpage form {
    margin-left:367px
}
.landingpage div.entry ul, .landingpage div.entry ol {
    display:inline-block;
}
.landingpage ol.cf-ol li.textonly {
    padding:0;
}
.landingpage ol, .landingpage ul {
    padding-bottom:1em;
}
/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
    color:#000;
    font-size:1em;
    margin:12px 0pt !important;
    padding:1em 19px 1em 0px;
    clear:left;
    line-height:140%;
    font-weight:bold;
}
/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
    margin:4px 10px 0 0;
    display:-moz-inline-box; /*for mozilla*/
    display:inline-block; /*for Opera & IE*/
    text-align:left;
    vertical-align:top;
    color:#707070;
    font-size:0.833em;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
}
.cform label a {
    text-decoration:underline;
}
.cform label a:hover {
    text-decoration:none;
}
li.cf-box-group label {
}
li#li-2-3items label {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1em;
    color:#000;
    text-transform:none
}
.cform label span {
/* must be the same as above!*/

}
ol.cf-ol label {
    width:235px;
    color:#000;
}
ol.cf-ol label.cf-after {
    width: 470px !important;
}
ol.cf-ol li.cf-box-group label {
    width: auto !important;
    font-size:1em;
    margin-right:1em;
    font-weight:bold;
}
label.cf-before {
    margin:4px 10px 0 0;
}
li#li--16 span {
    text-transform:none;
}
li#li--2 {
}
fieldset.cf-fs4 legend {
    font-size:1em;
    font-family:Arial, Helvetica, sans-serif;
}
label.cf-after {
    margin:4px 2px 0pt 4px;
    text-align:left;
}
label.cf-after:hover {
    color:#000;
    cursor:pointer;
}
label.cf-after span {
    text-transform:none;
}
label.cf-group-after {
    margin:4px 0 0 2px;
    width:60px;
    text-align:left;
}
label.cf-group-after span {
    width:60px;
    display:block;
}
/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input, .cform textarea, .cform select {
    padding:3px;
    color:#666;
    font-size:12px;
    vertical-align:top;
}
.cform input:hover, .cform textarea:hover, .cform select:hover {
}
.cform input:focus, .cform textarea:focus, .cform select:focus {
    color:#000;
}
input#cf_field_16 {
    float:left;
}
.cform textarea, .cform input {
    width:234px;
}
.cform select {
    width:242px; /* attempt to have equal length */
    padding:2px;
}
.cform select.cfselectmulti {
    height:7.5em;
}
.cform textarea {
    font-family: arial;
    font-size: 0.9em;
    overflow:auto;
}
/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt, span.emailreqtxt {
    display: block;
    vertical-align:top;
    color: #aaa;
    font-size:0.7em;
    line-height:1.2em;
}
/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
    color:#888888;
    font-size:1em;
    margin:0px 0pt 0 !important;
    padding:0pt 0pt 0pt 100px;
}
/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a, input.cf-box-b {
    margin:1px 0 0 0;
    width:16px;
    height:22px;
    border:none!important;
    background:none!important;
}
input.cf-box-a {
    /*margin-left:244px;  check with label 'width' incl. */
    margin-right:6px;
}
/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
    padding: 0.5em 0 0.5em 19px;
    text-align:left;
}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
    margin: 0;
    padding:0em 3px 0pt 0pt !important;
    text-align:right;
}
p.cf-sb input {
    width:auto;
}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
    width:auto;
    padding:4px 1em;
    margin: 0;
    font-size:15px;
    font-weight:normal;
    border:1px solid #adadad!important;
    border-left-color:#ececec!important;
    border-top-color:#ececec!important;
    color:#000;
    cursor:pointer;
    background:#fff url(../img/button_small_bg.png) repeat-x bottom;
    -moz-box-shadow: 0px 0px 1px 0px #D4D4D4 !important;
}
.cform input.backbutton:hover, .cform input.resetbutton:hover, .cform input.sendbutton:hover {
    background: #A5A6A9;
    color:#fff;
}
.cform input.resetbutton {
    margin: 0 5px 0 0;
}
.cform input.backbutton {
    margin: 0 5px 0 0;
}
/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
}
ol.cf-ol li ul.cf_li_text_err {
}
ol.cf-ol ul.cf_li_text_err li {
}
ol.cf-ol ul.cf_li_text_err li:before {
}
/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */
label.secq, label.seccap {
    vertical-align:text-bottom;
    margin-bottom:4px;
}
input.secinput {
    vertical-align:text-bottom;
}
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha {
    height:15px;
    width:100px;
    padding: 4px 4px;
    margin: 0;
    vertical-align:text-bottom;
}
img.captcha {
    vertical-align:text-bottom;
    margin:0 0 0 10px!important;
    padding:0!important;
    border:none!important;
    float:none!important;
}
img.captcha-reset {
    vertical-align:text-bottom;
    background:	url(captcha_reset_white.gif) no-repeat;
    margin:0 0 2px 3px;
    width:21px;
    height:21px;
    border:none;
}
img.imgcalendar {
    border:none;
}
/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
    color:#333;
    display:none;
    padding:10px 15px!important;
    line-height:1.3em;
    margin:10px auto;
}
div.cf_info ol {
    margin:0;
    padding:5px 15px 0 30px;
}
div.cf_info ol li {
    padding:1px 0;
    margin:2px 0;
}
div.cf_info a {
    color:red!important;
    text-decoration:underline!important;
}
div.success {
    background:#F9F9F9 none repeat scroll 0%;
    color:#AAAAAA;
    display:block;
}
div.failure {
    display:block;
    border-color:#DF7D7D;
    border-style:solid;
    border-width:1px 0pt;
    color:#DF7D7D;
    font-weight:bold;
}
div.waiting {
    background:#F9F9F9;
    color:#AAAAAA;
    display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error {
    color:red;
    border:1px solid #DF7D7D;
}
div.mailerr {
    display:block;
}
.mailerr, .cform .cf_errortxt {
    color:red;
}
/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.cf_info {
    margin:10px 0;
    text-align:center;
}
p.success {
    color:green;
}
p.failure {
    color:red;
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
 color:#dddddd;
 border-color:#dddddd!important;
 background:none!important;
}
.disabled {
    border-color:#dddddd!important;
}
/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload {
    width:220px;
    background: #f9f9f9;
    border:1px solid #888888;
}
/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
    margin:6px auto 10px !important;
    padding:0pt 6px 0pt 0pt !important;
    text-align:right;
    width:410px;
    display:none;
}
.linklove a, .linklove a:visited {
    font-size: 0.8em;
    font-family: Tahoma;
    color:#aaaaaa!important;
}
/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
*+html ol.cf-ol, *+html ol.cf-ol li {
    display: inline-block;  /*for ie7*/
}
* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt {
    display: inline-block;
}
* html .cform legend {
    position:absolute;
    left: -8px;
    top:0;
    margin-left:0;
}
*+html .cform legend {
    position:absolute;
    left: -8px;
    top:0;
    margin-left:0;
}
* html .cform fieldset {
    position: relative;
    margin-top:15px;
    padding-top:25px;
}
*+html .cform fieldset {
    position: relative;
    margin-top:15px;
    padding-top:25px;
}
* html img.captcha {
    margin-bottom:1px!important;
}
*+html img.captcha {
    margin-bottom:1px!important;
}
/*  Termine Order Form        */

form#searchOrderBy {
    float:left;
    padding-top:0.3em;
}

/* -------------------- Gewinnspiel custom CSS --------------------- */

form.cform li.frage {
    background:#F4F4F4;
    padding-left:19px;
}
form.cform li.cf-box-group {
    background:#F4F4F4 !important;
}

.cform  {
    font-family: Arial, Helvetica, sans-serif;
}

.side.teaser p ,
.shopping-cart-wrapper p {
    font-weight: normal;
}