/**************************

    contents
    -------------------
    general
    topnav
    logoblock
    contentblock
    contact
    footer
    easy slider 
    easy slider breed

**************************/


/*** general ***/


/* pngfix */
div {behavior:url(/App_Components/IePngFix/script.htc);}


html, form
{
    margin: 0;
    padding: 0;
}

body 
{
	margin: 0px; 
	padding: 0px;
	text-align: center;
    font: 0.8em "Trebuchet MS", Arial, Tahoma;
    background: #707173 url(images/bg.jpg) center top no-repeat;
    margin-top: 195px;
}

#pg
{
	margin: 0px auto;
	width: 932px;
}

a img
{
    border: 0px;
}

a
{
    color: #000000;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}



/*** topnav ***/

#topNav
{
    width: 834px;
    height: 43px;
	margin: 0px auto;
    background: url(images/bgNav.gif) center top no-repeat;
    text-align:left;
    font: 1.1em Arial;
}

#topNav ul
{
    margin: 0px;
    padding: 13px 0 0 265px;
    list-style: none;  
    font-weight: bold;
    text-transform: uppercase;    
}

#topNav ul li
{
    display:inline;
}

#topNav ul li a
{
    color: #000000;
    text-decoration: none;
}

#topNav ul li a:hover, #topNav ul li a.active
{
    color: #d52027;
    text-decoration: none;
}







/*** logoblock ***/

#logoBlock
{
    width: 932px;
    height: 160px;
    margin: 0px auto;
    background: url(images/logoBlock.png) center top no-repeat;
}

.teaser
{
    height: 160px; 
    float:right;
    width: 180px;
    color:#ffffff;
    text-align: left;
    padding: 0px 25px 0 0;
}

.teaser h4
{
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 1.1em;    
    line-height: 1.5em;
}

.teaser .teaserText
{
    font-size: 0.9em;
    padding-bottom: 6px;
    line-height: 1.4em;
}






/*** contentblock ***/

#contentBlock
{
    width: 834px;
    margin: 0px auto;
    background: #fff;
    text-align:left;
    height: 1%;
    overflow: auto;
    padding-bottom: 10px;
}

#contentBlock .leftNav
{
    width: 265px;
    float:left;
}

#contentBlock .leftNav ul
{
    margin: 0px;
    padding: 0 0 20px 30px;    
    list-style: none;  
    font-size: 1.3em;
}

#contentBlock .leftNav ul li a
{
    color: #000000;
    text-decoration: none;
}


#contentBlock .leftNav ul li a:hover, #contentBlock .leftNav ul li a.active
{
    color: #d52027;
    text-decoration: none;
}

#contentBlock .leftNav ul li ul li
{
    font-size: 0.7em;
}

/** http://www.thesug.org/Blogs/kyles/archive/2009/04/17/Karate_Corners.aspx.aspx **/
.cornerBox { position: relative; background: #cfcfcf; width: 215px; margin: 0 0 10px 22px; }
.corner { position: absolute; width: 10px; height: 10px; background: url(images/corners.gif) no-repeat; font-size: 0em; }
.cornerBoxInner { padding: 10px; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }


.btn, .btnWhite
{
    font-size: 0.9em;
    height: 18px;
}



.btnRight
{
    float: right;
}





#contentBlock .content
{
    float:left;
    width: 540px;
}

#contentBlock .content .text, #contentBlock .content .textHome
{
    color: #767779;
}

#contentBlock .content .textHome
{
    padding: 0px 20px 0 0;
    float:left;
    width: 250px;
}

#contentBlock .content .imagesHome
{
    float:right;
    width: 256px;
    height: 200px;
}

#contentBlock .content .imagesSub
{
    float:left;
    width: 540px;
    text-align:right;
    padding-top: 25px;   
    height: 240px;
}

#contentBlock .content h1, #contentBlock .content h3
{
    font-size: 1.6em;
    margin: 0px;
    padding: 0px;
}

#contentBlock .content h2, #contentBlock .content h4
{
    margin: 0px;
    padding: 0px;
    color: #7a2118;
    font-size: 1.2em;
}

#contentBlock .content h4
{
    width: 430px;
    float:left;
    padding-bottom: 20px;
}

#contentBlock .content .wie
{
    float:left;
    width: 550px;
}

#contentBlock .content .wieText h4
{
    width: 360px;
    padding-bottom: 10px;
}

#contentBlock .content .wiePhoto
{
    padding-top: 20px;
    float:left;
    width: 150px;
}

#contentBlock .content .wieText
{
    float: left;
    width: 360px;
    padding: 20px 0 0 20px;
}

#contentBlock .content .wieText ul
{
    margin: 0 0 10px 20px;
    padding: 0px;
    list-style: none;
}



/*** contact pg ***/

.contact
{
    color: #767779;
}

.contact .txt
{
    border: 1px solid #bbbbbb;
    width: 300px;
    padding: 4px;
    font: Arial, Tahoma;
}

.btnActie
{
    width: 60px;
}




/*** footer ***/

#footer
{
    width: 834px;
    height: 12px;
    margin: 0px auto;
    padding: 20px 0 300px 0;    
    background: url(images/footer.gif) center top no-repeat;
    text-align:left;
    font: 0.7em Arial;
    color: #ffffff; 
}

#footer ul
{
    float:left; 
    margin: 0px;
    padding: 0px;
    list-style: none;  
    font-weight: bold;
    text-transform: uppercase;    
}

#footer ul li
{
    display:inline;   
}

#footer ul li a
{
    text-decoration: none;    
    color:#ffffff;
}

#footer ul li a:hover, #footer ul li a.active
{
    color: #672d24;
    text-decoration: none;
}

#footer div
{
    float:right;
}

#footer div span
{
    color: #672d24;
}




/*** easy slider ***//*

	#slider ul, #slider ul li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		/* hoogte veranderen hier --> ook hoogte veranderen in imagesHome *//*
		width:250px;
		height:200px;
		overflow:hidden; 
		}	
		
		#slider h5
		{
		    padding: 5px 0 0px 5px;
		    margin: 0px;
		    font-size: 1.1em;
		}
		
		#slider .text
		{
		    padding: 0 0 5px 5px;
		}

	#btnPrev, #btnNext 
	{
	    position:relative;
		display:block;
		float:left;
		width:15px;
		height:30px;
		top:0px;
		z-index:1000;
		}	
	#btnNext 
	{
	    position: relative;
		left:200px;
		left: 252px;
		top: 0px;
		}														
	#btnPrev a, #btnNext a  
	{
	    position: relative;
		float:right;
		width:15px;		
		height:30px;
		display: block;
		/* hoogte van de knoppen aanpassen*//*
		top: -115px;
		background:url(images/btnPrev.gif) no-repeat 0 0;	
		}	
		
	#btnNext a 
	{
		background:url(images/btnNext.gif) no-repeat 0 0;	
		}												

/* Easy Slider */



/*** easy slider breed ***/
/*
	#sliderBreed ul, #sliderBreed ul li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#sliderBreed li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		/* hoogte veranderen hier --> ook hoogte veranderen in imagesHome */
		/*
		width:520px;
		height:200px;
		overflow:hidden; 
		}	
	

	#btnPrevBreed, #btnNextBreed 
	{
	    position:relative;
		display:block;
		float:left;
		width:15px;
		height:30px;
		top:0px;
		z-index:1000;
		}	
	#btnNextBreed 
	{
	    position: relative;
		left:200px;
		left: 520px;
		top: 0px;
		}														
	#btnPrevBreed a, #btnNextBreed a  
	{
	    float:left;
	    position: relative;
		display:block;
		width:15px;
		height:30px;
		/* hoogte van de knoppen aanpassen*//*
		top: -115px;
		background:url(images/btnPrev.gif) no-repeat 0 0;	
		}	
	#btnNextBreed a 
	{
		background:url(images/btnNext.gif) no-repeat 0 0;	
		}			*/									

/* Easy Slider */