/* 
CSS for: Huishoudelijke hulp vergelijken.nl
-------------------------
Author: Geert Hoekzema
Date: 28-10-2008
Website: http://fiendo.nl
-------------------------- 
*/


html { 
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}
body { 
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	
	font-size:78.5%;
	font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
	line-height:1.5em;
	color:#333;

	}

/* GENERAL STYLING
-------------------------------------------------------- */
#main-holder { width:100%; min-height:100%; position:relative; }
	
#header-holder { background:#333 url("../images/backgroundHeader.gif") repeat-x scroll left top; height:104px; position:relative; width:100%; margin:0; padding:0;}
#header-holder h1 {font-size:2.0em;  margin:0; color:#eee;  line-height:1.6em; font-family: "Arial Rounded MT bold", Arial, Verdana, Sans-serif;}
#header-holder h1 .blue { color:#b1deeb;}
#header-holder h1 .small { font-size:.7em; color:#bbb; }


#newheader-holder { background:#333 url("../images/backgroundHeader.gif") repeat-x scroll left top; height:104px; position:relative; width:100%; margin:0; padding:0;}
#newheader-holder h1 {font-size:2.0em; position: relative; margin:-25; color:#eee; width:80%; line-height:1.6em; font-family: "Arial Rounded MT bold", Arial, Verdana, Sans-serif;}
#newheader-holder h1 .blue { color:#b1deeb;}
#newheader-holder h1 .small { font-size:.7em; color:#bbb; }



#main-navigation { position:absolute; left:0; bottom:0; list-style-type:none; margin:0; padding:0; font-size:1.3em;}
#main-navigation li { float:left; margin:0 1px 0 0; padding:0; }
#main-navigation li a { display:list-item; padding:4px 10px 7px; color:#ddd; text-decoration:none; border:1px solid transparent; border-bottom:none; }
#main-navigation li a:hover { background:#d0e7ed; border-color:#91b6c1; color:#333;}
#main-navigation li.selected a{ background:#fff; border-color:#91b6c1; color:#333; font-weight:bold; }

#content-holder { margin:30px auto; }
#content-holder #image { border:7px solid #666666 }
#content-holder #text-holder { background:#eeeeee; border:1px solid #ddd; width:530px; margin:30px 0; padding:10px;}
#content-holder #text-holder p {margin:3px 0 15px; }
#content-holder #top3-holder { margin:20px 0 0; padding:0; list-style-type:none; width:160px; font-size:.95em; line-height:1.3em; color:#888;}
#content-holder #top3-holder li {margin:10px 0; border-bottom:1px solid #ddd;padding:0 0 10px;}
#content-holder #top3-holder li img { padding:3px; border:1px solid #aaa;  margin:0 8px 4px 0;}
#content-holder #top3-holder li h6 { color:#319cd2; }
#content-holder #top3-holder li.title { font-weight:bold; font-size:1.2em; color:#006699; border:none;}
#content-holder #top3-holder li a.read-more { font-size:.9em; color:#999; display:block; text-align:right; text-decoration:none; }
#content-holder #top3-holder li a.read-more:hover { background:transparent; color:#222; text-decoration:underline;}

#compare-holder {  color:#fff; float:right; width:400px; height:218px; background:transparent url("../images/backgroundCompareHolder.gif") no-repeat scroll left top; }
#compare-holder h2 { color:#b2e6ef; font-size:1.4em; margin:10px 0 0 20px;}
#compare-holder ol { margin:20px; padding:0; list-style-type:none; }
#compare-holder ol li { margin:8px 0; padding:0;  }
#compare-holder ol li label { cursor:pointer; }
#compare-holder ol li span { display:block; font-weight:bold; }
#compare-holder ol li input { font-size:1.2em; margin:0 5px 0 0;}
#compare-holder ol li input.button { width:181px; height:31px; color:#d4f0f5; background:#333 url("../images/backgroundButton.gif") no-repeat scroll left top; line-height:.8em; border:none; font-weight:bold;}



#footer-holder { position:absolute; bottom:0; background:#e1eff1; border-top:3px solid #93cdd7; width:100%; height:150px; }
#footer-holder ul { width:250px; font-size:.91em; margin:10px 0 0; padding:0; list-style-type:none; color:#555;}
#footer-holder ul li a { color:#555; text-decoration:none;}
#footer-holder ul li a:hover { color:#fff; }
#footer-holder ul li.title { font-size:1.2em; font-weight:bold; }


/* ELEMENT STYLING
-------------------------------------------------------- */
a { color:#333; }
a:visited { color:#666; }
a:active { color:#b14b19; text-decoration:none;}
a:hover { color:#0081d3;  background-color:#333; text-decoration:none;}

.bold { font-weight:bold; }
.italic { font-style:italic; }
.center { text-align:center; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clearLeft { clear:left;}
.clearRight { clear:right;}
.clearBoth { clear:both; }
.hidden { display:none; } 
.small { font-size:.9em; }


h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; color:#006699;}
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; margin:0;}

img { border:0; }
table { border-collapse:collapse }

input { font-family:Arial, Verdana, sans-serif; } 
input:focus { background-color:#e4ebee; }


/* Postioning */
.position { width:740px; position:relative; margin:0 auto; }
.header { height:100%; }
.block { height:170px; }