/*
###############################################################################
EXTRA SIDEBAR
*/

/* ____ EXTRA ________________________________________________________________*/

div#extra {
    position: relative;
    float: left;
    width: 250px;
    color: #333;
}

div#extra h2 {
    background: #868686;
    color: #a92324;
    font-size: 2em;
    text-align: center;
}

body#index div#extra h2 {
    font-size: 1em;
}

div#extra h3 {
    margin: 3em 0 1em;
    font-size: 1em;
    text-align: center;
}

div#extra h4 {
    margin-top: 1em;
    clear: both;
    font-size: 1em;
    text-align: center;
}

div#extra li {
    margin: 0.47em 0;
    font-size: 0.8em;
}

div#extra ul {
    padding-bottom: 0em;
    background: #868686;
}

ul.inlineList,
div#extra ul.inlineList {
    list-style: none;
    padding-left: 1.5em;
}

ul.inlineList:after,
div#extra ul.inlineList:after {
    clear: both;
    display: block;
    height: 1em;
    content: " ";
}

ul.inlineList li,
div#extra ul.inlineList li {
    display: inline-block;
    height: 1.4em;
    float: left;
    width: 44%;
    padding: 0 0.5em;
}

#content ul.inlineList {
    min-height: 12em;
}

ul.inlineList li:before,
div#extra ul.inlineList li:before {
    content: "\2022  ";
}

div#extra p.box {
    width: 80%;
    padding: 1em;
    margin: 1em auto;
    border: 1px solid #505050;
    background: #868686;
    color: #222;
    font-size: 0.8em;
}

div#extra ul.box {
    width: 86%;
    max-height: 800px;
    padding: 1em;
    margin: 1em auto;
    border: 1px solid #505050;
    list-style: none;
    background: #868686;
    color: #222;
    font-size: 1em;
    overflow: auto;
}

div#extra ul.box li {
    width: 98%;
    padding-left: 10px;
    text-align: left;
    background: #868686 url(../_graphics/dot.png) no-repeat center left;
}

div#extra ul.box.mono li {
    width: 98%;
    padding-left: 0;
    background: #868686;
}

div#extra dl.box {
    clear: both;
    width: 99%;
    margin: 0 auto;
    border: 1px solid #505050;
    background: #909090;
    color: #222;
    font-size: 0.8em;
}

div#extra dl.box dt,
div#extra dl.box dd {
    padding: 0em 0.5em;
    margin: 0;
}

div#extra dl.box dt {
    font-weight: bold;
}

div#extra dl.box dd a {
    color: inherit;
    text-decoration: none;
}

div#extra ul.OpelFC {
    width: 98% !important;
    max-height: 500px;
    font-size: 1em;
    overflow: auto;
    /*margin-left   : -8em !important;*/
}

div#extra ul.OpelFC li {
    text-align: left !important;
}

/* ______ ListBox ___________________________________________________________ */

div#extra .listBox + ul {
    width: 98%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    background: #c5c5c5;
    color: #222;
    opacity: 0.9;
    overflow: auto;
}

div#extra ul.mono li {
    list-style: none;
    margin: 0;
    text-align: center;
    font-family: monospace;
}

div#extra .listBox {
    clear: both;
    width: 98%;
    padding: 0.2em 0 23px;
    border-color: #868686;
    border-width: 0 0 2px 0;
    border-style: groove;
    margin: 0 auto;
    cursor: pointer;
}

div#extra .listBox + ul li {
    white-space: pre;
    font-size: 1em;
}

div#extra .listBox + ul li.listHeadInside {
    border: 1px solid #aaa;
    border-width: 1px 0;
    background: #ccc;
    font-weight: bold;
}

div#extra .listBox + ul li.listHeadInsideMain {
    border: 1px solid #aaa;
    border-width: 1px 0;
    background: #585858;
    color: #fff;
    font-weight: bold;
}

body div#extra .listBox + ul li hr {
    display: block;
    width: 66%;
    height: 1px;
    padding: 0;
    border: 1px solid #868686;
    border-width: 1px 0 0 0;
    margin: 0.5em auto;
    background: transparent;
}

/* ______ VCard _____________________________________________________________ */

div#extra div.vcard {
    width: 85%;
    padding: 1em 0;
    border: 5px solid #484848;
    border-width: 0.5em 0;
    margin: 1.5em auto;
    font-size: 0.9em;
}

div#extra div.vcard h2 {
    padding: 0;
    margin: 1em 0;
    font-size: 1.2em;
    color: inherit;
}

div#extra div.vcard div strong {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
}

div#extra div.vcard div.adr {
    padding: 0 0 0 2em;
    margin: 0;
}

div#extra div.vcard ul {
    padding: 0 0 0 2em;
    margin: 1em 0 0 0;
}

div#extra div.vcard ul li.tel {
    margin-bottom: 1em;
}

div#extra div.vcard img {
    width: 181px;
    height: 41px;
    display: block;
    margin: auto;
}

div#extra div.vcard a {
    color: inherit;
}

div#extra div.vcard button {
    margin: 1em auto 0;
    display: block;
    min-width: 150px;
}

div#extra div.vcard strong.fn {
    font-size: 1em;
}

div#extra div.vcard ul li {
    display: block;
    margin: 0;
    font-size: 1em;
}

div#extra div.vcard div#vLink {
    margin-top: 1.5em;
    text-align: center;
}

div#extra div.vcard div#vLink a {
    display: block;
    min-width: 150px;
    width: 99%;
    height: 6em;
    background: url(../_graphics/vcard.png) no-repeat bottom center;
    font-size: 9px;
}

div#extra div.vcard div#vLink a:hover {
    background: url(../_graphics/vcard-hover.png) no-repeat bottom center;
}

div#extra div.vcard div#vLink img {
    width: 150px;
    height: 22px;
    margin-top: 1em;
}

div#extra div.vcard div#vLink img:hover {
    content: url(../_graphics/vcard-hover.png)
}

div#extra div.vcard div#vLink a,
div#extra div.vcard div#vLink img {
    border: 0;
    color: #333;
}

/* ______ print Adress button _______________________________________________ */

div#extra label#printAddressLabel {
    display: block;
    margin-top: 2em;
    text-align: center;
    font-size: 9px;
}

div#extra button#printAddress {
    width: 150px;
    height: 22px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: url(../_graphics/printaddress.png) no-repeat center center;
}

div#extra button#printAddress:hover {
    background: url(../_graphics/printaddress-hover.png) no-repeat center center;
}

/* ______ AddThis ___________________________________________________________ */

div#extra div#addThis {
    width: 85%;
    height: 22px;
    padding: 0;
    padding-bottom: 2em;
    margin: 1.5em auto;
    text-align: center;
}

div#extra div#addThis a {
    display: block;
    width: 150px;
    height: 22px;
    padding: 0;
    border: 0;
    margin: 0 auto;
    background: url(../_graphics/addthis.png) no-repeat center center;
}

div#extra div#addThis a:hover {
    background: url(../_graphics/addthis-hover.png) no-repeat center center;
}