.html {
    min-width: 750px;
    font-size: 14px;
}

.doc {
    padding: 50px 0 0 0;
}


/* Breadcrumbs */

.breadcrumbs {
    margin-top: -17px;
    margin-bottom: 20px;
}


/* Menu TOC  */

@media only screen and (max-width: 960px) {
    /*
		hides the TOC Tree below 960px.
		Grid is not used here to allow animation
	*/
    #tf-tocSwitch {
        cursor: pointer;
        width: 100px;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
    #tf-tocSwitch .icon {
        background-image: url(/de/shop/skin/frontend/tinkerforge/default/images/icon_sprite.png);
        background-position: 4px 4px;
        height: 30px;
        width: 30px;
        display: inline-block;
        vertical-align: middle;
    }
    #tf-tocSwitch:hover .icon {
        background-position: -46px 4px;
    }
    #tf-tocSwitch .label {
        color: #333;
    }
    #tf-tocSwitch {
        position: absolute;
        z-index: 1100;
        margin-top: -43px;
    }
    #tf-tocSwitch img {
        padding: 5px;
        height: 27px;
    }
    #tf-tocSwitch img:hover {
        cursor: pointer;
    }
    .tf-toctreeWrapper {
        border-top: 3px solid #00AAEA;
        padding-bottom: 20px;
        margin-top: -6px;
        position: absolute;
        z-index: 1000;
        display: none;
        background: #fff;
    }
    .tf-toctreeWrapperOpen {
        left: 0;
        background: #fff;
        opacity: 0.97;
        box-shadow: 0 1px 4px #222;
        display: block;
    }
    .toctree {
        margin-left: 10px;
    }
}

/* YouTube */

iframe.youtube {
    max-width: 100%;
    margin: auto;
    text-align: center;
    display: block;
}


/* Shoplink */

#shoplink {
    line-height: 40px;
    font-size: 150%;
    float: right;
    padding-top: 5px
}

@media only screen and (max-width: 960px) {
    #shoplink {
        padding-top: 5px
    }
}


/* Doc-Content */

.headerlink {
    margin-left: 5px;
    font-size: 70%;
    line-height: 70%;
    display: none;
}

.doc-content {
    margin-bottom: 50px;
}

.doc-content h1:hover .headerlink,
.doc-content h2:hover .headerlink,
.doc-content h3:hover .headerlink,
.doc-content h4:hover .headerlink,
.doc-content h5:hover .headerlink {
    display: inline;
}

.doc-content h1 {
    margin-top: -3px;
}


/* Gallery */

#gallery {
    max-width: 100%;
    display: block;
    text-align: center;
}

#gallery>a {
    line-height: 510px;
    vertical-align: middle;
}

#gallery>a>img {
    max-width: 100%;
    max-height: 500px;
    vertical-align: middle;
}

#gallery ul {
    list-style: none;
    padding: 0;
}

#gallery li {
    display: inline-block;
}

#gallery-thumb {
    display: block;
    text-align: center;
    margin-right: 3px;
    margin-bottom: 3px;
    overflow: hidden;
    border: 1px solid #B3B3B3;
}

#gallery-thumb img {
    display: block;
    width: 75px;
    height: 75px;
}

#gallery-thumb:hover {
    border: 1px solid #00AAEA;
}


/* tables */

.docutils {
    border: 0;
    border-bottom: 1px solid #B3B3B3;
    border-spacing: -0px;
    width: 100%;
}

.docutils th {
    font-size: 100%;
    text-align: left;
    padding-left: 7px;
}

.docutils td {
    border: 0;
    padding-left: 7px;
}

.docutils tbody>tr {
    transition: all .2s;
}

.docutils tbody>tr:hover {
    background-color: #ecf0f1;
    transition: all .2s;
}

.tfdocimages.container {
    margin: 10px 0;
}

.tfdocimages.container table {
    border-bottom: 0;
}

.tfdocimages.container table tr:hover {
    background-color: #fff;
}


/* lists */

.section ul,
.section ol {
    margin-top: 0px;
    padding-left: 28px;
}


/* images */

.align-center {
    display: block;
    text-align: center;
    margin: auto;
}

.image-reference {
    text-align: center;
    margin: auto;
}


/* hardware table */

.category_body h3 {
    font-size: 120%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

.category_content {
    display: inline-table;
    margin-right: 5px;
}

.category_content_inner {
    display: inline-table;
}

.category_body ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
    margin-right: 10px;
}


/* API tables */

.category_head {
    line-height: 20px;
    font-size: 130%;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: color 0.2s;
    border-top: 1px solid #ccc;
}

.category_head:hover {
    color: #00AAEA;
    cursor: pointer;
}

.category_api_outer {
    border-bottom: 1px solid #ccc;
}

.category_body {
    margin-bottom: 10px;
}

.category_body p {
    margin: 10px 0 0 0;
    padding-left: 20px;
}

.category_api_outer .category_content:first-child {
    padding-left: 20px;
}

.category_body h3 {
    margin-top: 5px;
}


/* tf license */

#tf_license {
    height: 45px;
    line-height: 10px;
    vertical-align: top;
    border-top: 1px solid #B3B3B3;
    padding-top: 5px;
    margin-top: 50px;
    font-size: 80%;
}

#tf_license a {
    vertical-align: top;
}

#tf_license img {
    margin-right: 10px;
}


/* API BINDINGS */


/* Code Highlights */

.highlight {
    padding: 10px;
    background-color: #eee;
    margin-top: 1em;
}

.highlight pre {
    margin: 0;
    max-width: 100%;
    /* IE and FF fix*/
    overflow-x: auto;
}

.linenodiv {
    padding-top: 10px;
    margin-top: 1em;
}

.linenodiv pre {
    margin: 0;
}

/* Node / Admonition */

.note,
.warning {
    padding: 5px 10px;
    margin-bottom: 14px;
}

.note {
    background-color: #ffff99;
}

.warning {
    background-color: #ff9999;
}

.note p,
.warning p {
    display: inline;
}

.admonition-title {
    font-weight: 600;
    margin-right: 10px;
}


/* File references */

.literal {
    background-color: #f5f5f5;
    padding: 3px;
    border: 0;
}


/* Images */

.doc img {
    max-width: 100%;
    height: auto !important;
}


/* LabView Images */

.horizontal-image-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    /*max-width: 750px;*/
    margin: auto;
}

.horizontal-image-scroll img {
    max-width: none;
}

/* API */

.field-list {
    margin-top: 1em;
    line-height: inherit;
}

.field-list th {
    border-bottom: 0px;
    width: 160px;
}

.field-list td {
    border-top: 1px solid #B3B3B3;
}

.field-list td p {
    margin-top: 0;
}

.field-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.field-list ul ul.simple-inner {
    margin-left: 1em;
}

.field-body p {
    padding: 0;
    margin: 0;
}

dl .descname {
    font-weight: bold;
}

dl.function em,
dl.callback em,
dl.member em.property,
dl.constant em.property {
    font-style: normal;
}

table td.linenos {
    width: 35px;
}

table.highlighttable {
    table-layout: fixed;
    border-bottom: none;
    line-height: inherit;
}

div#api {
    word-wrap: break-word;
}

abbr[title] {
    text-decoration: none;
}