/* Basic elements */

* { 
	margin:0;
	padding:0;
}

html {
	height:100%;
	min-height:100%; 
}

body {
	height:100%;
	min-height:100%;
	font-family:Arial, Verdana, "Times New Roman", sans-serif; 
	font-size:11px;
	color:#333;
}

body.Content {

}

a img {
	border:none;
}

a {
	outline:none;
}

h1 {
	font-size:34px;
}

h2 {
	font-size:13px;
	margin-bottom:2px;
}

p {
	margin-bottom:15px;
}

ul {
	margin-top: 0px;
	margin-bottom: 15px;
}

ol {
	margin-top: 0px;
	margin-bottom: 15px;
}

ol li {
	list-style-type: decimal;
	list-style-position: inside;
    background: none;
}

ul.formOutput {
    border: 1px dotted #DC002E;
    background-color: #fcfcf3;
    color: #A80725;
    padding: 5px 2px;
}

    ul.formOutput li {
        line-height: 16px;
    }

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

/* Basic div's */

div.Breaker {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

/* Template */

#container{
	background-color:#FFFFFF;
	padding-top: 25px;
}

	#header{
		height:25px;				
		position: absolute;
		z-index: 200;
		top: 0px;
		width: 100%;
		background-color:#51a025;
	}

		#headerLogo{
			float:left;
			padding:7px 0 0 16px;
            width: 400px;
            height: 18px;
            background-repeat: no-repeat;
            background-position: 15px 7px;
		}
		
		#headerMenu {
			display:none;
		}

		#headerZoek{
			display:none;
		}
		
	#backgroundMenu{
		padding-top:20px;
		/* padding-bottom: 65px; */
	}
	
		#menuBlock{
			width:0px;
			display: none;
		}
			
		

		#contentBlock{ 
			width:425px;
			height: auto;
			_height: 100%;
			min-height:100%;
			z-index:100; 
			position:absolute;	
			left:0px;
			top: 0px;
			background-color:#FFFFFF;
		}

		#contentBlockHomepage{ 
			width:425px;
			height: auto;
			_height: 100%;
			min-height:100%;
			z-index:100; 
			position:absolute;	
			left:0px;
			top: 0px;
		}
		
			#content {
				margin-top:42px;
			}

				#contentTitle{ 
					float:left;
					display:inline;
					margin-left:13px;
					margin-top: 0px;
				}

					#contentTitle h1{
						margin:-4px 20px 0 0;
					}

					#contentTitle h1.groen{
						color:#51a025;
					}

					#contentTitle h1.rood{
						color:#dc002e; 
					}
					
				#contentText{
					width:350px;
					line-height:15px;
					float:right;
					padding:0 20px 10px 10px;
				}

					#contentText h2.groen{
						color:#51a025;
					}

					#contentText h2.rood{
						color:#dc002e;
					}
					
					#contentText img{
					
					}
                    
                    #contentText ul {
                        list-style: outside;
                    }
                    
                        #contentText ul li {
                        	list-style-type: none; 
                            background-repeat: no-repeat;
                            background-position: 3px 7px;
                            padding-left: 13px;
                        }
			
			#homepage {
				width:425px; 
				height:515px;
				color:#FFFFFF;
				background-image:url(../images/homepage.jpg);
				margin-top:25px;
			}
			
				#homepageTitle{ 
					float:left;
					display:inline;
					margin-left: 13px;
					margin-top: 10px;
					font-variant:small-caps;
				}

					#homepageTitle h1{

					}
								
				#homepageNieuws{ 
					width:197px;
					height:220px;
					float:right;
					background-image: url(../images/png_background.png);
					margin:20px;
					display:inline;
                    behavior: url(/resources/iepngfix.htc);
					display:none;
				}
						
		#rightBlock{
			width:100px;
			float:left;
			display:inline;
			margin-left: 525px;
			height: 356px;
		}
		
		#rightBlock img{
			position: absolute;
			top: 45px;
			left: 450px;
		}
	
#bottomContainer{
	display:none;
}

	#sponsorsContainer{
		display:none;
	}

	#footerContainer{
		display:none;
	}

		#intro{ 
			width: 220px;
			float:left;
			display: inline;
			margin:30px 0 20px 20px; 
		}

		#leeg {
			width: 529px;
			background-color:#FFFFFF;
			float:left;
			margin-left:20px;
			display: inline;
			height: 100%;
		}

		#poll{
			width:174px;			
			margin-left: 800px;
			padding-top: 4px;
		}

			#pollHeader{ 
				font-size:14px;
				font-variant:small-caps;
				color:#7db85c;
			}

			#pollContent{
				margin-top:10px;
			}

			#pollContent input{
				margin-left:5px;
				padding-left:5px;
		    margin-right: 5px;
			}

			#pollContent input.button{
				padding-top:5px;
			}

		    #pollContent div#pollSeparator {
			height: 3px;
			line-height: 3px;
		    }

		    #pollContent div.pollPercentage {
			float: left;
			width: 40px;
		    }

/**
 * Google Maps
 */

div#gMap186 {

}

/**
 * Poll
 */
 
div.pollContainer {
    margin-top: 20px;
}

   div.pollContainer ol {
        margin-top: 10px;
   }

       div.pollContainer ol li {
           line-height: 18px;
           background: none;
           display: block;
       }
       
           div.pollContainer ol li div {
               float: right;
               line-height: 12px;
           }
       
           div.pollContainer ol li div.pollPercentage {
               width: 70px;
               text-align: right;
           }
       
           div.pollContainer ol li div.pollOuterPercentageBar {
               width: 170px;
               padding: 1px;
               background-color: #51A025;
               height: 12px;
           }
           
               div.pollContainer ol li div.pollOuterPercentageBar div.pollInnerPercentageBar {
                   float: left;
                   height: 12px;
                   background-color: #386C1E;
               }

/**
 * Formulieren
 */

table.formTable {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.formTable td {
        line-height: 22px;
    }
    
    table.formTable td.formColumnLeft {
        width: 30%;
        vertical-align: top;
    }
    
    table.formTable td.formColumnSubmit {
        padding-top: 10px;
    }
    
        table.formTable td.formColumnRight .elementRadioTitle {
            margin-left: 3px;
        }
        
        table.formTable td.formColumnRight input.elementText {
            width: 200px;
        }

/**
 * Cursussen overzicht
 */

table.cursusOverview {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

    table.cursusOverview td ul {
        margin-top: 5px;
    }
    
/**
 * Inschrijfpagina cursussen/activiteiten
 */

input#submitSend, button.activitySubscribe {
    background-color: #DC002E;
    color: #FFF;
    font-weight: bold;
    border: 2px solid #A80725;
    padding: 1px 2px;
    font-size: 11px;
}

table.cursusSubscribe {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0px 20px;
}

    table.cursusSubscribe th {
        text-align: left;
        line-height: 18px;
        vertical-align: top;
    }

div.cursusSubscribe {
    margin-top: 10px;
}

/**
 * Agenda
 */

table.agendaOverview {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    table.agendaOverview td {
        line-height: 18px;
    }
    
    table.agendaOverview td.date {
        font-weight: bold;
    }
    
h2.agendaOverview {
    margin-top: 10px;
}

/**
 * Cursussen
 */

table.cursusOverview {
}

    table.cursusOverview td {
	padding: 3px;
    }
    
    table.cursusOverview td.courseOverview {
	background-color: #dc002e;
	border: 2px solid #a80725;
    }

    #contentText table.cursusOverview td.courseOverview a {
	color: #ffffff;
	font-weight: bold;
    }
	
    #contentText table.cursusOverview tr td ul li {
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
    }
	
/**
 * Search
<div xmlns:php="http://php.net/xsl" class="accuracyOuterBar">
<div class="accuracyText">100%</div>
<div class="accuracyInnerBar" style="width: 100%"></div>
</div>
 
 */

div.accuracyOuterBar {
	float: right;
	width: 70px;
	border: 1px solid #51A025;
	margin-top: 3px;
	height: 10px;
}

	div.accuracyOuterBar div {
		height: 10px;
		line-height: 10px;
	}

	div.accuracyOuterBar div.accuracyText {
		position: absolute;
		font-size: 10px;
		text-align: center;
		width: 70px;
		text-align: center;
		_margin-top: 2px;
		color: #51A025;
	}

	div.accuracyOuterBar div.accuracyInnerBar {
		background-color: #A8D092;
	}