/*
 * hebbecker.com
 * @author tomix.de
 */
/*

1. allgemeines
2. raster
3. header
4. main
5. hauptnavigation
6. content
7. footer

*/

/*--------------- allgemeines ---------------*/

* { margin:0;padding:0;}
html {background: url(grafix/bg.png) #9caec0 0 0 repeat;}
body {padding: 8px 0 20px 0;font-family: verdana, arial, helvetica, sans-serif;font-size:12px;line-height:1.2;color:#3d3d3d;background: url(grafix/bg.top.png) 0 0 repeat-x;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;padding-bottom:8px;}
ul, ol {list-style:none;}
fieldset,img {border:none;}
strong, th {font-weight:bold;}
a,a:link,a:visited,a:hover,a:active {color:#224393;text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-bottom:12px; line-height:1.3;}
input.typetext, textarea {font-size:12px;border:1px solid #ccc;padding:2px;}
select, option {font-size:12px;border:1px solid #ccc;}
.clearBoth {clear:both;}
/*--------------- raster ---------------*/

div#wrapper {margin: 0 auto;width:850px;position:relative;}
div#header {padding: 5px 8px 0 6px;background:url(grafix/bg.wrapper.png) 0 0 no-repeat;}
div#main {float:left;padding:0 12px 20px 6px;background: url(grafix/bg.wrapper.png) -904px 0 repeat-y;/*overflow:hidden;*/clear:both;}
div#main ul#mainnav {width:175px;float:left;}
div#main div#content {width:477px;float:left;padding: 20px 140px 20px 40px;}
div#footer {height:30px;padding:0 12px 9px 6px;background:url(grafix/bg.wrapper.png) 0 100% no-repeat;clear:both;}

/*--------------- header ---------------*/
div#header h1 {width:100%;padding:0;overflow:hidden;background: url(grafix/header.bar.png) 0 49px no-repeat;}
div#header h1 a {float:right;margin:20px 20px 0 0;display:inline;}
div#header h1 a:hover {text-decoration:none;}
div#header p {position:absolute;top:22px;left:8px;}
/*div#header h1 {width:100%;padding:0;overflow:hidden;}
div#header h1 img.bhd {margin:49px 0 60px 0;}
div#header h1 a {position:absolute; top:25px;right:28px;}*/
/*--------------- main ---------------*/
/*--------------- hauptnavigation ---------------*/

div#main ul#mainnav {}
div#main ul#mainnav li {position:relative;}
div#main ul#mainnav li a {position:relative;display:block;height:17px;padding: 7px 10px 5px 15px;font-size:14px;color:#e6eef0;background:url(grafix/bg.mainnav.png) 0 0 no-repeat;}
div#main ul#mainnav li a span {display:block;width:10px;height:39px;position:absolute;right:0;bottom:0;background:url(grafix/bg.mainnav.png) 100% 0 no-repeat;}

div#main ul#mainnav li a:hover {text-decoration:none;background-position: -205px 0; color:#273864;}
div#main ul#mainnav li a:hover span {background-position: 100% 100%;}
div#main ul#mainnav li.current a,
div#main ul#mainnav li.last a {padding-top:8px;}
div#main ul#mainnav li.current a span,
div#main ul#mainnav li.last a span {bottom:1px;}

div#main ul#mainnav li ul#secnav {margin:5px 10px 8px 0;}
div#main ul#mainnav li ul#secnav li a {padding:2px 0 2px 15px;height:auto;font-size:12px;color:#000;background: url(grafix/bg.icons.png) 6px -113px no-repeat;}
div#main ul#mainnav li ul#secnav li a:hover {text-decoration:underline;background-position: 6px -152px;}
div#main ul#mainnav li ul#secnav li.current {font-weight:bold;}
div#main ul#mainnav li ul#secnav li.current a {background-position: 6px -152px;}


/*--------------- content ---------------*/

div#main div#content {min-height:480px;background:url(grafix/de/bg.area.hebbecker_com.png) 100% 100% no-repeat;}

body#area_news div#main div#content  {background-image:url(grafix/de/bg.area.aktuelles.png)}
body#area_news.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.news.png)}
body#area_print div#main div#content  {background-image:url(grafix/de/bg.area.druckmaschinen.png)}
body#area_print.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.printing_machines.png)}
body#area_flock div#main div#content  {background-image:url(grafix/de/bg.area.flockmaschinen.png)}
body#area_flock.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.flocking_machines.png)}
body#area_dryers div#main div#content  {background-image:url(grafix/de/bg.area.trockner.png)}
body#area_dryers.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.dryers.png)}
body#area_flashcures div#main div#content  {background-image:url(grafix/de/bg.area.zwischentrockner.png)}
body#area_flashcures.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.flash-cures.png)}
body#area_accessories div#main div#content  {background-image:url(grafix/de/bg.area.zubehoer.png)}
body#area_accessories.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.accessories.png)}
body#area_about div#main div#content  {background-image:url(grafix/de/bg.area.ueber_uns.png)}
body#area_about.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.about_us.png)}
body#area_contact div#main div#content  {background-image:url(grafix/de/bg.area.kontakt.png)}
body#area_contact.lang_en div#main div#content  {background-image:url(grafix/en/bg.area.contact.png)}

div#main div#content div.h {margin: 0px 0px 24px 0px;}
div#main div#content h1 {font-size:24px;font-weight:bold; padding: 0; margin: 24px 0px;}
div#main div#content h2 {font-size:15px;font-weight:bold; padding: 0; margin: 24px 0px;}
div#main div#content h3 {font-size:15px;font-weight:normal; padding: 0; margin: 24px 0px;}
div#main div#content h4 {font-size:14px;font-weight:bold; padding: 0; margin:24px 0px;}
div#main div#content div.h h1,
div#main div#content div.h h2,
div#main div#content div.h h3,
div#main div#content div.h h4 { margin: 0px;}
div#main div#content a {text-decoration:underline;}
div#main div#content a:hover {color: #d9007d;}
div#main div#content ul,
div#main div#content ol {margin:6px 0 12px 20px;width:70%;}
div#main div#content ul {list-style: disc outside none;}
div#main div#content ol {list-style: decimal outside none;}
div#main div#content img  {border:1px solid #ccc; margin: 6px 0 10px 0;}
div#main div#content img.left  {float:left; margin-right:18px;}
div#main div#content img.right {float:right;margin-left:18px; margin-right:-60px;}
div#main div#content img.center {margin-left: auto; margin-right: auto; display: block;}

div#main div#content a.intern {padding-left: 13px; background: url(grafix/bg.icons.png) 0px -187px no-repeat;}
div#main div#content a.extern {padding-left: 13px; background: url(grafix/bg.icons.png) 0px -187px no-repeat;}
div#main div#content a.mail {padding-left: 13px; background: url(grafix/bg.icons.png) 0px -217px no-repeat;}
div#main div#content a.pdf {padding-left: 13px; background: url(grafix/bg.icons.png) 0px -245px no-repeat;}

div#main div#content table { padding-bottom:12px; }
div#main div#content table td { padding-right: 10px; }

div#main div#content object.flash { margin: 6px 0 10px 0; }

/*--------------- footer ---------------*/

div#footer ul {width:100%;border-top:2px solid #fff;padding-top:8px;}
div#footer ul li {float:left;padding: 0 5px;border-left:1px solid #273864;font-size:10px;font-weight:bold;}
div#footer ul li a {color:#273864}
div#footer ul li.language a {background: url(grafix/bg.icons.png) 0 0 no-repeat;padding-left:20px;}
body.lang_en div#footer ul li.language a {background-position: 0 -40px;}
div#footer ul li.first {border:none;}
div#footer ul li.totop {float:right;border:none;}
div#footer ul li.totop span{display:none;}
div#footer ul li.totop a {display:block;padding: 2px 2px 0 2px;width:11px;height:13px;background:url(grafix/bg.icons.png) 0 -80px no-repeat;}