@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto|Roboto+Condensed');


h1, h2, h3                                                                      {color:#f48223;}
h1                                                                              {font:400 2.4em/2.6 Oswald; position:relative;}
h1.xsd-info_h1                                                                  {margin-left:3.25em;}
h1:after                                                                        {font:0.5em/1.2 Oswald; content:attr(type); text-transform:uppercase; color:#ccc; position:absolute; left:0em; bottom:0em;}
h2                                                                              {font:1.8em/2 Roboto Condensed;}
h3                                                                              {font:1.8em/2 Roboto Condensed;}

.button, .button > *                                                            {transition:.1s;}

#sidebar                                                                        {/*position: absolute;*/}
#sidebar nav                                                                    {margin-top:0em; font-family:'Oswald';}
#sidebar nav.stick                                                              {position: fixed; top:2em; z-index: 10;}
#sidebar nav ul                                                                 {list-style-type:none; margin:0; padding:0;}
#sidebar nav li                                                                 {text-align:right; margin-bottom:.2em; text-align:left;}
#sidebar nav li a,
#sidebar nav li ol li a                                                         {font-family:'Oswald'; font-size:1em; font-weight:400; color:#888; font-size:1.5em; line-height:1.2em; text-transform:uppercase; padding:.2em 0; display:block; border-bottom:none; margin-bottom:0; text-align:left; text-transform: none;}
#sidebar nav li a                                                               {}
#sidebar nav li a::after                                                        {border-right:2px solid #eee;}
#sidebar nav li a:hover                                                         {font-style: normal; background:rgba(100,100,100,.2)}
#sidebar nav li:hover ol                                                        {display:block; z-index:10;}
#sidebar a.nav-active                                                           {color:#f48223; font-size:1.8em;}

#sidebar nav li ol                                                              {position:absolute; display:none; background:rgba(250,250,250,.95); box-shadow:0 1px 2px rgba(0,0,0,.1); padding:0.2em 0em 0em 2em; color:#aaa; font-weight:bold; font-size:10px;}
#sidebar nav li ol li a                                                         {font-size:1rem; font-family:'Roboto Condensed'; z-index:11; padding:.2em 2em .2em .4em; font-weight: normal; color: #444;}

.svg-diagram                                                                    {width:100%; max-width:100%; overflow-x:auto; overflow-y: auto; max-height: 300px; transition:.1s;}
.svg-diagram:hover                                                              {max-height:100%;}
.svg-diagram object                                                             {max-width:none;}

.xsd-single                                                                     {width:100%;}

table th, table td                                                              {border: 1px dotted #aaa; padding: 4px; text-align: left;}

.ul-dropdown                                                                    {overflow-y:hidden; display:block; border:1px solid #aaa; border-radius:4px; padding:2px 8px 0px; margin-bottom:.5em;}
.ul-dropdown:hover                                                              {height:auto; z-index:1000;}
.ul-dropdown:hover h3                                                           {background:#fafafa;}
.ul-dropdown:hover ol                                                           {display:block;}
.ul-dropdown h3                                                                 {font-family: 'Oswald'; display:block; margin-left:0;}
.ul-dropdown ol                                                                 {position: absolute; background:rgba(250,250,250,.95); display:none; z-index:1000; padding-left: 2em; box-shadow:0 1px 2px rgba(0,0,0,.2);}
.ul-dropdown ol li                                                              {}
.ul-dropdown ol li a                                                            {padding:2px 1.2em 0px 8px; display:block;}

ul.std-overview ul                                                              {grid-template-columns: repeat(3, 32%);
	display: grid;
  	grid-gap: .7em 1%;
  	position:relative; margin-bottom:2em;
  
}
ul.ul-std-overview li a															{font: 1.2em/1.2em Oswald; color:#444;}

ul.std-overview li                                                              {position:relative; padding:.7em 1em; background:#eee;}/*
ul.std-overview li a::before                                                    {content:''; width:120px; height:160px; display:block; background:#eee; position:absolute; top:1px; left:1px;}*/
ul.std-overview li h3 a                                                         {color:#f48223; font-family:Oswald; border:none;}
ul.std-overview li a:hover                                                      {background:#eee;}
ul.std-overview li a:hover::before                                              {border-right:2px solid #ccc; border-bottom:2px solid #ccc;}
ul.std-overview li h3                                                           {font-family:Oswald; margin-left:auto; grid-area:none;}

ul.std-overview li span.description                                             {color:#444; /*height:62px;*/ overflow:hidden; display:block; margin-bottom:.5em; transition: .4s;}
ul.std-overview li span.description:hover                                       {height:auto; /*min-height:60px;*/}
ul.std-overview li span.vrs                                                     {font-weight:bold; color:#888; margin:.5em 0 0; display:block;}
ul.std-overview li span a 														{display:block; line-height:1.5; padding: 0.5em 1.2em 0.2em 1.2em; font-size: 12pt; text-align: right; color:#888;}
ul.std-overview li span a:hover													{background:rgba(200,200,200,.7);}

.hvr                                                                            {position: relative; cursor:pointer; border:1px solid #eee; padding-left:5px;}
.hvr > div.hvr-hide                                                             {display:none; position: absolute; text-transform: none; width:180px; cursor:auto;}
.hvr > div.hvr-hide > .message-body                                             {display:block; line-height:1.5; text-align:left;}
.hvr:hover                                                                      {border:1px solid #ddd;}
.hvr:hover > div.hvr-hide                                                       {display:block;}

/* #d2t: XSD */
#xsd-index                                                                      {}
#xsd-index h2, .xsd-single h2                                                   {font-size:1.5em; color:#888; color:#f48223; padding-top:1em; margin-bottom:.5em;}
#xsd-index ol                                                                   {column-width:18em;}
#xsd-index ol li                                                                {margin-left:1.8em;}
#xsd-index section, #index-home section                                         {margin:1em 0;}

#index-home                                                                     {position: relative;}

section h3.valid::before                                                        {content:'✔';}
section h3.invalid::before                                                      {content:'✘';}
div.code                                                                        {background:#f0f0f0; overflow:auto; padding:1em; max-height:24em; grid-area:code; margin:0 0 2em;}
div.object                                                                      {margin:0 0 1em; max-height:20em; border: 1px dashed #aaa; grid-area:svg; overflow:auto;}
div.object object                                                               {margin-left:-1em; max-width:100%;}
div.object:hover                                                                {max-height:none;}
/* #d2t: GENERAL END */


.quellcodetabelle           													{position:relative; left:2em; counter-reset: section; border:0; width:95%; width:calc(100% - 2em); cellpadding: 0; cellspacing: 0;}
.quellcodetabelle tr          													{}
.quellcodetabelle tr:before {
					counter-increment: section;
				    content: counter(section);
				    text-align: right;
				    width: 1.5em;
				    display: block;
				    margin: 0;
				    padding: 0;
				    position: absolute;
				    left: -2em;
				    line-height: 1.8rem;
				    font-size: .8em;}

.quellcodetabelle td          													{padding:0;}
.quellcode                  													{line-height: 100%; font-family: "PT Sans", sans-serif;}
.quellcodelink              													{color: black; text-decoration: none;}
.quellcodeabs               													{line-height: 100%; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 8pt;}
span[itemid]:after          													{content: attr(itemid); color: gray; font-size: 70%; text-align: right;}
.einruecken                 													{text-indent:-10px; line-height:1.8rem;}
.cce6ff                     													{background:#cce6ff;}
.fafafa                     													{background:#fafafa;}
.col_1                      													{/*  width: 30px;*/}
.col_2                      													{/*      width: 5px;*/}
.col_3                      													{/*      width: 700px;*/}
.eig-bold                   													{color: #006699; font-weight: bold;}
.eig-bolder                 													{color: #006699; font-weight: 900;}
.td, td                     													{padding: 1px 3px 1px 3px;}
.col-gr                     													{color:gray;}
.col-sc                     													{color:black;}
.col-bl                     													{color:blue;}
.bold                       													{font-weight:bold;}

/* d2t:2018-04-20 - FIX until next sample version update :: LEFT: 3em instead of 2em for samples counter */
.quellcodetabelle           													{left:3em; width:90%; width:calc(100% - 3em);}
.quellcodetabelle tr:before    													{left:-3em;}

.quellcodetabelle th, .quellcodetabelle td                                      {border:none;}


@media only screen and (max-width: 920px){
    .d2t_nav                                                                    {margin-top:0.5em !important; height:32px; overflow:hidden;}
    .d2t_nav:hover                                                              {height:auto;}
    .d2t_nav ul > li                                                            {display:inline-block;}
    .d2t_nav ul > li a                                                          {padding:0 5px 0; background:none !important;}
    .d2t_nav ul > li ul                                                         {display:none;}
    #sidebar                                                                    {position: relative;}
    #sidebar nav                                                                {position:relative; margin-top:-2em; left:0; padding:0.8em 1em; z-index: 10000; width:100%; border-bottom:1px solid #aaa;}
    #sidebar nav.stick                                                          {width:100%; top:0; background:#fff; margin:0; height:56px; overflow:hidden;}
    #sidebar nav.stick:hover                                                    {height:auto;}
    #sidebar nav ul > li                                                        {display:inline-block;}
    #sidebar nav li a                                                           {margin:0 .5em; font-size:1em; text-transform:none; padding:.5em 0;}
    #sidebar a.nav-active                                                       {color:#f48223; font-size:1em;}

    #xsd-index section                                                          {margin:0em 0;}
    #index-home                                                                 {margin-top:-1em;}
    h1.xsd-info_h1                                                              {margin-top:1em;}

    ul.std-overview ul                                                          {grid-template-columns: repeat(3, 32%);}

}

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

    header                                                                      {margin-top:0em;}
    #xsd-index section                                                          {padding:3em 1em 1em;}
    #xsd-info article                                                           {padding:0;}

    ul.std-overview ul                                                          {grid-template-columns: repeat(2, 49%);}
}