/*--- Colors:
  active links: #647285
  text: #757575
  headers: #656565
---*/

body { font-family: helvetica, arial, sans-serif; font-weight: normal; font-size: 75%; line-height: 1.5;
  color: #373737; background: #fff; margin: 20px 0; }  


/*--- IDs and Basic Layout
--------------------------------*/

#container { width: 980px; margin: 0; position: relative;  padding: 0 0; } 
#header { height: 120px; background: #c0c0c0; width: 100%; }
#header h1#logo { margin: 0; height: 120px; width: 327px; text-indent: -10000px; position: absolute; right: 0; top: 0;
  background: url('../images_neu/header.png') no-repeat; }
#header h1#logo a { display: block; height: 120px; width: 371px; } 
#header #gallery { height: 120px; position: absolute; left: 0; top: 0; } 
#header #gallery img { position: absolute; left: 0; top: 0; }  

#footer { width: 1024px; text-align: center; color: #4b4c58; clear: both; }
#footer a { color: #8a8a8a; text-decoration: none; }
#footer span { margin: 0 8px; font-size: 0.9167em; }


/*--- Home
--------------------------------*/
#home #main { padding: 78px 0 0 70px; min-height: 400px; height: auto !important; height: 400px; }
#home #intro { margin: 20px 0 100px 0; }
#home #intro .product { float: left; width: 202px; margin: 0 22px 10px 0; }
#home #intro .product .description { margin: 12px 0 8px 18px; }

/*--- Products
--------------------------------*/
#products #main { margin: 90px 0 42px 30px; width: 300px; float: left; min-height: 400px; height: auto !important; height: 400px; }
#products #main h4 { color: #757575; margin: 0; }
#products #main ul { padding-left: 20px; margin-left: -20px; list-style: square; }

#standard #main { margin: 100px 0 42px 180px; width: 360px; float: left; min-height: 400px; height: auto !important; height: 400px; }
#standard #main h4 { color: #757575; margin: 0; }
#standard #main ul { list-style: disc; }

#product_info { text-align: right; margin: 0 2px 1.0em 0; }
#product_info a { font-weight: normal; padding: 0 0 0 12px; background: url('/images_neu/arrow.png') 0 3px no-repeat;}

#fotos { float: right; width: 372px; margin: 108px 12px 0 0; }
#fotos #display .slide { border: 1px solid #ddd; }
#fotos #display p.text { padding: 2px 4px; margin: 0; }
#fotos #thumbnails #display img{ border: 1px solid #ddd; padding: 2px; }

#fotos #thumbnails { position: relative; margin: 18px 0 0 5px; padding: 0 16px 0 24px; width: 322px; height: 72px; overflow: hidden; }
#fotos #thumbnails .wrapper { overflow: hidden; width: 320px;  }
#fotos #thumbnails a.control { display: block; width: 14px; height: 14px; position: absolute; top: 27px; text-decoration: none;}
#fotos #thumbnails a.control:hover { text-decoration: none; }
#fotos #thumbnails a.next { right: 0; background: url('../images_neu/next.png') no-repeat; }
#fotos #thumbnails a.previous { left: 0; background: url('../images_neu/previous.png') no-repeat; }

#fotos #thumbnails .thumbWrapper { height: 72px; }
#fotos #thumbnails .thumbWrapper a { float: left; display: block; border: 1px solid #ddd; padding: 2px; margin: 0 14px 0 0; text-align: center; }  
#fotos #thumbnails .thumbWrapper a.activeSlide { border: 1px solid #647285; }
#fotos #thumbnails .thumbWrapper img { height: 65px; }

#fotos #extra { margin: 36px 0 102px 27px; }
#fotos #extra h4 { margin: 0 0 0.5em 0; }
#fotos #extra h4 a { color: #365373; text-decoration: none; padding: 0 0; display: block;
  background: url('../images_neu/arrow.png') 9.3em 3px no-repeat; }
#fotos #extra img { border: 1px solid #ddd; padding: 2px; height: 65px; }


/*--- Service Nav
--------------------------------*/
#service_nav { font-size: 1em; position: relative; }
#service_nav ul { position: absolute; right: 65px;}
#service_nav li { display: block; float: left; }
#service_nav li a { display: block; float: left; padding: 7px 20px 0 12px;
  color: #757575; text-decoration: none; background: url('../images_neu/divider.png') 0 0 no-repeat; }

/*--- Firma ---*/
#service_nav li#item_2 {} 
#service_nav li#item_2 a:hover, #service_nav li#item_31.active a { color: #4eabe2; background: url('../images_neu/firma.png') 0 0 no-repeat; }
/*--- Produkte ---*/
#service_nav li#item_4 {} 
#service_nav li#item_4 a:hover, #service_nav li#item_2.active a { color: #e8338a; background: url('../images_neu/produkte.png') 0 0 no-repeat; }
/*--- Lieferbedinungen ---*/
#service_nav li#item_5 {}
#service_nav li#item_5 a:hover, #service_nav li#item_30.active a { color: #3070b9; background: url('../images_neu/lieferbedingungen.png') 0 0 no-repeat; }
/*--- Kontakt ---*/
#service_nav li#item_6 {}
#service_nav li#item_6 a:hover, #service_nav li#item_29.active a { color: #000; background: url('../images_neu/kontakt.png') 0 0 no-repeat; }

/*--- Navigation
--------------------------------*/
#navigation { float: left; width: 242px; margin: 42px 0 72px 0;  }
#navigation li { padding: 6px 0 6px 0; background: url('../images_neu/border.png') center bottom no-repeat; }
#navigation li a { display: block; padding: 4px 0 4px 16px; color: #647285; text-decoration: none; }
#navigation li.active a { font-weight: bold; display: block; background: url('../images_neu/active.png') 0 2px no-repeat; }
#navigation li a:hover { background: url('../images_neu/active.png') 0 2px no-repeat; font-weight: bold; } 

#navigation li#item_20, #navigation li#item_16 { padding: 4px 0 0 0; margin-bottom: -10px; background: none; }  

#navigation li span { display: block; }
#navigation li span.series { width: 7.0em; float: left; }
#navigation li span.title { width: 12.0em; float: left; }
#navigation li span.clearleft { clear: both; }





/*--- Headers
--------------------------------*/
h2 { font-size: 1.5em; color: #656565; font-weight: bold; margin: 0 0 0 0; }
h3 { font-size: 1.1667em; font-weight: bold; margin: 0 0 1.5em 0; line-height: 1.4; }
h4 { font-size: 0.9167em; font-weight: bold; margin: 0 0 1.0em 0; }


a { text-decoration: none; color: #002673; -moz-outline: none; outline: none; }
a:hover { text-decoration: underline; }
a:focus { -moz-outline: none; outline: none; }

p, table, ul, ol { font-size: 0.9167em; margin: 0 0 1.5em 0; }
strong { font-weight: bold; }