/* *****************************************************************************
Body Hintergrundfarbe, Hintergrundbild und Ausrichtung.
***************************************************************************** */
body  {  	
          background-image:url(../img/website/main_back.gif); 
          background-repeat:repeat-x; 
			}
/* *****************************************************************************
Inhalt und Schlagschatten
***************************************************************************** */
.content {
	background-color: white;
  width:968px;
	#height:560px;
	min-height:560px;
  border:0; 
}

.leftCell {
	width: 6px;
  min-width: 6px;
  max-width: 6px;
  padding:0;
  margin:0;
  border:0;
}

.middleCell {
	width: 968px;
  min-width: 968px;
  max-width: 968px;
  padding:0;
  margin:0;
  border:0;
}

.rightCell {
	width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding:0;
  margin:0;
  border:0;
}

.header-shadow {
	background-image:url(../img/website/shadow-top.png);
  background-repeat: no-repeat;
  padding:0;
  margin:0;
  border:0;
  
}

.footer-shadow {
	background-image:url(../img/website/shadow-bottom.png);
  background-repeat: no-repeat;
  padding:0;
  margin:0;
  border:0;
}

.left-top-shadow {
	background-image:url(../img/website/shadow-left-top.png);
  background-repeat: no-repeat;
  width:6px;
  min-width: 6px;
  max-width: 6px;
  padding:0;
  margin:0;
  border:0;
}

.left-bottom-shadow {
	background-image:url(../img/website/shadow-left-bottom.png);
  background-repeat: no-repeat;
  width:6px;
  min-width: 6px;
  max-width: 6px;
  padding:0;
  margin:0;
  border:0;
}

.left-shadow {
	background-image:url(../img/website/shadow-left.png);
  background-repeat: repeat-y;
  width:6px;
  min-width: 6px;
  max-width: 6px;
  padding:0;
  margin:0;
  border:0;
}

.right-top-shadow {
	background-image:url(../img/website/shadow-right-top.png);
  background-repeat: no-repeat;
  width:26px;
  min-width: 26px;
  max-width: 26px;
  padding:0;
  margin:0;
  border:0;
}

.right-bottom-shadow {
	background-image:url(../img/website/shadow-right-bottom.png);
  background-repeat: no-repeat;
  width:26px;
  min-width: 26px;
  max-width: 26px;
  padding:0;
  margin:0;
  border:0;
}

.right-shadow {
	background-image:url(../img/website/shadow-right.png);
  background-repeat: repeat-y;
  width:26px;
  min-width: 26px;
  max-width: 26px;
  padding:0;
  margin:0;
  border:0;
}
/* *****************************************************************************
Attribute für die Tabelle Inhalt und Schlagschatten.
***************************************************************************** */
.mainTable  { 
									border:0; 
                  width: 1000px; 
                  padding:0;
                  margin:0;
                  border:0;
                  font-size:0px;
               } 
/* *****************************************************************************
Attribute für die Footer Tabellebreite und Höhe sowie die Bordereigenschaft.
***************************************************************************** */
.footerTable  { 
								border:0; 
                width: 968px;
                min-height: 10px;
               	max-height: 10px;
                height: 10px;
                margin:0;
                border:0;
                font-size: 1px;
              }           
/* *****************************************************************************
Attribute für die Tabelle mit dem Banner und dem Logo.
***************************************************************************** */
.contentTable  { 
									border:0; 
                  width: 968px; 
                  background-color:white;
               }     
/* *****************************************************************************
Attribute für die Zeilenhöhe. (Zeile 1)
***************************************************************************** */
.rowHeight1   { 
								min-height: 1px;
               	max-height: 1px;
                height: 1px;
              }  
/* *****************************************************************************
Attribute für die Zeilenhöhe. (Zeile 2 + 5)
***************************************************************************** */
.rowHeight2   { 
								min-height: 10px;
               	max-height: 10px;
                height: 10px;
              } 
/* *****************************************************************************
Attribute für die Zeilenhöhe. (Footer / Zeile 6)
***************************************************************************** */
.rowHeight3   { 
								min-height: 26px;
               	max-height: 26px;
                height: 26px;
              }                            
/* *****************************************************************************
Farbe und Schrift für den linken Navigationsbereich.
***************************************************************************** */
.navigationLeft  { 

					font-family:Arial,sans-serif; 
          font-size:9pt; 
          text-decoration:none;
          color:white; 
					color:#51516A;
          padding-top:10px;
          padding-bottom:10px;
        }       
/* *****************************************************************************
Orangenes Kästchen des Link Hintergrundes.
***************************************************************************** */
.navigationBoxOrange  { 
												background-image:url(../img/website/main_navigation_orange.gif); 
                        width: 120px; 
                        height: 20px;
												vertical-align:middle;
                      }
                    
/* *****************************************************************************
Blaues Kästchen des Link Hintergrundes.
***************************************************************************** */
.navigationBoxBlue  { 
												background-image:url(../img/website/main_navigation_blue.gif); 
                        width: 120px; 
                        height: 20px;
											 	vertical-align:middle;
                   }
/* *****************************************************************************
Langes blaues Kästchen des Link Hintergrundes.
***************************************************************************** */
.navigationBoxEmpty  { 
												background-image:url(../img/website/main_navigation_blue_long.gif);  
                        height: 20px;
											 	vertical-align:middle;
                        width:183px;
                     }
/* *****************************************************************************
Inhaltsblock: Links leer
***************************************************************************** */
.infoCellLeft  { 
                      width: 4px;
                      min-width: 4px;
                      max-width: 4px;
                } 
/* *****************************************************************************
Inhaltsblock: Links Kontakt und Unterlinks
***************************************************************************** */
.infoCellMiddle  { 
                      width: 175px;
                      min-width: 175px;
                      max-width: 175px;
                } 
/* *****************************************************************************
Inhaltsblock: Rechts leer
***************************************************************************** */
.infoCellRight  { 
                      width: 90px;
                      min-width: 90px;
                      max-width: 90px;
                } 
/* *****************************************************************************
Langes blaues Kästchen des Link Hintergrundes des Footers.
***************************************************************************** */
.footerBoxEmpty  { 
											background-color:#8BB5DC;
                      width: 183px;
                      min-height: 7px;
                			max-height: 7px;
                      height: 7px;
                      border-left:2px solid white;
                      border-right:1px solid white;
                      border-bottom:2px solid white;
                } 
/* *****************************************************************************
Orangenes Kästchen des Footers.
***************************************************************************** */
.footerBoxOrange  { 
											background-color:#EF9A2A; 
                      width: 120px; 
                      min-height: 7px;
                			max-height: 7px;
                      height: 7px;
                      border-left:1px solid white;
                      border-right:1px solid white;
                      border-bottom:2px solid white;
                  }
/* *****************************************************************************
Blaues Kästchen des Footers.
***************************************************************************** */
.footerBoxBlue  { 
											background-color:#8BB5DC;
                      width: 120px;
                      min-height: 7px;
                			max-height: 7px;
                      height: 7px;
                      border-left:1px solid white;
                      border-right:1px solid white;
                      border-bottom:2px solid white;
                }  
/* *****************************************************************************
Orangenes Kästchen des Footers.
***************************************************************************** */
.footerBoxOrangeEnd  { 
											background-color:#EF9A2A; 
                      width: 105px; 
                      min-height: 7px;
                			max-height: 7px;
                      height: 7px;
                      border-left:1px solid white;
                      border-right:2px solid white;
                      border-bottom:2px solid white;
                  }
/* *****************************************************************************
Blaues Kästchen des Footers.
***************************************************************************** */
.footerBoxBlueEnd  { 
											background-color:#8BB5DC;
                      width: 105px;
                      min-height: 7px;
                			max-height: 7px;
                      height: 7px;
                      border-left:1px solid white;
                      border-right:2px solid white;
                      border-bottom:2px solid white;
                }  
/* *****************************************************************************
Schriftgrößen und Schriftfarben.
***************************************************************************** */
.bluecontentnormal { 
											font-family:Arial,sans-serif; 
                      font-size:10pt; 
                      color:#51516A;
                    }

.bluecontentmiddle { 
											font-family:Arial,sans-serif; 
                      font-size:9pt; 
                      color:#51516A;
                    }
.bluecontentsmall { 
											font-family:Arial,sans-serif; 
                      font-size:8pt; 
                      color:#51516A;
                    }

.headline 					{ 
											font-family:Arial,sans-serif; 
                      font-size:13pt; 
                      color:#88B7DD;
                      font-weight:bold;
                    }

.contactBlock 			{ 
											font-family:Arial,sans-serif; 
                      font-size:10pt; 
                      color:#51516A;
                    }
                    
.contactName 			{ 
											font-family:Arial,sans-serif; 
                      /*font-size:11pt; 
                      color:#88B7DD;*/
                      font-size:10pt; 
                      color:#51516A;
                      font-weight:bold;
                    }
			
/* *****************************************************************************
Attribute für die Links der linken Navigation.
***************************************************************************** */
a:link        { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:bold;
              }
                
a:visited     { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:bold;
              }
                
a:active      { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:bold;
              }
                
a:hover       { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:underline;
                font-weight:bold;
              }
/* *****************************************************************************
Attribute für die Links der horizontalen  Navigation.
***************************************************************************** */
a.mainnav:link        { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:normal;
              }
                
a.mainnav:visited     { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:normal;
              }
                
a.mainnav:active      { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:normal;
              }
                
a.mainnav:hover       { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:underline;
                font-weight:normal;
              }
/* *****************************************************************************
Attribute für die Links Mail und Impressum.
***************************************************************************** */
a.contact:link        { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:bold;
                text-decoration:underline;

              }
                
a.contact:visited     { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:bold;
                text-decoration:underline;

              }
                
a.contact:active      { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:bold;
                text-decoration:underline;

              }
                
a.contact:hover       { 
								font-family:Arial,sans-serif; 
                font-size:9pt; 
                color:#51516A;
                text-decoration:none;
                font-weight:bold;
                text-decoration:underline;
              }      
/* *****************************************************************************
Größe des Gesamtbereiches mit Inhalt. (Wegbeschreibung)
***************************************************************************** */
.mainbackroute	{
							width:800px;
              background-color:#FFFFff; 
              border-top:2px solid white;
      		}
/* *****************************************************************************
Attribute für die Footer Tabellebreite und Höhe sowie die Bordereigenschaft. 
(Wegbeschreibung)
***************************************************************************** */
.footerTableRoute  { 
								border:0; 
                width: 800px;
                font-size:1px;
                min-height: 7px;
               	max-height: 7px;
                height: 7px;
                background-color:#FFFFff;
              }               
/* *****************************************************************************
Eigenschaften des Kontaktformulars.
***************************************************************************** */
.form  { 
					font-family:Arial,sans-serif; 
          font-size:10pt; 
          color:#51516A;
        } 

textarea  { 
            width:273px;
            height:100px;
            font-family:Arial,sans-serif; 
          	font-size:10pt; 
          	color:#51516A;
        	}
          
input			{
						width:143px;
            height:22px;
            font-family:Arial,sans-serif; 
          	font-size:10pt; 
          	color:#51516A;
					}
          
select		{
            font-family:Arial,sans-serif; 
          	font-size:10pt; 
          	color:#51516A;
					}
          
option		{
            font-family:Arial,sans-serif; 
          	font-size:10pt; 
          	color:#51516A;
					}
          
.radioBut	{
						width:15px;
            height:22px;
					}
ul {
  list-style-position:outside;
}
          
/* *****************************************************************************
Eigenschaften der Wegbeschreibung.
***************************************************************************** */
.route  { 
					font-family:Arial,sans-serif; 
          font-size:10pt; 
          color:#51516A;
        } 
/* *****************************************************************************
Grafik-Tabelle in der Kompetenzen Seite.
***************************************************************************** */
.komp1  { 
					font-family:Arial,sans-serif; 
          font-size:10pt; 
          color:#51516A;
          height:21px;
          width:580px;
        } 
            
/* *****************************************************************************
Grafik-Tabelle in der Kompetenzen Seite.
***************************************************************************** */
.komp1Cell  { 
              background-image:url(../img/website/main_navigation_orange.gif); 
        		}