/* ----- Design by Aqtion -------- */
/* ----- CSS Styles: Default ----- */

/*\\\\	BASIC STYLES (HTML, BODY)	\\\\*/

body, html {
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Verdana, Tahoma;
		color: #000000;
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		line-height: 18px;
		text-align: center;
		background-color: #4C6532;
		background-image:url(../images/page_background.png);
		background-position:top center;
		background-attachment:scroll;
		background-repeat:no-repeat
}


.form
{
    height: 100%;
}

title 
{
    margin: 15px 0 5px 0;
	font-family: Georgia, Arial, Verdana;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	color: #6C9B33;
}
/*
div {
		margin: 0px;
		padding: 0;
		font-family: Arial, Verdana, Tahoma;
		font-size: 12px;
        color: #000000;
		font-weight: normal;
		line-height: 18px;
}
*/
/*\\\\	BASIC STYLES (TEXT FORMATTING, LINKS, HEADERS, ETC.)	\\\\*/
p {
		margin: 0px 0px 12px 0px;
		line-height: 18px;
}

/*
h1 p:first-child {color:#336600}

#canvas_content .box_rightcol .left p:first-child
{color:#336600}
*/

span { line-height: 18px; }

span.small { font-size: 11px; }

span.smaller { font-size: 10px; }

span.large { font-size: 13px; }

span.larger { font-size: 14px; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underlined { text-decoration: underline; }

.arial { font-family: Arial; }

.tahoma { font-family: Tahoma; }

.verdana { font-family: Verdana; }

.black { color: #000000; }

.orange { color: #FF6600; }

.red { color: #FF0000; }

.white { color: #FFFFFF; }

.normal {
		font-family: Arial, Verdana, Tahoma;
		font-size: 12px;
		color: #000000;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		line-height: 18px;
}

a:link, a:active, a:visited, a:focus {
		font-family: Arial, Verdana, Tahoma;
		font-size: 12px;
		color: #6C9B33;
		font-weight: normal;
		line-height: 18px;
		text-decoration: underline;
}

a:hover { text-decoration: none; }

img { border: none; }

/*	Header Styles	*/
h1 {
		margin: 15px 0 5px 0;
		font-family: Georgia, Arial, Verdana;
		font-size: 24px;
		font-weight: bold;
		line-height: 24px;
		color: #6C9B33;
}

h1 span {color:#345515;}

h2 {
		margin: 15px 0 5px 0;
		font-family: Georgia, Arial, Verdana;
		font-size: 20px;
		font-weight: bold;
		line-height: 16px;
		color: #6C9B33;
}

h3 {
		margin: 0px;
		font-family: Georgia, Arial, Verdana;
		font-size: 18px;
		font-weight: bold;
		line-height: 16px;
		color: #6C9B33;
}

h4 {
		margin: 0px;
		font-family: Georgia, Arial, Verdana;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		color: #FF6600;
}

h5 {
		margin: 0px;
		font-family: Georgia, Arial, Verdana;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		color: #FF6600;
}

h6 {
		margin: 0px;
		font-family: Georgia, Arial, Verdana;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		color: #FF6600;
}

/*\\\\	BASIC STYLES (CONTENT BLOCKS, PAGE LAYOUT)	\\\\*/
/*	--- WEBSITE MAIN CANVAS STYLES --- */
	#canvas {
		width: 990px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -240px; /* the bottom margin is the negative value of the footer's height */
		
		text-align: left;
		background:url(../images/header_background.jpg) no-repeat top left;
		background-color:#FFF;
}

/*	Top Row (top menu/searchbox)	*/
	#canvas_top {
		width: 990px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		clear: both;
}

/*	Top menu Styles	*/
		.box_topmenu {
		width: 990px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		float: left;
}

/*	Search box Styles	*/
		.box_search {
		width: 290px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		float: right;
}

/*	Banner Row (logo/visual)	*/
	#canvas_header {
		width: 990px;
		height: 230px;
		margin: 0px;
		padding: 0px;
		clear: both;
}

/*	Logo Styles	*/
		.box_logo {
		width: 250px;
		height: 200px;
		margin: 0px;
		padding: 0px;
		float: left;
}

/*	Search box Styles	*/
		.box_visual {
		width: 990px;
		height: 230px;
		padding: 0px;
		float: right;
}

/*	Content Row (left column [contactinfo] / center column [page content] / right column [Submenu/Highlights/etc.])	*/
	#canvas_content {
		width: 990px;
		height: auto;
		height: 100%;
		margin: 0px;
		padding: 0px;
		float: left;
}
    
   
    fieldset
    {
        margin-bottom: 20px;
        border:1px solid #D0D0BF;
        
    }
    
    fieldset .block
    {
        background:#E2EAD6;
        padding: 10px 10px 10px 10px;
        
        
    }

    .input .text 
    {
        border:1px solid #125500;    
    }

     
    
    
    fieldset .hdr
    {
        font-weight: bold;       
        color:#125500;  
        margin-bottom:5px;     
    }
    
    
    
    table.FormTable td
    {
        padding: 0px 0px 8px 0px;
    }
    
    table.FormTable .label
     {
        margin-right:5px;    
     }
     
        table.FormTable ul.voorwaarden li 
        {
            list-style-type: disc;
        }
     
        table.FormTable td.tdLabel
        {
            text-align:left;
            vertical-align:top;
            width:120px;
        }
     
        table.FormTable td.tdInput
        {
            vertical-align:top;
        }
        
        .errorMsg
        {
            color:#720C0C;    
        }
  

/*	Left column Styles	*/
		.box_leftcol {
		width: 350px;
		height: 100%;
		margin: 35px 30px 0 0;
		padding: 0px;
		padding-bottom: 50px;
		float: left;
		text-align: right;
		min-height: 340px;
}

.box_leftcol a,
.box_leftcol a:active,
.box_leftcol a:visited,
.box_leftcol a:hover{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		line-height: 25px;
}

.box_leftcol li {
		list-style-type:none;
		background-image: url(../images/arrow.png);
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 20px;
}

/*	Right column Styles	*/
		.box_rightcol {
		width: 600px;
		height: 100%;
		margin: 0;
		padding: 20px 0 0 0;
		float: left;
}

/*	Right column Left Side Styles	*/
		.box_rightcol .left {
		width: 340px;
		height: 100%;
		min-height: 350px;
		margin: 0 50px 0 0;
		padding: 0px;
		float: left;
}

/*	Right column Right Side Styles	*/
			.box_rightcol .right {
		width: 200px;
		/*height: 285px;*/
		margin: 0;
		padding: 0;
		float: left;
		/*background-color: #547854;*/
}

/* Round corners   */
				.box {
		position: relative;
		padding: 1.5em;
}

.corner {
		position: absolute;
		width: 20px;
		height: 20px;
		background: url('../images/roundcorners_whitepage.png') no-repeat;
}

.TL {
		top: 0;
		left: 0;
		background-position: left top ;
}

.TR {
		top: 0;
		right: 0;
		background-position: right top;
}

.BL {
		bottom: 0;
		left: 0;
		background-position: bottom left;
}

.BR {
		bottom: 0;
		right: 0;
		background-position: bottom right;
}

/* einde Round corners   */

.box h3 { color:#fff; padding:0 0 10px 0; }
.box a { color:#fff }

/* box, met ronde hoeken, maar dan groen   */
				.green {
		background: #5B831F url('../images/gradient-green.png') top repeat-x;
		color: #fff;
}

.greenGradient {
		background:url("../images/gradientbox_background_green.png") repeat-x scroll center bottom transparent;
		color:#FFFFFF;
}

/* box, met ronde hoeken, maar dan voor foto's   */
			
.photo {
		width: 200px;
		padding: 0;
		margin:0;
		color: white;
		text-align: center;
				background:url("../images/gradientbox_background_green.png") repeat-x scroll center bottom 
}

.photo h3 {
		background: #8ABC3F;
		color: #fff;
		padding: 10px 20px;
		margin: 0;
		font-size: 1.4em;
}



.relatedDocuments
{
    margin-top:30px;
}

    .relatedDocuments ul
    {
        margin:0px;
        padding:0px;
        list-style:none;
        padding:15px 20px 0px 20px;
    }
    
        .relatedDocuments li
        {
            background:url("../images/icon_document.gif") no-repeat 0px 5px;
            padding:2px 2px 2px 15px;
        }
        
        .relatedDocuments a
        {
            text-decoration:none;
        }
        
        .relatedDocuments a:hover
        {
            text-decoration:underline;
        }


.relatedLinks
{
    margin-top:30px;
    
}

    .relatedLinks ul
    {
        margin:0px;
        padding:0px;
        list-style:none;
        padding:15px 20px 0px 20px;
    }
    
        .relatedLinks li
        {
            background:url("../images/icon_link.gif") no-repeat 0px 5px;
            padding:2px 2px 2px 15px;
        }
        
        .relatedLinks a
        {
            text-decoration:none;
        }
        
        .relatedLinks a:hover
        {
            text-decoration:underline;
        }


.links {
		width: 200px;
		padding: 0;
		margin:0;
		color: white;
		background:url("../images/gradientbox_background_green.png") repeat-x scroll center bottom;
}

.links h3 {
		background: #8ABC3F;
		color: #fff;
		padding: 10px 20px 10px 20px;
		margin: 0;
		font-size: 1.4em;
}


.fotobladerbuttons { padding: 10px 0 10px 0; }

.fotobladerbuttons a {
		color:#ffffff;
		text-decoration:none
}

/*	Right column Bottom Styles	*/
.box_rightcol .bottom {
		width: 720px;
		height: 40px;
		margin: 0px;
		padding: 0px;
		clear: left;
}

.footer, .push { height: 240px; /* .push must be the same height as .footer */ }

.footer {
		background-image:url(../images/footer.png);
		background-position:top center ;
		background-repeat:no-repeat;
}

.footertext {
		padding:140px 0 0 190px;
		color:#FFF
}

.fotorij img {
		float:right;
		padding: 0px;
}

#photoBar 
{
    margin-bottom: 30px; 
    margin-left: 3px;
}

/* Foto gallerij met fancybox */

#photos 
{
    margin-left: 50px;   
    margin-right: 50px;   
    margin-bottom: 50px;  
}

    .photoItem 
    {
        width:130px;
        height:85px;
        margin-right:20px;
        margin-bottom:20px;
        float:left;    
    }


#newspagelist
{
}

#newspagelist .newsItem
{
    
}

    #newspagelist .newsItemTitle a
    {
        color:#125500;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
    }
    
     #newspagelist .newsItemTitle a:hover
    {
        text-decoration:underline;
    }
    
    #newspagelist .newsItemDate
    {
        color:#88B04A;
    }
    #newspagelist .newsItemText
    {
        padding-top:2px;
    }
    
    
    .news_seperator
	{
	    height:1px;
	    margin: 20px 0;
		background: url('/assets/philadelphia/images/bg_seperator_gray.png') repeat-x center center;    
	}
	
	.seperator
	{
	    height:1px;
	    margin:0px;
	    line-height:1px;
	    font-size:1px;
		background: url('/assets/philadelphia/images/bg_seperator_gray.png') repeat-x center center;    
	}
	
	
#housepagelist
{

}

	
#housepagelist .houseItem
{
    width: 350px;
}

    #housepagelist .houseItemImage
    {
        float:left;
        width:100px;
        height:100px;
        overflow:hidden;
        margin-right:10px;
     
    }


    #housepagelist .houseItemText
    {
        float:left;
        width:235px;
    }

        #housepagelist .houseItemTitle a
        {
            color:#125500;
            font-size:15px;
            font-weight:bold;
            text-decoration:none;
        }
        
        #housepagelist .houseItemTitle a:hover
        {
            text-decoration:underline;
        }
        
        #housepagelist .houseItemDate
        {
            color:#88B04A;
        }
        #housepagelist .houseItemTeaser
        {
            padding-top:2px;
        }
    
    
    .house_seperator
	{
	    height:1px;
	    margin: 20px 0;
		background: url('/assets/philadelphia/images/bg_seperator_gray.png') repeat-x center center;    
	}
	
	
	
.breaker 
{
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
	font-size:1px;
	height:1px;
	margin-bottom:-1px;
}

                            #agendaBlock
					        {
					            
					            color:#000;   
 
					        }
					        
					            #agendaBlock a
					            {
					                color:#125500;    
					            }
					        
					        
					            #agendaBlock .agendaItem
					            {
					                margin-bottom:20px;    
					            }
					    
					    
					            #agendaBlock .title
					            {
    					            
					                color:#125500;    
					            }
    					    
					            .hdrGreenDark23
					            {
					                color: #125500; 
					                font-size: 26px;
					                line-height:28px;
					                margin:0px;
					                padding:0px;
					                text-align:right;
					            }
    					        
					            .hdrGreenLight23
					            {
					                color: #88B04A; 
					                font-size: 28px;
					                line-height:26px;
					                margin:0px;
					                padding:0px;
					                text-align:right;
					            }