@charset "utf-8";
/**
 * Fibertech - CSS: Allgemeine Angaben
 *
 *
 * @author Danny Otto | PIXELBRAND.NET
 * @date   2008-02
 * 
 */
@import url(navigations.css);
@import url(content.css);
@import url(forms.css);
@import url(jquery.lightbox.css);

* { margin: 0; padding: 0; }

html { width: 100%; height: 100%; }

body {
  background: #f5f5f6;
  color: #4c575f;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Helvetica, sans-serif;
  font-size: 0.70em;
  height: 100%;
  width: 100%;
}

.clearfix, .floatbox, .subcols { overflow: hidden; }
.clearfloat { clear: both; }

.hideme, dfn, hr {
  display: inline;
  height: 0;
  left: -999em;
  overflow: hidden;
  position: absolute;
  top: -999em;
  width: 0;
}

#nav-first {
  left: -999em;
  position: absolute;
  top: -999em;
  width: 100%;
  z-index: 666;
}

#nav-first a:focus, #nav-first a:active {
  background-color: #fff;
  border: 5px #3c6fa5 solid;
  display: block;
  left: 1000em;
  padding: 2em;
  position: absolute;
  top: 1000em;
  width: 300px;
  z-index: 666;
}

h1 { background: url(../images/bg_logo_fibertech.gif) 0 -57px no-repeat; padding: 20px 0 45px 0; margin: 0 0 10px 0; text-align: right; }
h3 {
  background-color: #4b575f;
  color: #fff;
  font-size: 1em;
  line-height: 130%;
  margin: 0 0 1em 0;
  padding: .4em 1em;
  text-transform: uppercase;
}
h4 {
  background-color: #f6f6f6;
  border-bottom: 1px #c5c7c8 solid;
  border-top: 1px #c5c7c8 solid;
  font-size: 1em;
  line-height: 130%;
  margin: 1.5em 0 1em 0;
  padding: .4em 1em;
  text-transform: uppercase;
}
h4.special {
  background-color: #fff;
  border: 0 !important;
  color: #4c575f !important;
  margin: 0 0 1em 0;
  padding: .4em 1em 0 1em;
  text-transform: none;
}
h5 { font-size: 1em; line-height: 120%; margin: 0 0 1em 0; padding: .2em 1em; }
h3 img, h4 img, h5 img { vertical-align: middle; }

a { color: #4c575f; }
a:hover, a:focus, a:active { color: #0085bd; text-decoration: none; }
a img { border: 0; vertical-align: middle; }

p { line-height: 140%; margin: 0 0 1em 0; }
ul, ol { margin: 0 0 1em 0; padding: 0 0 0 25px; }
li { line-height: 140%; margin: 0 0 .4em 0; }
dl { margin: 0 0 1em 0; }
dt { font-weight: bold; }
dd { border-left: 3px #4c575f solid; line-height: 140%; margin: .2em 0 .8em .2em; padding: 0 0 0 .5em; }



/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Seitenbreite und Ausrichtung */
#margins { background: url(../images/bg_body.gif) repeat-y #fff; margin: 0 auto; width: 990px; }
#header { background: #f6f6f6; border-bottom: 1px #c6c7c9 solid; margin: 0 15px 0 15px; min-height: 15px; }
#coltop { background: #fff; border-bottom: 1px #c6c7c9 solid; float: right; margin: 0 15px 0 15px; width: 765px;}
#col1 { background-color: #fff; float: left; margin: 0 0 0 15px; padding: 10px 0 0 0; width: 175px; }
#col2 { float: left; margin: 20px 0 20px 20px; width: 570px; }
#col3 { float: right; margin: 0 15px 0 0; width: 175px; }



/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Col1 */
#leoni ul { border-top: 1px #c6c7c9 solid; list-style: none; margin: 0; padding: 0; }
#leoni li { padding: .5em; }
#leoni li a { text-decoration: none; }
#newsbutton { background-color: #f6f6f6; border-top: 1px #c6c8c9 solid; border-bottom: 1px #c6c8c9 solid; margin: 0 0 110px 0; padding: 80px 10px  10px 10px; }
#newsbutton a { font-weight: bold; text-decoration: none; text-transform: uppercase; }
#pid21 #newsbutton a { color: #0085bd; }
#linkbox ul { border-top: 1px #c6c7c9 solid; list-style: none; padding: .5em 0 0 0; }
#linkbox li { padding: .5em 0 0 0; }


/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Col2 */
#pid1 #print { display: none; }
#print { text-align: right; margin: 20px 0 .5em 0; }
#print a { text-decoration: none; }
#content { min-height: 500px; }


/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Col3 */
#col3 a { text-decoration: none; }
#col3 h3 { background: transparent; color: #4b575f; padding: 0; }
#col3 div.box { border-bottom: 1px #c5c7c8 solid; padding: 15px; }
ul#direktkontakt { background-color: #fff; border: 1px #c6c8c9 solid; list-style: none; margin: 0; padding: .5em; }
ul#direktkontakt li { border-top: 1px #c6c8c9 solid; margin: 0; padding: .2em 0 .2em .2em; }
ul#direktkontakt li.first { border: none; }
ul#direktkontakt li:hover { background-color: #f5f6f6; }
ul#direktkontakt li img { vertical-align: middle; }
div.scrollbox {
  background-color: #fff;
  border:1px solid #c6c8C9;
  height: 200px;
  overflow: auto;
  padding: .5em;
}
#flashmovie { margin: 0 0 1em 0; }


/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Footer */
#footer {
  background: url(../images/bg_footer.gif) bottom no-repeat;
  clear: both;
  padding: 0 15px 4px 15px;
  position: relative;
}
#footer_content { background: #fff; border-top: 1px #c6c7c9 solid; padding: .2em; }
#footer a#to-top { position: absolute; top: .2em; right: 20px; text-decoration: none; }


/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* jQuery Image */
.jmg { margin: 0 5px 0 0; }
/* Kontaktbox */
#direktkontakt .jmg { display: none; }
/* Tooltip */
#tooltip {
  position: absolute;
  z-index: 3000;	
}
#tooltip div.body { background: url(../images/bg_tooltip_l.gif) 0 0 no-repeat; padding: 0 0 0 30px; }
#tooltip div.body img { border: 1px #000 solid; border-left: 0; }
.viewport-right div.body { background: url(../images/bg_tooltip_r.gif) right 0 no-repeat !important; padding: 0 30px 0 0 !important; }
.viewport-right div.body img { border: 1px #000 solid !important; border-right: 0 !important; }