html, body { height: 100% !important; }

body {font: 12px Arial, Helvetica, sans-serif;  }

h2 {margin: 20px 0 0;  font-size: 18px; font-weight: normal; color: #004da8;}
h3 {color: #414042; font-size: 13px; line-height: 18px; letter-spacing: 1px; margin: 0 0 6px;}
a {color: #004da8;}

#wrapper {height: auto !important; height: 100%; min-height:100%; margin-bottom:-40px; background: url("../_media/bg_body.png") bottom center no-repeat;  }
#top {width: 950px; margin: 0 auto;}
#top h1 {float: left; margin: 37px 0 0;}
#top h1 a {background: url("../_media/hewing_logo.gif") no-repeat; display: block; width: 176px; height: 66px; overflow: hidden; }

#top ul {background: url("../_media/bg_top_ul.png") repeat-x; float: right; margin: 62px 1px 0 0;}
#top ul li {float: left;}
#top ul li a { border-right: 1px solid #f29e00; border-left: 1px solid #fdc865; color: #fff; font-weight: bold; float: left; display: block; height: 35px; padding: 0 17px; line-height: 35px; text-shadow: #da930d 0 1px 0; font-size: 13px;}

#top ul.space_es li a {padding: 0 20px;}
#top ul.space_fr li a {padding: 0 9px;} 
#top ul.space_pl li a {padding:0 13px;}

#top ul li a:hover, #top ul li a.active {background: url("../_media/bg_top_ul_li_a_hover.png") repeat-x;}

#top ul li.first a {border: none; background: url("../_media/bg_top_ul_li_first_last.png") top left no-repeat; }
#top ul li.last a {border: none; background: url("../_media/bg_top_ul_li_first_last.png") top right no-repeat; }

#top ul li.first a:hover, #top ul li.first a.active {border: none; background: url("../_media/bg_top_ul_li_first_last_hover.png") top left no-repeat; }
#top ul li.last a:hover, #top ul li.last a.active  {border: none; background: url("../_media/bg_top_ul_li_first_last_hover.png") top right no-repeat; }

#content p  {color: #414042; line-height: 18px; margin: 0 0 18px 0;}
#content ul  {color: #414042; font-size: 12px !important; line-height: 18px;}
 
#clear_footer {clear: both; height: 70px; display: block;}

#footer {  clear:both; height:40px;  background: url("../_media/bg_footer.png") bottom center no-repeat; }

#footer ul.container {width: 960px; margin: 0 auto;}
#footer ul.container li {display: inline; }

#footer ul.container li ul.language_box {float: left; background: #fff;  margin: 8px 0 0 206px; display: inline; border: 1px solid #012a5a; }
#footer ul.container li ul.language_box li {float: left; padding: 5px 7px; border-top: 1px solid #012958; border-bottom: 1px solid #012958; display: inline;  }
#footer ul.container li ul.language_box li a {display: block; width: 22px; height: 16px; text-indent: -99999px; background-repeat:no-repeat; }

#footer ul.container li ul.language_box li a.de {background-image: url("../_media/bg_language_box_li_a_de.png"); }
#footer ul.container li ul.language_box li a.en {background-image: url("../_media/bg_language_box_li_a_en.png"); }
#footer ul.container li ul.language_box li a.fr {background-image: url("../_media/bg_language_box_li_a_fr.png"); }
#footer ul.container li ul.language_box li a.es {background-image: url("../_media/bg_language_box_li_a_es.png"); }
#footer ul.container li ul.language_box li a.it {background-image: url("../_media/bg_language_box_li_a_it.png"); }
#footer ul.container li ul.language_box li a.ru {background-image: url("../_media/bg_language_box_li_a_ru.png"); }
#footer ul.container li ul.language_box li a.pl {background-image: url("../_media/bg_language_box_li_a_pl.png"); }

#footer ul.container li ul.further_infos { margin: 16px 3px 0 0; float: right; display: inline;  }
#footer ul.container li ul.further_infos li {float: left; padding: 0 12px 0 10px; background: url("../_media/bg_footer_ul_li.gif") right 6px no-repeat; }
#footer ul.container li ul.further_infos li.last {background: none; margin-right: 0; padding-right: 0;}
#footer ul.container li ul.further_infos li a {color: #fff; font-size: 11px;}
#footer ul.container li ul.further_infos li a.active {font-weight: bold;}

.box {border: 1px solid #d5d4d4; font-size: 11px; margin: 0 0 20px; position: relative;  }
.box .space {margin: 1px; padding: 5px; background: #eaeaea url("../_media/bg_box.png") repeat-x;}

.box .lo {position: absolute; top: -1px; left: -1px; width: 8px; height: 8px; background: url("../_media/bg_box_lo.png")  no-repeat;}
.box .ro {position: absolute; top: -1px; right: -1px; width: 8px; height: 8px; background: url("../_media/bg_box_ro.png")  no-repeat;}
.box .lu {position: absolute; bottom: -1px; left: -1px; width: 8px; height: 8px; background: url("../_media/bg_box_lu.png")   no-repeat;}
.box .ru {position: absolute; bottom: -1px; right: -1px; width: 8px; height: 8px; background: url("../_media/bg_box_ru.png")  no-repeat;}

.box h3 {font-size: 12px; line-height: 14px; color: #004da8; margin: 0 0 6px;}
.box a {color: #1a4597;}


.box ul li {margin: 0 0 4px; background: url("../_media/bg_box_ul_li.gif") 2px 4px no-repeat; height: 1%; padding: 0 0 0 11px; font-size: 11px; line-height: 12px;}
.box ul li ul {margin: 3px 0 8px; font-size: 10px; line-height: 12px;}
.box ul li ul li {background: none; margin: 0 0 3px; padding: 0;}
.box ul li a.active {font-weight: bold;}
.box p {margin: 0 0 6px !important; line-height: 13px !important;}

ul.listing {margin: 0 0 18px !important;}
ul.listing li {margin: 0 0 3px 2px; padding: 0 0 0 11px; background: url("../_media/bg_listing_li.png") 0 5px no-repeat; height: 1%;clear:left;}
ul.listing li .listlabel {width:100px;display:block;float:left;font-weight:bold;margin-bottom:5px;}
.shortlabel .listlabel {width:40px !important;}

ul.information li {	padding: 0 0 3px 22px; line-height: 16px; font-size: 11px; height: 1%; } 
ul.pdf li { background: url("../_media/bg_pdf_li.gif") top left no-repeat; }
ul.link li { background: url("../_media/bg_link_li.gif") top left no-repeat; }


form p {clear: both; margin: 0 0 8px !important; overflow: auto; height: 1%; }
form p.must input, form p.must textarea {background: #ebebeb; }


form.form label {float: left;}
form.form input, form.form textarea {border: 1px solid #d5d4d4; padding: 3px 0; background: #fff; width: 75%; float: right; }
form.form input.send {width: 25%; float: right;}
form.form input:hover, form.form input:focus, form.form textarea:hover, form.form textarea:focus {border: 1px solid #ffa700;} 


.img {border: 1px solid #bcbec0; padding: 1px;}
.img_description { padding: 4px 7px 7px; font-size: 10px; line-height: 14px !important; color: #646465; background: #d9d9d9 url("../_media/bg_img_description.png") repeat-x; }

.video_player {border: 1px solid #bcbec0; padding: 1px; margin-bottom: 18px;}


.clearer {clear: both; height: 0; overflow: hidden;}
ul.faq_toggle div {display: none;}



table.highscore {width: 100%; margin: 0 0 20px; border-collapse:collapse;}
table.highscore h3 {margin: 0px;}
table.highscore td {padding: 5px 2px;}
table.highscore th {padding: 0 2px 2px; border-bottom: 2px solid #b8b8b8;}
table.highscore .position {width: 12%; text-align: right; padding-right: 14px;}
table.highscore .name {width: 56%; font-weight: bold; text-align: left;}
table.highscore .score {width: 32px; text-align: left;}

.clearfix:after { visibility: hidden;	display: block;	font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/******* unternehmen kompakt legende ********/

.box ol {list-style-type:decimal;margin-left:20px;font-size:12px;}
.box ol li{margin-bottom:8px;}

/***** unternehmen kompakt legende ende *****/


/***** kontakt weltweit *********************/

#KontaktFoto {margin: 20px 0;  
}
#KontaktFoto p {font-size: 11px;  
 
}

#KontaktFoto img {
float: left; margin-right:  10px; margin-bottom: 10px;}

#KontaktFoto div { height: 110px; 
}

/***** kontakt weltweit *********************/