/*
 * ABBUC reloaded 2011
 *
 * @author Oliver Rapp <oliver@des-or-mad.net>, http://des-or-mad.net
 */


/*
    MAIN
*/

html, body { height: 100%; }

body:before { /* Opera fix for sticky footer */
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}

p {
    margin-bottom: 0.8em;
}

.inside {
    clear: left;
    margin: 0 50px;
}

.clearing {
    clear: both;
}


/*
    TYPOGRAPHY
*/

*, html, body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 101%;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.componentheading {
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 18px;
    line-height:1.25em;
}

h1 {
    font-size: 30px;
    line-height: 36px;
    margin: 18px 0;
}

h2,
.componentheading {
    font-size: 24px;
    line-height: 36px;
    margin:12px 0;
}

h3, h4, h5, h6 {
  margin-top: 18px;
  margin-bottom: 9px;
}

h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; text-transform: uppercase; }

strong {
    font-style: inherit;
    font-weight: bold;
    line-height: inherit;
}

em {
    font-style: italic;
    font-weight: inherit;
    line-height: inherit;
}

.small {
    font-size: 0.85em;
    margin: 0 0 20px;
}

.profile-edit legend,
.registration legend {
    font-size: 18px;
    font-weight:bold;
    line-height:1.25em;
    margin-top: 18px;
}

.alignright { float: right; margin: 1em 0 1em 2em; }

.alignleft { float: left; margin: 1em 2em 1em 0; }

.aligncenter { display: block; margin: 1em auto 1.5em; }


#breadcrumbs {
    font-size: 11px;
}

#breadcrumbs a {
    text-decoration: none;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}


#top-navigation .menu-sf * {
    font-weight: bold;
}

#top-navigation ul.menu-sf li {
    font-size: 15px;
    text-transform: uppercase;
}

#top-navigation ul.menu-sf li ul li {
    font-size: 13px;
    text-transform: none;
}


#top-navigation form .inputbox
{
    font-size: 13px;
    font-weight: normal;
}

#translate,
#google_translate_element {
    clear: right;
    float: right;
    /*left: 130px;*/
    position: relative;
    top: 58px;
}

#main {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}


ul,
ol {
    margin: 0 0 18px 25px;
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type: disc;
}

#content li {
    margin-bottom: 0.5em;
}


#footer {
    font-size: 13px;
}

#footer ul {
    text-align: right;
    list-style:none;
}

#footer ul.menu a {
    font-weight: bold;
    line-height: 1.75em;
    text-decoration: none;
}

#footer ul.menu a:hover {
    text-decoration: underline;
}



/*
    COLORS
*/
body, html {
    color: #000000;
}

a,
#top-navigation a:hover,
#top-navigation li.hover a,
#top-navigation li.hover ul a:hover {
    color: #0169C9;
}

a:hover {
    color: #013397;
}

h1, h2, h3, h4, h5, h6,
.componentheading {
    color: #333333;
}

h1 a,
h2 a {
    text-decoration: none;
}

h1 a:hover,
h2 a:hover {
    text-decoration: underline;
}

#header .banner {
    color: #ffcc00;
}


#breadcrumbs {
    color: #8e8782;
}


#top-navigation a {
    color: #ffffff;
    text-decoration: none;
}

#top-navigation a:hover,
#top-navigation li.hover a {
    background-color: #f3f3e9;
}

#top-navigation li.hover ul a {
    color: #000000;
    background-color: transparent;
}


.star,
.red {
    font-weight: bold;
    color: #ff0000;
}

.optional {
    color: #808080;
}

#footer,
#footer a {
    color: #55504d;
}



/*
    LAYOUT
*/

#page,
#footer {
    margin: 0 auto;
    width: 970px;
    min-width: 960px;
}


#page {
    min-height: 100%;
}


/*
    HEADER LAYOUT
*/

#header {
    height: 158px;
    overflow: hidden;
}

#header .inside {
    margin-top: 38px;
    margin-left: 35px;
}

#header .logo {
    float: left;
    margin-right: 20px;
}

#header .banner {
    float: left;
    height: 110px;
    width: 375px;
    text-align: center;
    line-height: 110px;
    margin-top: 5px;
    margin-left: 128px;
}

#header .banner img {
    margin-top: 15px;
}

#header .userstatus {
    float: right;
    position: relative;
    top: 45px;
}


/*
    TOP-NAVIGATION LAYOUT
*/

#top-navigation {
    padding: 0;
    margin: 0;
    height: 50px;
    z-index: 2;
}

#top-navigation .inside {
    padding-top: 2px;
}

/*  1. Level    */
#top-navigation li {
    float: left;
    height: 38px;
    line-height: 38px;
    position: relative;
}

#top-navigation a {
    display: block;
    padding: 0 15px;
    height: 100%;
}

#top-navigation ul.menu-sf > li.hover {
    background-color: #f3f3e9;
    height: 45px;
}

/*  2. + 3. Level   */
#top-navigation li ul {
    position: absolute;
    top: 45px;
    left: 0;
    float: left;
    display: none;
    width: 200px;
    z-index: 9999;
    border: 1px solid #CECEB5;
    background-color: #f3f3e9;
    background: linear-gradient(top, #f3f3e9 40%,#ceceb5 100%);
    background: -moz-linear-gradient(top, #f3f3e9 40%, #ceceb5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#f3f3e9), color-stop(100%,#ceceb5));
    background: -webkit-linear-gradient(top, #f3f3e9 40%,#ceceb5 100%);
    background: -o-linear-gradient(top, #f3f3e9 40%,#ceceb5 100%);
    background: -ms-linear-gradient(top, #f3f3e9 40%,#ceceb5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3e9', endColorstr='#ceceb5',GradientType=0 );
}

#top-navigation li ul li {
    padding: 0.3em 0;
    float: none;
    width: 100%;
    line-height: 1.5em;
    height: auto;
    border-bottom: 1px solid #55504D;
}

/*  3. Level    */
#top-navigation li ul li ul {
    position: absolute;
    top: -1px;
    left: 200px;
}

#top-navigation ul.menu-sf > li.hover,
#top-navigation li ul {
            box-shadow: 2px 2px 5px #000000;
       -moz-box-shadow: 2px 2px 5px #000000;
    -webkit-box-shadow: 2px 2px 5px #000000;
}



/*
    SEARCH
*/
#top-navigation form,
#top-navigation form div.search {
    display:inline;
    padding-right:1px;
    float:right;
    position: relative;
    top: 3px;
}

form .search label {
    display: none;
}

#top-navigation form .inputbox {
    line-height: 18px;
    height: 18px;
    color: #808080;
    background:url(../images/header-bg.gif) repeat-x;
    border:solid 1px #55504D;
    border-bottom:0;
    border-right:0;
    padding:4px;
            border-radius: 4px;
       -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

#top-navigation form .inputbox:focus {
    outline: none;
    color: #000000;
}



/*
    MAIN
*/

#main {
  z-index:1;
  clear: left;
  overflow: auto;
  padding-bottom: 160px;
  width: 970px;
}

#breadcrumbs,
#content,
#sidebar {
    padding: 0.5em 0;
}

#content
{
    width: 870px;
}

#sidebar {
    display: none;
    width: 0;
}

#with-sidebar #content {
  float: left;
  width: 600px;
}

#with-sidebar #sidebar {
  float: right;
  width: 250px;
}

#content .columns {
  margin-left: -25px;
  margin-bottom: 10px;
}

#content .columns:after {
  clear: both;
  content: "";
  display: table;
}

#content .col-one-half,
#content .col-one-third {
  margin-left: 25px;
  float: left;
  min-height: 1em;
}

#content .col-one-half {
  width: 420px;
}

#content .col-one-third {
  width: 270px;
}

dl.article-info {
    margin-bottom: 0.5em;
}

dl.article-info .article-info-term {
    display: none;
}

dl.article-info .published {
    color: #808080;
}

div.item-separator {
    margin-bottom: 3em;
}


/*
    PAGINATION
*/
div.pagination {
    margin-top: 3em;
}

div.pagination p.counter {
    color: #808080;
    float: left;
    margin-right:2em;
}

div.pagination a,
div.pagination span {
    padding: 0 2px;
    border-width: 1px;
    border-style: solid;
}

div.pagination a {
    text-decoration: none;
    color: #5c758c;
    background-color: #ecedee;
    border-color: #b4bac0;
}

div.pagination a:hover {
    border-color: #d2d2d2;
    background-color: #55504d;
    color: #FFF;
    text-decoration: none;
}

div.pagination ul {
    margin: 0;
}

div.pagination li {
    list-style:none;
    float:left;
    margin: 0 2px;
}

div.pagination span {
    color: #ffffff;
    background-color: #55504d;
    border-color: #222222;

}

div.pagination li.pagination-start span,
div.pagination li.pagination-prev span,
div.pagination li.pagination-next span,
div.pagination li.pagination-end span {
    background-color: #d8d7c0;
    border-color: #d2d2d2;
    color: #808080;
}

#content div.pagination li.pagination-start,
#content div.pagination li.pagination-prev,
#content div.pagination li.pagination-next,
#content div.pagination li.pagination-end {
    margin:0 5px;
}

#content td {
    vertical-align: top;
}

/*
    FORMS
*/

#content form {
    margin: 1.5em 0;
}

label {
    color: #404040;
    float: left;
    line-height: 18px;
    text-align: right;
    width: 200px;
    margin-right: 15px;
    padding: 4px 0;
}

#jform_spacer-lbl {
    float: none;
    margin-left: 215px;
}

.login .login-fields {
    margin-bottom: 4px;
}

.login .button {
    margin-left: 215px;
}

#content input {
    line-height: 18px;
/*    height: 18px; */
}

input,
textarea,
select,
#content .inputbox {
    padding: 4px;
    background-color: #fafaf0;
    border: 1px solid #8e8e7d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 2px 2px 3px 0px #c9c8be;
    -moz-box-shadow: inset 2px 2px 3px 0px #c9c8be;
    box-shadow: inset 2px 2px 3px 0px #c9c8be;
}


input:focus,
textarea:focus,
select,
#content .inputbox:focus {
    -webkit-box-shadow: 0px 0px 4px 0px #bcbaac;
    -moz-box-shadow: 0px 0px 4px 0px #bcbaac;
    box-shadow: 0px 0px 4px 0px #bcbaac;
}

.login .button,
.logout .button,
#phpbb input.button2,
#login-form .cbLoginButtonSpan .button,
#cb_cb_comp_login .cbLogoutButtonSpan .button
{
    height: auto;
}

button,
.button,
#ce-cf-container-ce-submit-button,
#login-form .cbLoginButtonSpan,
#login-form ul.cbLoginLinksList {
    padding: 17px 20px 18px 215px;
}


#cb_cb_comp_login .cbLogoutButtonSpan {
    padding: 18px 20px;
}

#login-form ul.cbLoginLinksList {
    list-style: none;
    margin-left: 0;
}


button,
.button,
#phpbb input.button2,
#content .btn,
#searchForm .button,
#ce-cf-container-ce-submit-button button,
#login-form .cbLoginButtonSpan .button,
#cb_cb_comp_login .cbLogoutButtonSpan .button {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: all 0.1s linear 0s;
    background-color: #E6E6E6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    background-repeat: no-repeat;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    text-decoration: none;
}

#phpbb input.button2 {
    font-size: 10px;
    line-height: 20px;
    padding-left: 3px;
    padding-right: 3px;
}

button:hover,
.button:hover,
#phpbb input.button2:hover,
#content .btn:hover,
#ce-cf-container-ce-submit-button button:hover,
#login-form .cbLoginButtonSpan .button:hover,
#cb_cb_comp_login .cbLogoutButtonSpan .button:hover {
    background-position: 0 -15px;
    text-decoration: none;
}


#content .btn-em,
.login .button,
.logout .button,
.reset button,
.remind button,
button.validate,
#ce-cf-container-ce-submit-button .ce-button-submit {
    background-color: #0064CD;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#content .btn-large {
    border-radius: 6px 6px 6px 6px;
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px;
}

.login + div ul {
    margin-left: 225px;
}

.registration fieldset,
.profile-edit fieldset {
    margin-bottom: 18px;
}

.registration dt,
.profile-edit dt {
    padding-top: 9px;
}

.reset button,
.remind button,
.registration .validate,
.profile-edit .validate
{
    margin: 30px 0 0 225px;
}

.ce-checkbox-container,
.ce-radiobox-container {
    width: 645px;
}

.ce-checkbox-container label,
.ce-radiobox-container label{
    float: none;
    width: auto;
}

.validation-advice {
    position: relative;
    left: 215px;
}


#banking {
    background-color: #ceceb5;
    border: 1px solid #979785;
    border-radius: 4px;
    border-collapse: collapse;
    border-spacing: 0;
}

#banking td {
    padding: 2px 10px;
    border-bottom: 1px solid #979785;
    border-top: 1px solid #979785;
}


/*
    CATEGORY LIST AS UL
*/

ul.category {
    list-style: none;
    margin: 0 2px;
}

ul.category li {
    float: left;
    width: 33%;
}


.display-limit {
    text-align: right;
    padding: 9px 0 18px 0;
}


/*
    TOOL TIPS
*/

div.tip-wrap {
    background-color: #ececec;
    border: 1px solid #55504d;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 4px #000000;
    -moz-box-shadow: 1px 1px 4px #000000;
    box-shadow: 1px 1px 4px #000000;

    font-size: 12px;
}
.tip-title,
.tip-text {
    padding:4px;
}

.tip-title {
    background-color: #55504d;
    font-weight: bold;
    color: #ffffff;
}


/*
    SEARCH
*/


#searchForm input,
#searchForm select {
    background-color: #f3f3e9;
    border: 1px solid #979785;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px;
}


#searchForm label {
    float: none;
    text-align: left;
}

#searchForm legend {
    font-weight: bold;
    padding: 3px 5px;
}


#searchForm label.search-searchword {
    font-weight: bold;
}

#searchForm .searchintro {
    font-weight: normal;
    margin: 20px 0;
}

#searchForm fieldset.phrases,
#searchForm fieldset.only {
    border: 1px solid #979785;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
    line-height: 1.3em;
}


#searchForm .phrases-box {
    float:left;
    width: 60%;
}

#searchForm .ordering-box {
    float: right;
    width: 40%;
}


#searchForm .form-limit {
    text-align: right;
    padding: 0 0px 0 20px;
    margin: 20px 0 0;
}


#searchForm .counter {
    font-weight: bold;
    background-color: #d8d7c0;
    border-radius: 4px;
    padding: 4px;
    margin-top: 15px;
    min-height: 18px;
}


dl.search-results dt.result-title {
    margin-top: 15px;
    padding-top: 15px;
}

dl.search-results dd.result-category {
}

dl.search-results dd.result-text {
    padding: 10px 15px 10px 0px;
}

dl.search-results dd.result-created {
    padding: 2px 15px 15px 0px;
    color: #808080;
}

/*
    SITEMAP
*/

#sitemap,
#sitemap ul {
    list-style: none;
    margin: 0;
}

#sitemap li {
    /*margin-right: 15px;*/
    width: 115px;
    float: left;
    padding: 3px 15px 3px 0;
}

#sitemap a {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #59554B;
    padding-bottom: 5px;
}

#sitemap .deeper ul a {
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
    border: none;
    display: inline;
}
/*
    FOOTER (sticky)
*/

#footer {
    clear: both;
    height: 160px;
    margin-top: -160px;
    position: relative;
}

#footer .inside {
    position: relative;
    top: 2px;
    height: 98px;
    padding: 10px 0 0 120px;
}

#footer .copyright,
#footer .navigation  {
    float: left;
    width: 375px;
}



/*
     LAYOUT BACKGROUNDS
*/

body               { background: url(../images/body-background.jpg)   no-repeat  top center; }
#page              { background: url(../images/page-background.png)   repeat-y   0 0; }
#header            { background: url(../images/header-background.png) no-repeat  top center; }
#header div.banner { background: url(../images/banner-background.png) no-repeat  center; }
#top-navigation    { background: url(../images/nav-background.png)    no-repeat  top center; }
#footer            { background: url(../images/footer-background.png) no-repeat  top center; }
#footer .inside    { background: url(../images/abbuc-logo-mono.png)   no-repeat  left center; }

body,
#header,
#footer {
    background-color: #f3f3e9;
}



/*
    MISC
*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */


.who-is-who {
    list-style: none;

}

.who-is-who li {
    display: block;
    float: left;
    width: 150px;
    height: 380px;
    margin-right: 35px;
}

.who-is-who .fn,
.who-is-who .role,
.who-is-who .adr,
.who-is-who .tel {
    display: block;
}

.who-is-who .fn {
    margin-top: 5px;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    color: #0169C9;
}

.who-is-who .photo {
    border: 5px solid #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #404040;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 4px #404040;
    -moz-box-shadow: 1px 1px 4px #404040;
}

.who-is-who .role,
.who-is-who .adr,
.who-is-who .tel {
    color: #404040;
}

.who-is-who .role {
    font-weight: bold;
}

.who-is-who .adr,
.who-is-who .tel {
    font-size: 10px;
}

.who-is-who a {
    line-height: 32px;
}

#phpbb .search {
    clear: left;
}

.article-photo {
    border: 5px solid #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #404040;
    -webkit-box-shadow: 1px 1px 4px #404040;
    -moz-box-shadow: 1px 1px 4px #404040;
}

.magazine-toc {
   border-collapse: collapse;
   width: 100%;
}

.magazine-toc thead tr {
   background-color: #777;
}

.magazine-toc thead th {
  font-weight: bold;
}

.magazine-toc td,
.magazine-toc th {
   border-top: 1px solid #888;
   border-bottom: 1px solid #888;
   padding: 5px 5px;
}

.magazine-toc tr.even {
    background-color: #cdcdbb;
}



/*
 * Hardware Ressort 
 */


.hw_tbl_rahmen {
    border-collapse: collapse;
    border: 1px solid black;
    margin-bottom: 25px;
    width: 100%;
}

.hw_tbl_rahmen td,
.hw_tbl_rahmen tr,
.hw_tbl_rahmen th {
    border: 1px solid black;
    padding: 3px;
    vertical-align: middle !important;
}

.hw_tbl_rahmen tr:nth-child(odd) {
    background-color: #bababa;
    color: #000;
}

.hw_tbl_rahmen tr:nth-child(even) {
    background-color: #d3d3d3;
    color: #000;
}