/* +---------------------------------------------------------------------+
   |                  		    Body definieren                          |
   +---------------------------------------------------------------------+ */

body {
margin: 0;
font-family: Arial; 
color: #444; 
font-size: 95%;
background-color: #fff;
}


/* +---------------------------------------------------------------------+
   |                  		  Container definieren                       |
   +---------------------------------------------------------------------+ */

#top {
font-size: 75%;
clear:both;
margin: auto auto;
width: 800px;
height: 138px;
background-image:url('../bilder/seite/bg-kopf.gif');
background-repeat: no-repeat;
}

#navi {
clear:both;
margin: auto auto;
width: 780px;
height: 22px;
background-color: #aaa;
background-image:url('../bilder/seite/bg-navi-mett.gif');
background-repeat: no-repeat;
}

#position {
font-size: 95%;
clear:both;
margin: auto auto;
width: 560px;
height: 2px;
padding: 10px;
color: #888;
padding-left: 230px;
background-image:url('../bilder/seite/position.gif');
background-repeat: no-repeat;
}

#main {
font-size: 85%;
margin: auto auto;
width: 800px;
}

#innen {
line-height: 150%;
margin: 0px;
margin: auto auto;
width: 780px;
padding: 10px;
padding-top: 0px;
}

#links {
line-height: 120%;
font-size: 95%;
float: left;
clear:both;
width: 180px;
margin: 0px;
margin-left: 10px;
margin-top: 10px;
}

#text {
padding: 10px;
padding-left: 20px;
float:left;
width: 550px;
}

#fuss {
font-size: 95%;
color: #333;
font-weight: bold;
clear: both;
margin: auto auto;
width: 700px;
height: 10px;
background-image:url('../bilder/seite/fuss.gif');
background-repeat: no-repeat;
padding: 10px;
padding-left: 90px;
margin-bottom: 0px;
}

.linke_box {
line-height: 180%;
padding: 10px;
border: 1px solid #e6e6e6;
}

.produkte {
clear: both;
width: 428px;
height: 42px;
background-image:url('../bilder/seite/produkte-box.jpg');
background-repeat: no-repeat;
padding: 10px;
padding-left: 50px;
}

.produkte_sort {
clear: both;
width: 468px;
height: 42px;
background-image:url('../bilder/seite/produkte-box.jpg');
background-repeat: no-repeat;
padding: 10px;
}

.produkte_klein {
clear: both;
width: 432px;
height: 14px;
background-image:url('../bilder/seite/produkte-box-klein.jpg');
background-repeat: no-repeat;
padding: 8px;
padding-left: 50px;
}

.hr {
border-bottom: 1px solid #e4e4e4;
margin-top: 10px;
margin-bottom: 10px;
}

#sub {
clear:both;
margin: auto auto;
width: 800px;
height: 24px;
}

#submenue_start {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -390px;
width: 700px;
font-size: 75%;
padding: 4px;
}

#submenue_aktuelles {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -310px;
width: 700px;
font-size: 75%;
padding: 4px;
}

#submenue_produkte {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -220px;
width: 700px;
font-size: 75%;
padding: 4px;
}

#submenue_leistungen {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -145px;
width: 700px;
font-size: 75%;
padding: 4px;
}

#submenue_start_en {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -390px;
width: 700px;
font-size: 75%;
padding: 4px;
}

#submenue_aktuelles_en {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -335px;
width: 700px;
font-size: 75%;
padding: 4px;
}

#submenue_produkte_en {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -270px;
width: 700px;
font-size: 75%;
padding: 4px;
}

#submenue_leistungen_en {
clear:both;
position: absolute; 
visibility: hidden; 
top: 130px;
left: 50%;
margin-left: -185px;
width: 700px;
font-size: 75%;
padding: 4px;
}


/* +---------------------------------------------------------------------+
   |                	 Sonst. Container definieren                     |
   +---------------------------------------------------------------------+ */


/* +---------------------------------------------------------------------+
   |                  		 Hyperlinks definieren                       |
   +---------------------------------------------------------------------+ */
a, a:visited {color:#333; text-decoration: none;}
a:hover, a:active {color:#111; text-decoration: none;}

a.text_en,a.text_en:visited {color: #666; font-weight: bold; text-decoration: none; padding: 5px; padding-left: 20px; background-image:url('../bilder/icons/en.gif'); background-repeat: no-repeat; background-position: 0 50%;}
a.text_en:active, a.text_en:hover {color: #666; text-decoration: underline; padding: 5px; padding-left: 20px;}

a.text_de,a.text_de:visited {color: #666; font-weight: bold; text-decoration: none; padding: 5px; padding-left: 20px; background-image:url('../bilder/icons/de.gif'); background-repeat: no-repeat; background-position: 0 50%;}
a.text_de:active, a.text_de:hover {color: #666; text-decoration: underline; padding: 5px; padding-left: 20px;}

a.text,a.text:visited {color: #666; font-weight: bold; text-decoration: none; padding: 5px;}
a.text:active, a.text:hover {color: #666; text-decoration: underline; padding: 5px;}

a.text_act,a.text_act:visited {color: #ff6600; font-weight: bold; text-decoration: none; padding: 5px;}
a.text_act:active, a.text_act:hover {color: #ff6600; text-decoration: underline; padding: 5px;}

a.stil,a.stil:visited {color: #888; text-decoration: underline; padding-right: 5px; padding-left: 9px; background-image:url('../bilder/icons/arrow-hover.gif'); background-repeat: no-repeat; background-position: 0 50%;}
a.stil:active, a.stil:hover {color: #888; text-decoration: none; padding-left: 9px; background-image:url('../bilder/icons/arrow.gif'); background-repeat: no-repeat; background-position: 0 50%;}

a.navi_top:link, a.navi_top:visited  {color: #fff; font-weight: bold; display: block; float: left; border-right: 1px solid #969696; padding: 4px; padding-left: 15px; padding-right: 15px; text-align: center; text-decoration: none;}
a.navi_top:active, a.navi_top:hover {color: #fff; text-decoration: none; background-color: #888; background-image:url('../bilder/seite/bg-navi-mett-hover.gif'); background-repeat: repeat-x;}

a.navi:link, a.navi:visited  {color: #666; display: block; letter-spacing: 1px; font-weight: bold; padding: 4px; padding-left: 12px; background-image:url('../bilder/icons/arrow.gif'); background-repeat: no-repeat; background-position: 0 50%;}
a.navi:active, a.navi:hover {color: #006C00; text-decoration: none;  padding-left: 12px; background-image:url('../bilder/icons/arrow-hover.gif'); background-repeat: no-repeat; background-position: 0 50%;}

a.navi_sub:link, a.navi_sub:visited  {color: #666; display: block; padding: 10px; border: 1px solid #fff; margin-bottom: 10px;}
a.navi_sub:active, a.navi_sub:hover {color: #222; text-decoration: none; border: 1px solid #fff;}

a.navi_sub_act:link, a.navi_sub_act:visited  {color: #666; display: block; padding: 10px; border: 1px solid #fff; margin-bottom: 10px;}
a.navi_sub_act:active, a.navi_sub_act:hover {color: #222; text-decoration: none; border: 1px solid #fff;}

a.sublink:link, a.sublink:visited  {color: #666; font-weight: bold; display: block; float: left; padding: 4px;}
a.sublink:active, a.sublink:hover {color: #222; text-decoration: none; background-color: #fff;}


/* +---------------------------------------------------------------------+
   |                  		   Grafiken definieren                       |
   +---------------------------------------------------------------------+ */
img {border: 0px; margin: 0px;}
img.stil {padding: 1px; border: 1px solid #ddd; margin: 5px;}

/* +---------------------------------------------------------------------+
   |                  	  Überschriften definieren                       |
   +---------------------------------------------------------------------+ */
h1 {font-size: 110%; font-weight: bold; color: #444; margin: 0px; padding: 0px; margin-bottom: 2px;}
h2 {font-size: 110%; margin: 0px; display: block; color: #333; font-weight: normal; padding: 4px; padding-left: 0px; margin-bottom: 2px;}
h3 {font-size: 100%; padding: 8px; font-weight: bold; color: #fff; margin: 0px; padding: 0px;}
h4 {font-size: 110%; color: #2C5782; margin-bottom: 2px; margin-top: 10px;}
h5 {font-size: 110%; color: #333; margin-bottom: 2px;}


/* +---------------------------------------------------------------------+
   |                  		      Sonst. Schriften                       |
   +---------------------------------------------------------------------+ */
span.hilfe {cursor:help; border-bottom: 1px dotted #aaa;}
span.navi {font-size: 100%; color: #333; display: block; padding: 6px; padding-left: 0px; font-weight: bold;}
span.klein {font-size: 95%;}
span.rot {font-size: 95%; color: #c30000;}
span.formular {padding-top: 2px; width: 200px; display: block; float: left;}

/* +---------------------------------------------------------------------+
   |                  		     Listen definieren                       |
   +---------------------------------------------------------------------+ */
ul {}
ul.stil { list-style-image: url('../bilder/icons/kasten.gif'); list-style-position: outside; margin: 0px; margin-left: 15px; padding: 8px; padding-top: 0px;}
li { margin-left: -5px; margin-top: -2px; padding: 0px;}
p {margin: 0px;}
hr {clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; margin-top: 5px; margin-bottom: 5px;}
br {margin: 0px; padding: 0px;}
/* +---------------------------------------------------------------------+
   |                  		   Formular definieren                       |
   +---------------------------------------------------------------------+ */
textarea {font-family: arial; border: 1px solid #D2D1CF; border-left: 1px solid #9F9C97; border-top: 1px solid #9F9C97; padding: 4px; background-color: #F6F5F3; margin-bottom: 4px;}
textarea:hover {border: 1px solid #D2D1CF; border-left: 1px solid #9F9C97; border-top: 1px solid #9F9C97; padding: 4px; background-color: #f9f9f9; margin-bottom: 4px;}

input {margin-right: 10px;}

input.formfield {border: 1px solid #D2D1CF; border-left: 1px solid #9F9C97; border-top: 1px solid #9F9C97; padding: 4px; background-color: #F6F5F3;}
input.formfield:hover {border: 1px solid #D2D1CF; border-left: 1px solid #9F9C97; border-top: 1px solid #9F9C97; padding: 4px; background-color: #f9f9f9;}

input.submit {cursor: pointer; margin-bottom: 4px;}

/* +---------------------------------------------------------------------+
   |                  		   Tabellen definieren                       |
   +---------------------------------------------------------------------+ */
table {padding: 2px; font-size: 95%;}
tr.stil {background-color: #EBF4DD; padding: 6px;}
tr.stil2 {background-color: #006C00; font-weight: bold; color: #fff; padding: 6px;}
td {vertical-align: top; padding: 6px;}