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

/*\\\\	BASIC STYLES (HTML, BODY)	\\\\*/
*
{
}
body, html
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
	font-family: Calibri, Arial, Verdana, Tahoma;
	color: #333333;
    font-weight: normal;
}
	body
	{
		/*background-color: #F4F4F4;*/
		background: #ECECEC url('/assets/stadskanaal/images/bg_body.png') repeat-x top left;
	    font-size: 100%;
	    line-height: 112.5%;
	}
	body.vervolg
	{
		/*background-color: #F4F4F4;*/
		background: #ECECEC url('/assets/stadskanaal/images/bg_body.png') repeat-x top left;
	}
div
{
	margin: 0px;
	padding: 0px;
	font-family: Calibri, Arial, Verdana, Tahoma;
	color: #333333;
    font-weight: normal;
}
/*\\\\	BASIC STYLES (TEXT FORMATTING, LINKS, HEADERS, ETC.)	\\\\*/
p
{
	margin: 10px 0px 12px 0px;
	color: #666666;
	line-height: 1.5em;
}
span
{
	line-height: 1.333em;
}
input
{
    padding: 0px;
    margin: 0px;
}
.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;
}
.blue
{
	color: #02A0C7;
}
.green
{
    color: #638622;
}
.lightgreen
{
	color: #85B62A;
}
.red
{
    color: #FF0000;
}
.white
{
    color: #FFFFFF;
}
.normal
{
	font-family: Calibri, Arial, Verdana, Tahoma;
	font-size: 1em;
	color: #333333;
    font-weight: normal;
	font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
}
.hidden
{
	display: none;
}
.block
{
	display: block;
}
a:link,
a:active,
a:visited,
a:focus
{
	font-family: Calibri, Arial, Verdana, Tahoma;
	font-size: 1.083em;
	color: #0088D6;
    font-weight: normal;
    line-height: 1.2em;
	text-decoration: underline;
}	
a:hover
{
	text-decoration: none;
}
img, fieldset
{
	border: none;
	margin: 0px;
	padding: 0px;
}
ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul li
{
	margin: 0px;
	padding: 0px 0px 0px 23px;
	list-style-type: none;
	background: transparent url('/assets/stadskanaal/images/bullet_blue.gif') no-repeat 7px 8px;	
	line-height: 1.667em;
}
    ul li a:link,
    ul li a:active,
    ul li a:visited,
    ul li a:focus
    {
	    line-height: 0.9em;
    }
hr, div.hr
{
    height: 1px; 
    line-height: 1px;
    font-size: 1px;
    margin: 0px;
    padding: 0px;
    color: #E5E4E2;
    background-color: #E5E4E2;
    border: none;
}
/*	Header Styles	*/

	h1, .pgf_text h1
	{
		margin: 30px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #747474;
		font-size: 2em;
		font-weight: bold;
		line-height: 150%;
	}
	h1.orange, legend.orange
	{
		margin: 0px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #E25E05;
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
	}
	h1.blue
	{
		margin: 0px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #0078C8;
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
	}
	h1.black
	{
		margin: 0px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #333333;
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
	}
	h1.green
	{
		margin: 0px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #00A700;
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
	}
	h1.lightgreen
	{
		margin: 0px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #63AF1D;
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
	}
	h1.teal
	{
		margin: 0px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #13956D;
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
	}
	h1.pink
	{
		margin: 0px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #CC3366;
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
	}

	h2, .pgf_text h2
	{
		margin: 30px 0px 10px 0px;
		font-family: Calibri, Arial, ArialMT, Verdana, Tahoma;
		color: #747474;
		font-size: 1.333em;
		font-weight: bold;
		line-height: 150%;
	}
	
	h2.green
	{
		margin: 0px 0px 15px 0px;
		font-family: Arial, ArialMT, Verdana, Tahoma;
		color: #79AB3A;
		font-size: 1.333em;
		font-weight: normal;
		line-height: 112.5%;
	}
	h2.blue
	{
		margin: 0px 0px 15px 0px;
		font-family: Arial, ArialMT, Verdana, Tahoma;
		color: #435E9A;
		font-size: 1.333em;
		font-weight: normal;
		line-height: 112.5%;
	}
	h2.purple
	{
		margin: 0px 0px 15px 0px;
		font-family: Arial, ArialMT, Verdana, Tahoma;
		color: #929DCA;
		font-size: 1.333em;
		font-weight: normal;
		line-height: 112.5%;
	}

	h3, .pgf_text h3
	{
		font-size: 1.167em;
	}
	h3.green
	{
		margin: 0px 0px 10px 0px;
		font-family: Arial, ArialMT, Verdana, Tahoma;
		color: #79AB3A;
		font-size: 1.167em;
		font-weight: normal;
		line-height: 133.3%;
	}
	h3.blue
	{
		margin: 0px 0px 10px 0px;
		font-family: Arial, ArialMT, Verdana, Tahoma;
		color: #435E9A;
		font-size: 1.167em;
		font-weight: normal;
		line-height: 133.3%;
	}
	h3.purple
	{
		margin: 0px 0px 10px 0px;
		font-family: Arial, ArialMT, Verdana, Tahoma;
		color: #929DCA;
		font-size: 1.167em;
		font-weight: normal;
		line-height: 133.3%;
	}
            
    div.hidden
    {
        display: none;
    }
    div.visible
    {
        display: block;
    }
    
    /*Crumb*/
	    .vervolg div.crumb
	    {
	        height: 30px;
		    width: 758px;
		    padding: 15px 0px 0px 10px;
		    position: absolute;
		    top: 0px;
	    }
	    	
	        .vervolg div.crumb li
	        {
		        padding: 0px 12px 0px 0px;
		        float: left;
		        line-height: 1.2em;
		        color: #666666;
                font-size: 1.083em;
                font-weight: bold;
	        }
	    	
	            .vervolg div.crumb li a:link,
	            .vervolg div.crumb li a:active,
	            .vervolg div.crumb li a:visited,
	            .vervolg div.crumb li a:focus
	            {
	                color: #046FB4;
	                line-height: 1em;
	            }	            
	    /*End Crumb*/
	    
	    /*Turn submenu & menu off for printing*/
	    .vervolg div#canvas_content div.submenu_vervolg,
	    div#header div.menu
	    {
	        display: none;
	    }  
	    
	    /*Content vervolg*/
	.vervolg div#canvas_content div.content_vervolg
	{
		width: 806px;
		height: auto;
		margin: 0px;
		padding: 0px 0px 0px 11px;
		position: relative;
	}

        /*Bottom corners*/
        .vervolg div#canvas_content div.content_vervolg div.b
        {
		    width: 806px;
		    height: 3px;
		    background: transparent url('/assets/stadskanaal/images/corners_bottom.png') no-repeat bottom left;
		    line-height: 0px;
		    font-size: 0em;
        }
        
	   
	    /*Content*/
	    .vervolg div#canvas_content div.content_vervolg div.t
	    {
		    margin: 45px 0px 0px 0px;
		    background: transparent url('/assets/stadskanaal/images/corners_top.png') no-repeat top left;
		    width: 806px;
		    height: 3px;
		    line-height: 1px;
		    font-size: 0em;   	        
	    }
	        .vervolg div#canvas_content div.content_vervolg div.t div.block_descr
	        {
		        width: 785px;
		        padding: 0px 21px 0px 0px;
		        margin: 0px 0px 0px 0px;
		        color: #FFFFFF;
		        font-size: 1.167em;
		        font-weight: bold;   
		        text-align: right;  	        
	        }
	        
	    .vervolg div#canvas_content div.content_vervolg div.content_container
	    {
		    width: 763px;
		    padding: 30px 21px 40px 22px;
		    background-color: #FFFFFF;    
	    }
	    
	    .vervolg div#canvas_content div.content_vervolg div.portal
	    {
	    }
	        
	        /*Header Vervolg*/
	        .vervolg div#canvas_content div.content_vervolg div.content_container div.header_image
	        {
	            width: 706px;
	            height: 103px;
	            margin: 25px 0px 20px 0px;
	            padding: 45px 0px 0px 0px;
		        background: #333333 url('/assets/stadskanaal/images/header_img.jpg') no-repeat top left;    	        
	        }
	            .vervolg div#canvas_content div.content_vervolg div.content_container div.header_image div.enumeration
	            {
	                width: 445px;
	                /*height: 58px;*/
	                padding: 5px 10px 5px 10px;
		            background: transparent url('/assets/stadskanaal/images/filter_90.png') repeat top left;
                    /*filter:alpha(opacity=80);
                    opacity:.8;		*/              	        
	            }
	            
	                .vervolg div#canvas_content div.content_vervolg div.content_container div.header_image div.enumeration ul li
	                {
	                    background: transparent url('/assets/stadskanaal/images/bullet_orange.gif') no-repeat 7px 8px;
	                }
	            
	                .vervolg div#canvas_content div.content_vervolg div.content_container div.header_image div.enumeration ul li a:link,
	                .vervolg div#canvas_content div.content_vervolg div.content_container div.header_image div.enumeration ul li a:active,
	                .vervolg div#canvas_content div.content_vervolg div.content_container div.header_image div.enumeration ul li a:visited,
	                .vervolg div#canvas_content div.content_vervolg div.content_container div.header_image div.enumeration ul li a:focus
	                {	
	                    color: #333333;
	                    font-size: 1.083em;
	                    text-decoration: none; 
	                    line-height: 140%;             	        
	                }
	        
	        .vervolg div#canvas_content div.content_vervolg div.content_container div.spacer
	        {
	            height: 15px;       
	            font-size: 1px;
	            line-height: 1px;
	        }
	        .vervolg div#canvas_content div.content_vervolg div.content_container div.header_portal
	        {
	            width: 758px; 	
	            position: relative;      
	        }
	       
	        
	        .vervolg div#canvas_content div.content_vervolg div.content_container div.text
	        {
	            width: 750px;
	            font-size: 1.083em; 	        
	        }
	            .vervolg div#canvas_content div.content_vervolg div.content_container div.text div.subheader,
	            .vervolg div#canvas_content div.content_vervolg div.content_container div.text h2
	            {
	                /*width: 750px;*/
	                width: 100%;
	                border-bottom: 1px solid #E5E4E2;
	                padding: 20px 0px 10px 0px;
	                margin: 0px;
	                color: #727272;
	                font-weight: normal;
	                font-size: 1.23em;     
	            }
	        
	            .vervolg div#canvas_content div.content_vervolg div.content_container div.text p,
	            .vervolg div#canvas_content div.content_vervolg div.extras div.loket div.banners div.banner div.text p
	            {
	                color: #333333;	        
	            }
	        
	        .vervolg div#canvas_content div.content_vervolg div.content_container div.agendalist div.text
	        {
	            padding: 5px 0px 0px 10px;
	            width: 85%;	  
	            float: left;      
	            font-size: 1em;
	        }
	        
	
/*anchor for jumping to certain content items*/
.offview
{
    display: block;
	position: absolute;
	top: -1000px!important;
	left: -3000px!important;
	width: 25px;
}

/*\\\\	BASIC STYLES (CONTENT BLOCKS, PAGE LAYOUT)	\\\\*/
/*	--- WEBSITE MAIN CANVAS STYLES --- */

div#canvas_outer
{
	width: 1121px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	background: transparent url('/assets/stadskanaal/images/bg_container.png') no-repeat bottom center;
}
div#canvas,
div#canvas_vervolg
{
	width: 1089px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	background-color: transparent;
	clear: both;
	position: relative;
}
	div.canvas_container
	{
		width: 1089px;
		margin: 0px;
		background: #F4F4F4 url('/assets/stadskanaal/images/bg_canvas.png') no-repeat top left;
		position: relative;
	}
	
	div.info_blocks
	{
	    display: none;
	}

/*	--- HOMEPAGE: CANVAS TOP STYLES --- */
div#header
{
	display: none;
}
/* --- End Header --- */
	
/*	--- HOME-/VERVOLGPAGE: CANVAS FOOTER STYLES --- */
div#canvas_footer
{
    display: none;
}
/* --- End Footer --- */
/*	--- WEBSITE HELPER ELEMENTS --- */
div.breaker
{
	width: 100%;
	height: 1px;
	margin: -1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
}


div.noprint
{
    display: none;
}		                
div.left
{
    display: none;
}
div.crumb
{
    display: none;
}
div.right
{
    display: none;
}