#header:after,
#page-4 #c-a ul:after,
#content:after,
.contact-list:after,
ul.products:after,
.home #c-c:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

hr {
  display: block;
  clear: both;
  margin:2em 0;
  height: 0;
  border: none;
  border-top: 1px solid #ccc; }

/* BASIC PAGE LAYOUT */

#wrap {
  margin: 2em auto 2em auto;
  width: 960px; }

#header {
  position: relative;
  padding-bottom: 7px;
  background: transparent url(/graphics/procenter/rounded-corners-top.gif) 0 100% no-repeat; }

  #header #skip-to-content {
    display: none; }

  #header #logo {
    float: left;
    width: 192px;
    padding-bottom: 7px;
    text-align: center; }
    
    #header #logo:focus { outline:none; }

  #header #english {
    /*float:right;
    margin:-1.5em 20px 0 0;
    /*text-align:right;*/
    position:absolute;
    bottom: 15px;
    right:228px;
    margin:0;
    font-size:.85em; }

  #header #phone-numbers a {
    position: absolute;
    bottom: 17px;
    right: 20px;
    display: block;
    height: 33px;
    width: 173px;
    text-indent: -9999px; 
    background: transparent url(/graphics/procenter/phone-numbers.gif) 0 0 no-repeat; }

  #nav {
    position: absolute;
    bottom: 7px;
    left: 192px;
    margin: 0; 
    width: 500px;
    list-style: none; }
    
    #nav li {
      display: inline;
      margin: 0; }
      
      #nav li a {
        float: left; 
        margin-right: 2px;
        background: #000; 
        text-indent: -9999px; }
      
      #nav li a:focus {
        outline:none; }
      
      #nav li#n-butiken a, #nav li#n-bildservice a, #nav li#n-hyrservice a, #nav li#n-om-oss-kontakt a {
        background: transparent url(/graphics/procenter/navigation.gif) 0 0 no-repeat; 
        width: 100px;
        height: 34px; }
      
      #nav li#n-butiken a {
        width:88px;
        background-position: 0 0; }
      
        #nav li#n-butiken a:hover, #nav li#n-butiken a.current {
          background-position: 0 -34px; }
      
      #nav li#n-bildservice a {
        width:113px;
        background-position: -89px 0; }

        #nav li#n-bildservice a:hover, #nav li#n-bildservice a.current {
          background-position: -89px -34px; }

      #nav li#n-hyrservice a {
        width:111px;
        background-position: -203px 0; }

        #nav li#n-hyrservice a:hover, #nav li#n-hyrservice a.current {
          background-position: -203px -34px; }

      #nav li#n-om-oss-kontakt a {
        width:160px;
        background-position: -315px 0; }

        #nav li#n-om-oss-kontakt a:hover, #nav li#n-om-oss-kontakt a.current {
          background-position: -315px -34px; }

      #nav li a:hover, #nav li a.current {
        background: #fff;
        text-decoration: none;
        color: #000; }
    
    #nav ul {display:none;}

#sub-nav ul {
  line-height: 1.3; 
  font-size:1.1em;
  border-bottom: 1px solid #e8e8e8;}
  
  .page #sub-nav ul li {
    display: block; 
    margin: 0; }

  .page #sub-nav a.hidden {display:none;}

  .page #sub-nav ul li a {
    margin: 0;
    padding: .6em .7em .6em 1.6em;
    display: block;
    float: none;
    color: #333;
    border-top: 1px solid #e8e8e8;
    background: transparent; 
    text-decoration: none; }

    .page #sub-nav ul li a:hover {
      color: #000;
      text-decoration: underline; }

  .page #sub-nav ul li a.current {
    font-weight: bold;
    color: #000; }

.page #sub-nav ul ul {
  position: relative; 
  top: 0;
  left: 0;
  font-size: .8em;
  border: none; }

  .page #sub-nav ul ul li a {
    border: none; 
    padding: .4em .7em .4em 3.2em;
    color: #666; 
    background: transparent url(/graphics/procenter/nav-ul-ul-item.gif) 2.3em .95em no-repeat; }
  
  .page #sub-nav ul ul li a.current {
    font-weight: normal; 
    text-decoration: underline; }

#sub-nav #quicklinks {
  margin-top: 4em;
  padding-top: 1.1em;
  background: transparent url(/graphics/procenter/quicklinks-bg.gif) 0 0 no-repeat; }

  #sub-nav #quicklinks.en {background-image: url(/graphics/procenter/quicklinks-bg-en.gif); }

  #sub-nav #quicklinks li {
    border: none; }

  #sub-nav #quicklinks a {
    margin-right:1px;
    padding-left: 3.3em;
    color: #000;
    font-weight: bold;
    border: 0; }
  
    #sub-nav #quicklinks a:hover {
      text-decoration: none; }
  
    #sub-nav #quicklinks li.icc a {
      background: transparent url(/graphics/procenter/quicklinks-icc.gif) 0 50%; }

      #sub-nav #quicklinks li.icc a:hover {
        background: transparent url(/graphics/procenter/quicklinks-icc-active.gif) 0 50%; }

    #sub-nav #quicklinks li.ftp a {
      background: transparent url(/graphics/procenter/quicklinks-ftp.gif) 0 50%; }

      #sub-nav #quicklinks li.ftp a:hover {
        background: transparent url(/graphics/procenter/quicklinks-ftp-active.gif) 0 50%; }

    #sub-nav #quicklinks li.help a {
      background: transparent url(/graphics/procenter/quicklinks-help.gif) 0 50%; }

      #sub-nav #quicklinks li.help a:hover {
        background: transparent url(/graphics/procenter/quicklinks-help-active.gif) 0 50%; }

    #sub-nav #quicklinks a span {
      display:block;
      color: #666;
      font-size: .75em;
      font-weight:normal; }

  #sub-nav #quicklinks ul {
    margin-top: 0;}

  #sub-nav #quicklinks li.help ul a {
    padding-top: .1em;
    padding-bottom: .1em;
    padding-left: 5.5em;
    text-indent: 0; 
    font-weight: normal;
    color: #666;
    background: transparent url(/graphics/procenter/nav-ul-ul-item.gif) 4.7em .6em no-repeat; }
    
    #sub-nav #quicklinks li.help ul a:hover {
      text-decoration: underline;
      color: #000; 
      background: transparent url(/graphics/procenter/nav-ul-ul-item.gif) 4.7em .6em no-repeat; }
  
#content {
  min-height: 400px;
  padding: 130px 0 8em 0;
  color: #333;
  background: #fff url(/graphics/procenter/content-bg-0.jpg) 0 15px no-repeat; }

#tax {
  padding:.5em;
  font-size: .85em;
  color:#999;
  background:#fff;
  text-align:center;
}

#footer {
  padding-top: 1.4em;
  font-size: .9em;
  text-align: center;
  background: transparent url(/graphics/procenter/rounded-corners-bottom.gif) 0 0 no-repeat; }

  #footer .vcard {
    display:inline; 
    margin-right: 1.3em;
    padding-right: 1em;
    border-right: 1px solid #fff;
    font-style: normal; }
    
    #footer .vcard .org {
      font-weight: bold; }
    
    #footer .vcard .country-name {
      display: none; }

/* PAGE LAYOUTS */

.home #wrap #content {
  padding: 25px;
  padding-top:18px;
  background:#fff; }
  
  .home #c-a, .home #c-b {
    float:left;
    text-align:center;
    width:456px; }
  
  .home #c-a { }
    
    .home #c-a .teaser {
      padding-bottom:30px;
      border-right:1px solid #ccc;}

  .home #c-b {
    width:454px; }
    
    .home #c-b .teaser {
      padding-bottom:30px; }
  
  .home #c-c {
    clear:both;
    padding:20px;
    border-top: 1px solid #ccc; 
    font-size: .88em;
    line-height:1.5em;}
    
    .home #c-c .teaser {
      float:left; 
      width:45%; 
      margin-bottom:2em;
      padding-top:1px;
      clear: left;}
    
    .home #c-c .even {
      margin-left:8%;
      clear: none; }
      
    .home #c-c h1 {
      font-size:1.45em;
      margin: 1em 0 .1em 0;}

#c-a {
  width: 450px; }

.Ax #c-a {
  margin: 0 auto 0 auto; }

.NAxBx #sub-nav {
  float: left;
  width: 172px;
  margin-right: 20px; 
  min-height: 20px; }

.NAxBx #c-a {
  float: left;
  margin-left: 20px; }

.NAxBx #c-b {
  float: left;
  width: 192px;
  margin-left: 80px;
  font-size: .9em; }

body#page-4 #content, body#page-16 #content {
  padding-top: 20px; 
  background: #fff; }

#page-4 #c-a {
  width: 742px; }
  
  #page-4 #c-a {
    padding-top: 500px;
    background: transparent url(/images/print-size-visualized.jpg) 50% 7px no-repeat; }

  #page-4 #c-a ul { 
    list-style: none;
    font-size: .95em;
    color:#555; }

    #page-4 #c-a ul li {
      float: left;
      display:inline;
      width: 159px;
      margin: 0 25px 0 0; }
      
      #page-4 #c-a ul li.last {
        margin-right: 0; }

  #page-4 #c-a .we-also-offer {
    margin-top: 2em;
    padding-top: .6em;
    text-align: center; 
    background: transparent url(/graphics/procenter/h-line-faded.gif) 50% 0 no-repeat; }

/* Some specific styling */

#c-b .more-info {
  margin-bottom: 10px;
  padding-top: 10px;
  color: #3f829c;
  background: #dfecf2 url(/graphics/procenter/cb-blue-box-bg-top.gif) 0 0 no-repeat; }
  
  #content #c-b .contact {
    color:#91a238;
    background: #f4f5cd url(/graphics/procenter/cb-green-box-bg-top.gif) 0 0 no-repeat; }
    
    #content #c-b .contact .last {
      background: #f4f5cd url(/graphics/procenter/cb-green-box-bg-bottom.gif) 0 100% no-repeat; }

  #c-b .more-info .last {
    padding-bottom: 10px;
    background: #dfecf2 url(/graphics/procenter/cb-blue-box-bg-bottom.gif) 0 100% no-repeat; }

  #c-b .more-info h2, #c-b .more-info a {
    color: #3f829c; }
  
  #content #c-b .contact h2, #content #c-b .contact a {
    color:#7e9811; }
  
  #c-b .more-info h2, #c-b .more-info p, #c-b .more-info ul {
    padding: 0 10px; }
  
  #c-b .more-info .read-more {
    list-style: none;
    text-align: right; }

/* RETUSCH PAGE */

#page-16 #content {
  position: relative; }

#page-16 #c-a, #page-16 #c-b {
  margin-top: 455px; }

#page-16 #retusch-example {
  position: absolute;
  top: 17px;
  left: 212px; 
  width: 742px;
  background: transparent url(/graphics/procenter/h-line-faded.gif) 50% 100% no-repeat; }

#page-16 #retusch-example .image-container {
  margin-right: 10px;
  text-align: right; }
  
#page-16 #retusch-example .retusch-about {
  position: absolute;
  top: 20px;
  left: 0;
  width: 400px; }

#page-16 #retusch-example #retusch-nav {
  text-align: center;
  font-size: .9em; }