/* pngfix */
img, div {behavior:url(/iepngfix.htc);}

	body {
		margin: 0px; 
		padding: 0px;
		text-align: center;
		font: 0.8em Arial;
		background: #01071b url(images/bg.jpg) repeat-x;
		
	}
	
	#pg
	{
		margin: 0px auto;
		height: 580px;
		width: 970px;
	}
	
	
	
	
	
	
	
	
	#top
	{
	    float: left;
	    width: 970px;
	    height: 95px;
	    background: url(images/logoAleco.jpg) no-repeat;
	}
	
	
    div#top ul
	{
	    list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 70px;
        float: right;  
	}	

	div#top li
	{        
	    margin: 0px;
	    padding: 0px;
	    list-style-type: none;
	    list-style-image: none;
	    display: inline;
	    color: #ffffff;	 
	    text-transform: uppercase;   
	    font-size: 0.9em;
	    font-weight: bold;
	    float: left;
	}
	
    #top li a 
    {
        text-decoration:none
    }
     
    div#top li a.active
	{        
        color: #fff; 
        background: #336ca1 url(images/bgActief.jpg) left top no-repeat; 
        font-weight:bold; 
        padding-left: 10px
	}
	
    #top li a.active span 
    {
        background: #336ca1 url(images/bgActiefRight.jpg) right top no-repeat;
        padding-right: 10px
    }
	
    #top li a:link, #top li a:visited, #top li a:active 
    {
        color: #fff; 
        font-weight:bold; 
        padding-left: 10px
    }
    
    #top li a:link span, #top li a:visited span, #top li a:active span  
    {
        padding-right: 10px
    }
    
    #top li a:hover 
    {
        color: #fff; 
        background: #336ca1 url(images/bgActief.jpg) left top no-repeat; 
        font-weight:bold; 
        padding-left: 10px
    }
    
    #top li a:hover span 
    {
        background: #336ca1 url(images/bgActiefRight.jpg) right top no-repeat;
        padding-right: 10px
    }	
	

	

	
	#login input
	{
	    font-size: 1.1em;
	    border: 1px solid #336ca1;
	}
	
	a.btnLogin
	{
	    color: #000000;
        text-decoration: none;
        background: #ffffff;
        padding: 3px;
        padding-top: 2px;
        border: 1px solid #336ca1;
        text-transform: uppercase;
        text-align: center;
        width: 115px;
	}
	
	a:hover.btnLogin
	{
	    color: #ffffff;
        background: #336ca1;
        border: 1px solid #ffffff;
	}	
	
	a.btn
	{
	    color: #000000;
        text-decoration: none;
        background: #bcd5e7;
        padding: 3px;
        padding-top: 2px;
        border: 1px solid #336ca1;
        text-align: center;
        width: 117px;
	}
	
	a:hover.btn
	{
	    color: #ffffff;
        background: #336ca1;
        border: 1px solid #ffffff;
        
	}	
	
	a.btnPw
	{
	    color: #000000;
        text-decoration: none;
        background: #bcd5e7;
        padding: 3px;
        padding-top: 2px;
        border: 1px solid #336ca1;
        text-align: center;
        margin-left: 15px;        
        width: 120px;
	}
	
	a:hover.btnPw
	{
	    color: #ffffff;
        background: #336ca1;
        border: 1px solid #ffffff;
        
	}		
	
	
	
	
	
	
	
	#content
	{
	    background: url(images/bgContent.png) repeat-y;
	    float: left;
	    width: 970px;
	    text-align: left;
	    padding-bottom: 25px;
	}
	
	#contentLeft
	{
	    float: left;
	    width: 267px;
	    padding: 5px 0px 0px 0px;
        background: url(images/bgSubmenu.png) bottom;    
        font-size: 0.9em;
        color: #ffffff;
        font-weight: bold;
	}
	
	#cLeftContainer
	{
	    float: left;
	    width: 267px;
	    padding: 0px 0px 15px 0px;

	}
	
	
	
    #contentLeft ul
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
        float: left;
        margin-left: 5px;
        border-top: 1px solid #437baf;        
        
    }	
	
    #contentLeft ul li
    {
        line-height: 2.2em;
        margin: 0px;
        padding: 0px;
    }
	
	#contentLeft ul li a
    {
        color:#ffffff;
        background: #336ca1;
        float: left;
        width: 251px;
        text-decoration: none;
        padding-left: 10px;
        border-bottom: 1px solid #437baf;        
        
    }
    
	#contentLeft ul li a:hover
    {
        color:#00c0f3;
        text-decoration: none;
        float: left;
        background:#2a5f91;
        border-bottom: 1px solid #437baf;        
        
    }    
    
    #contentLeft ul li a.active
    {
        color:#00c0f3;
        text-decoration: none;
        float: left;
        background:#2a5f91;
        border-bottom: 1px solid #437baf;
    }
    
   #contentLeft ul li ul
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
        border: none;
    }	
	
    #contentLeft ul li ul li
    {
    }
	
	#contentLeft ul li ul li a
    {
        color:#ffffff;
        text-decoration: none;
        padding-left: 40px;
        width: 222px;
        background: #5e97cc;
    }
    
	#contentLeft ul li ul li a:hover
    {
        color:#6399cb;
        text-decoration: none;
    }      
	
	#contentCenter
	{
	    float: left;
	    width: 350px;
	    padding: 10px 15px 20px 20px;
	}
	
	#contentCenterBreed
	{
	    float: left;
	    width: 640px;
	    padding: 0px 20px 0px 30px;	    
	    margin-top: 15px;	    
	}
	
	#contentRight
	{
	    float: left;
	    width: 260px;
	    margin-top: 15px;
	    padding: 0px 20px 0px 30px;	    
	    border-left: 1px solid #cddce9;
	}
	
	.overzicht
	{
	    float: left;
	    margin-bottom: 10px;
	    height: 70px;
	}
	
	.text
	{
        
	}
	
	#private .text p
	{
	    margin-bottom: 3px;
	    margin-top: 3px;
	}
	
	.text a, .text a:visited
	{
	    color: #000000;
	    text-decoration: none;
	}
	
	.title a, .title a:visited
	{
	    color: #005696;
	    text-decoration: none;	    
	}
	
	.text a:hover
	{
	    color: #000000;
        text-decoration: underline;	    
	}
	
    .title a:hover
    {
	    color: #005696;
        text-decoration: underline;	            
    }	
	
	.title
	{
	    color: #005696;
	    font-size: 1.8em;
	    width: 320px;
	}
	
	.titleBreed
	{
	    color: #005696;
	    font-size: 1.8em;
	    width: 504px;
	}	
	
	.titleSpace
	{
	    color: #005696;
	    font-size: 1.8em;
        padding-bottom: 10px;	    
	}
	
	.assortiment
	{
	    padding: 0px;
	    margin: 0px;
	    padding-left: 2px;
	}
	
	.assortiment li
	{
	    list-style-image: none;
	    list-style-type: none;
	}
	
	.photoNews
	{
	    float: left;
	    padding-right: 20px;
	    padding-bottom: 20px;
	}
	
	.leesMeer
	{
	    float: left;
	    width: 100%;
	}
	
	.logo 
	{
	    float: right;
	    display: inline;
	    width: 240px;
	}
	
	.itemBlauwTitle
	{
	    float: left;
	    width: 240px;
	    font-weight: normal;
	    padding-left: 15px;
	}
	
	.itemBlauwTitle a
	{
	    text-decoration: none;
	    color: #ffffff;
	}	
	
    .itemBlauwTitle a:hover
	{
	    color: #ffffff;
	    text-decoration: underline;
	}	
	
	.itemBlauwText
	{
	    float: left;
	    padding-left: 15px;
	    width: 220px;	
	    font-weight: normal;    
	}
	
	.logo
	{
	    width: 145px;
	    height: 105px;
	    border: 1px solid #cddce9;
	    text-align: center;
	    float: left;
	}
	
	.lbSubmit
	{
	    background: #cddce9;
	    padding: 5px;
	    border: 1px solid #7f9db9;
	    color: #336ca1;
	    text-decoration: none;
	}
	
	.lbSubmit2
	{
	    background: #cddce9;
	    padding: 5px;
	    border: 1px solid #7f9db9;
	    color: #336ca1;
	    text-decoration: none;
	}	
	
	.print
	{
	    padding-left: 75px;
        text-align: left;
        float: left;
	}
	
	.print a
	{
        text-align: right; 
        float: right; 
        padding: 4px; 
        border: 1px solid #ffffff; 
        font-size: 0.8em;
        background: url(images/printer_empty.png) center left no-repeat;
        width: 105px;	
        color: #433c38;
        text-decoration: none;  
	}

	.print a:hover
	{
        text-align: right; 
        float: right; 
        padding: 4px; 
        border: 1px solid #ffffff; 
        font-size: 0.8em;
        background: url(images/printer.png) center left no-repeat;
        width: 105px;	
        color: #aaaaaa;
        text-decoration: none;   
	}

	
	
	#bottom
	{
	    background: url(images/bottom.jpg) no-repeat;
	    float: left;
	    width: 970px;
	    height: 50px;
	    padding-top: 20px;
	    color: #ffffff;
	    font-size: 0.8em;
	    text-align: right;
	}
	
	#bottom ul
	{
	    margin: 0px;
	    padding: 0px;
	    list-style: none;
	}
	
	#bottom li
	{
	    color: #ffffff;
	    display: inline;
	    padding: 4px;
	}

	#bottom li a
	{
	    color: #ffffff;
	    text-decoration: none;
	}	
	
	
	#bottom li a:hover
	{
	    color: #7f9db9;
	    text-decoration: none;
	}	
		
	div#contentCenter a, div#contentCenterBreed a
	{
	    color: #000000;
	    text-decoration: underline;
	}
	
	div#contentCenter a:hover, div#contentCenterBreed a:hover
	{
	    text-decoration: none;
	    color: #336ca1;
	}	
	
	.hide {display:none;}


    .textboxBreed
    {
        width: 200px;
    }