/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * YAML form theme: "doit-theme"
 *
 * @copyright			 Copyright 2005-2012, Dirk Jesse, raumplus
 * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                       YAML-CDL (http://www.yaml.de/license.html)
 * @link                 http://www.yaml.de
 * @package				 yaml
 * @version              v4.0.1
 * @revision             $Revision: 729 $
 * @lastmodified         $Date: 2012-03-03 13:20:39 +0100 (Sa, 03 Mrz 2012) $
 */

@media screen and (min-width: 0px){

    /**
    * @section general width settings for formular elements in modern browsers
    *          switching to CSS3 box modell "border-box" for perfect flexible forms
    *
    * Styling for: <labels>, <input>, <textarea> and <select>
    *
    */


    .doitColumnar label {
    }

    input {

    }

    input[type="button"], input[type="submit"] {
        -webkit-appearance: none;		
    }  


    .doitColumnar .doitFBoxText input { 
        width:70%; 
        margin-right: 5px;
    }


    .doitPanelForm input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .doitColumnar label {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .doitColumnar .doitFBoxText input { 
        width:20%; 
    }

}


@media screen, projection {

    /**
    * @section general form styling of doit panel forms
    *
    * Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
    *
    */
    .doitPanelForm {
        margin: 0;
        padding: 0;
        font-size: 112.5%;
        position: relative;
    }


    .doitPanelForm label {
        color:#000;
        line-height: 1.5em;
        margin-right: 0.5em;
    }


    /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
    .doitPanelForm div.doitFBoxText {
        padding: 0;
        margin-top: 1em;
        width: 100%;
        display: inline-block;
        white-space: nowrap;
    }


    .doitPanelForm h6 {
        color: #000;
        margin: 1em 0 0 0;
    }

    /**
    * @section styling form elements
    *
    * Styling for: Input, Textarea, Select ...
    *
    */

    /* styling standard form elements with 'almost' equal flexible width */
    /* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
    .doitPanelForm .doitFBoxText input{
        padding: 0.25em 0.3em;
        margin-top: -3px;
        width: 5em;
    }

    .doitPanelForm .doitFBoxText input{
        border:1px solid #000;
        background-color: #fff;
        -moz-appearance: textfield;
    }

    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none !important; 
        -moz-appearance: none !important;
        margin: 0 !important; 
    }

    #doitContactForm p, #doitContactForm div, #doitContactForm label, 
    #doitSendForm p, #doitSendForm div, #doitSendForm label,
    #doitOrderForm p, #doitOrderForm div, #doitOrderForm label,
    #doitProjectForm, #doitProjectForm div, #doitProjectForm label {
        color: #fff;
    }

    .doitPanelForm input[type="submit"],
    .doitPanelForm input[type="button"]{
        float: right;
        margin-top: 0.8em;
        border: none;
        padding-top: 0.65em;
        padding-bottom: 0.65em;
        margin-left: 0.8em;
        background-color: transparent;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAADNJREFUCJlty7ENADAIA8EPI3gU7z8TKyQdQQiXZ/2xfWmTBEBsmJn/6FjFRIDYsIqJknietBDX0wAGqAAAAABJRU5ErkJggg==');          
        background-repeat: repeat;
        color: #fff;
        font-size: 14px;
        padding: 0.7em 1.6em 0.7em 1.6em;
        outline: 0;
        cursor: pointer;
        list-style-type: none;
        outline: none;
        color: transparent;
        text-shadow: 0 0 0 #fff;
    }		


    #doitLoadForm input[type="button"] {
        margin-right: 0.8em;
        margin-left: 0em;
        font-size: 15px;
    }	

    .doitPanelForm input[type="submit"]:hover,
    .doitPanelForm input[type="button"]:hover{
        /*ackground-image: url(../../../images/textureNextOver.png);*/
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAMAAADXEh96AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFlpaWtbW1SRkBXAAAABRJREFUeNpiYAACRkZ8JAOEDRBgAAEmAA0caJ5QAAAAAElFTkSuQmCC');
        outline: 0;

    }


    #doitStart:hover {
        background: #afc100;		
    }


    #doitLoadXMLConfA:hover {
        background: #888;		
    }



    /**
    * @section doitPanelForm Buttons
    *
    */
    .doitPanelForm input[type="reset"] {
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        font-size: 75%;
        position: absolute;
        right: 1em;
        bottom: 1.1em;
        padding: 2px;
        border: medium none;

    }

    .doitPanelForm input[type="reset"] {
        color: #fff;			
    }

    button::-moz-focus-inner, 

    input[type="reset"]::-moz-focus-inner {     
        padding: 0 !important;     
    } 





    .doitPanelForm input[type="reset"]:focus {
        color: #000;
        background-color: #ddd;
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd); /* Da meckert der CSS Validator, aber diese Anweisung wird benötigt */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd') ; /* Da meckert der CSS Validator, aber diese Anweisung wird benötigt */  
    }

    .doitPanelForm input[type="reset"]:hover {
        color: #000;
        background-color: #ddd;
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd); /* Da meckert der CSS Validator, aber diese Anweisung wird benötigt */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');  /* Da meckert der CSS Validator, aber diese Anweisung wird benötigt */
    }


    .doitPanelForm input[type="reset"]:active {
        background-color: #bbb;
        background-image: -webkit-linear-gradient(top, #ccc, #bbb);
        background-image: -moz-linear-gradient(top, #ccc, #bbb);
        background-image: -ms-linear-gradient(top, #ccc, #bbb);
        background-image: -o-linear-gradient(top, #ccc, #bbb);
        box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
    }


    /* If line-height can't be modified, then fix Firefox spacing with padding */

    .doitPanelForm input[type=reset]::-moz-focus-inner {
        padding: .4em;
    }


    /**
    * @section raumplus Link-Buttons
    */


    /**
    * @section doitNrDoorsButton
    *
    */

    .doitNrDoorsButton, .doitNrDivRailsBtn  {
        white-space: nowrap;

        border: 1px solid #000;
        color: #000 !important;
        cursor: pointer;
        margin: 0em 0em 0 0;
        /*		overflow: visible; removes extra side spacing in IE*/
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        font-size: 150%;
        padding: 0.4em;
        background-color:#fff;
        /* padding: 1em 0.6em 1em 0.6em;*/
        padding: 0.6em 0.4em 0.6em 0.4em;
        
    }
    .doitNrDoorsButton{
        min-width: 2.4rem;
    }

    .doitNrDoorsButton:hover,.doitNrDoorsButton:active, .doitNrDoorsButton.active, .doitNrDoorsButton:focus,
    .doitNrDivRailsBtn:hover, .doitNrDivRailsBtn:active, .doitNrDivRailsBtn.active, .doitNrDivRailsBtn:focus{
        background-color: #ccc;
        background-image: -webkit-linear-gradient(top, #fafafa, #ccc);
        background-image: -moz-linear-gradient(top, #fafafa, #ccc);
        background-image: -ms-linear-gradient(top, #fafafa, #ccc);
        background-image: -o-linear-gradient(top, #fafafa, #ccc);

    }

    .doitNrDoorsButton:active, .doitNrDivRailsBtn:active {
        background-color: #ccc;
        background-image: -webkit-linear-gradient(top, #ccc, #ccc);
        background-image: -moz-linear-gradient(top, #ccc, #ccc);
        background-image: -ms-linear-gradient(top, #ccc, #ccc);
        background-image: -o-linear-gradient(top, #ccc, #ccc);
        /* background-image: linear-gradient(top, #ccc, #ccc); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#cccccc'); da meckert der CSS3 Validator */
        box-shadow: 2px 2px 3px rgba(0,0,0,.2) /*inset*/;
    }


    .doitNrDoorsButton:focus, .doitNrDivRailsBtn:focus/*,
    #doit-room-submit:focus*/ {
        outline: 0;
        background-color: #ccc;
        background-image: -webkit-linear-gradient(top, #fafafa, #ccc);
        background-image: -moz-linear-gradient(top, #fafafa, #ccc);
        background-image: -ms-linear-gradient(top, #fafafa, #ccc);
        background-image: -o-linear-gradient(top, #fafafa, #ccc);
        /*		background-image: linear-gradient(top, #fafafa, #ccc);
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#cccccc');	da meckert der CSS3 Validator	*/
    }

    /* pseudo elements don't work on input */
    /*.ym-form button:before,*/
    .doitNrDoorsButton:before, .doitNrDivRailsBtn:before {
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        /*pointer-events: none; da meckert der CSS3 Validator */
    }



    /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
    * html .doitNrDoorsButton, * html .doitNrDivRailsBtn/*,
    * html .ym-form button*/ {
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); da meckert der CSS3 Validator */
        border: 1px solid #777;
        color: #333 !important;
        cursor: pointer;
        font: normal 1em/2em Arial, Helvetica;
        margin: 1.5em 0.75em 0 0;
        padding: 0 1.5em;
        overflow: visible; /* removes extra side spacing in IE */
        text-decoration: none !important;
    }


    * html .doitNrDoorsButton:focus, * html .doitNrDivRailsBtn:focus {
        outline: 0;
        background: #fafafa;
    }

    * html .doitNrDoorsButton:hover, * html .doitNrDivRailsBtn:hover {
        background-color: #ddd;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd'); */
    }

    * html .doitNrDoorsButton:active, * html .doitNrDivRailsBtn:active {
        background-color: #bbb;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb'); da meckert der CSS3 Validator */
        position: relative;
    }

    .doitNrDivRailsBtn{
        margin-bottom: 5px;
    }





    /**
* @section raumplus Save-Buttons
*
*/


    /**
    * @section raumplus Reset-Buttons
    *
    * inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
    */

    .doitResetbutton {
        background-color: transparent;
        border-style: solid;
        border-width: 1px;
        border-color: transparent !important;
        cursor: pointer;
        /*font-style: italic;*/
        box-shadow: none !important;
        overflow: visible; /* removes extra side spacing in IE */
        text-decoration: none !important;
        text-shadow: none !important;
        font-size: 81.25% !important;
        margin: 0.5em 0em 0.0em 0.0em;
        padding: 0.1em 0em 0.1em 0.0em;		
        float: right;
        position: static !important;
    }


    .doitResetbutton:hover {	
        color: #000 !important;
        background-color:#fff;
        text-decoration:none;
    }


    .doitResetbutton:active {
        color: #000;
        background-color:#fff;
        text-decoration:none;
    }


    .doitResetbutton:focus {
        border-color: #fff;
        border-width: thin;
        border-style: dotted;
        outline: 0;
    }



    /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
    * html .doitResetbutton/*,
    * html .ym-form button*/ {
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); da meckert der CSS3 Validator  */
        border: 1px solid #777;
        color: #333 !important;
        cursor: pointer;
        font: normal 1em/2em Arial, Helvetica;
        margin: 1.5em 0.75em 0 0;
        padding: 0 1.5em;
        overflow: visible; /* removes extra side spacing in IE */
        text-decoration: none !important;
    }

    /** html .ym-form button:focus,*/
    * html .doitResetbutton:focus {
        outline: 0;
        background: #fafafa;
    }

    /** html .ym-form button:hover,*/
    * html .doitResetbutton:hover {
        background-color: #ddd;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd'); da meckert der CSS3 Validator  */
    }

    /** html .ym-form button:active,*/
    * html .doitResetbutton:active {
        background-color: #bbb;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb'); da meckert der CSS3 Validator */
        position: relative;
        top: 1px;
    }


    #doitInteriorResetHeight, #doitInteriorResetDepth {
        margin-right: -0.2em;	
    }

    /**
    * @section doit view buttons
    *
    */


    /*#doitFooter, */#doitFooter2 {
        position: absolute;
        display: none;
        overflow: hidden; /*Einschließen der floats*/
    }       


}