/* markup */
html {
}
/* ie6 fix for transparent *.png */
* html img,
* html .png {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
body {
    font-family: Arial;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: left;
    color: #444;
}
    h1 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		font-family: Tahoma;
        font-size: 17pt;
        font-weight: normal;
	}
	    h1 span {
            color: #588edd;
        }
    h2 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		font-size: 14pt;
		color: #588edd;
	}
	
	h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		font-size:	12pt;
	}
	h4 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size:	12pt;
		color: #588edd;
	}
	p {
	    margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	em {
		font-weight: normal;
		font-size:smaller;
		color: #3f7cdb;
	}
	img {
	    border: none;
	}
	.blue {
	    color: #387499;
	    font-weight: bold;
	    font-style: italic;
	}
    /* default table */
    table {
        border-collapse: collapse;
    }
        table th,
        table td {
            padding: 0px 0px 0px 0px;
            font-weight: normal;
            text-align: left;
            vertical-align: top;
        }

	/* forms (button, form, input, label, select, optgroup, option, textarea) */
	form {
		margin: 0px 0px 0px 0px;
	}
		input, 
		textarea, 
		select {
			margin: 2px 3px 2px 0px;
			padding: 4px;
			vertical-align: middle;
			border: solid 1px #dadada;
			font-size: 100%;
		}
		input:focus, 
		textarea:focus, 
		select:focus {
			border: solid 1px #84b5ff;
		}
		.tableEnergievergelijker input {
			height: 21px !important;
			margin: 0px 7px 0px 0px !important;
			padding: 0px 0px 0px 3px !important;
			vertical-align: middle !important;
			border: solid 1px #3784b3 !important;
			font-size: 13pt !important;
		}
		.sortSelect {
			height: auto !important;
			margin: 2px 0px 1px 0px;
			padding: 0px 0px 0px 0px;
			vertical-align: middle;
			border: solid 1px #3784b3;
            font-size: 90%;
		}
		textarea {
		    height: auto !important;
		    font-family: Arial;
		    font-size: 100%;
		}
		input.radio, 
		.radio input,
		input.check,
		.check input {
			margin: 0px 3px 0px 0px;
			padding: 0px 0px 0px 0px;
			
		        
			width: auto;
			border: none !important;
			cursor: pointer;
		}
		* html input.radio , 
		* html .radio input,
		* html input.check , 
		* html .check input {
		    margin: 0px 0px 0px 0px;
		    border: none !important;
		}
		    .radio label {
		        margin: 4px ;
		        
			    padding: 4px;
			    cursor: pointer;
			    line-height: 15px;
		    }
		    .check label {
		       margin: 2px 3px 2px 0px;
			padding: 4px;
			    cursor: pointer;
		    }
		input.button {
		    height: auto !important;
		    margin: 4px 0px 0px 0px !important;
		    padding: none !important;
		}
		
		input.comparebutton {
		    background-image: url(/Images/btn_vergelijk.png);
		    background-repeat: no-repeat;
		    width: 101px;
		    height: 24px;
		    border: 0;
		    cursor: hand;
		    cursor: pointer;
		}
		input.comparebutton:hover {
		    background-image: url(/Images/btn_vergelijk_hover.png);
		    background-repeat: no-repeat;
		    width: 101px;
		    height: 24px;
		    border: 0;
		    
		    cursor: hand;
		    cursor: pointer;
		}    
	/* forms (input size: x-large, large, larger, medium, small, smaller, x-small) */	
	input.x-large,
	select.x-large,
	textarea.x-large {
	    width: 201px;
	}
	input.large,
	select.large,
	textarea.large {
	    width: 70px;
	}
	table.large th {
	    width: 180px;
	}
	input.medium,
	select.medium,
	textarea.medium {
	    width: 55px;
	}
	table.medium th {
	    width: 130px;
	}
	.tableEnergievergelijker .medium {
	    width: 70px;
	}
	
	input.small,
	select.small,
	textarea.small {
	    width: 40px;
	}
			
    /* top navigation markup */
    #topNavigationTabs li a {
        font-size: 11pt;
        color: #e6e6e6;
    }
    #topNavigationTabs li a:hover,
    #topNavigationTabs li a:active {
        color: #fff;
    }    
    
    /* table energievergelijker markup */
    .tableEnergievergelijker {
        color: #fff;
    }
    
    /* sub navigation markup */
    #subNavigation {
        margin: 0px 0px 0px 0px;
        padding: 4px 0px 0px 0px;
        list-style: none;
    }
    *html #subNavigation {
        margin-left: 520px;
    }
        #subNavigation li {
            float: left;
            margin: 0px 3px 0px 3px;
            padding: 0px 0px 0px 0px;
            font-size: 11pt;
            color: #e6e6e6;
        }
        
        #subNavigation li a:link, #subNavigation li a:visited {
            float: left;
            font-size: 11pt;
            text-decoration: none;
            color: #e6e6e6;
        }
        #subNavigation li a:hover, #subNavigation li a:active {
            color: #fff;
        }
        #subNavigation li a.selected {
            color: #fff !important;
        }
    
    /* footer navigation markup */
    #overDeWebsite a:link, #overDeWebsite a:visited,
    .footerNavigationList li a:link, .footerNavigationList li a:visited {
        text-decoration: none;
        color: #387499 !important;
    }
    #overDeWebsite a:hover, #overDeWebsite a:active,
    .footerNavigationList li a:hover, .footerNavigationList li a:active {
        color: #387499 !important;
        text-decoration: underline;
    }
    
    .leverancierLink:link, .leverancierLink:visited {
        text-decoration: none;
        color: #387499 !important;
    }
    .leverancierLink:hover, .leverancierLink:active {
        color: #387499 !important;
        text-decoration: underline;
    }