@charset "utf-8";

/**************************************************************\
|***                   I M P O R T S                         **|
\**************************************************************/

@import url("header.css");
@import url("buttons.css");

/**************************************************************\
|***                   W R A P P E R S                       **|
\**************************************************************/

html, body              {
height:                 100%;
margin:                 0;
padding:                0;
background-color:       #FFCC00;
background-image:       url(../images/achtergrondfoto.jpg);
background-position:    center center;
background-repeat:		no-repeat;
                        }
        				
div#wrapper             {
position:               absolute;
width:                  640px;
height:                 404px;
background-color:       #990000;
background-image:       url(../images/bubo-achtergrond.png);
background-repeat:      repeat;
border:                 1px solid #820000;
left:                   50%;
bottom:                 0px;
margin-left:            -320px;
margin-bottom:          10px;
z-index:                200;
                        }

div#header              {
position:               absolute;
background-repeat:      no-repeat;
                        }
					
div#nieuws              {
position:               absolute;
font-family:            Arial, Helvetica, sans-serif;
font-size:              0.8em;
top:                    -140px;
width:                  340px;
left:                   270px;
                        }	
                        
#navigatie              {
width:                  645px;
margin-left:            -2px;
position:               absolute;
margin-top:             -18px;
z-index: 20;
                        }

div#content             {
height:                 400px;
width:                  636px;
border:                 2px groove #990000;
                        }

div#textbox             {
border-top:             1px solid black;
height:                 379px;
width:                  636px;
background-image:       url(../images/kopnaartitel.png);
background-repeat:      no-repeat;
background-position:    17px 19px;
overflow:               hidden;
                        }

div#bottombox           {
height:                 20px;
width:                  630px;
background-color:       #A01A1A;
border-top:             1px solid #821515;
font-family:            Arial, Helvetica, sans-serif;
font-size:              0.7em;
line-height:            1.6em;
padding-left:           5px;
color:                  #ED9494;
                        }
                        
/**************************************************************\
|***                 N A V I G A T I E                       **|
\**************************************************************/

#navigatie .nav-item    {
float:                  left;    
width:                  87px;
height:                 20px;
margin-right:           -1px;
background-image:       url(../images/button-splice.png);
                        }
												
#navigatie .nav-item a span
                        {
visibility:             hidden;
                        }
						
#navigatie .nav-item a  {
position:               absolute;
width:                  87px;
text-decoration:        none;
cursor:                 pointer;
                        }
						
#navigatie .small       {
float:                  left;    
width:                  42px;
height:                 24px;
background-image:       url(../images/button-splice.png);
                        }
						
#navigatie .small a     {
width:                  42px;
                        }
                        
td strong a { color: white; }                        
				
/**************************************************************\
|***                   S M O E L E N                         **|
\**************************************************************/

div#handlinks           {
position:               absolute;
z-index:                3;
padding:                0;
margin:                 0;
top:                    79px;
left:                   -38px;
width:                  68px;
height:                 100px;
background-image:       url(../images/handlinks.png);
background-repeat:      no-repeat;
                        }
                        
div#handrechts          {
position:               absolute;
z-index:                3;
padding:                0;
margin:                 0;
top:                    149px;
left:                   604px;
height:                 110px;
width:                  70px;
background-image:       url(../images/handrechts.png);
background-repeat:      no-repeat;
                        }
						
						
/************************************************************\
|***                   T E K S T                           **|
\************************************************************/

div#header h1           {
display:                none;
                        }

div#nieuws p            {
background-color:       #f1cd25;
padding:                5px;
padding-left:           10px;
                        }                 	                        		
		
div#header p a,
div#nieuws p a          {
color:                  black;
                        }
						
div#textbox p, div#textbox label, table, #album
                        {
text-align:             justify;
padding-left:           70px;
font-size:              0.8em;
font-family:            Arial, Helvetica, sans-serif;
color:                  white;
width:                  510px;
                        }
                        	 
div#textbox label       {
font-size:              1em;
                        }
                                                               			
h1,h2,h3                {
display:                block;
margin:                 0;
padding:                0;
margin-left:            70px;
                        }                                                
	

h1                      {
font-size:              28px;
font-family:            Georgia, "Times New Roman", Times, serif;
color:                  #F4B800;
margin-top:				5px;
height:					38px;

                        }
						
h2                      {
font-size:              20px;
font-family:            Arial, Helvetica, sans-serif;
color:                  #FFDA6A;
height:					30px;
                        }
						
h3                      {
font-size:              20px;
font-family:            Tahoma, Geneva, sans-serif;
color:                  white;
margin-top:             15px;
margin-bottom:          -25px;
                        } 
										
h4                      {
font-size:              20px;
font-family:            Tahoma, Geneva, sans-serif;
color:                  white;
margin-top:             10px;
margin-bottom:          5px;
clear:                  both;
                        } 

/************************************************************\
|***                   L I N K S                           **|
\************************************************************/

div#textbox p a,
a.link, 
div.link                {
font-family:            Arial, Helvetica, sans-serif;
color:                  #990000;
background-color:       #F4B800;
text-decoration:        none;
text-align:             center;
                        }
						
div.link a              {
color:                  #990000;
text-decoration:        none;
                        }
						
div#textbox p a:hover, 
a.link:hover, 
div.link:hover          {
font-family:            Arial, Helvetica, sans-serif;
color:                  #770000;
background-color:       #D18A05;
text-decoration:        none;
                        }    

div#textbox p a img, 
a.link img, 
div.link img            {
border:                 2px solid #F4B800;
                        }    
                        
div#textbox p a:hover img, 
a.link:hover img, 
div.link:hover img      {
border:                 2px solid #D18A05;
                        }                            
                        
div#bottombox a         {
font-family:            Arial, Helvetica, sans-serif;
background-color:       #CB2121;
padding-left:           3px;
padding-right:          3px;
color:                  #ED9494;
text-decoration:        none;
                        }


/************************************************************\
|***                   O V E R I G                         **|
\************************************************************/

.punt                   {
position:               absolute;
top:                    50px;
left:                   -20px;
width:                  20px;
height:                 40px;
background-image:       url(../images/puntje.gif);
                        }

#ster                   {
position:               absolute;
top:                    15px;
left:                   520px;
width:                  109px;
height:                 103px;
background-image:       url(../images/ster.png);
                        }
#ster:hover				{
cursor: pointer;
}
                       
.item                   {
margin-top:             15px;
                        }
 					
#album img              {
width:                  80px;
height:                 60px;
                        }
                                
embed, object           {
z-index:                100;
                        }
						
p img                   {
border:                 2px inset #990000;
                        }
						
#gmap                   {
height:                 360px;
width:                  480px;
                        }
                        
#gdirections            {
width:                  480px;
                        }