/*********************************************************
 ACD Gruppe, ACD Elektronik GmbH, ACD Systemtechnik GmbH
 Stylesheet

 (C) ACD Elektronik GmbH, FTi
 http://www.acd-gruppe.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: 224px;
    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) */
}

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


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

body {
    background: url(bg/bg_page-top.jpg) #4C5157 repeat-x top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #333333;
}

#container {
    background: url(bg/bg_page-container.jpg) repeat-y top center;
}

#page-top {
    background: url(bg/bg_page-container-top.jpg) #EFEFF0 no-repeat;
}

/*********************************************************
 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 layout
*********************************************************/

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

#header #logo {
    position: absolute;
    left: 2px;
    top: 25px;
}


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

#header ul#header-links {
    float: right;
    display: inline;
    margin: 5px 165px 0 0;
    padding: 10px 0 10px 0;
    list-style: none;
    overflow: hidden;
    z-index: 5;
    position: relative; /* Need this for IE6 */
    font-size: 0.92em;
}

#header #header-links li {
    line-height: 1;
    border-color: #000;
}

#header #header-links li a {
    color: #000;
    padding: 0 2px;
    margin: 0 5px;
    text-decoration: none;
    
}

#header #header-links li a:hover {
    text-decoration: underline;
    color: #CE000C;
}


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

#header #language-select {
    position: absolute;
    right: 123px;
    bottom: 87px;
    height: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#header #language-select li {
    float: left;
    display: inline;
    padding: 0;
    margin: 0;
}

#header #language-select li a {
    display: block;
    outline: none;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    text-decoration: none;
}

#header #language-select li a span {
    background: url(bg/ico_icons.png) 0 -1px no-repeat;
}

/* For IE6 and below */
* html #header #language-select li a span {
    background: url(bg/ico_icons.gif) 0 -1px no-repeat; /* Teaches IE6 and below to use a transparent gif instead of png */
}


#header #language-select li.lang-english a span { background-position: 0 -51px; }


/*************************************
 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 {
    position: absolute;
    right: -20px;
    bottom: 84px;
    height: 30px;
    width: 145px;
}

#header #searchform input {
    float: left; display: inline;
    margin: 0;
    vertical-align: middle; /* Align the button and text field input vertically middle */
}

#header #searchform input.button {
    color: #FFF;
    float: left;
    display: inline;
    margin: 8px 0;
    cursor: pointer;
}

#header #searchform #searchterm {
    width: 105px;
    padding: 0 2px;
    border: 1px solid #C0C0C0;
    font-size: 0.83em;
    margin: 8px 3px 8px 8px;
    background: #FDFDFD;
    color: #555;
}


/*********************************************************
  Subheader layout
*********************************************************/

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


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

#page-title {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title.jpg') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-downloads {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-downloads.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-downloads h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-impressum {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-impressum.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-impressum h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-karriere {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-karriere.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-karriere h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-kontakt {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-kontakt.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-kontakt h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-nutzungsbed {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-nutzungsbed.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-nutzungsbed h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-pressezentrum {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-pressezentrum.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-pressezentrum h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-produkte {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-produkte.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-produkte h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-service {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-service.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-service h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-sitemap {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-sitemap.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-sitemap h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}

#page-title-unternehmen {
    width: 678px;
    height: 105px;
    background: url('bg/bg_page-title-unternehmen.png') #7F7F83 no-repeat;
    margin: 0 0 0 255px;
}

#page-title-unternehmen h1 {
    font-size: 2em;
    font-weight: normal;
    line-height: 1.2;
    color: #FFF;
    padding: 74px 0 0 8px;
}


/*********************************************************
 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;
}

#content-text {
    .margin-bottom: 25px; /* Because IE does not recognize the content-footer margin-top somehow ... */
}


/*************************************
 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;
}

#content a.pdf-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.png) 0 -650px no-repeat;
}

#content a.doc-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.png) 0 -700px no-repeat;
}

#content a.zip-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.png) 0 -750px no-repeat;
}

#content .pic-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.png) 0 -600px no-repeat;
}

#content a.blank-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.png) 0 -600px no-repeat;
}

#content a.arrow {
    padding: 0 16px 0 0;
    background-image: url(../images/ico_link_arrow.gif);
    background-repeat: no-repeat;
    background-position: right;
}

/* And one more time - but only for IE6 and below */
/* The following section teaches IE6 and below to use a transparent gif instead of png */
* html #content a.pdf-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.gif) 0 -650px no-repeat;
}

* html #content a.doc-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.gif) 0 -700px no-repeat;
}

* html #content a.zip-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.gif) 0 -750px no-repeat;
}

* html #content .pic-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.gif) 0 -600px no-repeat;
}

* html #content a.blank-link {
    padding: 3px 0 3px 18px;
    line-height: 1.7em;
    background: url(bg/ico_icons.gif) 0 -600px no-repeat;
}


/*************************************
 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;
}

ul.bullet {
    margin: 0.8em 0;
    padding: 0 0 0 20px;
    list-style-image: url(bg/bul_list.gif);
}


blockquote {
    margin-left: 25px;
}


/*************************************
  Home overview
*************************************/

/* Version 1 */

#page #home-container-v1 h1 {
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
}

#page #home-container-v1 {
    position: relative;
    margin: 10px 0 0 0;
    padding: 10px 0;
    width: 100%;
    min-height: 130px;
    .height: 130px;
}

#page #home-image-v1 {
    position: relative;
    float: left;
    width: 130px;
    height: 130px;
    margin: 0;
    padding: 0;
}

#page #home-text-v1 {
    margin-left: 150px;
}


/* Version 2 */

#page #home-container-wrap-v2 h1 {
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
}

#page #home-container-wrap-v2 h2 {
    color: #333399;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 5px 0;
    /* border-bottom: 1px solid #353535; */
}

#page #home-container-v2-maintext
{
    position: relative;
    margin: 10px 0 0 0;
    padding: 10px 0;
    width: 510px;
}

#page #home-container-v2-subtext
{
    position: relative;
    margin: 20px 0 0 0;
    padding: 10px 0;
    width: 510px;
}


#page #home-container-v2-subtext .pinned
{
    position: absolute;
    margin: 0 0 0 490px;
    width: 200px;
    height: 118px;
}


#page #home-container-v2-newsnevents
{
    position: relative;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
    min-height: 350px;
    .height: 350px; /* space to footer  */
/*
    min-height: 200px;
    .height: 200px;
*/
}

#page #home-container-v2-news
{
    position: absolute;
    margin: 20px 0 0 0;
    padding: 0;
    width: 290px;
}

#page #home-container-v2-events
{
    position: absolute;
    margin: 20px 0 0 320px;
    padding: 0;
    width: 290px;
}


/* Version 3 */


/*************************************
  Service
*************************************/

#page #service-container {
    position: relative;
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%;
    min-height: 50px;
    .height: 50px;
    font-size: 0.92em;
}

#page #service-image {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
}

#page #service-text {
    position: relative;
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    width: 252px;
    height: 50px;
}


/*************************************
  Fair Element
*************************************/

#page #fair-container {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 130px;
    .height: 130px;
}

#page #fair-image {
    position: relative;
    float: left;
    margin: 0 15px 5px 0;
}

#page #fair-text {
    position: relative;
    float: left;
    padding: 0 5px 0 0;
}

#page .fair-img {
    position: relative;
    float: left;
    margin: 0 10px 5px 0;
}


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

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

#sitemap li {
    list-style-type: none;
}

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

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

/* Level 3 */
#sitemap .level3 {
    background-color: #EFEFF0;
    padding: 3px 3px 3px 60px;
    border-bottom: 1px solid #FFF;
}

/* 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;
}


/*************************************
 New social buttons and back to top
*************************************/

div.social-buttons {
  clear: both;
  position: fixed;
  top: 228px;
  right: 1px;
  border: 0;
  margin: 0;
  padding: 0;
}


div.social-buttons a {
  background: url(bg/social-buttons.png) no-repeat 0 0;
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 0 4px 0;
}

div.social-buttons a.social-button-twitter { background-position: -24px 0; }
div.social-buttons a.social-button-twitter:hover { background-position: -24px -24px; }
div.social-buttons a.social-button-facebook { background-position: -48px 0; }
div.social-buttons a.social-button-facebook:hover { background-position: -48px -24px; }
div.social-buttons a.social-button-rss { background-position: -240px 0; }
div.social-buttons a.social-button-rss:hover { background-position: -240px -24px; }
div.social-buttons a.social-button-xing { background-position: -600px 0; }
div.social-buttons a.social-button-xing:hover { background-position: -600px -24px; }
div.social-buttons a.social-button-googleplus { background-position: -120px 0; }
div.social-buttons a.social-button-googleplus:hover { background-position: -120px -24px; }
div.social-buttons a.social-button-youtube { background-position: -192px 0; }
div.social-buttons a.social-button-youtube:hover { background-position: -192px -24px; }


/* Back to top */
#toTop {
  position: fixed;
  width: 100px;
  color: #333;
  font-size: 0.92em;
  text-align: center;
  border: 1px solid #aaa;
  background: #eee;
  padding: 5px;
  bottom: 0px;
  right: 0px;
  z-index: 10;
  cursor: pointer;
  display: none;
}


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

#navigation ul {
    list-style-image: none;
    list-style-type: none;
    list-style-position: outside;
}

#navigation ul {
    margin: 0;
    padding: 0 2px;
    zoom: 1; /* IE6 needs this to caculate the correct width */
    list-style: none;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #FFF;
}

#navigation ul li.navigation_level2 {
    /* border-top: 1px solid #CCC; */
    font-size: 0.92em;
    padding: 0 0 0 8px;
    border-bottom: none;
}
#navigation ul li.navigation_level3 {
    border-top: none;
    font-size: 0.82em;
    padding: 0 0 0 16px;
}

/* Navigation Links (a's) */
#navigation li a {
    margin: 0;
    display: block;
    padding: 9px 5px 9px 5px;
    text-decoration: none;
    font-weight: bold;
    zoom: 1;
    color: #000;
    background: #EFEFF0;
    border-top: 1px solid #FFF;
}

#navigation li a:hover {
    color: #FFF;
    background: #CE000C;
}

/* Level 1 */
#navigation ul li.navigation_level1.active a {
    color: #FFF;
    background: #7F7F83;
}

#navigation ul li.navigation_level1.active a:hover {
    color: #FFF;
    background: #CE000C;
}

/* Level 2 */
#navigation ul li.navigation_level2.active a {
    color: #FFF;
    background: #AEAEAE;
}

#navigation ul li.navigation_level2.active a:hover {
    color: #FFF;
    background: #CE000C;
}

/* Level 3 */
#navigation ul li.navigation_level3.active a {
    color: #FFF;
    background: #C7C7C9;
}

#navigation ul li.navigation_level3.active a:hover {
    color: #FFF;
    background: #CE000C;
}


/*********************************************************
 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: Arial, Helvetica, sans-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;
}

/* 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;
}


/*************************************
  Backend
*************************************/

#imgedit1 {
    position: absolute;
    top: 0;
    left: -50px;
}

#imgedit2 {
    position: absolute;
    top: 40px;
    left: -50px;
}

#imgedit3 {
    position: absolute;
    top: 80px;
    left: -50px;
}

#imgedit4 {
    position: absolute;
    top: 120px;
    left: -50px;
}

#imgedit5 {
    position: absolute;
    top: 160px;
    left: -50px;
}

#imgedit6 {
    position: absolute;
    top: 200px;
    left: -50px;
}