/* Begin default CSS */

* { 
	margin:0;
	padding:0;
}

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
}

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/Background_V2.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

img {
	border: 0px;
    behavior: url(/client/streekhuiskrommerijn/template/iepngfix.htc); 
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a:focus
{
	outline: none;
}

h1 {}

h2 {}

h3 {}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	padding: 0px;
	margin: 0px;
}

p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.clear {
	height: 0px;
	overflow: hidden;
	clear: both;
	line-height: 0px;
}

.cmsError {
	border: 1px solid black;
	background-color: #D1E428;
}

input.readOnly {
	color: black;
	background-color: #D4D0C8;
}

div.cms-internal-error {
	color: #dd0000;
}

div {
    behavior: url(/resources/iepngfix.htc);
}

/* Einde default CSS */

/* Begin standaard bladeren */

.pager td {
	padding: 4px;
}

.pagerFirst, .pagerPrevious {
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast {
	text-align: right;
	width: 10%;
}

.pagerSelection {
	text-align: center;
	width: 60%;
}

.pagerSelectionItem {
	text-align: center;
}

.pagerSelectionItemActive {
	text-align: center;
	font-weight: bold;
}

.pagerAbstract {
	font-weight: bold;
	text-align: center;
}

/* Einde standaard bladeren */

/* Start template */

div#container{
	position: relative;
	padding-bottom: 120px;
}

div#siteContainer {
	width: 965px; 
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* Header */

div#Header{
	height: 45px;
	position: relative;
}

	div#Logo{
		position: absolute;
		top: -2px;
		left: -7px;
		behavior: url(/client/streekhuiskrommerijn/template/iepngfix.htc); 
	}
	
		     #headerMenu ul{
                float: right;
                position: relative;
				padding-right: 240px;
            }
                
                #headerMenu ul li{
                        display: block;
                        height: 20px;
                        float: left;
                        position: relative; 
						background-image: url(../images/headermenu_normal_left.gif);
                        background-repeat: no-repeat;
                        background-position: left;
						color: #225c0c;
						margin: 0px 5px 0px 0px;
						background-color: #f0f8bb;

                }
                
                    #headerMenu ul li a{
                        height: 20px;
                        float: left;
                        font-size: 11px;
						font-family: Georgia, "Times New Roman", Times, serif;
						text-transform: uppercase;
                        text-decoration: none;
                        padding: 0px 8px 0px 8px;
                        background-image: url(../images/headermenu_normal_right.gif);
                        background-repeat: no-repeat;
                        background-position: top right;
						color: #225c0c;
                    }
                    
							#headerMenu ul li a:hover{
								color: #225c0c;
								background-image: url(../images/headermenu_active_right.gif);
								background-repeat: no-repeat;
								background-position: bottom right;
								height: 26px;
								padding-top: 10px;
         
							}
							
							#headerMenu ul li:hover{
								color: #225c0c; 
								background-image: url(../images/headermenu_active_left.gif); 
								background-repeat: no-repeat; 
								background-position: bottom left; 
								height: 36px; 
								padding-top: 0px;
								background-color: #ffffff;
								display: block;
	     
							}
							
							* html #headerMenu li a:hover { 
								color: #225c0c; 
								background-image: url(../images/headermenu_normal_right.gif); 
								background-repeat: no-repeat; 
								background-position: bottom right; 
								height: 20px; 
								padding-top: 0px;
								margin: 0px;
								text-decoration: underline;
								/*background-color: #ffffff;
								display: block;*/
								}
								
							* html #headerMenu ul li:hover{
								color: #225c0c; 
								background-image: url(../images/headermenu_normanl_left.gif); 
								background-repeat: no-repeat; 
								background-position: bottom left; 
								height: 20px; 
								padding-top: 0px;
								display: block;
								margin: 0px;
	     
							}

					
			div#contact ul{	
				position: absolute;
				top: 15px;
				right: 65px;					
			}
			
						div#contact ul li{	
							display: block;
							float: left;
							color: #225c0c;
							}
			
						div#contact ul li a{	
							height: 20px;
							float: left;
							font-size: 11px;
							font-family: Georgia, "Times New Roman", Times, serif;
							text-decoration: none;
							color: #225c0c;
							padding: 0px 4px 0px 4px;
							}
							
								div#contact ul li.firstChild a{	
									background-image: url(../images/dotted_line_contactmenu.gif);
									background-repeat: no-repeat;
									background-position: top right;
									}
									
						 div#contact ul li a:hover{	
							text-decoration: underline;
							}
					
			div#logoUtrecht{
				position: absolute;
				right: 0px;
				top: 10px;
			}

/* TopMenu */

div#topMenu{
	height: 20px;
	/*background-color: #006b75;*/
}

	            #topMenu ul{
                float: left;
                position: relative;
				z-index: 100;
            }
                
                #topMenu ul li{
                        display: block;
                        height: 18px;
                        float: left;
                        position: relative; 
                }
                
                    #topMenu ul li a{
                        display: block;
                        height: 18px;
                        float: left;
                        text-transform: uppercase;
                        font-size: 11px;
						font-family: Georgia, "Times New Roman", Times, serif;
						text-transform: uppercase;
                        text-decoration: none;
                        padding: 2px 10px 0px 10px;
                        background-image: url(../images/dotted_line_topmenu.gif);
                        background-repeat: no-repeat;
                        background-position: top right;
						color: #FFFFFF;
                    }
                    
                    #topMenu ul li a:hover, #topMenu ul li a:active{
                        background-color: #ffffff;
						height: 18px;
						color: #00696f;
            
                    }
					
					/* Dropdown */
        
        ul#menu18Root li ul{
                display: block;
                background-image: none;
                float: none;
                margin: 30px 0px 0px 0px;
                padding-bottom: 5px;
                height: auto;
                position: absolute;
                visibility: hidden;
                padding: 0px;
                left: 0px;
                
        }
        
            ul#menu18Root li ul li{
                display: block;
                float: none;
                margin:0px;
                height: auto;
                padding: 0px;
                background-image: none;
                font-variant: normal;
                border-bottom: 1px #cae0e1 dotted;
                text-transform: none;
        
            }
            
                #menu18Root li ul li a{
                    display: block;
                    float: none;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    font-weight: bold;
                    width: 180px;
                    text-transform: none;
                    background-image: none;
					color: #00696f;
					background-color: #FFFFFF;
					opacity: 0.90;
					filter: alpha(opacity=90); /*IE*/
                }
            
                ul#menu18Root li ul a:hover{
                    background-color: #00696f;
					color: #FFFFFF;
            	}
            
                        
					
					ul#menu18Root li ul li.lastChild {
						background-image: url(../images/LastChild_menu.png);
						background-position: bottom;
						background-repeat: no-repeat;
						padding-bottom: 8px;
						border-bottom: none;
					}
            
            
/* Content */

div#contentContainer{
	padding-top: 10px;
	height: 356px;
}

/* ContentLeft */

div#contentLeft{
	width: 720px;
	float: left;
}

div#homeImageContainer{
	height: 225px;
	width: 720px;
	position: relative;
}

div#homeImageCorners img{
		position: absolute;
		z-index: 2;
}

	div#homeImageCorners{
		background-image:url(../images/round_corners_big.png);
		background-repeat: no-repeat;
		position: absolute;
		z-index: 1;
		height: 225px;
		width: 720px;
		
		}

div#homeImageborderbottom{
	height: 8px;
	background-image:url(../images/background_border_homeimage.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#homeContenttitle{
	height: 40px;
	padding: 0px 20px 0px 20px;
	background-image: url(../images/background_hometitle.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #7da41a;
	
}

		div#homeContenttitle h1{
			margin: 0px;
			padding: 12px 0px 12px 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
		}	

div#homeContenttext{
	padding: 0px 20px 0px 20px;
	height: 71px;
	background-color: #7da41a; 
}

		div#homeContenttext p, div#Contenttext p{
			padding: 5px 0px 0px 0px;
	
}

div#homeContenttext .LeesMeer{
	width: 76px;
	height: 12px;
	float: right;
	background-image: url(../images/leesmeer_content.gif);
	padding-top: 5px;
	background-position: bottom;
	background-repeat: no-repeat;
}

div#homeContentbottom{
	height: 12px;
	background-image: url(../images/background_homecontent.gif);
}

div#ContentbottomC3M{
	height: 12px;
	background-image: url(../images/background_contentC3M.gif);
	padding-bottom: 10px;
	background-position: top;
	background-repeat: no-repeat;
}

div#Contentbottom{
	height: 12px;
	background-image: url(../images/background_homecontent.gif);
	padding-bottom: 5px;
	background-position: top;
	background-repeat: no-repeat;
}

div#Contenttext{
	padding: 0px 20px 0px 20px;
	background-color: #7da41a; 
}

/* Content C3M */

div#contentC3M{
	width: 501px;
	float: left;

}

div#C3MImageContainer{
	position: relative;
}

div#C3MImage{
	background-image:url(../images/round_corners_small.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	height: 225px;
	width: 501px;
}

div#C3MImage img{
		position: absolute;
}

div#C3MContenttitle{
	padding: 0px 20px 0px 20px;
	background-image: url(../images/background_C3Mtitle.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #7da41a;
	
}

		div#C3MContenttitle h1{
			margin: 0px;
			padding: 12px 0px 12px 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
		}	

div#C3MContenttext{
	padding: 0px 20px 0px 20px;
	background-color: #7da41a; 
}

		div#C3MContenttext p{
			padding: 5px 0px 0px 0px;
	
}

		div#C3MContenttext a{
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
}

		div#C3MContenttext a:hover{
			text-decoration: underline;
}

div#C3MContenttext ol, div#C3MContenttext ul{
	padding: 10px 0px 10px 16px;
}

div#C3MContenttext .LeesMeer{
	width: 76px;
	height: 12px;
	float: right;
	background-image: url(../images/leesmeer_content.gif);
	padding-top: 5px;
	background-position: bottom;
	background-repeat: no-repeat;
}


div#C3MContentbottom{
	height: 12px;
	background-image: url(../images/background_contentC3M.gif);
	padding-bottom: 10px;
	background-position: top;
	background-repeat: no-repeat;
}

div#Contenttext{
	padding: 0px 20px 0px 20px;
	background-color: #7da41a; 
}	

	div#Contenttext a{
		color: #FFFFFF;
		font-weight: bold;
	}

/* ContentRight */

div#contentRight{
	width: 230px;
	padding-left: 15px;
	float: left;
}

div#blockNews{
	width: 230px;
	height: 356px;
	background-image: url(../images/background_blockNews.gif);
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

div#newsTitle h1{
	text-align: center;
	padding: 9px 0px 20px 0px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #fffc00;
	font-weight: none;
}

div#newsItem{
	width: 200px;
	height: 100px;
	background-image: url(../images/dotted_line_news.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 0px 15px 0px 15px; 
}

		div#newsItem h1{
			font-size: 11px;
			font-weight: bold;
			color: #00696f;
			padding-top: 3px;
	}
	
		div#newsItem .date{
			font-size: 11px;
			color: #989898;
	}
	
		div#newsItem p{
			font-size: 11px;
			color: #00696f;
			padding: 0px;
			line-height: 14px;
	}
		div#newsItem .LeesMeer{
			width: 76px;
			height: 12px;
			padding-top: 5px;
}

div#newsBottom{
}

/* Content Extra */

div#contentExtra{
	float: left;
	width: 212px;
	padding-right: 10px;
	position: relative;
	z-index: 10;
}

	div#contentExtraTop{
		background-image: url(../images/background_extra_C3M_top.gif);
		height: 44px;
	}

	div#contentExtraMiddle{
		background-image: url(../images/background_extra_C3M_middle.gif);
		background-position: top;
	}
	
			div#contentExtra h2{
				position: absolute;
				color:#FFFC00;
				font-family:Georgia,"Times New Roman",Times,serif;
				font-size:16px;
				margin:0;
				padding:5px 0 20px;
				text-align:center;
				top: 5px;
				width: 212px;
				display: block;
			}
	
	div#contentExtraBottom{
		background-image: url(../images/background_extra_C3M_bottom.gif);
		height: 12px;
		overflow: hidden;
	}
	
div#projectItem{
	width: 162px;
	background-image: url(../images/dotted_line_projecten.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 0px 25px 5px 25px; 
}

		div#projectItem h1{ 
			font-size: 11px;
			font-weight: bold;
			color: #00696f;
			padding-top: 3px;
			text-decoration: underline;
	}
	
	
		div#projectItem p{
			font-size: 11px;
			color: #7da41a;
			padding: 0px;
			line-height: 14px;
			font-weight: bold;
	}
	
		div#projectItem a:hover p{
			text-decoration: underline;
	}
	
		div#projectItem a p{
			text-decoration: none;
	}
	
	
div#partnerItem{
	width: 162px;
	/*background-image: url(../images/dotted_line_projecten.gif);
	background-position: bottom center;
	background-repeat: no-repeat;*/
	padding: 0px 25px 2px 25px; 
}

		div#partnerItem h1{ 
			font-size: 11px;
			font-weight: bold;
			color: #00696f;
			padding-top: 3px;
			text-decoration: underline;
	}
	
	
		div#partnerItem p{
			font-size: 11px;
			color: #7da41a;
			padding: 0px;
			line-height: 14px;
			font-weight: bold;
	}
	
		div#partnerItem a:hover p{
			text-decoration: underline;
	}
	
		div#partnerItem a p{
			text-decoration: none;
	}

div#contentExtraMiddle ul li {
	width: 162px;
	/*background-image: url(../images/dotted_line_projecten.gif);
	background-position: bottom center;
	background-repeat: no-repeat;*/
	padding: 0px 25px 2px 25px;
}

div#contentExtraMiddle ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #00696f;
	padding-top: 3px;
	text-decoration: underline;
}
	
/* Form */

	form#form96{
		background-color: #7da41a;
		padding: 20px 20px 20px 20px;
	}
	
			form#form96 .formTable{
	}
	
				form#form96 .formTable tr td{
					padding: 0px 0px 12px 0px;
			}
	
				
					form#form96 .formTable tr td.formColumnLeft{
					padding-right: 5px;
					width: 180px;
			}
			
							form#form96 .elementText{
								border: 1px #688b10 solid;
								background-color: #FFFFFF;
								height: 18px;
								width: 200px;
						}
						
							form#form96 .formSubmitSend{
								background-image: url(../images/button_verstuur.gif);
								background-repeat: no-repeat;
								width: 63px;
								height: 12px;
								border: none;
								float: right;
								margin-right: 16px;
								display: block;
						}
						
					
							#cms_cm96__form__projectnaam_row .elementTitle, #cms_cm96__form__doel_row .elementTitle{
								font-size: 14px;
								font-weight: bold;
						}
						
							#cms_cm96__form__bijdrageaan_row .formColumnLeft{
								vertical-align: top;
						}
						
							#cms_cm96__form__bijdrageaan_row .elementCheckboxContainer{
								padding: 0px 0px 3px 0px;
						}
						
							#cms_cm96__form__bijdrageaan_row label{
								padding-left: 10px;
						}
						
						#cms_cm96__form__bijdrageandere_row  .formColumnLeft{
								vertical-align: top;
						}
						
						#cms_cm96__form__risico_row  .formColumnLeft{
								vertical-align: top;
						}
						
							#cms_cm96__form__risico_row .elementTextarea{
								background-color:#FFFFFF;
								border:1px solid #688B10;
								width:200px;								
							}
				
/* Banners Home*/

div#bannersHome{
	width: 980px; 
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 104px;
	clear: both;
}

	div#bannersHome .banner{
		height: 104px;
		width: 246px;
		background-image: url(../images/background_banner.png);
		position: relative;
		float: left;
		
	}
	
	div#bannersHome .banner img, #flashContainerBanner_partners{
		position: absolute;
		top: 5px;
		left: 6px;
	}
	
/* Banners Rechts*/

div#bannersRechts{
	width: 230px;
	float: right;
}

	div#bannersRechts .banner{
		float: right;
		height: 88px;
		width: 230px;
		/*background-image: url(../images/background_banner.png);
		background-repeat: no-repeat;*/
		position: relative;
		padding-bottom: 15px;
		
	}
	
	/*div#bannersRechts .banner img{
		position: absolute;
		top: 5px;
		left: 6px;
	}*/


	div#bannersRechts .banner #flashContainerBanner_partners{
		position: absolute;
		top: 0px;
		left: 0px;		
	}

	div#bannersRechts .flag {
		width: auto;
		height:36px;
		float: right;
		text-align: center;
		padding:9px 16px 15px 16px;
		position:relative;
	}

	div#bannersRechts .flag img {
		float:left;
		width:36px;
		height:36px;
		padding: 0px 15px 0px 15px;
	}
	
/* Kruimelpad */

div#kruimelpad{
	background-image: url(../images/background_kruimelpad_content.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 18px;
	padding: 8px 0px 0px 20px;
	font-size: 10px;
}

div#kruimelpadC3M{
	background-image: url(../images/background_kruimelpad_content.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 18px;
	padding: 8px 0px 0px 0px;
	font-size: 10px;
}
		div#kruimelpad .pageTitle, div#kruimelpadC3M .pageTitle{
			color: #00696f;
			text-transform: uppercase;
			font-family: Georgia, "Times New Roman", Times, serif;
			padding-left: 3px;
			
	}
	
			div#kruimelpad .pageTitle a, div#kruimelpadC3M .pageTitle a{ 
			color: #7da41a;
			text-transform: uppercase;
			font-family: Georgia, "Times New Roman", Times, serif;
			background-image: url(../images/arrow_kruimelpad.gif);
			background-position: right;
			background-repeat: no-repeat;
			padding-right: 13px;
			text-decoration: none;
			
	}
	
div#kruimelpadC3M{
	background-image: url(../images/background_kruimelpad_contentC3M.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 20px;
	padding: 8px 0px 0px 20px;
	font-size: 10px;
}

/* Sitemap */

div#contentLeft .SitemapContainer{
	background-color: #7da41a;
	padding: 20px 20px 20px 50px;
}

	div#contentLeft .SitemapContainer ul{
		padding-left: 20px;
		}
		
			div#contentLeft .SitemapContainer ul li{
			padding: 0px 0px 5px 0px;
			}
		
			div#contentLeft .SitemapContainer ul li a{
			color: #FFFFFF;
			text-decoration: none;
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
}

			div#contentLeft .SitemapContainer ul li a:hover{
			text-decoration: underline;
}

			div#contentLeft .SitemapContainer ul li ul li a{
			color: #FFFFFF;
			text-decoration: none;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
		
}

/* Partnerband */

div#partnerbandContainer{
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
width:980px;
}

div#partnerbandContainer2CM{
float: left;
width: 721px;
padding-bottom: 10px;
}


/* Nieuwsbrief formulier */


form#formNieuwsbrief table	{
	color:#fff;
}

form#formNieuwsbrief table td	{
	padding:3px;
}

form#formNieuwsbrief table tr td input	{
	border:1px solid #5e7e0c;
	padding:3px;
}

form#formNieuwsbrief table tr td input#submitNieuwsbrief	{
	border:1px solid #01555a;
	margin-right:20px;
	padding:6px 30px;
	background-color:#00696f;
	color:#fffc00;
	font-weight:bold;
}

/* Einde template */