body {
    background-color: #000000;
    background-image: url(../Img/bg_star.gif);
    background-repeat: repeat;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 0.82em;
    margin: 3px;    
    text-align: center;
}

#Container {    
    border: solid 1px #7760AF;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 770px;
}


#Navigation {         
    height: 20px; 
}

#Navigation ul {
    background-image: url(../Img/navigation_bg.jpg);
    background-position: 0;
    background-color: #BBBAC7;
    border-bottom: solid 1px #3D395E;
    padding: 0;    
    height: 18px;
    margin: 0;
    padding-top: 2px;
    width: 770px;    
}

#Navigation li {    
    display: inline;                  
}

#Navigation li a {        
    color: #4F497A;  
    font-weight: bold;  
    font-size: 90%;        
    padding-top: 4px !important;
    padding: 3px 7px 3px 7px;
    margin: 0;    
    text-decoration: none;
}

#Navigation li a:hover {
    background-color: #7760AF;
    color: #FFFFFF;
}


#Header 
{
    background-image: url(../Img/header.jpg);
    height: 60px;
    width: 770px;
}

#Header h1 {
    color: #BBBAC7;
    font-size: 85%;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin: 0;
    /* margin-top: 35px;
    margin-left: 7px;
*/
    padding-left: 7px;
    padding-top: 37px;
    text-align: left;
}

#Content {
    background-color: #4F497A;
    color: #BBBAC7;
    text-align: left;    
    padding: 7px;    
    width: 756px;
}

#Content h1 
{
    background-color: #34365E;
    border: solid 1px #7760AF;
    /*color: #BBBAC7;*/
    color: #FFFFFF;    
    font-size: 120%;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
    margin: 0;    
}

#Content h2 
{
    /* background-color: #34365E; */
    background-color: #7760AF;
    /* border: solid 1px #7760AF; */
    border: solid 1px #34365E;
    display: inline-block;
    /* color: #BBBAC7; */
    color: #FFFFFF;
    font-size: 90%;    
    padding: 3px 5px 3px 5px;
    margin: 0;        
}

#Content p 
{
    margin-top: 5px;
    margin-left: 7px;
}

#Content img 
{
    background-color: #34365E;    
    padding: 2px;    
    border: solid 1px #7760AF;
    margin-left: 7px;
}

#Content a 
{
    color: #C4FF37;
    font-weight: bold;
}

#Content a:hover 
{
    color: #FFFFFF;
}

div.gastboek,#gastenboek_toevoegen {     
    background-color: #34365E;    
    border: solid 1px #7760AF;    
    color: #FFFFFF;
    font-size: 90%;        
    margin: 0 0 7px 0;
    padding: 0;
    width: 754px;
}

div.gastboek p {    
    margin: 5px 0 7px 0;
    padding-top: 5px;
    width: 730px;    
}

div.gastboeksub {
    font-size: 90%;
    margin: -3px 0 0 0;
    padding: 0 0 10px 7px;
}

#Content h2.gastboekh2 {
    background-color: #7760AF;    
    border: solid 1px #34365E;
    /*color: #BBBAC7;*/
    color: #FFFFFF;    
    font-size: 100%;
    font-weight: bold;
    color: #FFFFFF;       
    padding: 3px 5px 3px 5px;
    margin: -1px;     
}

#Content .gastenboek_label {             
    display: block;
    float: left;
    height: 18px;
    padding-left: 10px;
    padding-top: 5px;
    width: 120px;
}

#Content .gastenboek_tekst {        
    height: 16px;
    margin: 2px;    
    width: 350px;
}

#Content .gastenboek_tekst_bericht {
    height: 200px;
    margin: 2px;    
    width: 350px;
}

#Content .gastenboek_error {      
    color: #FFFFFF;     
    height: 18px !important;
    height: 19px;
    margin-top: 3px;
    padding-left: 7px;
    padding-top: 3px;
    position: absolute;            
    width: 200px;
}

#gastenboek_toevoegen {
    padding: 5px 0px 5px 0px;
}

#marqueecontainer{
    background-color: #34365E;
    border: solid 1px #7760AF;    
    color: #BBBAC7;  
    display: block;    
    font-size: 90%;
    margin: 0;    
    margin: 0 !important;
    margin-bottom: -16px;
    position: relative;
    width: 754px;    
    height: 100px;
    overflow: hidden;
       
    
}
#marqueecontainer p {
    text-align: justify; 
    padding-bottom: 13px; 
    margin-top: 5px; 
    margin-bottom: 0;
    font-size: 90%; 
    border-bottom: solid 1px #7760AF;
}

#FooterLeft,#FooterRight,#FooterCenter {
    display: block;    
    color: #4F497A;
    float: left;
    font-size: 85%;
    padding: 3px 2px 3px 2px;
    text-decoration: none;
    width: 200px;
}

#FooterLeft {
    padding-left: 5px;
    text-align: left;
}

#FooterLeft a,#FooterLeft a:visited {
    color: #4F497A;
    text-decoration: none; 
}

#FooterCenter {
    width: 354px;
}

#FooterCenter a {
    margin: 0 2px 0 2px;
}

#FooterCenter a,#FooterCenter a:visited {
    color: #7066AF;
    text-decoration: none;        
}

#FooterCenter a:hover {
    color: #FFFFFF;
}

#FooterRight {
    text-align: right;
}

.LinksBlock {
    background-color: #34365E;
    border: solid 1px #7760AF;
    margin: 0;    
    width: 320px;
}

.LinksBlock ul {
    /*background-color: #BBBAC7; */
    /*border-bottom: solid 1px #3D395E;*/
    padding: 0;        
    margin: 0;
    padding-top: 2px;    
}

.LinksBlock li {    
    display: block;                  
}

.LinksBlock li a {    
    color: #4F497A;  
    display: block;
    font-weight: normal;  
    font-size: 80%;        
    padding-top: 4px !important;
    padding: 3px 7px 3px 7px;
    margin: 0;    
    text-decoration: none;
}

.LinksBlock li a:hover {
    /*background-color: #7760AF;*/
    color: #FFFFFF;
}

.BeursAgenda {
    background-color: #34365E;
    border: solid 1px #34365E;
    margin-left: 2px;
    margin-top: 7px;
}

.BeursAgenda td,.BeursAgenda th {
    padding: 3px 3px 3px 5px;  
    border: solid 1px #34365E;
    margin: 0;  
}

.BeursAgenda th {
    background-color: #34365E;
    /* border: solid 1px #7760AF; */
    /*color: #BBBAC7;*/
    color: #FFFFFF;      
}

.BeursAgenda td {
    background-color: #4F497A;
}

img.horoscoop_image {
        
}

#Content img.horoscoop_image {
    margin: 5px 7px 0 0;
    
}

#modal_container {      
    background-color: #fff;  
    border: 1px solid #666;  
    color: #333;  
    font-family: "Lucida Grande",Verdana;  
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    padding: 5px;
    text-align: left;      
} 

#modal_overlay {  
    background-color:#FFF;  
}