/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* Typografie */
a { color: #2971a7; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em;  _position:static !important; }
h2 sup  { padding-left:1px; font-size:14px !important; font-weight:normal !important; vertical-align: top; position: relative; bottom: 0.33em; _position:static !important; }
h3 sup  { padding-left:1px; font-size:12px !important; font-weight:normal !important; vertical-align: top; position: relative; bottom: 0.33em; _position:static !important; }
#main h2 { font-size:24px; margin-bottom:.6em; color:#383838; font-weight:bold; }
#main h2.produkt { font-size:40px; margin-bottom:.6em; color:#383838; font-weight:normal; font-style: italic;}
#main h3 { font-size:16px; margin-bottom:.2em; color:#000; font-weight:bold;}
#main h4 { font-size:1em; color:#555; font-weight:bold;}
#main a { color: #df433a; text-decoration:none; }
#main hr { clear:both; width:100%; color:#fff; background:none; border:none; margin:0 -1px 1em; border-bottom:1px solid #e5e5e5; }
#main p { margin-bottom: 18px; }
#main h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#main p.intro { font-weight: bold; }
#main .more { text-align: right; }
h11 {font-size: 1.6em; } /* für Claim! ("Einfach Clever. Power.")*/


/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img.left { float: left; margin: 2px 20px 16px 0; border: 1px solid #df433a;}
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#container { width: 824px; margin: 0 auto; position: relative;}
#main { width:100%; position: relative; }
#content { width:820px;padding: 0px 0px; margin-top:0px !important;position: relative; color: #333;background: url(../images/content_bkgnd.gif) repeat-x;}
#container:after, #content:after, .grid2col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col  { _zoom:1; }
.column.first { float: left !important;margin-left: 0px !important; width:420px;padding-left:25px;}
.column.last { margin-top:0px !important;margin-left: 0px !important; float: right !important;width:260px; padding-right:10px;}
#main #servicebox hr { clear:both; width:100%; color:#fff; background:none; border:none;  border-bottom:1px solid #888; }
.titel {margin-top:-32px;position: relative;}
.produkt {margin-top:-10px;position: relative;}
.header {width:100%; padding:5px 0 15px 0px; vertical-align:top;position: relative;margin-bottom: 30px;}
.header .menu {text-align: right;position: absolute; right: 0;width: 800px;padding: 0 12px 0 0;bottom: -10px;}
.header .flags {text-align: right;position: absolute; right: 0; top:15px; width: 550px;padding: 0 12px 13px 0;bottom: 0px;}
.produktbeschreibung3 {border: 1px dotted #df433a; padding: 4px 4px 4px 4px;margin-top: 50px;}
.produktbeschreibung3 .head {padding-left:4px;font-weight:bold;background: #df433a; color:#333;}
.produktbeschreibung3 .line1 {padding-left:4px;background: #fccfc7; }
.produktbeschreibung3 .line2 {padding-left:4px;background: #fbbdb4;}
p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; }
button.senden {border: 1px dotted #df433a; background:#fccfc7;; padding: 4px 4px 4px 4px;margin-top: 5px;}

/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important;cursor:pointer; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf { padding-left: 0 !important; background-image: none !important; }
}

/* middle content box */
#main .box { width:780px; padding:0 20px; margin-bottom:0px; background:url(../images/column_bkgnd.gif) repeat-y; }
#main .box .boxtop { padding:2px 20px 0; margin:0 -20px; background:url(../images/column_top.gif) no-repeat 0 0; zoom:1; _margin-bottom:-1em; }
#main .box .boxtop:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#main .box .boxbottom { padding:0 20px 1em; margin:0 -20px; background:url(../images/column_bottom.gif) no-repeat 0 100%; }

/* Servicebox */
#servicebox { height:229px;padding:0px 12px; margin:0px 0 11px; font-size:11px; color:#76797c;  line-height:1.3em;background:url(../images/servicebox_top.gif) no-repeat 0 100%; }
#servicebox .info { margin-top:5px;margin-bottom:5px;display: block; float: left; color: #df433a; padding-right: 20px; background:url(../images/pfeilrund.png) no-repeat right .1em; font-weight: bold;  _background-image:none; }
#servicebox .info a {cursor:pointer;}
#servicebox .hotline { font-size:16px; line-height:22px; color:#000; font-weight:bold;}
.servicecontent {padding-top:40px;}

/* Produktbox */
#main h2.produktbox  { padding:0; margin:0; background-image:url(../images/werkzeuge_top.gif); height:25px; }
#main #accordion  { margin: 0 0 0 0 !important; padding: 0 0 0 0; position: relative; overflow: hidden; height: 100%; width:260px; }
.produkte a.thumbnail { border-left: #eee 2px solid; border-right: #eee 2px solid; width: 256px; margin-top:0px;display: block; padding: 0px 0 0; text-decoration:none; text-align:center; background-color: #ccc url(../images/produktbox_bkgnd.gif) repeat bottom right;}
.produkte a.thumbnail img { margin-top: -10px;  height:220px; width:254px; padding-right: 2px;background-color: #ccc}
.produkte2 .handle { display: block; padding: 0px 15px 5px; height: 85px; width:260px; overflow: hidden; background: url(../images/toolson_produktslider.gif) -261px 100% no-repeat;}
.produkte2  .handle:hover { text-decoration: none; background: url(../images/toolson_produktslider.gif) 0px 100% no-repeat;}
.produkte2  .handle strong { display: block; font-size: 11px; color: #fff;  white-space: nowrap; overflow: hidden; height:25px; }
.produkte2  .handle .description { color: #888; height: 20px; overflow: hidden; line-height: 11px; }
.produkte2  .handle .more { margin-top:5px;display: block; float: left; color: #df433a; padding-right: 20px; background:url(../images/pfeilrund.png) no-repeat right .1em; font-weight: bold;  _background-image:none; }

/* FOOTER */
#footer p { margin-bottom: 1em; }
#footer {color: #999; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; margin-left: 15px;}
#footer a {color: #df433a; text-decoration:none;}
#footer .gf-bauhaus { float: left; width: 60%; }
#footer .gf-links { float: right; text-align: right; }
#footer .gf-links a { padding: 0 10px; white-space: nowrap; }
#footer .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important;  }
#footer .gf-copyright { clear: both; width: 100%; border-top: 1px solid #eee; padding-top: 9px; }
#footer .gf-copyright a { padding: 0 10px; }
#footer { width: 800px; }