* {
        margin: 0;
        padding:0;
    }
    body {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
   		hyphens: auto;
    	word-break: normal;   
		padding: 0;
        margin: 0;
		font-family: "Arial Unicode MS", Arial, Serif;
		font-size: 12pt;
		color: white;
		background-color: #1D4C9A;
		
       /* scrollbar-base-color:#1D4C9A;
        scrollbar-3dlight-color:#1D4C9A;
        scrollbar-arrow-color:#1D4C9A;
        scrollbar-darkshadow-color:#1D4C9A;
        scrollbar-face-color:#1D4C9A;
        scrollbar-highlight-color:#1D4C9A;
        scrollbar-shadow-color:#1D4C9A;
        scrollbar-track-color:#1D4C9A; */
            }                                
        ::-webkit-scrollbar {
        width: 0px;
        height: 0px;
             }
        ::-mz-scrollbar {
        width: 0px;
        height: 0px;
                }       
         
    ul  {
    	list-style-type: none;
        margin:0;
        padding: 0;
    }
         
	ul.navbar {
	
		list-style-type: none;
		margin-left: 0;
		margin-right: 0;

	    }

 	ul.navbar a {
 	  text-decoration: none;
 	  margin-top: 2em;
      margin-left: auto;
      margin-right: auto;
 }

 
a.blase    {
     color: #FFFF00;
     font-weight: bold;
     text-align: center;
 }
 .hov    {
            display: none;
        }
 		
	h1	{
		font-family:  Eurostile, "Arial Unicode MS", Arial, Serif;
		font-size: 20pt;
        font-variant: small-caps }
	h2	{
		font-family: "Arial Unicode MS", Arial, Times, Serif;
		font-size: 16pt;
		font-weight: bold;
        font-variant: small-caps	}
	h3	{
		font-family: "Arial Unicode MS", Arial, Serif;
		font-size: 14pt;
		font-variant: small-caps;
		font-weight: bold;
		text-align: center;
        }
	h4	{
		font-family: "Arial Unicode MS", Arial, Serif;
		font-size: 12pt;
		font-weight: bold;
        }
	h5	{
		font-family: "Arial Unicode MS", Arial, Serif;
		font-size: 13pt;
		font-weight: bold;
		text-align: center;
        }

    p   {
        padding-top: 0.5em;
        }
        
    p.block    {
        text-align: justify;
        }
    p.e     {
        margin-left: 3em;
        padding-left: 3em;
    }

p.z {
    text-align: center;
}
p.v {
    padding-top: 100em
    }
p.v2    {
    padding-top: 6em;
    }
    
	a:link	{
		color: #FFFF00; text-decoration: none; 
		font-weight: bold }
	a:visited {
		color: #00FFFF;
		font-weight: bold }
	a:hover {
        color: #FF7FFF;
        font-weight: bold }
    a:active {
		color: #00FF00;
		font-weight: bold 
        }

 
 		
	address {
		margin-top: 1em;
		padding-top: 1em;
		border-top: thin dotted;
        }
		
		
		

li { padding-top: 0.5em }

table   {
    border-collapse: collapse;
    border: 0px none;
    text-align: left 
}

td, th {
    padding-left: 1%;
    vertical-align: top;
    text-align: left;
    }
th  {
    font-weight: bold;
    }
    
#spalte1    {
    width: 150px;
    text-align: left;
    font-weight: bold;
    }
    
#folgespalte    {
    width: 250px;
    text-align: left;
    font-weight: normal;
    }
    
/* Button Class Styles */

button  {
    height: 1.5em;
    width: 10em;
}

.button
    {
    display: block;
    padding-top: 0.1em;
    width: 10em;
    margin-right: 0.5em;
    margin-left: 0.5em;
    background: #FF00FF;
    border: 1px solid black;
    color: black !important;
    text-decoration: none; /* rgba(255, 255, 255, 0.55); */
    text-align: center;
    vertical-align: middle; 
    font: bold 1.0em Arial;

    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(top, #FF00FF, #FFF5EE, #FF00FF);
    background: -moz-linear-gradient(top, #FF00FF, #FFF5EE, #FF00FF);
    background: -o-linear-gradient(top, #FF00FF, #FFF5EE, #FF00FF);
    background: -ms-linear-gradient(top, #FF00FF, #FFF5EE, #FF00FF);
    background: linear-gradient(top, #FF00FF, #FFF5EE, #FF00FF);

    -webkit-border-radius: 90px;
    -khtml-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius:90px;

    -webkit-box-shadow: 0 0 2px 5px white;
    -moz-box-shadow: 0 0 2px 5px white;
    box-shadow: 0 0 5px 2px white;

    text-shadow: 1px 1px 1px white;
  
        }

.button:hover {
    cursor: pointer;
    background: #FF1493;
    background: -webkit-linear-gradient(top, #FF00FF, yellow, #FF00FF);
    background: -moz-linear-gradient(top, #FF00FF, yellow, #FF00FF);
    background: -o-linear-gradient(top, #FF00FF, yellow, #FF00FF);
    background: -ms-linear-gradient(top,#FF00FF, yellow, #FF00FF);
    background: linear-gradient(top, #FF00FF, yellow, #FF00FF);
    color: black;

        } 
.button:active  {
    background: #FF1493;
    background: -webkit-linear-gradient(top, #E32828, yellow, #E32828);
    background: -moz-linear-gradient(top, #E32828, yellow, #E32828);
    background: -o-linear-gradient(top, #E32828, yellow, #E32828);
    background: -ms-linear-gradient(top,#E32828, yellow, #E32828);
    background: linear-gradient(top, #E32828, yellow, #E32828);
    color: black;
    }

    img {
        border: none;
    }
    
     .logo    {

    -webkit-box-shadow: 0 0 2px 5px white;
    -moz-box-shadow: 0 0 2px 5px white;
    box-shadow: 0 0 5px 2px white;

    border: 1px solid black;

        }

scrollbar, scrollbarbutton, thumb   {
            -moz-appearance: none !important; 
            background-color: #1D4C9A !important;
            opacity: 0.0 !important;
        } 
        
        .container  {
                margin-right: auto;
                margin-left: auto;
                position: relative;
                overflow: hidden;
                width: 180px;
                height: 120px;
                }

        .container  .textbox    {
            position: absolute;
            top: 5px;
            left: 15px;
            width: 100%;
            height: 100%;
            margin-left: -220px;
            border-style: none;
            background: #2159b5;
            text-decoration: none;

            }

        .container:hover .textbox   {
            margin-left: -15px;
            }

        .container img  {
            margin-left: -20px;
            }

        .container:hover img {
            margin-left: 220px;
            }

        .text   {
            padding-top: 5px;
            text-decoration: none;
            font-size: 10pt;

            }

        .container  img, .textbox   {
            -webkit-transition: all 2.0s ease;
            transition: all 2.0s ease;
            }

        
        .karte  {
            position: absolute; 
            top: 0; 
            left: 0;
            max-width:100%; 
            max-height: 800px;
            opacity: 0.0;
            filter: alpha(opacity=0);
        }
    
    
    
        .karte:hover    {
            opacity: 1.0;
            filter: alpha(opacity=100);
        }   

 



        .image
             {
             padding: 15px;
            opacity: 0.4;
            filter: alpha(opacity=40);
            transition: filter 1.5s;
            transition: opacity 1.0;
            transition: transform 1.5s;
             }

        .image:hover  {
            filter: alpha(opacity=100);
            opacity: 1.0; 
            transform: scale(1.5, 1.5);            
                  } 
        .image:hover    img[name="BR"] 
            {
            opacity: 1.0; filter:alpha(opacity=100);
            }
                 
        .Wappen {
             width: 110px;
             height: 80px;
        }
            
        .bottomMenu{
             position: fixed;
             bottom: 0;
             padding: 10px;
             height: 50px;
         }                              
                  

        .fuss {
                display: block;
                background-color: #1D4C9A;
                position: fixed;
                left: 0;
                bottom: 0;
                height: 30px;
                padding-top: 5px;
                width: 100%;
                overflow:hidden;
        }