@charset "UTF-8";

@media all
{
  body 
  { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100.01%; 
  }
  fieldset, img { border: 0 solid; }
  *{ margin:0pt; padding:0pt; }

}

@media screen, projection
{
  html { height: 100%; margin-bottom:1px;}
  body { background: #F2F2F2 url(../grafiken/schatten.png) no-repeat top; }

  #container
  { 
    width:990px; 
    margin: 0 auto;
    color: #666666;
    background:#FFFFFF; 
  }
    
  #header 
  { 
    width:990px; 
    height:170px;
    background:#DDEECC url(../grafiken/servona_logo3.png) no-repeat 10px 50px;
    border-bottom:1px solid #0065BD;
  }
  #header_image
  {
    width:590px;
    height:170px;
    display:block;
    float:left;
    padding-left:200px;
  }
  #header_nav
  {
    width:150px;
    height:130px;
    border-right:10px solid #66BB22;
    padding:20px;
    float:left;
    background:#DDEECC;
    font-size: 0.625em;
    font-weight:bold;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
  }
  #header_nav a
  {
    width:120px;
    height:25px;
    line-height:25px;
    padding-left:30px;
    display:block;
    color:#666666;
    text-decoration:none;
  }
  #header_nav a:hover { text-decoration:underline; }
  #header_nav #drucken{background:url(../grafiken/icon_drucken.png) no-repeat left; }
  #header_nav #impressum{background:url(../grafiken/icon_impressum.png) no-repeat left; }
  #header_nav #kontakt{background:url(../grafiken/icon_kontakt.png) no-repeat left; }
  #header_nav #schriftgroesse{background:url(../grafiken/icon_schriftgroesse.png) no-repeat left; }
  #header_nav #empfehlen{background:url(../grafiken/icon_empfehlen.png) no-repeat left; }

  #main
  {
    width:990px;
  }
  
  #col1
  {
    float:left;
    width:180px;
    padding:10px;
  }
  
  #col2
  {
    float:left;
    width:550px;
    padding:20px;
    padding-top:10px;
    font-size:0.75em;
    line-height:1.4;  
  }
  #col2 h1{ font-size:1.5em; line-height:1.2; padding:0em 0em 0.5em 0em; font-weight:normal; color:#0065BD; }
  #col2 h2, #col2 h3 { font-size:1.167em; font-weight:bold; line-height:1.2; padding:0em 0em 1em 0em; }
  #col2 p { padding-bottom:16px; }
  #col2 img { float:right; padding:2px 0px 10px 5px;}
  #col2 img.servona_logo { display:inline; float:none; padding:0px; }
  #col2 img.initialbild { float:left; padding:2px 10px 10px 0px; }
  #col2 img.blauerrand { border:1px solid #0065BD; padding:0px; margin:0px; }
  #col2 div.produktbox img.blauerrand { border:1px solid #0065BD; padding:0px; margin:0px; }
  #col2 ul { list-style-image:none; list-style-position:outside; list-style-type: none; }
  #col2 li { background:url(../grafiken/bullet_strich.png) no-repeat 0px 8px; padding-left:2em; padding-bottom:0.33em; }
  #col2 li li { background:url(../grafiken/bullet_kreis.png) no-repeat 0px 5px; padding-left:1.25em; padding-bottom:0em; padding-top:0.1em;}
  #col2 li h2 { padding:0px; }
  #col2 li.haekchen { list-style-position:outside; list-style-type: none; background:url(../grafiken/bullet_haken.png) no-repeat 0px 7px; padding:5px 0px 5px 2em; }
  #col2 li.product { background:#FFFFFF; border-bottom:1px solid #CCCCCC; height:75px; padding:5px 5px 5px 0px; }
  #col2 li.pfeil { list-style-position:outside; list-style-type: none; background:#FFFFFF; padding:0px 0px 10px 0px; }
  #col2 li.pfeil a { text-decoration:none; color:#666666; padding:2px 5px 2px 23px; background:#DDEECC url(../grafiken/link_gruen.png) no-repeat left; }
  #col2 li.product p { display:block; padding:0px; }
  #col2 li.product img { display:block; float:left; padding-right:10px; }
  #col2 li.altrow { background:#DDEEFF; }
  #col2 a { color:#0065BD; text-decoration:none; }
  #col2 a:hover { text-decoration:underline; }
  #col2 hr { color:#FFFFFF; background-color:#FFFFFF; height: 1px; border:0px; border-bottom: 1px solid #CCCCCC; }
  #col2 a.pfeil { text-decoration:none; color:#666666; padding:2px 5px 2px 23px; background:#DDEECC url(../grafiken/link_gruen.png) no-repeat left; }
  #col2 td { vertical-align:top; }
  #col2 td.unten { vertical-align:bottom; }
  #col2 h1.riesig, #col2 h2.riesig, #col2 h3.riesig { font-size:2em; }
  #col2 span.nobreak { white-space: nowrap; }
  #col2 .zitat { color:#0065BD; font-style:italic; font-size:0.95em; }
  #col2 .hellblau { background:#DDEEFF; display:block; padding: 5px; }
  #col2 .hellblau_klein { width:45%; margin:0 auto; background:#DDEEFF; display:block; padding: 10px; }
  #col2 div.graue_suppe a { color:#666666; }
  #col2 ul img { display:block; padding:0px 10px 0px 0px; background:url(../grafiken/testbild.png) no-repeat; float:none; }
  #col2 a.product_thumbnail { padding:0px 10px 0px 0px; float:left; }
  #col2 a.product_thumbnail img { display:block; padding:0px; background:url(../grafiken/testbild.png) no-repeat; float:none; }
  #col2 img.product_pic { padding:0px; background:url(../grafiken/testbild.png); float:none; display:block; width:320px; }

  #printlogo { display:none; }  
  
  #col3
  {
   float:left;
   width:190px;
   padding-right:10px;
  }
  #col3 .zitat { margin-top:20px; padding:10px; padding-right:7px; border:1px solid #CCCCCC; color:#0065BD; font-size:0.75em; font-style:italic; }

  #footer
  {
    clear:both;
    width:770px;
    height:40px;
    padding-left:220px;
    background: url(../grafiken/footer.png) no-repeat top;
    font-size:0.65em;
    line-height:40px;
  }
  
  #breadcrumbs { font-size:0.75em; padding-bottom:10px; color:#666666; }
  #breadcrumbs a { color:#666666; text-decoration:underline; }


  #suchfeld { padding-top:9px; font-size:0.75em; }
  #ajaxSearch_input
  {
    border:1px solid #0065BD;
    width:159px;
    padding:1px;
    height:16px;
    float:left;
  }
  #ajaxSearch_submit
  {
    border:1px solid #0065BD;
    background: #0065BD url(../grafiken/suchbutton.png) no-repeat center;
    width:20px;
    padding:0px;
    height:20px;
    float:right;
  }
  

/*-- Infoboxen --*/


  h1.infobox_gruen, h1.infobox_blau, h1.kontaktbox
  {
    padding:5px;
    padding-left:10px; 
    margin-top:20px; 
    font-size:0.875em; 
  }
  h1.infobox_gruen { color:#FFFFFF; background:#447722; }
  h1.infobox_blau { color:#0065BD; background:#DDEEFF; }
  h1.kontaktbox { color:#FFFFFF; background:#66BB22; }

  p.infobox_gruen, p.infobox_blau, p.kontaktbox { font-size:0.75em; padding:10px; }
  p.infobox_blau a, p.kontaktbox a { color:#0065BD; text-decoration:none; }
  p.infobox_gruen a { color:#FFFFFF; text-decoration:none; }
  p.infobox_gruen a:hover, p.infobox_blau a:hover, p.kontaktbox a:hover { text-decoration:underline; }
  p.infobox_gruen { color:#FFFFFF; background:#66BB22; }
  p.infobox_blau { color:#666666; background:#DDEEFF; }
  p.kontaktbox { background:#DDEECC; border-bottom:1px solid #66BB22; }
  
  img.infobox_blau { float:right; padding:5px; padding-right:0px; }
  
  p.kontakt_post { font-size:0.75em; font-weight:bold; padding:5px; padding-left:35px; background:#DDEECC url(../grafiken/kontakt_mail.png) no-repeat 10px 50%; border-bottom:1px solid #66BB22; }
  p.kontakt_fon { font-size:0.75em; font-weight:bold; padding:5px; padding-left:35px; background:#DDEECC url(../grafiken/kontakt_fon.png) no-repeat 10px 50%; border-bottom:1px solid #66BB22; }
  p.kontakt_fax { font-size:0.75em; font-weight:bold; padding:5px; padding-left:35px; background:#DDEECC url(../grafiken/kontakt_fax.png) no-repeat 10px 50%; border-bottom:1px solid #66BB22; }
  a.kontakt_email, p.kontakt_email { display:block; text-decoration:none; color: #666666; font-size:0.75em; font-weight:bold; padding:5px; padding-left:35px; background:#DDEECC url(../grafiken/kontakt_email.png) no-repeat 10px 50%; border-bottom:1px solid #66BB22; }
  a.kontakt_url, p.kontakt_url { display:block; text-decoration:none; color: #666666; font-size:0.75em; font-weight:bold; padding:5px; padding-left:35px; background:#DDEECC url(../grafiken/kontakt_url.png) no-repeat 10px 50%; border-bottom:1px solid #66BB22; }
  a:hover.kontakt_email, a:hover.kontakt_url { text-decoration:underline; }
  
  #col2 ul.infobox, #col2 p.infobox { padding: 2px 7px 10px 10px; border:1px solid #CCCCCC; border-top:0px; border-right:0px; font-size:0.75em; background:url(../grafiken/zipfel_klein.png) no-repeat top right; }
  #col2 h1.infobox { margin-top:20px; padding: 0px 0px 0px 10px; font-size:1em; color:#0065BD; border-left:1px solid #CCCCCC; }
  #col2 ul.infobox, #col2 p.infobox { padding: 2px 7px 10px 10px; border:1px solid #CCCCCC; border-top:0px; border-right:0px; font-size:1em; background:url(../grafiken/zipfel_klein.png) no-repeat top right; }
  #col2 h1.infobox { font-weight:bold; margin-top:20px; padding: 0px 0px 5px 10px; font-size:1.167em; color:#666666; border-left:1px solid #CCCCCC; }
  #col2 h2.infobox { margin-top:20px; padding: 0px 0px 5px 10px; font-size:1.167em; color:#666666; border-left:1px solid #CCCCCC; }
  #col2 h3.infobox { margin-top:20px; padding: 0px 0px 5px 10px; font-size:1.167em; color:#666666; border-left:1px solid #CCCCCC; }

  #col3 ul.infobox, #col3 p.infobox { padding: 2px 7px 10px 10px; border:1px solid #CCCCCC; border-top:0px; border-right:0px; font-size:0.75em; background:url(../grafiken/zipfel_klein.png) no-repeat top right; }
  #col3 h1.infobox { margin-top:20px; padding: 0px 0px 0px 10px; font-size:1em; color:#0065BD; border-left:1px solid #CCCCCC; }
  #col3 h1.infobox { font-weight:bold; margin-top:20px; padding: 0px 0px 5px 10px; font-size:1em; color:#666666; border-left:1px solid #CCCCCC; }
  #col3 h2.infobox { margin-top:20px; padding: 0px 0px 5px 10px; font-size:1.167em; color:#666666; border-left:1px solid #CCCCCC; }
  #col3 h3.infobox { margin-top:20px; padding: 0px 0px 5px 10px; font-size:1.167em; color:#666666; border-left:1px solid #CCCCCC; }
  #col3 p.infobox a { color:#666666; text-decoration:none; }
  #col3 p.infobox a:hover { color:#666666; text-decoration:underline; }

  #col3 a.pfeil { text-decoration:none; color:#666666; padding:2px 5px 2px 23px; background:#DDEECC url(../grafiken/link_gruen.png) no-repeat left; }
  
  #newsbox { font-size:0.75em; padding:10px 7px 10px 10px; margin-top:20px; background:#DDEEFF url(../grafiken/newsbox_welt.png) no-repeat top right; }
  #newsbox h1 { font-size:1.167em; color:#0065BD; line-height:1.6; }
  #newsbox h2, #newsbox h3 { font-size:1em; font-weight:bold; line-height:1.5; }
  #newsbox a { color:#0065BD; padding-top:5px; display:block; }
  
  #servona_kontakt { color:#FFFFFF; background:#66BB22; padding:5px; margin-top:20px; }
  .kontakt_fon_weiss { font-size:0.75em; padding:5px; padding-left:30px; background:#66BB22 url(../grafiken/kontakt_fon_weiss.png) no-repeat 5px 50%; border-bottom:1px solid #FFFFFF; }
  .kontakt_fon_weiss h1 { font-size:1.5em; }
  .kontakt_email_weiss { font-size:0.75em; font-weight:bold; padding:5px; padding-left:30px; background:#66BB22 url(../grafiken/kontakt_email_weiss.png) no-repeat 5px 50%; }
  .kontakt_email_weiss a { color:#FFFFFF; text-decoration:none; }
  .kontakt_email_weiss a:hover { text-decoration:underline; }

  #col2 .produktbox { margin-top:20px; border:1px solid #CCCCCC; border-top:0px; border-right:0px; padding:10px; padding-top:0px; background:url(../grafiken/zipfel.png) no-repeat top right;}
  #col2 .produktbox a { text-decoration:none; color:#666666; padding:2px 5px 2px 23px; background:#DDEECC url(../grafiken/link_gruen.png) no-repeat left; }
  #col2 .produktbox h1 { padding-top:0px; margin-top:0px; }
  #col2 .produktbox h2, #col2 .produktbox h3 {  }
  #col2 div.produktbox img { padding:0px 5px 10px 0px; float:none; }
  #col2 ul.rechts { float:right; }

  .spalte_links { width:240px; float:left; }
  .spalte_rechts { width:240px; float:right; }
  .golden { width:61.8% }
  .einspaltig { clear:both; display:block; }

    
/*-- Menue --*/

  #col1 li 
  {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
  }
  
  .nav_oben
  {
   border-top:10px solid #66BB22;
  }

  .nav_oben a, .nav_unten a, .nav_produkte a 
  {
   width:170px;
   display:block;
   padding:7px 0px 8px 10px;
   border-bottom:1px solid #FFFFFF;
   background:#DDEECC;
   color:#666666;
   text-decoration:none;
   font-size:0.75em;
   font-weight:bold;
  }

  .nav_oben li.active a { color:#447722; font-weight:bold; }
  .nav_oben li.active li a { color:#666666; font-weight:normal; width: 160px; padding:4px 0px 5px 20px; background:#ECECEC; }
  .nav_oben li.active li.activeparent a { background:#ECECEC; }
  .nav_oben li.active li.active a { color:#447722; font-weight:bold; background:#ECECEC url(../grafiken/border_gruen.png) repeat-y left; }
  .nav_oben li.active li.active li a { color:#666666; font-weight:normal; width: 140px; padding-left:40px; background:#ECECEC; }
  .nav_oben li.active li.active li.active a { color:#447722; font-weight:bold; background:#ECECEC url(../grafiken/border_gruen.png) repeat-y left; }

  .nav_produkte a { font-weight:normal; color:#666666; background:#DDEEFF; }
  .nav_produkte li a { padding-left:5px; width:175px; font-weight:bold; color:#FFFFFF; background:#0065BD; }
  .nav_produkte li.active a { color:#FFFFFF; }
  .nav_produkte li.active li a { padding:5px 0px 6px 10px; width:170px; font-weight:bold; color:#666666; background:#DDEEFF; } 
  .nav_produkte li.active li.active a { color:#0065BD;} 
  .nav_produkte li.active li.active li a { font-weight:normal; width:160px; padding:3px 0px 4px 20px; color:#666666; background:#ECECEC; }
  .nav_produkte li.active li.active li.active a { color:#0065BD; }

  .nav_unten a { background:#DDEEFF; }
  .nav_unten li.active a { color:#0065BD; font-weight:bold; }
  .nav_unten li.active li a { color:#666666; font-weight:normal; width: 160px; height:14px; padding:4px 0px 5px 20px; background:#ECECEC; }
  .nav_unten li.active li.active a { color:#0065BD; font-weight:bold; background:#ECECEC url(../grafiken/border_blau.png) repeat-y left; }
  .nav_unten li.active li.activeparent a { background:#ECECEC; }
  .nav_unten #kundenmenue_ueberschrift a { background:#0065BD; color:#FFFFFF; font-size:0.75em; font-weight:bold; padding-left:10px;}

  #col2 ul#produktliste { list-style-image:none; list-style-position:outside; list-style-type:none; }
  #col2 ul#produktliste li { min-height:100px; padding:5px 0px; margin:0px; display:block; border-bottom:1px solid #0065BD; background:none; width:275px; float:left; vertical-align:top; }
  #col2 ul#produktliste li img { padding:0px 5px 0px 0px; float:left; }

/*-- Formulare --*/

  .errors { color:#CC6666; }

  #EmailForm fieldset
  {
   border:1px solid #CCCCCC;
   padding:1em;
   margin-bottom:1em;
  }

  #EmailForm legend
  {
   font-size:1em;
   font-weight:bold;
   color:#5A5A5A;
  }

  #EmailForm input, textarea, select
  {
   font-size:1.2em;
   padding:1px;
   background-color:#F2F2F2;
   border:1px solid #0065BD;
   width:99%;
  }

  #EmailForm textarea
  {
   height:115px;
  }

  #EmailForm input.klein
  {
   width:auto;
   border:0px;
   background:none;
  }
  
  #EmailForm select.klein{ width:20%; padding:0px; }
  
  input#submitbutton 
  {
   width:auto;
   padding:1px;
  }

  #EmailForm ol
  {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   background:#FF0000;
  }

  #EmailForm li
  {
   padding:0px;
   margin:0px;
   padding-top:5px;
   margin-left:0px;
   background:#FFFFFF;
  }

  #col3 div#suchfeld form#EmailForm input { margin-bottom:0.5em; }  

  #Logistikzentren_table td
  {
   background:#FFFFFF;
   padding:0px 10px 10px 0px;
  }
  #Logistikzentren_table p
  {
   border:1px solid #CCCCCC;
   border-top: 0px none;
   padding:5px;
  }
  #Logistikzentren_table h3
  {
   border-left:1px solid #CCCCCC;
   padding:5px;
   font-size:1em;
  }

  #col2 h1.versorgungsbereiche { font-size:1.25em; width:528px; padding:2px 10px 2px 10px; font-weight:normal; color:#FFFFFF; background:#0065BD; }
  #col2 div.versorgungsbereiche { margin-top:0px; width:528px; }
  #col2 div.versorgungsbereiche h2 { padding-top:5px; }
  #col2 div.versorgungsbereiche td { height:30px; }
  #col2 div.versorgungsbereiche td a { width:200px; display:block; float:left; font-weight:bold; background:none; padding:10px 20px 10px 5px; }
  #col2 div.versorgungsbereiche img { float:left; padding:0px; }
  
  #col2 table.tabelle caption { padding:0px 5px 0px 5px; color:#FFFFFF; font-weight:bold; text-align:left; background:#66BB22; }
  #col2 table.tabelle td { padding:0px 5px 0px 5px; border-bottom: 1px solid #666666; }
  #col2 table.tabelle tr.altrow { background:#DDEECC; }
  #col2 table.tabelle th { text-align:left; padding:0px 5px 0px 5px; background:#66BB22; color:#FFFFFF; }
  #col2 table.tabelle a { color:#666666; font-weight:bold; text-decoration:none; }
  #col2 table.tabelle a:hover { text-decoration:underline; }

  #zero_gallery_display
  {
   width:550px;
   background-color:#DDEECC;
   color:#666666;
   display:none;
  }

  #zero_gallery_display h1, #zero_gallery_container h1
  {
   color:#666666;
   margin:0;
   padding:0;
  }

  #zero_gallery_display a, #zero_gallery_container a
  {
   color:#0065BD;
  }

  #zero_gallery_container
  {
   width:550px;
   background-color:#DDEEFF;
   color:#666666;
   display:none;
  }

  .zero_gallery_block
  {
   width:550px;
  }

  #zero_gallery_nav
  {
   width:100px;
   height:20px;
   padding-left:385px;
   padding-bottom:10px;
  }

  #zero_gallery_leftarrow
  {
   display:block;
   float:left;
   width:50%;
   height:100%;
   background: #FF0000 url(leftarrow.png) no-repeat 10% 50%;
  }
  #zero_gallery_rightarrow
  {
   display:block;
   float:left;
   width:50%;
   height:100%;
   text-align:right;
   background: #00FF00 url(rightarrow.png) no-repeat 90% 50%;
  }

  .zg_ueberschrift
  {
   margin:5px;
   padding-top:10px;
  }

  #col2 img.zg_bild
  {
   float:none;
   padding:15px 25px 10px 25px;
  }

  .zg_text
  {
   float:left;
   padding:10px;
   padding-top:8px;
  }

  .zg_zahl
  {
   padding:5px 5px 5px 10px;
   word-spacing:0.8em;
   height:20px;
   line-height:20px;
   background:#66BB22;
  }
  
  #col2 .zg_zahl a { color:#FFFFFF; }
  #col2 .zg_zahl a.active { color:#FFFFFF; font-size: 1.25em; font-weight:bold; }
  #col2 .zg_zahl img { float:none; padding:0px; }

  table#suchtabelle { width:100%; }
  table#suchtabelle td { padding:5px 10px 5px 0px;}

  #produktlayout1 { width:330px; float:left; }
  #produktlayout2 { width:210px; padding-left:10px; float:left; }
  #produktlayout3 { width:550px; padding-top:1em; clear:both; }
  #produktlayout_thumbs { width:330px; padding-bottom:15px; }
  
  #produkte_servona 
  { 
   border-top:10px solid #66BB22;
   margin-top:20px;
  }
  #produkte_servona a 
  { 
   width:170px;
   display:block;
   padding:7px 0px 8px 10px;
   border-bottom:1px solid #FFFFFF;
   background:#DDEECC;
   color:#666666;
   text-decoration:none;
   font-size:0.75em;
   font-weight:bold;
  }
  
  #nav_produkte_header a
  {
   display:block;
   width:170px;
   padding:7px 5px 8px 5px;
   border-bottom:1px solid #FFFFFF;
   background:#66BB22;
   color:#FFFFFF;
   text-decoration:none;
   font-size:0.75em;
   font-weight:bold;
  }
  
  #col2 #kapiteluebersicht td { height:75px; }
  #col2 #kapiteluebersicht a { text-decoration:none; }
  #col2 #kapiteluebersicht img { float:none; padding:0px;}

}