/*------------------- RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFTGROSSE ----------------
---------------------------------------------------*/

body
 { 
 font-size: 100%; 
 font-family:  Arial, Verdana, sans-serif; 
 background-color: #f0f0f0;

}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 { color: #494949; font-variant:;  font-size: 1.3em; letter-spacing: 0.2em; margin-top: -4px; margin-bottom: 20px; border-bottom: 1px dashed; padding-bottom: 4px}
h2 { color: #ca0000; font-size:1.2em; margin-bottom: 10px; margin-top: 15px }
h3 { color: #494949; font-size:1.0em; margin-bottom: 10px; margin-top: 15px }
h4 { color: #191970; font-weight: bold; font-size: 1.4em; margin-bottom: 20px;}
h5 { color: #494949; font-weight: bold; font-size: 0.85em; margin-bottom: 0px; margin-left:25px }
h6 { color: #494949; font-weight: bold; font-size: 0.9em; margin-bottom: 0px }
.blau {color: #191970;}
.titel_imp {font-size: 120%;}
.hg_red {font-size: 1.2em; background-color: #CA0000; color: white; padding: 4px 0px; text-align: center; font-weight: bold; width: 600px; margin: 0px auto}
#impress  {font-size: 75%}
.clearfloat { clear: both;}
b  { color: #494949;}
.fett  { font-weight: bold ;color: #494949;}
p  {  margin-bottom: 10px; margin-top: 0px }
p, li {font-size:0.9em;}


table {font-size: 0.85em; width: 75%; background: #f0f0f0; color: #000; border-collapse: collapse;margin-bottom: 30px; }
th {font-weight: bold; text-align:center; padding:0px 5px;color: white; background-color: #191970}
tfoot {font-weight: bold; text-align:center; padding: 5px; color: white; background-color: #ca0000}
td {text-align:center}
td,th {border: 1px solid #191970; padding: 3px 8px;}
.mettler { margin-top: 20px; margin-bottom: 10px }
.mettler td { text-align:left; color: }
.bot, mettler {color: #ca0000; font-weight: bold;text-align:left; width: 100px}
.bot2 {color: #ca0000; font-weight: bold;text-align:center; width: 100px}

.mettler tr:hover{
background: #a7c7ee;
}

.tab_systec { margin-top: 20px; margin-bottom: 30px; margin-left:90px }
.tab_systec td { text-align:left; color: }
.bot, tab_systec {color: #ca0000; font-weight: bold;text-align:left; width: 100px}


.tab_systec tbody tr:hover{
background: #a7c7ee;
}



.tab_rohrbahn { margin-top: 40px; margin-bottom: 40px }

.name { font-weight: bold; color: #505050;}
i {font-weight: bold;}

#tuvlogo  {width: 300px;  position: absolute; left: 90px; top:55px}
#teclogo  {width: 300px;  margin-left: 190px; margin-bottom: 60px; margin-top: 45px;  position: static}

.schwarz   { position: absolute; left: 0px; top:130px; height: 10px}
.hamburg   {position: static; margin-left: 200px; margin-top:20px}



/*------------------ Layout ----------------
---------------------------------------------------*/




.img_index { margin-left: 60px;}
.img_iso { margin-left: -35px}
#main { 
width: 999px;min-width:880px;
margin: 0px auto;
}

#handelgastro{position: absolute; left: 550px; top: 390px; text-align: none}
#main_content    { margin-bottom: 20px;
 border: solid 3px #ca0000; background: #fff url(media/hg_body.gif) repeat-y; background-position: -30px;
}
#menu_sub {padding-right: 30px;padding-bottom: 0px; margin-top:  10px; color: #FDF9DB; font-weight: bold; text-align: right; top: 10px; height: 20px }

#title    { background: #CA0000 url(media/banner.jpg) no-repeat; margin-top: 0px; margin-bottom: 0px; height: 170px; width: 100%;} 

#left     {float: left; width: 180px ; min-height: 320px; padding-bottom: 50px; background: url(media/telefon.gif) no-repeat; background-position: 15px 340px}
#content     { position: relative; text-align: justify;}
#content, #content_pro, #content_leasing     { font-weight: normal; font-size: 0.85em; line-height: 120%; letter-spacing: 0em; margin: 0px 30px 20px 218px }
#content_leasing { }
#footer    { color: #000; font-weight: bold; background-color: #ca0000;  text-align: center; clear: both; position: relative; padding-top: 15px; width: 100%; height: 34px }
.list li{
background: url(media/quadrat.gif) no-repeat 0px 7px; margin: 10px 0px 10px 25px; padding: 2px 20px 
}
.list_leihwaagen li {font-weight: bold; color: #505050; list-style:;margin: 5px 0px 10px 40px;}




/*------------------ Produkte ----------------  {}
---------------------------------------------------*/
.box_pro1, .box_pro2 {padding: 10px; width:45%; margin-top: 20px}
.box_pro1 {float:left; border-right:1px solid gray;}
.box_pro2 { float:left;margin-right: 20px; }
.box_pro3 { margin-right: 20px;margin-top: 20px;;border-bottom: 2px solid #ca0000; }
.pro { margin-bottom: 15px;}
.pro02 { float: right; margin-right: 30px;margin-left: 30px;}
.pro03 { float: left; margin-right: 40px;margin-left:0px; }

.pro_text {font-size: 0.85em} 
.pro_text2 {font-size: 0.85em; width: 650px} 
.wrapper  { background-color:; margin: 0px 0px 0px 0px;border-bottom: 2px solid #ca0000;padding-bottom: 15px}
.wrapper_top  { background-color:; margin: 20px 0px 0px 0px;border-bottom: 2px solid #ca0000;padding-bottom: 15px}




/*------------------Navigation ----------------
---------------------------------------------------*/



#menu { display: block; margin-top: 20px; 
} 
#menu ul {list-style: none; 
}
ul#menu li  {margin-left: 19px; width: 140px;}
li {margin-bottom: 7px;
}

ul#menu li a:link,
ul#menu li a:visited {
text-decoration: none; text-indent: 10px;
display: block;
padding:4px 6px;
color: #292929 ;
font-weight: bold;
font-size: 0.8em; 
background: url(media/button.gif) no-repeat 0px 0px;
}

ul#menu li a:hover,
ul#menu li a:focus,
ul#menu li a:active {
text-decoration: none;
color: #CA0000 ;  background: url(media/button1.gif) no-repeat}


a.mail:link, a.mail:visited, a.mail:active, a.mail:hover
{ color:#ca0000; font-weight: normal; padding: 0px; text-decoration:none}

a.mail:active, a.mail:hover { text-decoration:underline}

a.intern:link, a.intern:visited
{ color:#ca0000; font-weight: bold; padding: 0px }
a.intern:active, a.intern:hover
{ text-decoration:underline}

a.foot_menu:link, a.foot_menu:visited 
{ color:#fff; font-weight: bold; text-decoration: none; padding: 0px }
a.foot_menu:active, a.foot_menu:hover
{ text-decoration:underline}


 a.pdf_links:link, a.pdf_links:visited, a.pdf_links:active, a.pdf_links:hover 
{color: #Ca0000; font-weight:bold;}


 a.back:link, a.back:visited, a.back:active, a.back:hover 
{color: #ca0000; font-weight:bold}


#nav_footer {font-size: 0.6em; color: #fff}

/*-----------------TABELLE-------------------------------------
----------------------------------------------------------------*/
.tab01 {
width: 100%;
background: #f0f0f0;
color: #000;
border-collapse: collapse;
}
.tab01 td,
.tab01 th {
border: 1px solid #fff;
padding: 3px 8px;
}
.tab01 th {
background: #e9583f;
color: #fff;
font-weight: bold;
}
.tab01 tr.alt{
background: #e2e7ed;
}
.tab01 tr:hover{
background: #a7c7ee;
}
.tab01 tfoot {
font-size: 0.9em;
text-align: right;
}
.tab01 tfoot td {
border-bottom: 2px solid #e9583f;
padding: 0px 8px;
}
.tab01 tfoot tr:hover {
background: none;
}