﻿* 
{
    margin:                 0px;
    padding:                0px;   
    font-family:            Arial, 'Trebuchet MS';  
    font-size:              8pt;
}
 
p
{
    margin-bottom:          8px;
}    

h1, h1 a
{
    position:               relative;
    display:                block;
    font-size:              11pt;
    color:                  #F78211;                                                                /* ORANJE */ 
    font-weight:            bold;
    margin-left:            35px;
    margin-bottom:          15px;
}

    .titleimage
    {
        position:               absolute;
        display:                block;
        left:                   -35px;
        top:                    -8px;
    }
    
    .h1link
    {
        font-size:              11pt;
        color:                  #F78211;                                                                /* ORANJE */ 
        font-weight:            bold;
        text-decoration:        none;
        margin:                 0px;
    }

h2
{
    font-size:              10pt;
    color:                  #F78211;                                                                /* ORANJE */ 
    margin-bottom:          8px;
}

ul
{
    margin:                 10px 0px 10px 20px;
}

a
{
    color:                  #03254A;                                                                /* DONKER BLAUW */
}

body 
{
    overflow:               -moz-scrollbars-vertical;                                               /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
    text-align:             center;
    background-color:       #063058; /*#CCC; */   
}

    .pathforjs
    {					                                                                            /* Inhoud verbergen */
	    position:               absolute;
	    left:                   -1000px;
	    width:                  10px;
    }
    
    
    #websitecontainer
    {
        position:               relative;
        display:                block;
        width:                  985px;
        height:                 auto;
        min-height:             500px;
        margin:                 0 auto;
        text-align:             left;
    }
    
   
        #headernavcontainer,
        #footernavcontainer
        {
            position:               relative;
            display:                block;
            width:                  985px;
            height:                 20px;
            float:                  left;
            clear:                  left;
            background-color:       #CCC;
        }
        
            #headernavcontentcontainer
            {
                position:               relative;
                display:                block;
                width:                  auto;
                margin-top:             4px;
                margin-right:           15px;
                float:                  right;
            }
            
            #footercreditscontainer
            {
                position:               relative;
                display:                block;
                width:                  auto;
                float:                  right;
                margin-top:             4px;
                color:                  #03254A;                                                                /* DONKER BLAUW */
            }
            
            #footercreditscontainer a
            {
                color:                  #03254A;                                                                /* DONKER BLAUW */
                font-size:              8pt;
                text-decoration:        none;
            }
            
            
            #footernavcontentcontainer
            {
                position:               relative;
                display:                block;
                width:                  auto;
                margin-top:             4px;
                margin-left:            15px;
                float:                  left;
            }
        
        #middlecontainer
        {
            position:               relative;
            display:                block;
            width:                  985px;
            height:                 auto;
            min-height:             660px;
            float:                  left;
            clear:                  left;
        }
        
            #headercontainer
            {
                position:               relative;
                display:                block;
                width:                  985px;
                height:                 150px;
                float:                  left;
                clear:                  left;
                overflow:               hidden;
                background-color:       White;
                background-image:       url(../images/layout/BG_Header.jpg);
                background-position:    left bottom;
                background-repeat:      no-repeat;
            }
            
                #logocontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  350px;
                    float:                  left;
                    clear:                  left;
                }
                
                #countdowncontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  320px;
                    float:                  left;
                    margin-top:             9px;
                    padding-top: 15px;
                }
                
                    .countdowntitle,
                    .countdowndate,
                    .countdowndays
                    {
                        position:               relative;
                        display:                block;
                        width:                  320px;
                        height:                 25px;
                        float:                  left;
                        clear:                  left;
                        color:                  #03254A;                                                /* DONKER BLAUW */
                        font-size:              16pt;
                        font-weight:            bold;
                        margin-top: 5px;
                    }
                    
                    .countdowndays
                    {
                        color:                  #F78211;                                                /* ORANJE */ 
                    }
                    
                #editiecontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  200px;
                    float:                  right;
                    margin-top:             1px;
                    margin-right:           10px;
                    overflow:               hidden;
                    text-align:             center;
                }
                
                    .hoofdsponsortitle
                    {
                        position:               relative;
                        display:                block;
                        width:                  120px;
                        color:                  #03254A;                                                /* DONKER BLAUW */
                        font-size:              10pt;
                        font-weight:            bold;
                    }
            
            #topnavigationcontainer
            {
                position:               relative;
                display:                block;
                width:                  985px;
                height:                 37px;
                float:                  left;
                clear:                  left;
                background-image:       url(../images/layout/BG_Topnavigation.jpg);
                background-repeat:      repeat-x;
            }
                       
                .topnavigation,
                .topnavigation_active,
                .topnavigation_1st,
                .topnavigation_active_1st
                {
                    position:           relative;
                    display:            block;
                    width:              auto;
                    height:             auto;
                    float:              left;
                    color:              White;
                    font-size:          10pt;
                    font-weight:        bold;
                    padding:            10px 8px;
                    text-decoration:    none;
                }
                
                .topnavigation_1st,
                .topnavigation_active_1st
                {
                    margin-left:        25px;
                }
                
                .topnavigation:hover,
                .topnavigation_1st:hover,
                .topnavigation_active,
                .topnavigation_active_1st
                {
                   color:                  #F78211;                                                  /*ORANJE */ 
                    /*  color:                  #03254A;                                                DONKER BLAUW 
                     background-color:White;*/
                }
                
                .topnavigationseperator
                {
                    position:           relative;
                    display:            block;
                    width:              auto;
                    height:             auto;
                    float:              left;
                    color:              White;
                    font-size:          10pt;
                    font-weight:        normal;
                    padding:            10px 8px;
                    text-decoration:    none;
                }
                
            
            .topsubnavigationcontainer,
            .topsubnavigationcontainer_noitems
            {
                position:               relative;
                display:                block;
                width:                  985px;
                height:                 20px;
                float:                  left;
                clear:                  left;
                background-color:       #F78211;                                                        /* ORANJE */ 
            }
            
            .topsubnavigationcontainer_noitems
            {
                background-color:       White;
            }
            
                .topsubnavigation,
                .topsubnavigation_active,
                .topsubnavigation_1st,
                .topsubnavigation_active_1st
                {
                    position:           relative;
                    display:            block;
                    width:              auto;
                    height:             auto;
                    float:              left;
                    color:              White;
                    font-size:          8pt;
                    font-weight:        bold;
                    padding:            2px 4px;
                    text-decoration:    none;
                }
                
                .topsubnavigation_1st,
                .topsubnavigation_active_1st
                {
                    margin-left:        25px;
                }
                
                .topsubnavigation:hover,
                .topsubnavigation_1st:hover,
                .topsubnavigation_active,
                .topsubnavigation_active_1st
                {
                   text-decoration:     underline;
                }
                
                .topsubnavigationseperator
                {
                    position:           relative;
                    display:            block;
                    width:              auto;
                    height:             auto;
                    float:              left;
                    color:              White;
                    font-size:          8pt;
                    font-weight:        normal;
                    padding:            2px 3px;
                    text-decoration:    none;
                }
            
            #maincontainer
            {
                position:               relative;
                display:                block;
                width:                  985px;
                height:                 auto;
                min-height:             392px;
                float:                  left;
                clear:                  left;
                background-color:       White;
            }
            
                #sidenavigationcontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  165px;
                    height:                 auto;
                    min-height:             392px;
                    float:                  left;
                    clear:                  left;
                }
                
                    .sidenavigationcontentcontainer
                    {
                        position:               relative;
                        display:                block;
                        width:                  130px;
                        height:                 auto;
                        float:                  left;
                        clear:                  left;
                        left:                   15px;
                        margin-top:             25px;
                    }
                    
                    .sidenavigationcontentcontainer a
                    {
                        position:               relative;
                        display:                block;
                        width:                  124px;
                        height:                 auto;
                        min-height:             25px;
                        float:                  left;
                        clear:                  left;
                        padding:                6px 6px 0px 0px;
                        font-size:              10pt;
                        font-weight:            bold;
                        text-align:             right;
                        text-decoration:        none;
                        color:                  #03254A;                                        /* DONKER BLAUW */
                    }
                    
                    .inschrijvenbtncontainer
                    {
                        position:               relative;
                        display:                block;
                        width:                  145px;
                        height:                 70px;
                        min-height:             25px;
                        margin:                 10px auto;
                        clear:                  left;
                    }                    
                
                #contentcontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  820px;
                    height:                 auto;
                    min-height:             392px;
                    float:                  left;
                    margin-bottom:          15px;
                }
                
                .PanelPakketsponsor
                {
	                position:				relative;
	                float:					left;
	                width:                  400px;
	                clear:                  both;
                }
                
                .Pakketsponsor
                {
	                position:				relative;
	                float:					left;
	                width:					200px;	               
	                height:					100px;	
	                margin-right:           10px;               
	                margin-bottom:          10px;
	                background-position:	center center;
	                background-repeat:		no-repeat;
	                text-decoration:		none;
	                border:solid 1px silver;
                }
                
                .contentcontentcontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  430px;
                    padding-right: 20px;
                    height:                 auto;
                    float:                  left;
                    margin-top:             30px;
                }
                
                .contentcontentcontainerwidth
                {
                    position:               relative;
                    display:                block;
                    width:                  785px;
                    padding-right:          20px;
                    height:                 auto;
                    float:                  left;
                    margin-top:             30px;
                }
                
                    .subsubnavigationlist,
                    .nieuwslist,
                    .ankerlist                 
                    {
                        list-style-type:    square;
                        color:              #F78211;                            /* ORANJE */ 
                    }
                    
                        .subsubnavigation,
                        .nieuwslistlink
                        {
                            color:              #03254A;                        /* DONKER BLAUW */
                            text-decoration:    underline;
                        }
                        
                        .subsubnavigation_active,
                        .nieuwslistlink_active
                        {
                            color:              #666;
                            text-decoration:    none;
                            font-style:         italic;
                        }
                        
                    .leesmeerimg
                    {
                        position:               relative;
                        display:                block;
                        float:                  left;
                        margin-top:8px;
                    }
                    
                    .leesmeertxt
                     {
                        position:               relative;
                        display:                block;
                        float:                  left;
                        color:                  #03254A;                        /* DONKER BLAUW */
                        font-weight:            bold;
                        text-decoration:        none;
                        margin-top:             8px;
                    }
                
                #rightsidecontainer
                {
                    position:               relative;
                    display:                block;
                    width:                  355px;
                    height:                 auto;
                    float:                  right;
                    margin-top:             30px;
                }
                
                    .sponsorcontainerleft,
                    .sponsorcontainerright
                    {
                        position:               relative;
                        display:                block;
                        width:                  150px;
                        height:                 auto;
                        float:                  left;
                    }
                    
                    .sponsorcontainerleft
                    {
                        margin-right:           25px;
                    }
                    
                        .sponsorlogocontainer
                        {
                            position:               relative;
                            display:                block;
                            width:                  150px;
                            height:                 90px;
                            overflow:               hidden;
                            float:                  left;
                            clear:                  left;
                            border:                 1px solid #03254A;                          /* DONKER BLAUW */
                        }
                        
                            .sponsorlogo
                            {
                                position:               relative;
                                display:                block;
                                width:                  150px;
                                height:                 90px;
                            }
                          
                    
                        .sponsortitlecontainer
                        {
                            position:               relative;
                            display:                block;
                            width:                  150px;
                            height:                 20px;
                            padding-top:            5px;
                            overflow:               hidden;
                            float:                  left;
                            clear:                  left;
                            text-align:             center;
                            color:                  #03254A;                                        /* DONKER BLAUW */
                            font-weight:            bold;
                        }
                        
                    .infodiv
                    {
                        position:               relative;
                        display:                block;
                        width:                  450px;
                        clear:                  left;
                        float:                  left;
                        margin-top:             20px;
                    }
                    
                    .hpfotoalbumcontainer
                    {
                        position:           relative;
                        display:            block;
                        width:              150px;
                        height:             auto;
                        float:              left;
                        margin-right:       25px;
                    }
                    
                        .fotoalbumfotoborderblue
                        {
                            position:           relative;
                            display:            block;
                            width:              118px;
                            height:             88px;
                            margin:             0 auto;
                            background-color:   #072F53;  /* dark blue */
                        }
                        
                        .fotoalbumfotoborderwhite
                        {
                            position:           relative;
                            display:            block;
                            width:              112px;
                            height:             82px;
                            margin:             3px 3px;
                            background-color:   White;
                        }
                       
                        .fotoalbumimage
                        {
                            position:           relative;
                            display:            block;
                            width:              110px;
                            margin:             1px 1px;
                            height:             80px;
                        }
                
                    .hpwijsteunencontainer
                    {
                        position:           relative;
                        display:            block;
                        width:              300px;
                        height:             auto;
                        float:              left;
                    }
                    
            #sponsorfootercontainer
            {
                position:               relative;
                display:                block;
                width:                  985px;
                height:                 115px;
                float:                  left;
                clear:                  left;
                margin-top:             6px;
                background-color:       White;
            }
                       
                .footersponsorcontainer,
                .footersponsorcontainer_1st
                {
                    position:               relative;
                    display:                block;
                    width:                  100px;
                    height:                 auto;
                    float:                  left;
                    margin:                 15px 20px 0px 0px !important;  
                    margin:                 15px 16px 0px 0px;                           
                }
                
                .footersponsorcontainer_1st
                {
                    margin-left:            20px !important;
                    margin-left:            10px;
                }
                
                    .footersponsorlogocontainer
                    {
                        position:               relative;
                        display:                block;  
                        float:                  left;
                        /*border:                 1px solid #03254A; PL: verwijderd 4-12-2009 op verzoek*/
						cursor:                     hand;                                              
						cursor:                     pointer;  
                        
                    }
                    
                        .footersponsorlogo
                        {
                            position:               relative;
                            display:                inline;
                             float:                  left;
                             margin-top: 35px;
                             margin-left: 28px;
                        }
                        
                    .footersponsortitlecontainer
                    {
                        position:               relative;
                        display:                block;
                        width:                  100px;
                        height:                 30px;
                        padding-top:            5px;
                        overflow:               hidden;
                        float:                  left;
                        clear:                  left;
                        text-align:             center;
                        color:                  #03254A;                                        /* DONKER BLAUW */
                        font-weight:            bold;
                        						cursor:                     hand;                                              
						cursor:                     pointer;  
						text-decoration: none;
                    }

  /****************************/
 /**  |[ContactFormulier ]| **/
/****************************/

.Formulier
{
    margin-top: 10px;
}

.FormTextBox
{
    border-color:   #003366;
    border-width:   1px;
    width:          250px;
    font-family:    Arial;
    font-size:      11px;
    color:          #003366;
}
    
.FormCaptcha
{
    border-color:   #003366;
    border-width:   1px;
    width:          130px;
    font-family:    Arial;
    font-size:      11px;
    color:          #003366;
}

.FormButton
{
    border:             0px;
    background-color:   #FF6600;
    color:              White;
    cursor:             pointer;
}

.FormButton_disabled
{
    border:             0px;
    background-color:   #F8CC99;
    color:              White;
    cursor:             default;
}

.ErrorTekst
{
    color:  Red;
}



/* Gastenboek */
.GastenboekPanel
{
    width:      400px;
    border:     solid 1px #003366;
    margin-top: 10px;
}

.GastenboekHeader
{
    background-color:   #003366;
    color:              White;
    padding:            5px;
}

.GastenboekNaam
{
    float:          left;
    font-weight:    bold;
    color:          white;
}

.GastenboekDatum
{
    float:          right;
}

.GastenboekDatumLabel
{
    color:          white;
}

.GastenboekTekst
{
    padding:        5px;
}

.GastenboekReactie
{
    margin-left:    25px;
}

/* LINKS */

.LinkPanel
{
    width:          300px;
    float:          left;
    margin-bottom:  15px;
}
    
.AfbeeldingPanel
{
    width:          125px;
    float:          left;
    margin-left:    5px;
}

a.LinksLink:link, a.LinksLink:visited
    {
        font-family:        Arial;
        font-size:          14px;
        font-weight:        bold;
        color:              #FF6600;
        text-decoration:    none;
    }

    a.LinksLink:active, a.LinksLink:hover
    {
        font-family:        Arial;
        font-size:          14px;
        font-weight:        bold;
        color:              #FF6600;
        text-decoration:    underline;
    }

/* Albums */

.AlbumOverviewLeft
{
    position:relative;
    display:block;
    width:175px;
    float:left;
    clear:left;
} 

.AlbumOverviewRight
{
    position:relative;
    display:block;
    width:275px;
    float:left; 
}         

.overzichtsfoto
{
    margin:5px;
    border:1px solid orange;
}



/* WEBLOGS */

.weblogitem
{
    position:           relative;
    display:            block;
    width:              410px;
    /*margin:             10px;*/
    padding:            10px;
    border:             1px solid #EE7F01;
    background-color:   #FFD09D;
}

a.weblogitemtitle
{
    font-weight:        bold;
    color:              #EE7F01;
    text-decoration:    none;
    text-transform:     uppercase;
}

.RSSlogo
{
    position:relative;
    float:right;
}

.weblogitemreactie
{
    position:relative;
    display:block;
    width:400px;
    background-color:#DDD;
    border:1px solid #666;
    padding:10px;
    margin:10px auto;
}

/*=====WEBSHOP========*/
.Winkelwagen
{
	font-family:	Arial;
	font-weight:	bold;
	font-size:		8pt;
}

.DetailPanel
{
	font-family:	Arial;
	font-size:		8pt;
    margin:         10px 0px 0px 0px;
}

.ArtikelPanel
{
	
    border-bottom:		solid 1px #003366;
    float:				left;
    width:				420px;
/*    margin:         5px 0px 5px 0px;*/
}

.ArtikelFotoPanel
{
	float:          left;
    margin:			10px 3px 10px 0px;
    text-align:     center;
}

.Beschrijving
{
    float:			left;
    text-align:		left;
    font-family:	Arial;
	font-size:		8pt;
    margin:			10px 5px 0px 5px;
}

.Prijs
{
    font-weight:    bold;
}

.Prijsperstuk
{
    float:left;
    position:relative; 
    width:75px;
}

.Bestellen
{
    text-align: left;
    margin:     5px 5px 10px 5px;
}

.Aantal
{
	float:  left;
	display:block;
    width:  60px;
}

.Maat
{
    float: left;
    display:block;
    width:   70px;
}

.Bestel
{
    float:      right;
    margin-top: 5px;
}   

.PanelLinks
{
    margin-top:     20px;
    margin-left:    20px;
    float:          left;
}

.PanelRechts
{
    margin-top:     20px;
    margin-right:   20px;
    float:          right;
}
.btnVerwijderen
{
    position:relative;
    float:left;
    margin-left:10px;
}

/* HOMEPAGE RANDOM IMAGES */

.hprandomfotocontainer
{
    position:           relative;
                        display:            block;
                        width:              300px;
                        height:             auto;
                        float:              left;
    margin-bottom:  8px;
}

#slideshow
{
    position:       relative;
    display:        block;
    width:          300px;
    height:         200px;  
    /*border:         solid 1px black;*/
    overflow:       hidden;   
}

#slideshow IMG {
    width:          300px;
    position:       absolute;
    top:            0;
    left:           0;
    z-index:        8;
}

#slideshow IMG.active {
    z-index:        10;
}

#slideshow IMG.last-active {
    z-index:        9;
}

/* // HOMEPAGE RANDOM IMAGES */


.linkAZ,
.linkAZActive
{
    font-weight:        bold;
    font-size:          13pt;
    text-decoration:    none;
    color:              Navy;
    margin-right:       4px;
}

.linkAZActive
{
    color:              #F78211;                                                                /* ORANJE */ 
}

.alfabetitem
{
    position:           relative;
    display:            block;
    float:              left;
    width:              425px;
    clear:              both;
    margin-top:         10px;
}

.rsslink
{
    position:absolute;
    right:10px;
    top:10px;
    
}