/*********************************************************
 ACD Gruppe, ACD Elektronik GmbH Stylesheet (print)

 (C) ACD Elektronik GmbH, FTi
 http://www.acd-gruppe.de  http://www.acd-elektronik.de
 http://www.acd-systemtechnik.de ...
*********************************************************/

html {
    height: 100%;
}

body {
    height: 100%;
    text-align: center; /* Center the #page element in IE5/win */
}

#container {
    position: relative;
    min-height: 100%;
    width: 950px;
    zoom: 1;
    z-index: 1; /* All the way back to the background */
    text-align: left; /* Reset the text alignment after IE5/win hack (see above) */
    margin: 0 auto 0 auto; /* Center the element in all but IE5/win (doesn't know auto) */
}

/* For IE6 and below */
* html #container {
    .height: 100%; /* Teaches IE6 and below to figure out what min-height: 100% means */
}

#page-top {
    position: relative;
    width: 950px;
    height: 80px;
    zoom: 1;
    z-index: 2;
    margin: 0 auto 0 auto; /* Center the #page-top element in all but IE5/win (doesn't know auto) */
}

#page {
    position: relative;
    min-height: 100%;
    width: 860px;
    zoom: 1;
    margin: 0 auto 0 auto; /* Center the #page element in all but IE5/win (doesn't know auto) */
}



/*********************************************************
 Page layout
*********************************************************/

body {
    font-family: Times, serif;
    font-size: 100%;
    color: #333333;
}

#container {

}

#page-top {

}


/*********************************************************
 Clearfix: A class to clear floated elements
*********************************************************/
 
/* Clearfix for good(!) browsers (almost everything but IE) */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
    display: inline-block;
}

/* Hides from IE/mac, clearfix for IE/win and reset for not IE/mac */
@media all {
    * html .clearfix {
        _height: 0;
    }
    
    .clearfix {
        display: block;
    }
}


/*********************************************************
  Header internal layout / styles
*********************************************************/

#header {
    position: relative;
    width: 860px;
    height: 19px;
    margin: 0 auto 0 auto;
    padding: 0;
}

#header #logo {
    position: absolute;
    left: -30px;
    top: 0px;
}


/*************************************
 Header links
*************************************/

#header ul#header-links {
    display: none;
}

#header #header-links li {
    display: none;
}


/*************************************
 Language select
*************************************/

#header #language-select {
    display: none;
}


/*************************************
 Metalist: A list which is displayed inline with | (pipe) as a seperator
*************************************/

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

.meta-list li {
    float: left;
    display: inline;
    border-left: 1px solid; /* Pipe */
    padding: 0 5px 0 5px;
    margin: 0 5px 0 -5px; /* Keep the same space to the left and to the right */
}

.meta-list li:first-child { 
    border-left: 0;
    border-right: 0;
}


/*************************************
 Search form
*************************************/

#header #searchform {
    display: none;
}


/*********************************************************
  Subheader internal layout / styles
*********************************************************/

#subheader #navigation{
    float: left;
    width: 200px;
    z-index: 5;
    position: absolute;
    padding-bottom: 50px;
    left: 30px;
    display: none;
}


/*************************************
 Page title (depending on module)
*************************************/

#page-title {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-downloads {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-downloads h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-impressum {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-impressum h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-karriere {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-karriere h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-kontakt {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-kontakt h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-nutzungsbed {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-nutzungsbed h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-pressezentrum {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-pressezentrum h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-produkte {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-produkte h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-service {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-service h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-sitemap {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-sitemap h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}

#page-title-unternehmen {
    width: 678px;
    height: 50px;
    margin: 0 0 0 255px;
}

#page-title-unternehmen h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
}


/*********************************************************
 Column wrapper
*********************************************************/

#page #column-wrapper {
    padding-left: 190px;
    margin-top: 0; /* Margin below header */
}

#page #column-wrapper-inner {
    width: 100%; /* Teaches IE to figure out what margin-left: -100% means */
}

#page #content {
    min-height: 660px;
}

/* Push the content away from space where the navigation is */
#page #content-inner {
    padding-left: 20px; /* Move away from the navigation */
}

#content-inner {
    margin: 0 15px 15px 0;
}


/*************************************
 Breadcrumb navigation
*************************************/

#breadcrumb {
    font-size: 0.92em;
    color: #4C5157;
    font-weight: bold;
    margin: 10px 0 15px 0;
}

#breadcrumb ol {
    margin: 0;
    padding: 0;
}

#breadcrumb a,
#breadcrumb a:visited {
    color: #4C5157;
    font-weight: normal;
}

#breadcrumb ol li {
    background-image: url(bg/bul_breadcrumb.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    border: none;
    padding: 0 0 0 9px;
    margin: 4px 7px 0 0;
    max-width: 300px;
}

/* Remove the background image and move to the left */
#breadcrumb ol li:first-child,
#breadcrumb ol li.first {
    background-image: none;
    padding-left: 0;
    margin-left: 0;
}


/*************************************
 Links
*************************************/

#content a {
    text-decoration: underline;
    color: #000;
}

#content a:hover {
    text-decoration: none;
    color: #CE000C;
}


/*************************************
 Headlines & lists
*************************************/

#content-text h1 {
    color: #3C5157;
    font-size: 3em;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2;
    margin: 15px 0 5px 0;
    padding-bottom: 3px;
}

h3 {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2;
    margin: 15px 0 5px 0;
    padding-bottom: 3px;
}

h4 {
    font-size: 1.15em;
    font-weight: bold;
    line-height: 1.2;
    margin: 15px 0 5px 0;
    padding-bottom: 3px;
}

h5 {
    font-size: 1.05em;
    font-weight: bold;
    line-height: 1.2;
    margin: 10px 0 5px 0;
    padding-bottom: 3px;
}


ul {
    margin: 0.8em 0;
    padding: 0 0 0 20px;
    list-style-type: disc;
}

blockquote {
    margin-left: 25px;
}


/*************************************
 Sitemap
*************************************/

#sitemap, #sitemap ul {
    margin: 0;
    padding: 0;
}

#sitemap li {
    border-bottom: 1px solid #FFF;
    list-style-type: none;
}

/* Level 1 */
#sitemap .level1 {
    background-color: #AEAEAE;
    padding: 3px 3px 3px 20px;
}

/* Level 2 */
#sitemap .level2 {
    background-color: #C7C7C9;
    padding: 3px 3px 3px 40px;
}

/* Level 3 */
#sitemap .level3 {
    background-color: #EFEFF0;
    padding: 3px 3px 3px 60px;
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}


/*************************************
 Contact
*************************************/

#contact {
    margin: 30px 0 10px 0;
}

#contact h2.legend-error {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2;
    margin: 15px 0 5px 0;
    padding-bottom: 3px;
    color: #AC0633;
}

#contact h2.legend-success {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2;
    margin: 15px 0 5px 0;
    padding-bottom: 3px;
    color: #009900;
}


/*************************************
 Search results
*************************************/

#search-results {
    margin: 0;
}

#search-results p.message {
    margin: 0 0 25px 0;
    font-size: 1.1em;
}

#search-results div.search-result-item {
    border-bottom: 1px solid #7F7F83;
    margin: 20px 0 0 0;
    padding: 0 0 15px 0; /* Space between text and border-bottom */
}

#search-results div.search-result-item h2,
#search-results div.search-result-item h2 a {
    color: #4C5157;
    font-size: 1.06em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 8px 0;
}

#search-results p.result {
    margin: 20px 0 0 0;
    font-size: 1.1em;
}


/*************************************
  Content info
*************************************/

#content-info {
    margin: 40px 0 0 0;
}


/*************************************
 Content footer
*************************************/

#content-footer {
    font-size: 0.92em;
    padding: 12px 0 25px 0;
    margin-top: 25px; /* Space between content text and content footer */
    border-top: 1px solid #AC0633;
}

#content-footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#content-footer ul li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

#content-footer ul li a {
    text-decoration: none;
}

#content-footer ul li a:hover {
    text-decoration: underline;
}

/* Content footer page controls */
#content-footer ul#content-footer-page-controls {
    display: none;
}

/* Content footer social links */
#content-footer ul#content-footer-social-links {
    display: none;
}

/* Content footer copyright statement */
#content-footer ul#content-footer-copyright {
    float: left;
    display: inline;
    margin: 0;
}


/*********************************************************
 Main navigation (column)
*********************************************************/


/*********************************************************
 Fieldset and form styling
*********************************************************/

fieldset {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
}

fieldset legend,
fieldset .legend,
fieldset h2.legend {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

fieldset p {
    margin: 10px 0 15px 3px;
}

/*************************************
 Default form item appearance
*************************************/

input.text {
    background: #FDFDFD;
    margin: 0;
    padding: 2px !important;
    font-size: 0.92em;
    border: 1px solid #C0C0C0;
    color: #555;
}

.form-item textarea {
    background: #FDFDFD;
    margin: 0;
    padding: 2px;
    font-size: 1em;
    border: 1px solid #C0C0C0;
    color: #555;
    font-family: Times, serif;
}

.form-item select {
    margin: 0;
    display: inline;
    padding: 1px !important;
    font-size: 0.92em;
    border: 1px solid #C0C0C0;
    color: #555;
}

.form-item select option {
    padding: 0 3px;
}

.form-item label {
    vertical-align: middle;
    font-weight: normal;
}


/*************************************
 Radios / checkboxes
*************************************/

/*************************************
 Buttons
*************************************/

.buttons-form-item {
    text-align: right;
    margin-top: 10px;
    margin-right: 5px;
}

.buttons-form-item input {
    background: #FDFDFD;
    border: 1px solid #C0C0C0;
    cursor: pointer;
    color: #555;
    padding: 2px;
    margin: 0;
    font-weight: bold;
    line-height: 1em;
}


/*************************************
 Standard width controls
*************************************/

.form-item input.text,
.form-item textarea {
    width: 350px;
}

.form-item select {
    width: 357px;
}


/*************************************
 Clearfix (float clearing) for controls
*************************************/

/* Clearfix for good(!) browsers (almost everything but IE) */
html > body .form-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Only IE-mac \*//*/
* html .form-item { display: inline-block !important; }
*//* end hack */

@media all { /* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
    .form-item {
        zoom: 1;
        display: block;
    }
}


/*********************************************************
 Form layout
*********************************************************/

/***********************************************
 Two column form
***********************************************/

/*************************************
 Fieldset and legend
*************************************/

.two-column-form {
    width: 540px; /* Hardcoding two-column width */
    padding: 0;
}

.two-column-form fieldset {
    padding: 0 0 13px 0;
    margin-top: 30px;
}

.two-column-form .legend {
    display: block;
    margin: 0;
    padding: 12px 0 3px 3px;
    min-height: 17px;
    float: none;
}
.two-column-form .legend a {
    color: #000;
    text-decoration: none;
}


/*************************************
 Styling for form-items (make each one a row)
*************************************/

/* Generic form item */
.two-column-form .form-item {
    padding: 0 0 0 160px; /* padding-left is width of first column */
    margin: 4px 1px 0 3px;
    clear: left;
}

/* Form item contained within a fieldset */
.two-column-form fieldset .form-item {
    background-image: none;
    background-color: transparent;
    padding-right: 10px;
}


/*************************************
 Styling for form-items (make them the first column)
*************************************/

/* Make the control label appear in the leftmost column */
.two-column-form .form-item label {
    width: 150px;        /* Width of first (label) column */
    margin: 3px 0 0 -160px;
    float: left; display: inline;
    padding: 0 16px 4px 0;
    font-weight: normal;
    line-height: 1.2em;
    text-align: left;
}

/* The required image */
.two-column-form .form-item label img {
    float: right; display: inline;
    margin-right: -15px;
    padding-left: 3px;
    padding-top: 3px;
}


/*************************************
 Space out buttons
*************************************/

.two-column-form .buttons-form-item {
    padding-top: 20px;
    padding-left: 0;
}

.two-column-form fieldset .buttons-form-item {
    padding-top: 4px;
    margin: 0 5px 0 0;
}


/*********************************************************
  Utilities
*********************************************************/

/*************************************
 Image-replaced: accessible text image replacement
*************************************/

.image-replaced {
    overflow: hidden;
    position: relative;
}

.image-replaced span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
}


/*************************************
 Misc
*************************************/
 
/* We don't like borders on images used as links! */
img {
    border: none;
}

img {
    behavior: url(/homepage/cms/css/iepngfix.htc); /* must be absolute URL, blank.gif must be next to iepngfix.htc */
}

/* IE puts a margin on <form> elements which we don't want, so we remove it! */
form {
    margin: 0;
    padding: 0;
}

/* We hide items in a way still accessibly to screen readers and unstyled browsers ... */
.accessibility, hr {
    position: absolute !important;
    top: -1000em !important;
    left: -1000em !important;
}

* {
    margin: 0;
    padding: 0;
}