/* CSS Document francisbuehler.ch */

@import url("form.css");

html, body   { height:100%; margin:0; padding:0;}
body    { background:#333 url(../img/bg_body.png) no-repeat top center fixed; min-width:1000px}
:root body   { overflow-y:scroll; } /* FF Scrollbalken einblenden*/
a, img     { border:none; margin:0; padding:0}
.hidden    { display:none} 

#wrapper  { position:relative; min-height:100%; width:1000px; left:50%; margin-left:-500px; background:url(../img/bg_wrapper.png) repeat-y center; z-index:10}
/* Hauptnavigation */
  #mainnavi  { padding-bottom:150px}
    #mainnavi ul { list-style:none; padding:0; margin:0}
    #mainnavi ul li { margin:0; line-height:0px; display:block}

/* Header */
#header      { position:absolute; top:0px; height:150px; width:1000px; left:50%; margin-left:-500px; background: url(../img/bg_body.png) no-repeat top center fixed; z-index:100;}
@media screen and (max-width: 1000px) {
#header {left:0!important; margin-left:0px!important;}
}
  #headimg  { position:absolute; top:0px; width:1000px; height:100px; background-color:#fff; text-align:right; z-index:110; }
  .shadow_bottom { position:absolute; top:0px; left:0px; width:1000px; height:12px; background:url(../img/shadow_bottom.png) no-repeat}
  #logo     { position:absolute; top:25px; width:281px; height:62px; left:30px; z-index:120} 
  #langsel  { position:absolute; top:105px; right:10px; width:auto; z-index:120;
        font:bold 12px Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif}
      #langsel a { color:#E9E9E9; text-decoration:none}
      #langsel a:hover { color:#DD2A1B}
  #headribbon  { position:absolute; top:0px; height:155px; width:1000px; background:#000; z-index:101;}
    #headribbon  div { position:absolute; top:155px;}
/* Headernavigation */
  #headnavi    { position:absolute; width:auto; height:46px; top:132px; left:245px; z-index:130}
    #headnavi ul, #headnaviSub { list-style:none; padding:0;}
    #headnavi ul      { width:100%; margin:0;}
    #headnavi ul .item   { float:left; height:24px; margin:0; overflow:visible; line-height:0px; display:inline} /* line-height (FF) und display (IE7): keine Abst?nde zwischen Elementen*/
    #headnavi ul .mitSub { background-color:#DD2A1B}
    #headnavi ul .menuact   { margin:0px!important; width:235px; background-color:#fff }
    #headnavi ul img { padding:0px}
    #headnavi ul .itemborder { border-style:none none solid solid}
    /* Subnavi */
    #headnaviSub     {  position:absolute; width:auto; top:23px; margin-left:20px!important; padding-left:28px!important; background:url(../img/submenue_left.png) no-repeat}
    #headnaviSub .item   { display:inline; height:23px!important; margin:0px!important;}
      .headsubmenuact { background-color:#fff}
/* Metanavigation */
  #metanavi  { position:absolute; width:auto; height:auto; top:132px; left:30px; color:#808080; font:normal 8pt Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; z-index:110}
    #metanavi ul { list-style:none; padding:0; margin:0}
    #metanavi ul li { display:inline; padding:0 3px 0 3px}
    #metanavi a:link, #metanavi a:visited { color:#808080; text-decoration:none; font:normal 10px Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif }
    #metanavi a:hover { color:#ccc; text-decoration:none}

      
#content  { position:relative; float:left; top:0px; width:1000px; left:0; margin-left:0; margin-bottom:0px; z-index:50;}
  .bg1sp  { background:#fff url(../img/shadow_left.gif) no-repeat 200px 155px;}
  .bg2sp  { background:#fff url(../img/shadow_both.png) no-repeat 200px 155px;}
/* Links */
#links    { position:relative; float:left; width:175px; height:100%!important; padding:0; margin:50px 0 0 0; }

  #contout  { padding:155px 0 0 30px;}
  #contin   { position:relative; float:left; width:735px; padding:55px 10px 0 0; margin:0 0 20px 50px; min-height:250px }

  #contin2   { position:relative; float:left; width:500px; padding:55px 20px 0 0; margin:0 0 20px 50px; }
  #contright  { position:relative; float:left; width:200px; padding:55px 0 0 10px; margin:0 0 0 -1px; overflow:visible;}
  #contright div { position:relative;}

#footer   { position:absolute; clear:both; width:940px; margin:0; height:90px; margin-left:-470px; padding-top:10px; left:50%; background:#484848 url(../img/bg_footer.png) no-repeat; z-index:50;
         color:#808080; font:normal 7.5pt Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif;}
  #footer a:link, #footer a:visited { color:#808080; font:normal 7.5pt Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; text-decoration:none}
  #footer a:hover { text-decoration:underline}
  
    #adresse  { position:absolute; float:left; width:175px; overflow:hidden; bottom:20px; left:30px; color:#333; z-index:51; }
    #adresse p  { margin:5px 0 0; font:normal 10pt/1.1em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif;}
    #adresse a:link, #adresse a:visited { color:#333; text-decoration:none; font:normal 10pt/1.1em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; }
    #adresse a:hover { color:#333; text-decoration:underline}

  #hpinkjet  { position:relative; float:left; width:175px; height:70px; text-align:center; margin-right:20px; border-right:solid 1px #808080;}
    #hpinkjet img { height: 70px; }
  #antaresvision {position: relative;  width: 175px;   float: left;  margin-left: 25px;}
    #antaresvision img {height: 70px;}
  .cols    { position:relative; float:left; width:120px; height:70px; top:0px; left:20px; padding:0 0 0 10px; border-right:solid 1px #808080;}
    .cols:hover, .cols:hover a:link, .cols:hover a:visited { color:#ccc!important}
    .cols ul { list-style:none; padding:0; margin:0}
    .cols li { margin:0; line-height:0.8em}
  #bigjet    { position:absolute; right:40px; top:20px}
  #copy    { position:absolute; width:auto; height:25px; bottom:3px; right:10px; text-align:right; line-height:1.1em; color:#333; z-index:51;}
    #copy a:link, #copy a:visited { color:#333}
    #copy:hover, #copy:hover a:link, #copy:hover a:visited { color:#ccc}

#printlogo { display:none; z-index:500}

/* Diverse */
.cclear  { clear:both; height:1px;}
.hidden  { display:none;}
.clearer { clear:both; visibility:hidden; margin:0 }
.cl-right, .cl-left { visibility:hidden; margin:0}
.csc-textpic-imagecolumn .csc-textpic-image {float: left;}
/* Produkt Tabelle */
.product_table  { text-align:center}
.product_table th  { text-align:center; padding: 0 3px; border-bottom:solid 1px #333}
.product_table .title_left { text-align:left!important}
.product_table .bg_gray { background: #c3c3c3; }
.product_table .border_bottom_gray { border-bottom: 1px dotted #999; }


/* Typo3 */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img {
border:1px solid #025EB3; border-style: none none solid none;
padding:5px 0 5px 0;
margin:0 5px 2px 0
}
.csc-textpic-imagewrap { z-index:500!important}
.csc-textpic-image  { padding:0 5px 5px 0!important; margin-left:0!important;}
.csc-textpic-lastcol { padding-right:0px!important}
.csc-header-n1 h1 { margin-top:0px !important;}
h1 { margin:22px 0 10px; font-size:12pt;}
h2 { margin:13px 0 3px; font-size: 10pt; }
h3 { margin:10px 0 2px; font-size: 10pt; color:#404040; }
h4 { margin:8px 0 2px; font-size: 9pt; }
h1,h2,h3,a {-webkit-hyphens: none; -moz-hyphens: none; hyphens: none;}
.csc-subheader { margin:0 0 10px 0}
.bodytext, div, .csc-default, li, td, .align-center,label, input  { 
  font:normal 10pt/1.4em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; color:#404040; margin:0px 0px 5px 0px;
  -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
.ce-uploads {padding-left: 0px;}
.ce-uploads  li {list-style-type: none;}
.ce-uploads-fileName {padding-left:10px}

  .align-center { text-align:center}
.bodytext a:hover      { color:#666}

a:link, a:visited, a:link p { color:#404040; text-decoration:underline}
a:hover { color:#666}
strong a:link, strong a:visited, b a:link, b a:visited{ font-weight:bold}
strong a:hover, b a:hover  { font-weight:bold}


.csc-textpic-caption  {font:bold 9pt/1.1em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; color:#404040; padding:4px 0px 5px 0px}
.csc-linkToTop { clear:both; position:relative; height:1px; margin:0!important}
  .csc-linkToTop a { display:none}

.csc-default { clear:both}

.csc-uploads-fileName p { margin:0}

/* Contenttable */
table { border-collapse: collapse}
td { vertical-align:top; padding:0 3px 2px 3px}
  .td-0 { padding-left:0px!important}
td .bodytext { margin:0px}
th { text-align:left}

/* Listen */
ul.csc-bulletlist, .csc-default ul    { margin:0 0 5px 0; padding:0 0 0 18px;  list-style-position:outside; }
  li.csc-bulletlist, .csc-default li  { margin:0!important; padding:0;}
dd    { margin-left:23px}
.csc-menu-5 { padding:0px}

/* Formular 
.csc-mailform { width:530px; margin:0; padding:0; border:none;}
.csc-mailform-field { clear:both}
.csc-mailform-field label { float:left; width:100px; text-align:right; padding-right:5px }
.csc-mailform-field input { width:300px; }

.csc-mailform-radio { float:left; width:300px; }
.csc-mailform-radio input { clear:left; float:left; width:20px; font:normal 11pt/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif;}
.csc-mailform-radio label { float:left; text-align:left; width:auto}
.csc-mailform-radio legend { display:none}
.csc-mailform-radio fieldset { width:300px; padding:0; margin:0 0 3px 0; border-style:none none solid none; border:solid 1px #CAE4B7; }

.csc-mailform-check { float:left; width:20px!important; margin:0 5px 0 80px}
.csc-mailform-checkbox label { width:300px; text-align:left!important}
.csc-mailform-submit  { margin-left:105px;}
textarea, select  { width:300px; font:normal 10pt/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; }
legend    { font:normal 11pt/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; color:#0337BA; }
.csc-mailform-label { margin-left:105px; font:normal 11pt/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; color:#404040; }

/* Formular rechte Spalte 
#contright .csc-mailform { width:210px; border:none;}
#contright .csc-mailform-field { clear:both; width:200px;}
#contright .csc-mailform-field label { float:left; width:196px; text-align:left; padding-right:5px }
#contright .csc-mailform-field input, #contright .csc-mailform-field select { width:200px; }
#contright .csc-mailform-radio { clear:both; display:block}
#contright .csc-mailform-radio input { clear:left; float:left; width:20px; font:normal 12px/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif;}
#contright .csc-mailform-radio label { float:left; text-align:left; width:auto}
#contright .csc-mailform-radio fieldset { width:200px; padding:0; margin:0 0 3px 0; }
#contright .csc-mailform-check { width:19px!important}
#contright .csc-mailform-checkbox input { margin:3px 5px 0 0 }
#contright .csc-mailform-checkbox label { float:left; width:170px; padding:0px; margin-bottom:6px; text-align:left!important; line-height:1em}

#contright .csc-mailform-submit  { margin-left:0px}
#contright textarea  { width:210px; font:normal 12px/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; }
#contright legend    { font:normal 12px/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; color:#0337BA;}
#contright .csc-mailform-label { font:normal 12px/1.3em Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; color:#404040; }


/* --------------------------------------------- */
#mapcontainer { border: solid 1px #000}


.csc-header, .csc-textpicHeader, h1, h2  {  clear:both; font-family: Humanist777BT-LightB, "Segoe UI", Arial, Helvetica, sans-serif; line-height:1.1em; color:#000!important;}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link { text-decoration:none!important}

.csc-frame  { margin-top:15px;}
.csc-frame .csc-header h1 { margin-top:0px}
.csc-frame-frame1  { clear:both; background-color:#ffffce; padding:5px 3px 0 7px; border:solid 1px #000;}
  .csc-frame-frame1 h3, .csc-frame-frame1 h4 { margin-top:2px!important}
  .csc-frame-frame1 p b { color:#000 }
.csc-frame-frame2  { clear:both; border:solid 1px #ccc; background-color:#ebebeb; padding:5px 3px 0 7px}
.csc-frame-rulerAfter { clear:both; border-bottom: solid 1px #000}
.csc-frame-rulerBefore { clear:both;  margin:10px 0 10px 0; padding-top:10px; border-top: solid 1px #ccc; }

.contenttable td { vertical-align:top; border-bottom: solid 1px #000;}

/*input, select, textarea{ margin:0 0 3px; border:solid 1px #ccc; margin:0 0 3px  }
*/
hr    { clear:both; border-style:none none solid none; border:solid 1px #000;}

/* Sitemap */
.csc-sitemap li { list-style:none; margin:0!important}
.csc-sitemap li a:link, .csc-sitemap li a:visited { text-decoration:none; font-weight:normal; color:#000;}
.csc-sitemap li a:hover { text-decoration:underline; color:#000;}

.csc-sitemap ul { padding:0; margin:0}

.csc-sitemap ul li ul li { padding-left:10px!important; border-left:solid 1px #000;}
.csc-sitemap ul li ul li ul li {border-left:solid 1px #000}
.csc-sitemap ul li ul li a:link, .csc-sitemap ul li ul li a:visited,
.csc-sitemap ul li ul li ul li a:link, .csc-sitemap ul li ul li ul li a:visited { text-decoration:none; color:#404040; font-weight:normal;}
.csc-sitemap ul li ul li a:hover, .csc-sitemap ul li ul li ul li a:hover {text-decoration:underline; color:#000;}


/* K?rzlich aktualisiert */
.csc-menu-5 { padding:0!important; margin:0}
.csc-menu-5 li {list-style:none; margin:0 10px 0 0!important; float:left  }
.csc-menu-5 li a:link { text-decoration:none}
.csc-menu-5 li a:hover { text-decoration:underline}