* {
        margin: 0;
        padding: 0;
}

body {
background: #000099 url(images/HG2w.png) repeat;  
background-color: #000099;    
   
font-family:  Georgia, "Times New Roman", Helvetica, serif;
font-size: 24px;
line-height: 25px;
color: #000000;
}
    
    
    
a {
text-decoration: none;
color: #FFFFFF;
}

a:hover {
text-decoration: underline;
color: #4a3c19;
}



#wrap {

margin: 20px auto;
width: 1100px;
}


#header {
background: #666666 url(images/HeaderJOENeu.jpg) no-repeat;
height: 200px;-moz-box-shadow:1px 1px 10px
#000000;-webkit-box-shadow:1px 1px 10px
#000000;box-shadow:1px 1px 10px #000000;
}
#menu {
display:block;
width:1100px;
line-height: 25px;
height:28px; margin:0;
padding:2px 0px 0px 0px;
list-style:none; 
text-align:center; 
font-size: 17px;   
  }
#menu ul li{ 
float:left;
list-style:none; 
width:auto;
padding: 0px 15px;   
}
#contenttop  {
background: #666666 url(images/contento.jpg) no-repeat;
padding: 5px
}
#content {
background: #666666 url(images/content.jpg) repeat-y;
padding: 20px;         

} 
   
.navbar { 
-moz-box-shadow:1px 1px 10px
#000000;-webkit-box-shadow:1px 1px 10px
#000000;box-shadow:1px 1px 10px #000000;
  
float: right;
margin: 20px 10px 12px 0px;
 
 
font-family:  Georgia, "Times New Roman", Helvetica, serif;
font-size: 15px;
color: #000000;
line-height: 25px;
}

.navbar a{
 color: #330099;
}
.navbar ul li  {
list-style-type : none;
background :  url(images/Navgross2.jpg) no-repeat ;
display:block; 
margin: 0px 0px 0px  0px;
padding:8px 14px 8px 10px;
text-decoration:none }

.imgleft{float:left;margin: 25px 40px 25px 15px;background-color:#000000;border:0px;-moz-box-shadow:1px 1px 20px #000000;-webkit-box-shadow:1px 1px 20px #000000;box-shadow:4px 2px 10px #000000;}
 /*
.imgleft{
float:left;
margin: 10px 15px;
}      */
.main{
-moz-box-shadow:1px 1px 10px 
#000000;-webkit-box-shadow:1px 1px 10px 
#000000;box-shadow:1px 1px 10px #000000; 
float: left;
width: 800px;
text-align: left;
padding: 10px;
font-size: 15px;
background: #FFFFFF;

}    
.main ul li  {
list-style-type : square;

margin: 0px 0px 0px  20px;
padding:0px 0px 10px 0px;
text-decoration:none } 
     
.main h1 {
font-size: 20px;
font-weight: bold;
color: #000000;
padding: 20px 0 20px 0;
Background: transparent url(images/Unterstrichgrau.jpg) bottom no-repeat;}

.main a {
text-decoration: none;
color: #00007B;
font-weight: bold;

}

.main  a:hover {
text-decoration: underline;
color: #4a3c19;
}
.main a:visited {color: #4a3c19;}
/*Ende farbe für right Links*/

.imgright{
-moz-box-shadow:1px 1px 20px #000000;-webkit-box-shadow:1px 1px 20px #000000;box-shadow:4px 2px 10px #000000;
float:right;
margin: 10px 15px;

 }
 .extra{
-moz-box-shadow:1px 1px 10px
#000000;-webkit-box-shadow:1px 1px 10px
#000000;box-shadow:1px 1px 10px #0000FF;
float: left;
width: 800px;
text-align: left;
padding: 10px;
font-size: 15px;
background:     url(images/back3.jpg) ; 
background-size: cover;

}      
.extra h1 {
font-size: 20px;
font-weight: bold;
color: #000000;
padding: 20px 0 20px 0;
Background: transparent url(images/Unterstrichgrau.jpg) bottom no-repeat;}
#bottom {
background: #606060 url(images/bottom.jpg) no-repeat;
padding: 4px 0;
}


#footer {

text-align: center;
font-size: 11px;
color: #FFFFFF;
}
#footer a {
text-decoration: none;
color: #999999;
}