body { 
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   color           : #000000; 
   background-color: #DDDDDD;
   margin          : 0; 
   padding         : 0; 
   text-align      : center;
}


sup { font-size: 8px; color: red; }


table { 
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   color           : #000000; 
   font-size       : 12px;
   text-align      : left;
}

td { vertical-align: top; }



table.daten           { width: 840px; }
table.daten th        { height: 24px; color: #444444; background-color: #BBBBBB; font-size: 14px; font-weight: bold; border: 1px solid #999999; padding: 5px; } 
table.daten td        { border: 1px solid #999999; border-top: 0px; padding: 5px; }
table.daten td.center { text-align: center; } 
table.daten tr.odd td { background-color: #DDDDDD; }

table.technischedaten           { width: 600px; border: 1px solid #999999; margin-left: 40px; }
table.technischedaten th        { height: 24px; color: #444444; background-color: #BBBBBB; font-size: 14px; font-weight: bold; } 
table.technischedaten td.center { text-align: center; } 
table.technischedaten tr.odd td { background-color: #DDDDDD; }


table.1daten                 { border: 1px solid #1A334D; }
table.1daten th              { color: #FFFFFF; background-color: #1A334D; text-align: center; height: 20px; padding: 2px; }
table.1daten td              { border: 1px solid #1A334D; padding: 2px; }
table.1daten tr.color td     { background-color: #6F9ECE; }



table.download              { width: 850px; border: 1px solid #999999; margin-left: 0px; }
table.download th           { height: 24px; padding: 2px; color: #444444; background-color: #BBBBBB; font-size: 14px; font-weight: bold; } 
table.download td           { height: 30px; padding: 5px; margin: 0; vertical-align: top; }
table.download img          { }
table.download td           { padding-bottom: 15px; padding-top: 15px; }
table.download tr.odd td    { background-color: #DDDDDD; }
table.download td a         { }
table.download td a:link,
table.download td a:visited { font-style: normal; }
table.download td a:hover   { font-style: normal; }
table.download td a:active  { }
table.download td a:focus   { }


table.infos    { }
table.infos td { vertical-align: middle; }


table.produkte              { }
table.produkte td           { text-align: center; vertical-align: top; }
table.produkte td a         { width: 190px; display: block; padding: 10px; text-decoration: none; font-style: normal; font-weight: normal; }
table.produkte td a:link, 
table.produkte td a:visited { text-decoration: none; font-style: normal; font-weight: normal; color: #000000; }
table.produkte td a:hover   { background-color: #DDDDDD; 
                              color           : #000000; 
							  text-decoration : none; 
/*		  					  font-weight     : normal; 
							  font-style      : normal; 
							  font-family     : Verdana, Arial, Helvetica, sans-serif; 
							  font-size       : 10pt;*/
                              font            : normal normal 10pt Arial, Helvetica, sans-serif;
							}
table.produkte td a:active  { }
table.produkte td a:focus   { }



/**********************************************************************************************************/




.normalbox {
    width           : 900px; 
/*    border-top      : 2px solid #000000; */
	border-left     : 1px solid #98AAB1;
	border-right    : 1px solid #98AAB1;
	border-bottom   : 1px solid #98AAB1;
/*	margin          : 0px;*/
	margin          : auto;                      /* DIV zentrieren */
	padding         : 0px;
	background-color: #EFEFEF;
	overflow        : auto;
}


/**********************************************************************************************************/
/*  Formatierungen im Ausgabe - Bereich                                                                   */
/**********************************************************************************************************/
.content {
/*	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size  : 12px;
	color      : #000000;
	text-align : left;
	padding    : 5px;
}

.content a { }

.content a:link {
	color           : #666666;
	color           : #660000;
	text-decoration : none;
	font            : italic bold 10pt Arial,Helvetica,sans-serif;
}

.content a:visited {
	color           : #666666;
	color           : #660000;
	text-decoration : none;
	font            : italic bold 10pt Arial,Helvetica,sans-serif;
}

.content a:active {
	color           : #FF0000;
	text-decoration : none;
	font            : italic bold 10pt Arial,Helvetica,sans-serif;
}

.content a:hover {
	color           : #FF0000;
	text-decoration : underline;
/*	border-bottom   : 1px solid #CC0000;*/
	font            : italic bold 10pt Arial,Helvetica,sans-serif;
}


.content table.link              {/*font-family: Verdana; font-size: 12px; margin-left: 0px; color: #FFFFFF;*/}
.content table.link td           {}
.content table.link td a         {/*width: 150px;*/ display: block; text-decoration: none; /*color: #FFFFFF;*/}
.content table.link td a:hover   {/*background-color: #B0BFCF;*/ text-decoration: underline;}
.content table.link td a:visited {/*color: #FFFFFF; text-decoration: none;*/}




.content ul, .kfzUL, .imageUL { list-style-image: url('../images/ul_arrow.gif'); text-align: left; }
.content li { padding-bottom: 4px; }
.content ul ul { list-style-image: none; list-style-type: inherit; list-style-image: url('../images/ul_ul_arrow.gif'); padding-top: 4px; padding-left: 16px; }
.content li li { padding-bottom: 0px; margin-left: -20px; }


.kfzUL   li { margin-left: -20px; padding-bottom: 10px; text-align: left; }
.imageUL li { margin-left: +40px; padding-bottom: 10px; text-align: left; }


/*.content div.contentBody { padding-left: 10px; padding-right: 10px; text-align: justify; }*/
.contentBody          { padding-left: 10px; padding-right: 10px; text-align: justify; }
.contentBody p.footer { font-size: 10px; color: #666666; }
.contentBody td       { text-align: justify; }

/** Ausgabe - Bereich *************************************************************************************/





.logo {
    position: relative; 
	float   : left;
}



div.menu {
    position    : relative; 
	float       : left; 
	top         : 22px;
	width       : 890px;
	padding-left: 10px;
	text-align  : left;
}





.shortMenu {
    position        : relative; 
	float           : right; 
	top             : 5px; 
	right           : 10px; 
/*	background-color: #B5BABA;*/
/*	background-color: #EB767C;*/
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 10px;
/*	color           : #111111;*/
	color           : #FFFFFF;
}

.shortMenu a {
    text-decoration : none;
	color           : #222222;
	color           : #FFFFFF;
}

.shortMenu a:hover {
    text-decoration : none;
	color           : #EEEEEE;
	color           : #000000;
}



.contact {
    position        : relative; 
	clear           : right;
	float           : right; 
	top             : 40px; 
	right           : 5px; 

	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 10px;
	font-weight     : bold;
    color           : #222222;
    text-align      : right;
    padding         : 2px 10px 2px 5px;

    background-color: #FFFFFF;
    opacity         : 0.8;
    filter          : alpha(opacity=80); 
}






.clear { clear: both; }


div#headlineBG { /* Überschrift-Hintergrund */
 	  font-family   : Geneva, Arial, Helvetica, sans-serif;
      font-size     : 34px;
	  font-weight   : bold;
/*      letter-spacing: 0.03em;*/
      letter-spacing: 0.15em;
      color         : #D5D5D5;
	  text-align    : left;
	  clear         : both;
	  margin-top    : 10px;
	  margin-left   : 10px;
}
div#headline { /* Überschrift */
      position      : relative; 
	  width         : 750px;
	  line-height   : 28px;
	  top           : -45px;
	  margin-bottom : -20px;
	  padding-left  : 25px;
 	  font-family   : Geneva, Arial, Helvetica, sans-serif;
      font-size     : 30px;
	  font-weight   : bold;
      letter-spacing: 0.08em;
      color         : #000000;
	  border-bottom : 1px solid #FF0000;
/*      letter-spacing: 0.30em;*/
/*      color         : #8A0000;*/
}




.titlebox {
	border          : 1px solid #440000;
	margin          : 0px;
	padding         : 0px;
	background-color: #FEFAF1;
}



.h1, .h2 {
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size  : 20px;
	font-weight: bold;
/*	color      : #880000;*/
	color      : #C51E25;
}


.h2 {
    font-size : 16px;
	text-align: left;
}

.contentBody h1, h2, h3 {
	text-align : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size  : 20px;
	font-weight: bold;
	color      : #333333;
}

.contentBody h2 {
    font-size : 16px;
	color     : #343434;
}

.contentBody h3 {
    font-size : 14px;
	color     : #414141;
}

.contentBody img.imgLeft     { float: left; margin-right: 20px; margin-bottom: 10px; }
.contentBody img.imgRight    { float: right; margin-left: 20px; margin-bottom: 10px; }
.contentBody img.imgBordered { border: 1px solid black; }
.contentBody img.imgDisabled { filter      : alpha(opacity=10); /* IE */
                               -moz-opacity: 0.50; /* Gecko */
                               opacity     : 0.50; /* Opera */
                             }
.contentBody img.imgLink     { border: none; }
							 






/**********************************************************************************************************/
/*  Formatierungen Formulare                                                                              */
/**********************************************************************************************************/
.tableForm { }
.tableForm tr { vertical-align: middle; }
.tableForm td { vertical-align: middle; }

textarea {
	border-left  : 1px dotted #666666;
	border-right : 1px dotted #666666;
	border-top   : 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	font         : 10pt Arial,Helvetica,sans-serif;
	background   : #FBFBFB;
	color        : #666666;
}

input.text {
	border-left  : medium none #FBFCFD;
	border-right : medium none #FBFCFD;
	border-top   : medium none #FBFCFD;
	border-bottom: 1px dotted #666666;
	background   : #FFFFFF;
	color        : #666666;
}

input.button {
	border       : 1px #000000 solid;
	color        : #000000;
	font         : 10pt Arial,Helvetica,sans-serif;
	background   : #E2E2E2;
	margin       : 1px;
}

input.check {
	border       : 1px #000000 solid;
	background   : #FFFFFF;
	margin       : 0px;
	padding      : 0px;
}

input.radio {
	border       : 1px #000000 solid;
	background   : #FFFFFF;
	margin       : 0px;
	padding      : 0px;
	margin-left  : 4px;
	margin-right : 4px;
}

select {
	border-left  : 1px dotted #666666;
	border-right : 1px dotted #666666;
	border-top   : 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	color        : #000000;
	font         : 10pt Arial,Helvetica,sans-serif;
	background   : #FBFBFB;
}




/**********************************************************************************************************/
/*  IFrame                                                                                                */
/**********************************************************************************************************/
.ifAnimation { position: relative; width: 512px; height: 170px; z-index: 1; margin-left: 40px; }




/* Dies sind vorgegebene CSS-Attribute! Keine selbstausgedachten, müssen also genau so benannt werden !!! */
blockquote   { width     : 450px;
               margin    : 0 12px 0 12px;
			   background: transparent url(../images/quote-start.gif) left top no-repeat;
			   text-align: left;  /* weil im DIV contentBody justify und so die " nicht passen ! */
             }
blockquote p { font-style: italic;
               padding   : 5px 20px 1px 45px;
			   background: transparent url(../images/quote-end.gif) right bottom no-repeat;
			 }
cite         { display: block; font-size: 0.82em; color: #999999; font-style: normal; }

img.disabled { background-color: #FFFFFF; opacity: 0.4; filter: alpha(opacity=40); }