/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @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: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 * @appdef yaml
 */

@media all {

    /**
    * @section global typography settings
    *
    * vertical rhythm settings (based on em-unit)
    * -------------------------------------------
    * basefont-size: 14px (87.5%)
    * line-height  : 21px (factor: 1.5)
    */

    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html * { font-size:100%;   
             /*-webkit-user-select: none;*/  /* Chrome all / Safari all */
             -moz-user-select: none;     /* Firefox all */
             -ms-user-select: none;      /* IE 10+ */

             /* No support for these yet, use at own risk */
             -o-user-select: none;
             user-select: none;  
    }

    textarea, input {
        -moz-user-select: text !important;	
    }

    /*
    20px 125%
    19px 118,75%
    18px 112.5%
    17px 106.25%	
    16px 100%
    15px 93.75%
    14px 87.50%
    13px 81.25%
    12px 75%
    11px 68.75%
    10px 62.5%
     9px 56.25%
     8px 50%
     7px 43.75
    */

    /**
    * (en) reset monospaced elements to font size 16px in all browsers
    * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
    *
    * @see: http://webkit.org/blog/67/strange-medium/
    */

    textarea,
    pre,
    code,
    kbd,
    samp,
    var,
    tt {
        font-family: Arial, Helvetica, sans-serif;
    }

    /* (en) base layout gets standard font size 15px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 15 Pixeln */
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size:75%;
        color:#fff;
        /* (en) Prevent auto-scaling of text in mobile webkit browsers */
        /* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
        -webkit-text-size-adjust:100%;
    }

    /*--- Headings | Überschriften ------------------------------------------------------------------------*/

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        text-transform:uppercase;
        color:#fff;
        margin:0;	
       /* background-color: rgb(0,0,0);*/
        background-color: rgba(0,0,0,.8);
        /*background-color: transparent\9;*/
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);*/
        /* zoom:1; da meckert der CSS3 Validator */
      /*  font-style:italic;*/
    }

    h1 {
        font-size:350%;
        line-height: 0.8571em;
        margin: 0.4286em 0 0;
    }

    h2 {
        font-size:250%;
        line-height: 1.2em;
        margin: 0.6em 0 0 0;
    }

    h3 {
        font-size:175%;
        line-height: 0.8571em;
        margin:0.8571em 0 0 0;
    }

    h4 {
        font-size:125%;
        line-height: 1.2857em;
        margin:0 0 0 0;
        white-space:normal;
        padding:0.7em 1em 0.7em 1.2em;
    }

    h5 {
        font-size:116.67%;
        line-height: 1.2857em;
        margin: 1.2857em 0 0 0;
    }


    h5{
        font-size: 14px !important;
        line-height: 1.2857em;
    }

    h6 {
        font-weight: normal;
        font-size:112.5%;
        line-height: 1.5em;
        margin: 0 0 0.5em 0;
        background-color: transparent;
        color: #000;
        /*border-bottom: solid 1px #000;		*/
    }
    #applyMaterial h6, #applyProfileMaterial h6,#applyInteriorMaterial h6, .doitProfileTab h6, .doitInterSysTab h6{
        color:#fff;
    }
    
    h7 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 400;
        text-transform:uppercase;
        color:#fff;
        margin:0;	
        
        /*background-color: transparent\9;*/
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);*/
        /* zoom:1; da meckert der CSS3 Validator */
        font-style:italic;
        font-weight: normal;
        font-size:112.5%;
        line-height: 1.5em;
        margin: 0.5em 0 0.5em 0;
        background-color: transparent;
      
        border-bottom: solid 1px #fff;
        width: 100%;
    }

    #doitInterTabDelete h6, #doitInterTabMove h6{
        color: #fff;
        border-bottom: solid 1px #555;	
        font-size:13px !important;
    }

    /*	p {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;		
            }*/

    /* --- Lists | Listen  -------------------------------------------------------------------------------- */

    ul,
    ol,
    dl {
        font-size:1em;
        line-height:1.5em;
        margin: 1.5em 0 0 1em;
    }

    ul {
        list-style-type:disc;
    }

    ol {
        list-style-type:decimal;
    }

    ul ul {
        list-style-type:circle;
        margin-top:0;
    }

    ol ol {
        list-style-type:lower-latin;
        margin-top:0;
    }

    ol ul {
        list-style-type:circle;
        margin-top:0;
    }

    li {
        font-size:1em;
        line-height:1.5em;
        margin-left:0.8em;
    }

    dt { font-weight:bold; }

    dd { margin:0 0 1.5em 0.8em; }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

    p {
        font-size:1em;
        line-height:1.5em;
        /*margin: 1.5em 0 0 0;*/
    }

    blockquote, cite, q {
        font-family: Arial, Helvetica, sans-serif;
        font-style:italic;
    }

    blockquote {
        margin:1.5em 0 0 1.5em;
        color:#666;
    }

    strong, b { font-weight:bold; }

    em, i { font-style:italic; }

    big {
        font-size:116.667%;
    }

    small {
        font-size:81.25%;
    }

    x-small {
        font-size:75%;
    }

    xx-small {
        font-size:62.5%;
    }

    pre,
    code,
    kbd,
    tt,
    samp,
    var {
        font-size:100%;
    }

    pre {
        line-height:1.5em;
        margin: 1.5em 0 0 0;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }
    pre, code { color:#800; }

    kbd, samp, var, tt {
        color:#666;
        font-weight:bold;
    }

    var, dfn { font-style:italic; }

    acronym, abbr {
        border-bottom:1px #aaa dotted;
        font-variant:small-caps;
        letter-spacing:.07em;
        cursor:help;
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup { top: -0.5em; }
    sub { bottom: -0.25em; }

    mark {
        background: #ff0;
        color: #000;
    }

    hr {
        color:#fff;
        background:transparent;
        margin:0 0 0.75em 0;
        padding:0 0 0.75em 0;
        border:0;
        border-bottom:1px #eee solid;
    }


    /*--- Links ----------------------------------------------------------------------------------------- */

    a {
        color:white;
        background:transparent;
        text-decoration:none;
        /*transition: all 0.15s ease-out;*/
    }

    a:active { outline: none; }

    /* (en) maximum constrast for tab focus - change with great care */
    /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
    a:hover,
    a:focus {
        /*background: none repeat scroll 0 0 #fff;	*/
        color: #000;
        /*		background:#fff;
                        text-shadow: 0 1px 1px rgba(0,0,0,.5);*/
        text-decoration:none;		
    }



    /* --- images ------------------ */

    img,
    figure {
        margin: 0;
        transition: background-color 0.2s ease-out;
    }

    /*	.flexible {
                    margin-top: 1.5em;
                    max-width: 100%;
                    height: auto;
            }*/

    /*	* html .flexible {	 IE6 support 
                    width: 98%;		 2% space for borders 
            }*/

    /*	.bordered {
                    margin-top: 1.5em;
                    border: 2px #eee solid;
                    border: 2px rgba(255,255,255,1) solid;
                    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
                    -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
                    box-shadow: 0 0 3px rgba(0,0,0,.25);
            }*/

    /**
    * ----------------------------------------------------------------------- #
    *
    * Generic Content Classes
    *
    * (en) standard classes for positioning and highlighting
    * (de) Standardklassen zur Positionierung und Hervorhebung
    *
    * @section content-generic-classes
    */
    /*	.highlight {
                    color:#c30;
            }*/

    /*	.dimmed {
                    color:#888;
            }*/

    /*	.box {
                    border-radius: 0.3em;
                    border-width: 1px;
                    border-style: solid;
                    border-color: #888;
                    border-color: rgba(0,0,0,.3);
                    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
                    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
                    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
                    color: #444;
                    color: rgba(0,0,0,.8);
                    padding: 1.4286em;
                    margin: 1.5em 0 0 0;
            }*/

    /*	.box > *:first-child {
                    margin-top: 0;
            }*/

    /*	.label {
                    font-family: Verdana, Geneva, sans-serif;
                    padding: 1px 6px 2px;
                    display: inline-block;
                    vertical-align:middle;
                    letter-spacing: normal;
                    white-space:nowrap;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    background: #06C;
                    color: #fff;
                    font-size: 10px;
                    line-height: 12px;
            }*/

    /*	.info {
                    background:#f4f4f4;
            }*/

    /*	.success {
                    background:#8c8;
            }*/

    /*	.warning {
                    background:#cc8;
            }*/

    /*	.error {
                    background:#c88;
            }*/

    /*	.float-left {
                    float:left;
                    display:inline;
                    margin: 1.5em 1em 0 0;
            }*/

    /*	.float-right {
                    float:right;
                    display:inline;
                    margin: 1.5em 0 0 1em;
            }*/

    /*	.center {
                    display:block;
                    text-align:center;
                    margin: 1.5em auto 0 auto;
            }*/

    /**
    * ------------------------------------------------------------------------------------------------- #
    *
    * Tables | Tabellen
    *
    * (en) Generic classes for table-width and design definition
    * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
    *
    * @section content-tables
    */

    /*	table {
                    width:100%;
                    border-collapse:collapse;
                    margin: 1.3571em 0 0 0;
                    color:#333;
                    border-top: 1px #ccc solid;
                    border-bottom: 1px #ccc solid;
            }
    
            table.narrow {
                    margin:  1.4286em 0 0 0;
            }
    
            table.narrow th,
            table.narrow td {
                    padding: 0 0.5em;
                    line-height: 1.4286em;
            }
    
            table.bordertable {
                    border:1px #ccc solid;
            }
    
            table caption {
                    font-variant:small-caps;
            }
    
            th, td {
                    line-height: 1.5em;
                    vertical-align: top;
                    padding: 0.7143em 0.5em;
            }
    
            th *:first-child,
            td *:first-child {
                    margin-top: 0;
            }
    
            th.nowrap,
            td.nowrap {
                    white-space: nowrap;
            }
    
            thead th {
                    text-align: left;
                    color:#000;
                    border-bottom:2px #000 solid;
            }
    
            .bordertable thead th {
                    background:#e0e0e0;
                    border-right:1px #ccc solid;
                    border-bottom:1px #ccc solid;
            }
    
            .bordertable tbody th[scope="row"] {
                    background:#f0f0f0;
            }
    
            tbody th {
                    text-align: left;
                    border-top:1px solid #ccc;
                    text-align:left;
            }
    
            .bordertable tbody th {
                    border-right:1px solid #ccc;
            }
    
            tbody td {
                    text-align: left;
                    border-top:1px solid #ccc;
            }
    
            .bordertable tbody td {
                    border-right:1px solid #ccc;
            }
    
            highlight row on mouse over
            tbody tr:hover th,
            tbody tr:hover td {
                    background:#f8f8f8;
            }*/

    /**
    * ------------------------------------------------------------------------------------------------- #
    *
    * raumplus Spezielles | raumplus specials 
    *
    * (en) Generic classes for raumplus special definitions
    * (de) Generische Klassen für raumplus Spezielles
    *
    * @section raumplus-specials
    */


    .doitRpLogo {
        padding: 0;
        position: relative;
        top: 1px;		
        vertical-align: text-bottom;
    }

    .doitUnderline {
        background-color: #555;
        height: 1px;
        width: 112%;		
        padding: 0px !important;
        margin: 0px !important;
        position: relative;
        top: -1.0em;
        left: -0.5em; 
        display:none;
    }
    .doitUnderlineIn{
        background-color: #555;
        height: 1px;
        width: 112%;		
        padding: 0px !important;
        margin: 0px !important;       
        left: -0.5em;      
        position: relative;
        top: 0.4em;
        display: block;
       
    }
    
    .ui-accordion-content > .doitUnderline, .doitTabSection > .doitUnderline{
      background-color: #555;
      height: 1px;
    }

    .ui-tabs-panel p {
        margin-top: 0.5em;	
    }

    .doitFeasText {
        color: #afc100 !important; 
        font-weight: bold;
        width: 98%;
    }	

    #cusLogo a, #cusLogo a:hover,#cusLogo a:active,#cusLogo a:focus {
        background-color: transparent;
        outline: none;
        border: none;
        text-decoration: none;
        color:transparent;
    }
    #cusLogo img{
        max-width: 100%;
        max-height: 100%;

    }
    
    #doitLoadStatusMsg span{
        font-weight:bold;        
    }
   
}
@media screen and ( max-device-width: 800px ) {
 h5{
        font-size: 11px !important;
 
    }
    
}