body {
		background-color: #000;
		margin: 0px; 
		padding: 0px;
		text-align: center;
		font: 0.75em "Arial";
		color: #fff;
		line-height: 1.5em;
	}
	
	#pg{
		margin: 0px auto;
		width: 980px;
	}
	
    .accordion {
    }
    
    .accordion h3
    {
        margin: 0px;
        padding-bottom: 13px;
	    cursor: pointer;
	    font-size: 1.0em;
	    color: #0094cf;
    }
    
    h3
    {
        margin: 0px;
        padding-bottom: 3px;
	    cursor: pointer;
	    font-size: 1.0em;
	    color: #0094cf;
    }
    
    h4
    {
        margin: 0px;
        padding-bottom: 3px;
	    font-size: 1.4em;
	    color: #0094cf;        
    }    
    
    .btn
    {
        background-color: #555555; color: #fff; text-decoration: none; border: 1px solid #888888; padding: 3px; cursor: pointer;
    }
    
    
    .principles {
	    padding-left: 10px;
	    height: 110px;
    }	    

	
	.businessPanel { height: 90px; }
	.morePanel { height: 90px; }
	.openPanel { height: 75px; }
	.relaxedPanel { height: 60px; }
	.unpretPanel { height: 60px; }
	
	.businessPanel, .morePanel, .openPanel, .relaxedPanel, .unpretPanel
	{
	    margin-top: 3px;
	    padding-top: 10px;
	    padding-left: 10px;
	}
	
	.businessTitel, .moreTitel, .openTitel, .relaxedTitel, .unpretTitel
	{
	    margin-top: 1px;
	    background-color: #0094cf;
        padding: 6px 10px;	    
	    cursor: pointer;
	    font-weight:bold;
	}
	
	#top, #middle, #bottom, #copy, #language
	{
	    float: left;
	    width: 980px;
	    text-align: left;
	}

	#language 
	{
	    margin-top: 30px;
	    height: 45px;
	    text-align: right;
	    font-size: 0.75em;
		line-height: 1.3em;
	}
	
	#language a
	{
        color: #ffffff;
        text-decoration: none;
	}
	
    #language a:hover
	{
	    color: #0094cf;
	    text-decoration: none;
	}
	
	#language a:visited
	{
	    color: #888;
	    text-decoration: none;
	}	

	#top 
	{
	    background-color: #414141;
	    margin-top: 5px;
	    height: 70px;
	}
	
	#logo 
	{
	    padding-top: 20px;
	    padding-left: 48px;
	    height: 50px;
	    float: left;
	    width: 645px;
	}
	
	.navTop a
	{
	    margin-top: 40px; 
	    height: 30px; 
	    float: left; 
	    padding-left: 10px;
	    padding-right: 10px;
	    color: #fff;
	    text-decoration: none;
	    border-left: 1px solid #000;
	    font-size: 0.8em;
	}

	.navTop a:hover
	{
	    margin-top: 40px; 
	    height: 30px; 
	    padding-right: 10px;    
	    float: left; 
	    padding-left: 10px;
	    color: #fff;
	    text-decoration: none;
	    border-left: 1px solid #0094cf;
	}
	
	div.navTop a.active
	{
	    border-left: 1px solid #0094cf;
	}
	
	#middle 
	{
	}
	
	#middleNav
	{
	    padding-top: 30px;
	    padding-left: 18px;
	    width: 85px;
	    float: left;
	}
	
	div#middleNav ul
	{
	    padding: 0px;
	    margin: 0px;
	}
	
	div#middleNav ul li
	{
	    text-align: right;
	    padding-top: 13px;
	    list-style-type: none;
	    font-weight: bold;
	}

	div#middleNav ul li a
	{
	    color: #fff;
	    text-decoration: none;
	}

	div#middleNav ul li a.active
	{
	    color: #0094cf;
	}
	
    div#middleNav ul li a:hover
	{
	    color: #666;
	    text-decoration: none;
	}
	
	#middleContent 
	{
	    padding: 44px 0px 50px 30px;
        float: left;
        width: 280px;
	}
	
	#middleContentBreed
	{
	    padding: 44px 0px 50px 30px;
        float: left;
        width: 770px;
        text-align: left;
	}	

	#middleContentPortfolio
	{
	    padding: 44px 0px 50px 30px;
        float: left;
        width: 280px;
	}
	
	div#middleContent p
	{
	    margin-top: 15px;
	}
	
	.foto
	{
	    float: left;
	    padding: 0px 30px 30px 0px;
	}
	
	.uitleg
	{
	    float: left;
	    min-width: 150px;
	}	
	
    /* IE fix */
    * html .uitleg {
        width: 150px;
    }	
	
	.text
	{
	    float: left;
	    width: 280px;
	}	

	.title
	{
	    font-weight: bold;
	    width: 280px;
	    float: left;
	    padding-bottom: 33px;
	}

	.print
	{
	    width: 70px;
	    text-align: right;
	    float: left;
	    padding-top: 25px;
        font-size: 0.75em;
	}
	
	.print a
	{
	    color: #fff;
	    text-decoration: none;
	}
	
	.print a:hover
	{
	    color: #0094cf;
	    text-decoration: none;
	}
	
	.print a:visited
	{
	    color: #888;
	    text-decoration: none;
	}
	
	.testimonial
	{
	    width: 340px;
	    float: left;
	    padding-top: 30px;
	}
	
	.testimonial p
	{
	    font-style:italic;
	    padding: 0px;
	    margin: 0px;
	    color: #aaa;
	}
	
	
	#middleLeft 
	{
        background-color: #292928;
        width: 500px;
        min-height: 345px;
        float: left;
	}

    /* IE fix */
    * html #middleLeft {
        height: 345px;
    }
	
	#middleRight 
	{
	    width: 450px;
	    height: 280px;
	    float: left;
	    padding: 30px 0px 25px 30px;
	    position: relative;
	}
	
	#middleLeftBreed
	{
        background-color: #292928;
        width: 980px;
        float: left;
	}	
	
	.block
	{
	    float: left;
	    width: 105px;
	    height: 105px;
	}
	
	div#middleRight p 
	{
	    width: 390px;
	    float: left;
	}
	
	#bottom 
	{
	    background-color: #414141;
	    height: 100px;	
	}
	
	#copy 
	{
	    padding-top: 10px;
	    font-size: 0.75em;
	}
	
	.blue
	{
	    color: #0094cf;
	}
	
	div#copy a
	{
	    color: #0094cf;
	    text-decoration: none;
	}
    
    div#copy a:hover
	{
	    color: #fff;
	    text-decoration: none;
	}
	
	.taal
	{
	    padding-top: 312px; 
	    background: url(images/taal.jpg) no-repeat; 
	    height: 350px; 
	    width: 350px;
		margin: 0px auto;
	    
	}
	
	.taal a
	{
	    color: #fff;
	    text-decoration: none;
	}

	.taal a:visited
	{
	    color: #fff;
	    text-decoration: none;
	}

    .taal a:hover
	{
	    color: #0094cf;
	    text-decoration: none;
	}
	
	.flash
	{
	    font-size: 0.9em;	    
	    width: 350px;
	    text-align: right;
		margin: 0px auto;
	    
	}
	
	.flash a
	{
	    font-size: 0.9em;	    
	    color: #555;
	    text-decoration: none;
	}

	.flash a:visited
	{
	    font-size: 0.9em;
	    color: #555;
	    text-decoration: none;
	}	

	.flash a:hover
	{
	    font-size: 0.9em;	   
	    color: #0094cf;
	    text-decoration: none;
	}


    div.referencenav 
    {
        padding-bottom: 15px;
    }
   
    div.referencenav a 
    {
        color:#fff;
        text-decoration: none;
    }
    
    div.referencenav a:hover 
    {
        color:#ccc;
        text-decoration: none;
    }
    
    div.referencenav a.active 
    {
        text-decoration: none;        
        color:#0094cf; 
    }
    
    #buttons {position:absolute; right:0; top:0; width:15px; height:450px; }
    #buttons #up {position:absolute; top:30px;}
    #buttons #down {position:absolute; top:50px;}