.tblPandNavigatie
{
	width: 100%;
	vertical-align: top;

}
	.tdPandNavigatieLinks
	{
		width: 25%;
		vertical-align: top;
		text-align: left;
		padding-left: 5px;
	}
	.tdPandNavigatieRechts
	{
		width: 25%;
		vertical-align: top;
		text-align: right;
		padding-right: 5px;
	}
	
/*
.hypPandNavigatie, .hypPandNavigatie:link, .hypPandNavigatie:visited
{
	background-color:#aeb282;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;

	font-weight:bold;
}
.hypPandNavigatie:hover
{
	background-color:#aeb282;
	color:#000000;
}
*/
	.tblPandFotoLeft
	{
		text-align: left;
		background-color: #f6f6f6;
		border:1px solid #d9d9d9;
	}
		.tdPandFotoLeft
		{
			padding:10 25 10 25;
			text-align: left;
		}


.tblDetailLabel
{
	width: 220px;
}

.tblTechnischLabel
{
	width: 120px;
}

.tblIndelingLabel
{
	width: 100px;
}


.tblBeschrijvingTitel
{
	
}
	.tdBeschrijvingTitel
	{
		font-size: 13px;
		font-weight:bold;
		vertical-align: top;
		letter-spacing: 1px;	
		text-transform: uppercase;
		color:#ffffff;
	}
		.lblBeschrijvingTitel
		{
			line-height: 30px;
			background-color:#000000;
			padding-top: 5px;
			padding-bottom: 5px;
			
		}
.tblOnderliggendePanden
{
	width: 100%;
	vertical-align: top;
}

.hypPand, .hypPand:link, .hypPand:visited
{
	line-height: 15px;
	background-color:Transparent;
	text-decoration: underline;
	padding: 1px 0px 1px 0px;
	color:#000000;
	font-size:11px;
}

.hypPand:hover
{
	color:#333333;
}

/* ----------------------------------------------------------------------------------------- */

.hypTerug{}

#tblDetail{}
    #trDetail{vertical-align:top;}
        #tdLinks{height: 376px}
            #tblLinks{}
                #trTerug{}
                    #tdTerug{font-size:12px;padding-bottom:15px;padding-top:15px;}
                        .imgPrev{}
                        .imgNext{}
                #tdPrint{text-align:right;padding-right:7px;}
                .trHoofdFoto{}
                    .tdHoofdFoto
                    {
                       
                        padding:2 2 2 2;
                        text-align:center;
                        vertical-align:middle;
                    }
                        .hypHoofdFoto{}
                        .imgHoofdFoto
                        {
                            border:solid 1px #D31145;	/* $COLOR_BORDER_IMAGE1$ */
                         }
                .trFotos{}
                    #tdFotos{}
                        #dvFotos
                        {
							border-bottom:solid 1px #D31145;	/* $COLOR_BORDER_TITEL1$ */
							width:100%;
						}	
                            .lblFotosTitel
                            {
                                color: #D31145; /* $COLOR_TXT_TITEL1$ */
                                font-size: 12px; /* $FONT_SIZE_TITEL1$ */
                                font-weight: bold;  /* $FONT_BOLD_TITEL1$ */
                                padding-bottom:15px;
                                padding-top:15px;
                             }	
                            .hypFoto{}
                            .imgFoto{}
                            .dlFotos_alternatingStyle{}
                            .dlFotos_ItemStyle{}
                            .dlFotos_style{}
                            .dvImgFoto
                            {
                                text-align:center;
                                vertical-align:middle;
                                padding:2 2 2 2;
                                border:solid 1px #d9d9d9;	/* $COLOR_BORDER_IMAGE1$ */
                                cursor:pointer;
                                background-color: #d9d9d9;
                                
                            }
                #trPlannen{}
                    #tdPlannen{padding-bottom:15px;padding-top:15px;}
                        #dvPlannenTitel
                        {
							border-bottom:solid 1px #D31145;	/* $COLOR_BORDER_TITEL1$ */
							width:100%;
						}	
                            .lblPlannenTitel
                            {
                                    color: #D31145; /* $COLOR_TXT_TITEL1$ */
                                    font-size: 11px; /* $FONT_SIZE_TITEL1$ */
                                    font-weight: bold;  /* $FONT_BOLD_TITEL1$ */
                                }
                                .gvBestanden{}
                                .gvBestanden_alternatingRowStyle td{font-size:11px; vertical-align:middle;}
                                .gvBestanden_RowStyle td{font-size:11px; vertical-align:middle;}
                                .gvBestanden_HeaderStyle{}
                                .gvBestanden_FooterStyle{}
                                .gvBestanden_PagerStyle{}
                                .lblgvBestandenTitel{}
                                .lblgvBestanden{}
                                .hypgvBestanden{}
                #trPanden{}
                    #tdPanden{}
                        #dvPandenTitel
                        {
							border-bottom:solid 1px #D31145;	/* $COLOR_BORDER_TITEL1$ */
							width:100%;
						}
                            .lblPandenTitel
                            {
                                color: #D31145; /* $COLOR_TXT_TITEL1$ */
                                font-size: 12px; /* $FONT_SIZE_TITEL1$ */
                                font-weight: bold;  /* $FONT_BOLD_TITEL1$ */
                            }
                        .dlPanden{}
                            .dlPanden_alternatingStyle{font-size:11px; padding-left:20px;}
                            .dlPanden_ItemStyle{font-size:11px; padding-left:20px;}
                            .dlPanden_style{}


        #tdRechts{padding-left:5px;height: 376px}

            #tblRechts
            {
				vertical-align:top; 
			}	
                #trPrevNext{}
                    #tdPrev{width: 50%;text-align:left;padding-bottom:15px;padding-top:15px;font-size:12px;}
                        .hypVorige{}
                    #tdNext{width: 50%;text-align:right;padding-bottom:15px;padding-top:15px;font-size:12px;}
                        .hypVolgende{}                            
                #trTitel{}
                    #tdTitel{padding-bottom:3px;}
                        .lblTitel
                        {
                            color: #D31145; /* $COLOR_TXT_TITEL2$ */
                            font-size: 14px; /* $FONT_SIZE_TITEL2$ */
                            font-weight: bold;  /* $FONT_BOLD_TITEL2$ */
                         }	
                #trGegevens{}
                    #tdGegevens
                    {
						border-top:solid 1px #D31145;	/* $COLOR_BORDER_TITEL1$ */
						padding-top:5px;
					}	
					
						.gvDetails
						{
							border: 1px dotted #dfdfdf;
						}
                        .gvDetails_alternatingRowStyle
                        {
							vertical-align:middle; 
							background-color:#f1f1f1;
							color:#000000;	
							font-size:12px;
							
						}
                        .gvDetails_RowStyle
                        {
							background-color:#fefefe;	
							color:#000000;	
							vertical-align:middle;							
							font-size:12px;
							
						}
						
						.gvDetails_RowStyle td,  .gvDetails_alternatingRowStyle td
						{
							padding: 2px;
						}
						
                        .gvDetails_HeaderStyle{}
                        .gvDetails_FooterStyle{}
                        .gvDetails_PagerStyle{}
                        .lblDetail
                        {
							   
								padding-top:0px;
								padding-bottom:0px;
								border-bottom:1px solid #aeb282;
								font-size: 12px;
						}
                        .lblDetailValue{}
                 
                #trTechnisch{}
                    #dvTechnischTitel
                    {
                        border-bottom:solid 1px #E14C5F;	/* $COLOR_BORDER_TITEL1$ */
                        width:100%;
				    }
                        .lblTechnischTitel
                        {
                            color: #D31145; /* $COLOR_TXT_TITEL1$ */
                            font-size: 11px; /* $FONT_SIZE_TITEL1$ */
                            font-weight: bold;  /* $FONT_BOLD_TITEL1$ */
                            padding-bottom:15px;
                            padding-top:15px;
				         }
                    #gvTechnisch{}
                        .gvTechnisch
                        {
							border: 1px dotted #dfdfdf;
						}
                        .gvTechnisch_alternatingRowStyle
                        {
							vertical-align:middle; 
							background-color:#f1f1f1;
							color:#000000;	
							font-size:11px;
                        }	
                        .gvTechnisch_RowStyle
                        {
							background-color:#fefefe;	
							color:#000000;	
							vertical-align:middle;							
							font-size:11px;
						}
						
						.gvTechnisch_RowStyle td,  .gvTechnisch_alternatingRowStyle td
						{
							padding: 2px;
						}
						
                        .gvTechnisch_HeaderStyle{text-align:left;}
                        .gvTechnisch_FooterStyle{}
                        .gvTechnisch_PagerStyle{}
                        .lblgvTechnischTitel{}
                        .lblgvTechnisch{}
    
    #trIndeling{}
        #tdIndeling{}
            #dvIndelingTitel
            {
				border-bottom:solid 1px #E14C5F;	/* $COLOR_BORDER_TITEL1$ */
				width:100%;
			}	
                .lblIndelingTitel
                {
                    color: #D31145; /* $COLOR_TXT_TITEL1$ */
                    font-size: 12px; /* $FONT_SIZE_TITEL1$ */
                    font-weight: bold;  /* $FONT_BOLD_TITEL1$ */
                    padding-bottom:15px;
                    padding-top:15px;
                 }	
            .gvIndeling
            {
				border: 1px dotted #dfdfdf;
			}
            .gvIndeling_HeaderStyle th
            {
                text-align:left;
                font-size:12px;
                color:#000000; /* $COLOR_TXT_LIST3$ */
                line-height: 30px;
                padding: 4px;
             }	
                .gvIndeling_alternatingRowStyle
                {
							vertical-align:middle; 
							background-color:#f1f1f1;
							color:#000000;	
							font-size:11px;
				}
                .gvIndeling_RowStyle
                {
							background-color:#fefefe;	
							color:#000000;	
							vertical-align:middle;							
							font-size:11px;
				}
				
				.gvIndeling_alternatingRowStyle td, .gvIndeling_RowStyle td
				{
					padding: 2px;
				}
				
            .gvIndeling_FooterStyle{font-size:12px;}
            .gvIndeling_PagerStyle{font-size:12px;}
            .lblgvIndelingTitel{font-size:12px;}
            .lblgvIndeling{}

    #trContact{}
        #tdContact{vertical-align:top;padding-top:5px;}
           #tblContact{}
                #trContact_tblContact{}
                    .tdGoogleMaps{vertical-align:top;padding-right:10px;}
                        .lblGoogleMapsTitel
                        {
                            color: #D31145; /* $COLOR_TXT_TITEL1$ */
                            font-size: 12px; /* $FONT_SIZE_TITEL1$ */
                            font-weight: bold;  /* $FONT_BOLD_TITEL1$ */
                        }	
                        #dvGoogleMaps
                        {
                            border-top:solid 1px #D31145;	/* $COLOR_BORDER_TITEL1$ */
                            padding-top:5px;
                         }    
                            .ltGoogleMaps
                            {
								
							}
                                .gMap{border:1px dotted #DFDFDF;}
                            
                     .tblContactForm
                     {
						width: 100%;
						vertical-align: top;
						border:1px dotted #DFDFDF;
					}
                    .tdContactForm{vertical-align:top;}
                        .lblContact
                        {
                            color: #D31145; /* $COLOR_TXT_TITEL1$ */
                            font-size: 12px; /* $FONT_SIZE_TITEL1$ */
                            font-weight: bold;  /* $FONT_BOLD_TITEL1$ */
                         }	
                        #tblContactForm_pandDetail
                        {
                            
                         }   
                            .trContactForm{}
                                .tdContactFormLeft{}
                                    .lblContactForm{}
                                .tdContactFormRight{}
                                    .txtContactForm{}

.PaddingBeschrijving
{
    padding-left:10px;
    padding-right:2px;
    padding-bottom:10px;
}


.tblPrintWrapper
{
	width: 800px;
	margin: 10px;
	border: 1px solid #cccccc;
}
	.tdPrintWrapper
	{
		padding: 10px;
	}
	

.foto-wrapper
{
	background-color:#fefefe;
	border-top:	2px dashed #eeeeee;
	border-bottom:	2px dashed #eeeeee;
	float: left;
    width: 640px;
    height: 140px;
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}
	
.foto-container
{
	margin: 10px 0px 10px 10px;
	text-align: center;
	display: block;
}



.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 540px;
	height:120px;
	margin: 0 auto;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../../../assets/img/scrollable/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	/*width:100px;
	height:75px;
	overflow:hidden;*/
}

/* single scrollable item */
.scrollable img {
	/*float:left;*/
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	/*width:100px;*/
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../../../assets/img/scrollable/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



/* tab containers*/
.tab_content{}
.tab_content .foto-container{}
.tab_content .foto-container .big{overflow:hidden;float:left;margin-top:5px;}
.tab_content .foto-container .big .imgFirst{overflow:hidden;}
.tab_content .foto-container .small{display:block;}
.tab_content .foto-container .small .link{}
.item .img-wrapper {height:90px;overflow:hidden;display:inline;float:left;width:120px;text-align:center;}
.tab_content .foto-container .small .img{display:inline;/*float:left;*/margin:5px 12px 5px 12px;text-align:center;
height:90px;overflow:hidden;}