/*********************************************************************************************************************/
/* Standard-Klassen **************************************************************************************************/
/*********************************************************************************************************************/
body {
    height:100%;
    width: 100%;

    margin-left:   0px;
    margin-right:  0px;
    margin-top:    0px;
    margin-bottom: 0px;

    padding-left:  0px;
    padding-right: 0px;
    padding-top:   0px;
    padding-bottom:0px;

    background-color:#fff;
    color:aqua;

    font-family:Verdana,Arial,Tahoma;
    /*font-size:12pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;*/
}
.rechte_leiste
{
    background-color:#999999;
    padding-left:5px;
    padding-right:5px;
    width:216px; 
    vertical-align:top;
}

/* Rahmen-Klassen ****************************************************************************************************/
/* Formatierung vom oberen Rahmen/headers */
.rahmen_oben {
    height:57px;
    width: 650px;

    margin-left:   0px;
    margin-right:  0px;
    margin-top:    0px;
    margin-bottom: 0px;

    padding-left:  0px;
    padding-right: 0px;
    padding-top:   0px;
    padding-bottom:0px;

    background-color:#f2f2f2;
    color:#555555;

    /*font-family:Arial,Verdana,Tahoma;
    font-size:12pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;*/
}

/* Formatierung vom unteren Rahmen/footer */
.rahmen_unten {
    height:57px;
    width: 650px;

    margin-left:   0px;
    margin-right:  0px;
    margin-top:    0px;
    margin-bottom: 0px;

    padding-left:  20px;
    padding-right: 0px;
    padding-top:   10px;
    padding-bottom:0px;
    
    vertical-align:top;

    background-color:#f2f2f2;
    color:#a9abb7;

    font-family:Verdana,Arial,Tahoma;
    font-size:10px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

/* Formatierung vom linken Rahmen */
.rahmen_links {
    height:100%;
    width: 100%;

    margin-left:   0px;
    margin-right:  0px;
    margin-top:    0px;
    margin-bottom: 0px;

    padding-left:  0px;
    padding-right: 0px;
    padding-top:   0px;
    padding-bottom:0px;

    /*background-color:#ffffff;*/
    color:#555555;

    /*font-family:Arial,Verdana,Tahoma;
    font-size:12pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;*/
}

/* Formatierung vom rechten Rahmen */
.rahmen_rechts {
    height:100%;
    width: 100%;

    margin-left:   0px;
    margin-right:  0px;
    margin-top:    0px;
    margin-bottom: 0px;

    padding-left:  0px;
    padding-right: 0px;
    padding-top:   0px;
    padding-bottom:0px;

    background-color:#ffffff;
    color:#555555;

    /*font-family:Arial,Verdana,Tahoma;
    font-size:12pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;*/
}


/* Inhalt-Klassen (für den eigentlichen Seiteninhalt)*****************************************************************/
/* Formatierung von normalem Text */
.inhalt1 {
    padding-left:  5px;
    padding-right: 5px;
    padding-top:   5px;
    padding-bottom:5px;

    text-align:left;
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;

}

.inhalt1_eingabe
{
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
}
/* Formatierung von speziellem Text */
.inhalt2 {
    padding-left:  5px;
    padding-right: 5px;
    padding-top:   5px;
    padding-bottom:5px;
    text-align:left;

    text-align:left;
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:8pt;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
}

.grau {
    padding-left:  5px;
    padding-right: 5px;
    padding-top:   5px;
    padding-bottom:5px;
    text-align: justify;

    
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:10pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}


.grau1 {
    padding-left:  5px;
    padding-right: 5px;
    padding-top:   5px;
    padding-bottom:5px;
    text-align: justify;

    
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

.grau2 {
    padding-left:  5px;
    padding-right: 5px;
    padding-top:   5px;
    padding-bottom:5px;
    text-align: left;

    
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

.grau3 {
    padding-left:  15px;
    padding-right: 15px;
    padding-top:   5px;
    padding-bottom:5px;
    text-align: justify;

    
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}



.weiss1 {
    padding-left:  5px;
    padding-right: 5px;
    padding-top:   5px;
    padding-bottom:5px;
    text-align: justify;

    
    color:#FFFFFF;

    font-family:Verdana,Arial,Tahoma;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

a.weiss1
{
    color:#0000FF;/*#C6C3DF;*/

    font-family:Verdana,Arial,Tahoma;
    font-weight:normal;
    font-style:normal;
    text-decoration:none; 
    }


a:visited.weiss1 {
	color: #0000FF;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}

a:active.weiss1 {
	color: #B30000;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}

a:hover.weiss1 {
	color: #B30000;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
} 

/* Link-Klassen (formatieren alle links, abgesehen von der Navigationsleiste) ****************************************/
a {
    color:#0000FF;

    font-size: 8pt;
    font-family:Verdana,Arial,Tahoma;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

a:hover {
    color:#B30000;

    font-size: 8pt;
    font-family:Verdana,Arial,Tahoma;
    font-weight:normal;
    font-style:normal;
    text-decoration:underline;
}

/* Überschriften-Klassen *********************************************************************************************/
/* Formatierung der Seitenüberschriften */
.uberschrift {
    height:100%;
    width: 100%;

    margin-left:   10px;
    margin-right:  0px;
    margin-top:    15px;
    margin-bottom: 20px;

    padding-left:  0px;
    padding-right: 0px;
    padding-top:   0px;
    padding-bottom:0px;
    text-align:left;

    /*background-image:url(/images/linie_gestrichelt_test.png);*/
    background-repeat:no-repeat;
    background-position:0px bottom;
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:16pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

/* Formatierung der Text-Überschriften */
h1 {
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:15pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}
    
h2 {
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:13pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}
h3 {
    color:#555555;

    font-family:Verdana,Arial,Tahoma;
    font-size:11pt;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

/*********************************************************************************************************************/
/* Spezielle-Klassen *************************************************************************************************/
/*(ab hier müssen für jedes Web neue Klassen erstellt werden) ********************************************************/
/*********************************************************************************************************************/




input,select,textarea 
{
    font-family:Verdana,Arial,Tahoma;
    font-size:10pt;
    color:#555555;
}

/*Formatierung der Firmenschrift oben im header*/

html, body{ 
 margin:10; 
 padding:0; 
 text-align:left; 
 background-color:#FFFFFF; 
} 

p { 
 font-family:verdana; 
 font-size:8pt; 
 }
/*Formatierung des Menus*/
.hauptmenu_normal
{
    text-align: center;
    font-weight:bold;
    font-size:11px;
    color:#FFFFFF;
}
.hauptmenu_aktiv
{
    background-color:#efefef;
    text-align: center;
    font-weight:bold;
    font-size:11px;
    color:#000000;
}
.hauptmenu_aktiv a
{
    background-color:#efefef;
    text-align: center;
    font-weight:bold;
    font-size:11px;
    color:#000000;
    text-decoration:none;
}
.submenu_normal
{
    padding-left:2px;
    color:#FFFFFF;
    font-size:10px;
    background-color:#B30000;
}   
.submenu_aktiv
{
    padding-left:2px;
    color:#000000;
    font-size:10px;
    background-color:#efefef;
}   
.submenu_aktiv a
{
    padding-left:2px;
    color:#000000;
    font-size:10px;
    background-color:#efefef;
    text-decoration:none;
}   


/*Schatten nötig sind alle Div's hintereinander begonnen mit der höchsten nummer!!!!*/
                    /*BSP..<div class="shadow5"><div
                     class="shadow4"><div
                     class="shadow3"><div
                     class="shadow2"><div
                     class="shadow"><img
                     src="../../graphics/shadowdemo1.jpg" width="225" height="169" alt=""/>
                        </div></div></div></div></div> */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow5:hover DIV.shadow,
DIV.shadow5:hover DIV.shadow2,
DIV.shadow5:hover DIV.shadow3,
DIV.shadow5:hover DIV.shadow4,
DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
   }
DIV.shadow5:hover {
   border-width: 5px;
   }
DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.67;
   }
DIV.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
}