﻿	body {
		margin: 0px; 
		padding: 0px;
		text-align: center;
		font: 0.7em Verdana, Arial;
		text-align:left;
		color:#000000;
		background: url(images/bg.gif) center top;		
	}
	
	#pg {
		margin: 0px auto;
		width: 990px;
	}
	
	#holder {
		width: 926px;
		padding:0px 32px 0px 32px;
	    background-color:#410535;
	    float:left;
	}
	
	
	/****************
         banner
    ****************/
	#bannerTop 
	{
	    width: 926px;
	    height: 352px;
	    padding: 0px 0px 0px 0px;
	    float: left;
	}
	
	
	/****************
         mainNav
    ****************/	
    
    #mainMenu
    {
        z-index:20;
        
    }

    div#bannerTop #logo
    {
        width:173px;
        height:235px;
        float:left;
    }
    
    div#bannerTop #header
    {
        width:732px;
        padding-left:20px;
        height:235px;
        float:left;
    }
    
    div#bannerTop #date
    {
        width:463px;
        font: 1.2em Trebuchet MS, Arial;
        text-align:left;
        color:#ffffff;
        float:left;
        padding-top:6px;
    }
    div#bannerTop #timer
    {
        width:463px;
        font: 1.2em Trebuchet MS, Arial;
        text-align:right;
        color:#ffffff;
        float:left;
        padding-top:6px;
    }
    
    div#bannerTop #nav
    {
        width:926px;
        float:left;
        padding: 43px 0px 10px 0px;
        margin:0;
        list-style-type:none;
        list-style-position: outside;
        position: relative;
        font: 1.3em Trebuchet MS, Arial;    
    }
    


    div#bannerTop #nav a
    {
        display:block;
        padding:2px 7px 0px 7px;
        color:#ffffff;
        height: 20px;
        text-decoration:none;
    }

    div#bannerTop #nav a:hover, div#bannerTop #nav a.active
    {
        background-color:#f69e06;
        color:#ffffff;        
    }

    div#bannerTop #nav li
    {
        float:left;
        position:relative;
        min-width: 20px; 
    }
    
    * html div#bannerTop #nav li {
      width: 20px;
    }
    
  
    
    div#bannerTop #nav ul 
    {
        position:absolute;
        left: 0px;
        display:none;
        width:14em;
        background-color:#410535;
        font: 1.3em Trebuchet MS, Arial; 
        list-style-type:none;
        list-style-position: outside;   
        padding: 10px 0px 10px 0px;                     
    }

    div#bannerTop #nav li ul a
    {
        font-size:0.8em;
        width:14em;
        height:auto;
        text-align:left;
        float:left;
    }

    div#bannerTop #nav ul ul
    {
        text-align:left;
    }	

    div#bannerTop #nav li ul ul 
    {
        left:12em;
        margin:0px 0 0 10px;
        text-align:left;
    }

    div#bannerTop #nav li:hover ul ul, div#bannerTop #nav li:hover ul ul ul, div#bannerTop #nav li:hover ul ul ul ul
    {
        display:none;
    }
    
    div#bannerTop #nav li:hover ul, div#bannerTop #nav li li:hover ul, div#bannerTop #nav li li li:hover ul, div#bannerTop #nav li li li li:hover ul
    {
        display:block;
    }
    
	/****************
         content
    ****************/	
	#content
	{
	    width: 926px;
	}
	
	#content #homebody
	{
	    width: 688px;
	    float:left;
	}
	#content #homebody #hometop
	{
	    width: 688px;
	    float:left;
	}
	#content #homebody #bodylinks
	{
	    width: 388px;
	    float:left;
	}
	#content #homebody #bodyrechts
	{
	    width: 279px;
	    padding-left:21px;
	    float:left;
	}
	#content #homerechts
	{
	    width: 217px;
	    padding-left:21px;
	    float:left;
	}
	
	#formDank
	{
	    padding: 10px;
	    border: 1px solid #bbbbbb;
	    background: #eeeeee;
	}
	
	/****************
      content subpg
    ****************/	
	
    #content .title
    {
        float: left;
        width: 916px;
        background: #714b23;
        height: 40px;
        margin-top: 20px;
        text-align: left;
        text-transform: uppercase;
        color: #ffffff;
        padding: 20px 0px 0px 10px;
    }	

    #content .titleBanner
    {
        float: left;
        width: 708px;
        background: #714b23;
        height: 40px;
        margin-top: 20px;
        text-align: left;
        text-transform: uppercase;
        color: #ffffff;
        padding: 20px 0px 0px 10px;
    }    
    
    #content .photo    
    {
        float: left;
        width: 209px;
    }
    #content .ImageBorder
    {
        border: solid 1px #410535;
        margin-bottom:10px;
        float:left;
        }
    
    #content .photoNoPadding   
    {
        float: left;
        background: #714b23;
        width: 218px;
        text-align:right;
    }
    
    #content .photoNoPadding img  
    {
        margin: 0px 0px 0px 10px;
    }   
        
    #content .contentContainerBreed
    {
        float: left;
        width: 906px;
        background: #714b23;
        text-align: left;
        padding: 0px 10px 10px 10px;
    } 
    #content .textContainerBreed
    {
        background: #ffffff;
        height: 1%;
        overflow: auto;
    }
    
    #content .textBreed
    {
        float: left;
        width: 756px;
        padding: 20px;
    }
    
    
    #content .contentContainer
    {
        float: left;
        width: 905px;
        background: #FFFFFF;
        text-align: left;
        padding: 20px 20px 20px 0px;        
    } 
    #content .textContainer, #content .textContainer2
    {
        background: #ffffff;
        height: 1%;
        overflow: auto;
    }
    
    #content .horBanner
    {
        padding:10px 0px 10px 10px;
        }
    
    #content .text
    {
        float: left;
        width: 630px;
        padding: 10px 20px 20px 13px;
    }
    
    #content .text .subtitle
    {
        float: left;
        width: 537px;
        font-size: 1.5em;
        color: #462a0d;
        font-weight: bold;
    }    
    
    #content .text .subsubtitle
    {
        float: left;
        width: 537px;
        font-size: 1.3em;
        color: #462a0d;
        font-weight: bold;
    } 
    
    #content .contentContainerBanner
    {
        float: left;
        width: 488px;
        background: #714b23;
        text-align: left;
        padding: 0px 10px 10px 10px;
    } 
    #content .textContainerBanner, #content .textContainerBanner2
    {
        background: #ffffff;
        height: 262px;
        height: 1%;
        overflow: auto;   
    }
    
    #content .textBanner
    {
        float: left;
        width: 338px;
        background: #ffffff;
        padding: 20px;
    }
    
    #content .textBanner .subtitleBanner
    {
        float: left;
        width: 338px;
        font-size: 1.5em;
        color: #462a0d;
        font-weight: bold;
    }    
    
    #content #banner
    {
        width: 122px;
        height: 600px;
        background: #714b23;
        float: left;
        margin: 20px 0 0 20px;
        padding: 10px;
    }
    
    #content .socials
    {
        float: left;     
        width: 300px; 
        padding: 25px 0px 10px 0px;
    }
    
    #content .socials a
    {
        color: #000000;
        text-decoration: none;
    }    
    #content .socials a:hover
    {
        font-weight: bold;
        color: #d58319;
        text-decoration: none;
    }   
    
    #content img
    {
        border: 0px;
    }  
    
    #content .socials div
    {
        padding: 3px;
    }    
    
    #content .frame
    {
        background: #714b23 url(images/pijl.gif) bottom right no-repeat; 
        float: left; 
        width: 221px;
        height: 143px; 
        margin: 20px 20px 0px 0px;
        padding: 10px 10px 0px 10px;
        text-align: left;        
    }
    
    #content .frameMargin
    {
        background: #714b23 url(images/pijl.gif) bottom right no-repeat; 
        float: left; 
        width: 221px;
        height: 143px; 
        margin: 20px 0px 0px 0px;
        padding: 10px 10px 0px 10px;
        text-align: left;        
    }
    
    .fields
    {
        padding-left: 5px;
    }
    
    .fields input
    {
        width: 300px;
        border: 1px solid #000000;
        margin-bottom: 10px;
    }
    
    .fields textarea
    {
        border: 1px solid #000000;
        width: 300px;
        height: 100px;
        font-family: Arial Sans-Serif;
        font-size: 0.9em;
    }
    
    .btnSubmit
    {
        background: #01BEDA;
        border: none;
        height: 28px;
        padding: 5px;
        margin: 0px 0px 0px 1px;
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        width: 100px;
        cursor: pointer;
        border: 1px solid #000000;
    }
    
    .btnSubmitBreed    
    {
        width: 250px;
        cursor: pointer;
        background: #01BEDA;
        border: none;
        height: 28px;
        padding: 5px;
        margin: 0px 0px 0px 1px;
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        cursor: pointer;
        border: 1px solid #410535;
    }

    .sponsor
    {
        border: 1px solid #dddddd;
        width: 100px;
        height: 100px;
        padding: 10px;
        float: left;
        margin: 0px 20px 20px 0px;
    }
    
    .partner
    {
        border: 1px solid #dddddd;
        width: 70px;
        height: 70px;
        padding: 10px;
        float: left;
        margin: 0px 20px 20px 0px;
        
    }
    
	.contentContainer .text a, .contentContainerBanner .textBanner a, .imgText a
	{
	    color: #000000;
	    text-decoration: none;
	}
	
	.imgText img
	{
	    padding: 0 10px 10px 0;
	}
	
	.contentContainer .text .subtitle a, .contentContainerBanner .textBanner .subtitleBanner a
	{
	    color: #462a0d;
	}
    
	.contentContainer .text a:hover, .contentContainerBanner .textBanner a:hover, .imgText a:hover
	{
	    color: #000000;
	    text-decoration: underline;
	}
	
	.contentContainer .text .subtitle a:hover, .contentContainerBanner .textBanner .subtitleBanner a:hover
	{
	    color: #462a0d;
	}

	/****************
      content home
    ****************/	

    .txtHomeEmail
    {
        background: white;
        border: solid 1px #410535;
        width: 142px;
        height: 16px;
        float: left;
        padding: 6px;
    }

    .btnHomeEmail
    {
        background: #410535;
        border: none;
        height: 30px;
        padding: 5px;
        margin: 0px 0px 0px 1px;
        float: left;
        width: 51px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
    }
    
    .HomeNewsItem
    {
        background: #ffffff;
        border: none;
        padding: 0 0 21px 0;
        float: left;
        width: 688px;
        }
        
    .HomeNewsItem a, .HomeNewsItem a hover
    {
        text-decoration:none;
        color:#000000;
        }
        
    .RedTitle
    {
        margin-top:17px;
        padding: 0px 10px 0px 10px;
        height:17px;
        color:#ffffff;
	    font-family: arial;
	    font-size: 25px;
	    font-weight: bold;
	    text-decoration:none;
	    background-color:#DA0101;
	    line-height:16px;
	    text-transform:uppercase;
	    float:left;
        }
     .RedTitleBig
    {
        margin-top:0px;
        padding: 0px 10px 0px 10px;
        height:21px;
        color:#ffffff;
	    font-family: arial;
	    font-size: 30px;
	    font-weight: bold;
	    text-decoration:none;
	    background-color:#DA0101;
	    line-height:21px;
	    text-transform:uppercase;
	    float:left;
        }
        
     .redLink a, .redLink a hover
     {
         color:#DA0101;
         text-decoration:none;
         }
    
    .homeWhat
    {
        background-color: #ffffff;
        border: none;
        margin-top:21px;
        padding: 0 0 12px 0;
        float: left;
        width: 386px;
        }
        
    .homeNieuwsbrief
    {
        background-color: #ffffff;
        border: none;
        margin-top:21px;
        padding: 0 0 0 0;
        float: left;
        width: 279px;
        }
        
    .homeTwitter
    {
        background-color: #ffffff;
        border: none;
        margin-top:21px;
        padding: 0 0 12px 0;
        float: left;
        width: 279px;
        }
        
    .homeFeedItems
    {
        border: none;
        padding: 0 0 8px 0;
        float: left;
        width: 386px;
        }
    
    .homeFeedItems a, .homeFeedItems a hover
    {
        text-decoration:none;
        color:#000000;
        }
        
    .GreenTitle
    {
        margin-top:17px;
        padding: 0px 10px 0px 10px;
        height:17px;
        color:#ffffff;
	    font-family: arial;
	    font-size: 25px;
	    font-weight: bold;
	    text-decoration:none;
	    background-color:#2B8D10;
	    line-height:16px;
	    text-transform:uppercase;
	    float:left;
        }
     
     .GreenTitleBig
    {
        margin-top:0px;
        padding: 0px 10px 0px 10px;
        height:21px;
        color:#ffffff;
	    font-family: arial;
	    font-size: 30px;
	    font-weight: bold;
	    text-decoration:none;
	    background-color:#2B8D10;
	    line-height:21px;
	    text-transform:uppercase;
	    float:left;
        }
     
     .GreenTitleMiddle
    {
        margin-top:-15px;
        padding: 0px 10px 0px 10px;
        height:16px;
        color:#ffffff;
	    font-family: arial;
	    font-size: 20px;
	    font-weight: bold;
	    text-decoration:none;
	    background-color:#2B8D10;
	    line-height:16px;
	    text-transform:uppercase;
	    float:left;
        }
     
     .greenLink a, .greenLink a hover
     {
         color:#2B8D10;
         text-decoration:none;
         }
    
    .KnalBlueTitle
    {
        margin-top:17px;
        padding: 0px 10px 0px 10px;
        height:17px;
        color:#ffffff;
	    font-family: arial;
	    font-size: 25px;
	    font-weight: bold;
	    text-decoration:none;
	    background-color:#01BEDA;
	    line-height:16px;
	    text-transform:uppercase;
	    float:left;
        }
        
    .KnalGreenTitle
    {
        margin-top:17px;
        padding: 0px 10px 0px 10px;
        height:17px;
        color:#ffffff;
	    font-family: arial;
	    font-size: 25px;
	    font-weight: bold;
	    text-decoration:none;
	    background-color:#C3DA01;
	    line-height:16px;
	    text-transform:uppercase;
	    float:left;
        }
    
    /* grote teasers */
	.teaserBlok
	{
	    float: left;
	    width: 207px;
	    height: 119px;
	    padding-bottom: 21px;
	    display: inline;
	    color: #ffffff;         
	    text-transform:uppercase;
	    text-align:left;
	}
	
	/* kleine teasers */
	.teaserNieuwsbrief
	{
	    float: left;
	    width: 262px;
        height: 55px;
	    padding: 0px 0px 0px 11px;   
	    text-transform:uppercase;	
	    color: #ffffff;      
	    text-align: left;   
	}
	
    /* kleine teasers, wit */
	div#content div.teaserNieuwsbrief div.text
    {
        background: #ffffff;
        height: 25px;
    }
    	
	div#content div.news
	{ 
	    float: left;
	    width: 452px;
	    height: 310px;
	    margin: 20px 20px 0px 0px;
	    padding: 10px 10px 0px 10px;   	    
	    color: #ffffff;         
	    text-transform:uppercase;	   
	    text-align: left; 
	}
	
	div#content div.news div.text
	{ 
	    text-transform: none;
	    text-align: left;	    
        background: #ffffff;
        height: 240px;
        padding: 20px;
        color: #000000;
        width: 412px;
	}
	
    div#content div.news div.text div.img
    {
        float:left;
        width: 80px;
        height: 123px;
    }    
    
    div#content div.news div.text div.imgText
    {
        float: left;
        width: 300px;
    }
	
	
	/****************
         footer
    ****************/	

    div#footer
    {
	    width: 926px;
	    height: 20px;
	    float: left;
	    color:#ffffff;
    }
    
	/****************
     sponsorsBottom
    ****************/	
    
    .sponsorBottom
    {
        padding: 3px 0px; 
    }
    
	/****************
         forum
    ****************/	
    .forumImage
    {
        float: left;
        padding: 0px 13px 8px 0px;
    }
    
    .forumInfo
    {
        text-align: right;
        font-size: 0.8em;
    }
    
    table.addmessage tr td
    {
        padding: 5px;
    }
    
    table.addmessage tr td a
    {
        background: #01BEDA;
        height: 17px;
        padding: 5px;
        margin: 0px 0px 0px 1px;
        font-weight: bold;
        text-transform: uppercase;
        width: 55px;
        border: 1px solid #410535;
        text-align: center;
        line-height: 2.0em;
        color: #ffffff;
        
    }
    table.addmessage tr td a:hover
    {
        background: white;
    }


.imagePadding
{
margin: 0 10px 10px 0;
}