/* Stylesheet for Advamation.de

:Version:   2014-03-04
:Author:    Roland Koebler, Cletech Ltd. & Co. KG
:Copyright: Roland Koebler, Cletech Ltd. & Co. KG
*/

body {
    background: #384e7b;
    max-width: 70em;
    margin: 1em auto;
    padding-left: 1ex;
    padding-right: 1ex;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 90%;
}

img { border-style: none; }

h1  { font-size: 175%; }
h1.title { background-color: #7A7A7A; color: #ffffff; text-align: center; margin-left: 1em; margin-right: 1em; }
h2,h3,h4,h5 { background-color: #D0D0D0; clear: both; }
h2 { font-size: 150%; }
h3 { font-size: 125%; text-decoration: underline; }
h4 { font-size: 110%; }
h5 { font-size: 110%; font-weight: normal; }

a:visited { color: #384e7b; }
a:active  { color: #384e7b; }

.caption { text-align: center; margin-top: 0px; }
.pre  { background-color: #DDDDDD; font-family: monospace; font-size: 110%; }
tt    { background-color: #DDDDDD; font-family: monospace; font-size: 110%; }
pre   { background-color: #DDDDDD; margin-left: 2em; margin-right: 2em; font-size: 110%; }
.admonition { border: solid black; padding-left: 1em; padding-right: 1em; }
textarea { vertical-align: text-top }

table.docinfo  { margin: 0em 2em; text-align: left; }

span.left  { float: left;  }
span.right { float: right; }
dt { font-weight: bold; }
dd { margin-top: 1ex; margin-bottom: 2ex; }
dd ul.first { padding-left: 0; }

#login_iframe {
    width: 60%;
    height: 3em;
    float: left;
    padding-left: 1em;
    vertical-align: top;
}

ul.tabs {
    list-style: none;
    padding-left: 0;
}
ul.tabs li {
/*    display: inline; TODO: why?*/
    padding: 1ex 0ex 2ex 0.6ex;
    float: left;
}
ul.tabs li a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    background-color: #384e7b;
    padding: 1ex 2ex 1ex 2ex;
}

table td { vertical-align: top; }
table th > p.first { margin-top: 0; }
table th > p.last  { margin-bottom: 0; }
table td > p.first { margin-top: 0; }
table td > p.last  { margin-bottom: 0; }

table.docutils {
    border: solid 1px #808080;
    border-collapse: collapse;
}
table.docutils th {
    background-color: #c0c0c0;
}
table.docutils td {
    border: solid 1px #808080;
    padding-left: 1ex;
    padding-right: 1ex;
}
table.field-list, table.field-list td {
    border: 0;
}
table.footnote { border-style: none; border-left: 2px solid black; font-size: small; }
table.footnote td { border-style: none; }
table.footnote .label { padding-left: 1ex; }
table.footnote .first { margin-top: 0; margin-bottom: 0; }
table.footnote .last  { margin-bottom: 0; }

table.figure {
    text-align: center;
    border-style: none;
    /*border-width: 1ex;*/
    margin-top: 2ex;
    margin-bottom: 0.5ex;
}
table.figure2 {
    text-align: center;
    border-style: none;
    /*border-width: 1ex;*/
    margin-top: 1.5ex;
    margin-left: 2ex;
    margin-bottom: 1.5ex;
}
table.figure td,
table.figure2 td {
    border-style: none;
}
table.table-matrix td:nth-child(1) {
    font-weight: bold;
}
table.price-table {
    width: 100%;
}
table.price-table td:nth-last-child(1),
table.price-table td:nth-last-child(2) {
    text-align: right;
}

span.click-enlarge {
    font-size: 80%;
    color: #808080;
}
p.click-enlarge {
    margin-top: 0;
}

.noborder    { border-style: none !important; }
.noborder td { border-style: none !important; }
.invalid_input { background-color: #ffc8b8 }
input[disabled],
input[readonly] { color: black; }

/*** layout table ****/
#layout {
    width: 100%;
    border-style: none;
    border-collapse: collapse;
    background: linear-gradient(#384e7b, #2a3a5c)
}

/*** header **********/

#logo {
    width: 200px;
    min-width: 10em;
}
#logo img {
    vertical-align: bottom;
}
#logo_print {
    text-align: left;
    display: none;
}

@media print {
    #logo { display: none }
    #logo_print { display: inline !important; }
}

#header_links {
    font-size: 90%;
    text-align: right;
    vertical-align: top;
    color: #c0c0c0;
}
#header_links img {
    vertical-align: middle;
}

#main_menu {
    background: linear-gradient(90deg, #384e7b, #4e6dac)
}

#header_links a,
#main_menu a {
    color: #c0c0c0;
    text-decoration: none;
}
#header_links a.hover, #header_links a:hover, #header_links a.active,
#main_menu a.hover, #main_menu a:hover, #main_menu a.active {
    color: #ffffff;
}
#header_links ul,
#main_menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#header_links li,
#main_menu li {
    display: inline;
}

#main_menu {
    vertical-align: bottom;
    padding-left: 1ex;
    padding-bottom: 0.5ex;
    color: #c0c0c0;
}
#main_menu li {
    padding-left: 0.6ex;
    padding-right: 0ex;
    float: left;
}
#main_menu li a {
    font-weight: bold;
    color: #c0c0c0;
}
#main_menu li.active a.menutitle {
    color: #ffffff;
}

#main_menu li div {
    visibility: hidden;
    position: absolute;
    padding-top: 0.3ex;
    background: #384e7b;
}
#main_menu li.hover div,
#main_menu li:hover div {
    visibility: visible;
}

#main_menu li ul {
    padding-right: 0.5ex;
    border: 1px;
    border-style: solid;
}
#main_menu li ul li {
    display: block;
    font-size: 90%;
    font-weight: normal;
    float: none;
}
#main_menu li ul li a {
    color: #c0c0c0;
    padding: 0.5ex;
    display: block;
}

/*** sidebar *********/

#sidebar {
    clear: both;
    width: 200px;
    min-width: 10em;
    vertical-align: top;
    clear: both;
}
#sidebar div {
    color: #ffffff;
    vertical-align: top;
    padding-top: 4ex;
}
#sidebar a {
    color: #c0c0c0;
}
#sidebar hr {
    width: 90%;
    margin-right: 10ex;
}

#sidebar ul {
    list-style: none;
    margin-top: 0ex;
    margin-bottom: 0.5ex;
    padding-left: 1ex;
    font-size: 95%;
}
#sidebar ul ul {
    padding-left: 3ex;
}

@media print {
    #sidebar { display: none }
}

/*** main ************/
#main {
    vertical-align: top;
    font-size: 95%;
    min-width: 15em;
}
#breadcrumb {
    background: #eeeeee;
    font-size: 90%;
    padding-left: 2ex;
}
#breadcrumb ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#breadcrumb li {
    display: inline;
}
#breadcrumb a {
    text-decoration: none;
}

#content {
    background: #ffffff;
    padding: 0.1em 0.5em 1ex;
}

#content a[href^="http:"],
#content a[href^="https:"] {
    background: transparent url('/img/extlink.png') 0% 50% no-repeat;
    padding-left: 12px;
}
#content a[href^="http://www.adva"],
#content a[href^="https://www.adva"] {
    background: transparent;
    padding-left: 0px;
}
@media print {
    #content a[href^="http:"],
    #content a[href^="https:"] {
	background: transparent;
	padding-left: 0px;
    }   
}

ul.branch {
    list-style-type: none;
    padding: 0;
}
ul.branch li {
    font-size: 110%;
    width: 30ex;
    padding-top: 2.5ex;
    padding-bottom: 2.5ex;
    text-align: center;
    margin: 0.5ex;
    float: left;
    background: #e0e0e0;
    border-radius: 0.75ex;
}

#footer {
    clear: both;
    margin-top: 1ex;
    margin-left: 200px;
    color: #c0c0c0;
    font-size: small;
}
#footer a {
    color: #c0c0c0;
}
#footer img {
    vertical-align: top;
}

@media print {
    #footer span.right {
	display: none;
    }
}

/*********************/