/* BELTE GROUP */
/* Programmierung: Agentur Infinity People GmbH */
/* Thomas Reisser 2007 */

/* RESET
****************************************************************************** */
:link { text-decoration:none; color:#b6b6b6; }
:visited { text-decoration:none; xcolor:#b6b6b6; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table { border:none; padding:0px; margin:0px; border-spacing:0px; font-size:12px; line-height:1.4; color:#b6b6b6; }
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
body, div,p,li { background-repeat:no-repeat; }
dl {margin:0;}
dl dt {margin:0;}
dl dd+dt {margin-top: 0;}
dl dd {margin:0;}
ol {list-style: none;}
ol li {margin:0;}
ol li ol {margin:0;}
ol li ul {margin:0;}
p {margin:0; color:#b6b6b6; font-size:12px; line-height:1.4}
ul {list-style: none;}
ul li {margin:0;}
ul li ul {margin:0; list-style: none;}
ul li ol {margin:0;}
pre {font-size:12px; }
* {margin:0; padding:0; }

/* STATISCH */
/* Structure
**************************************************** */
html, body { margin:0; padding:0; background:#252525; color:#fff; font:normal 100.1% Arial,Helvetica,sans-serif; line-height:1.6;}
#website { margin:0; padding:0; width:100%; height:100%  }

#header { height:140px; padding:0 0 0 48px; background:#fff; }
#head1 { position:absolute; top:10px; left:150px; width:850px; }
#logo { position: absolute; top:90px; left:166px; }
#maincontainer { width:900px; float:left; }
#main { width:840px; float:left; padding:1px 50px 20px 90px; }
#main-left { float:left; width:310px;padding:20px 30px 20px 80px; }
#main-right { float:right; width:310px; padding:20px 70px 20px 20px; }
#footer { width:800px; float:left; padding:10px 80px; }

.linkbox { float:left;width:358px; height:65px;margin:0 0 22px 0; }
.linkbox_l {float:left; width:118px; height:64px }
.linkbox_r {float:left;font-size:12px;line-height:1.2; padding:12px 0 10px 10px; width:229px; height:64px }
.textbox { float:left;padding:25px 10px 10px 0;width:300px; height:80px; }
.kursiv { font-style:italic; }
#linie { position:absolute; left:170px; top:490px; height:3px;width:640px;} 

/* Typo
**************************************************** */
/* all */
a { text-decoration: none; color:#b6b6b6; }
a:hover { color:#fff; }
h1 { font:normal 16px Arial,sans-serif; margin:0 0 25px 0; padding:6px 0 0 0; color:#fff; }
h2 { font:bold 12px Arial,sans-serif; xpadding:0 0 4px 0; }
h3 { font:bold 12px Arial,sans-serif; margin:15px 0 0 0; padding:6px 0 0 0; }
h4 { font:normal 11px Arial,sans-serif; padding:0 0 4px 0; }
h1, h2, h3, h4 { color:#b6b6b6; line-height:1.6; }
p,ul { font-size:12px; color:#b6b6b6;line-height:1.6; }
#Impressum #main-left { width: 450px;padding:49px 10px 10px 80px; }
#Impressum p {padding: 10px 0 0 0; }

        /* main */
#main h4 { background:url(img/bgh1.gif) repeat-x left bottom; margin:0 0 10px 0; padding:6px 0 30px 0; line-height:1.6; }
        /* footer */
#footer p { font-size:10px;  position: relative; top: 10px;}

/* Misc
**************************************************** */
.image{ float:left; }
#imagebox { padding:0 0 0 80px; position: relative; top: 10px;}
*html #imagebox { padding:0 0 0 160px; }
#imagebox a { display:block; }
#mainpic { padding:0 80px 20px 80px; }
.clearer { clear: both;}

/* Buttons
**************************************************** */
.button {text-decoration:none;  border:0; padding:0; display:block; font-size:0; }
#belteag { float:left; text-indent:-9999px; letter-spacing:-9999px; width:95px; height:61px; background:url("img/belte_ag_bw.gif") 0 0 no-repeat; }
#belteag:hover { background: url("img/belte_ag_f.gif") 0 0 no-repeat; }
#trading { float:left; text-indent:-9999px; letter-spacing:-9999px; width:146px; height:61px; background:url("img/belte_trading_bw.gif") 0 0 no-repeat; }
#trading:hover { background: url("img/belte_trading_f.gif") 0 0 no-repeat; }
#delta { float:left; text-indent:-9999px; letter-spacing:-9999px; width:138px; height:61px; background:url("img/delta_logistik_bw.gif") 0 0 no-repeat; }
#delta:hover { background: url("img/delta_logistik_f.gif") 0 0 no-repeat; }
#huth { float:left; text-indent:-9999px; letter-spacing:-9999px; width:162px; height:61px; background:url("img/huth_gaddum_bw.gif") 0 0 no-repeat; }
#huth:hover { background: url("img/huth_gaddum_f.gif") 0 0 no-repeat; }
#intra { float:left; text-indent:-9999px; letter-spacing:-9999px; width:50px; height:61px; background:url("img/intra_bw.gif") 0 0 no-repeat; }
#intra:hover { background: url("img/intra_f.gif") 0 0 no-repeat; }
#hisaq { float:left; text-indent:-9999px; letter-spacing:-9999px; width:78px; height:61px; background:url("img/hisaq_bw.gif") 0 0 no-repeat; }
#hisaq:hover { background: url("img/hisaq_f.gif") 0 0 no-repeat; }

/* Striche
**************************************************** */
.lline { position:absolute; top:237px; left:81px; width:580px; height:2px; background: url("img/lstreifen.gif") 0 0 no-repeat; padding:0;margin:0;  }
.kstrich { position:absolute; top:237px; left:710px; width:250px; height:2px; background: url("img/kstreifen.gif") -1px 0 no-repeat;  }
.knstrich { position:absolute; top:475px; left:710px; width:250px; height:2px; background: url("img/kstreifen.gif") -1px 0 no-repeat;  }
.zstrich { margin:20px 0;width:250px; height:2px; background:url(kstreifen.gif) -1px 0 no-repeat; }