/*
CSS for: Dakkapeltarief.nl
Version: 1.0
Author: Fiendo - Geert Hoekzema
Website: http://fiendo.nl
*/

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-size:75%;
	font-family:Arial, Verdana, sans-serif;
	font-weight:normal;
	background:#535353;
}
div#main-holder {
	position:relative;
	margin:0 auto;
	padding:0;
	min-height:100%;
	width:842px;
	background:transparent url("../images/contentBackground.gif") repeat scroll left top;
}
div#header-holder {
	background:transparent url("../images/header.jpg") no-repeat scroll left top;
	width:100%;
	padding:0;
	margin:0;
	height:185px;
	position:relative;
}

div#content-holder {
	margin:30px;
	padding:0 0 50px;
	
}

div#footer-holder {
	background:transparent url("../images/footerBackground.gif") no-repeat scroll left top;
	height:32px;
	bottom:0;
	width:782px;
	padding:5px 30px;
	position:absolute;
	font-size:11px;
	color:#999;
}

/* ========== HEADER =========== */
#website-title {
	font-family: "Arial Rounded MT Bold", Arial, Verdana, Sans-Serif;
	margin:0;
	padding:0;
	color:#333;
	font-size:2.5em;
	font-weight:normal;
	position:relative;
	top:60px;
	left:30px;
}

#tagline {
	font-family: "Arial Rounded MT Bold", Arial, Verdana, Sans-Serif;
	margin:0;
	padding:0;
	color:#777;
	font-weight:normal;
	position:relative;
	top:60px;
	left:30px;
}
/* ========== NAVIGATION =========== */
ul#main-navigation { 
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:justify;
	width:802px;
	position:absolute;
	bottom:4px;
	font-size:1.1em;
	padding:0 20px;
}

ul#main-navigation li {
	padding:0;
	float:left;
	border-right:1px solid #444;
	margin:0;
}
ul#main-navigation li a {
	display:block;
	color:#E0E0E0;
	text-decoration:none;
	background:transparent;
	padding:6px 25px 6px 25px;
	
}
ul#main-navigation li a:hover {
	background:#111;
}
ul#main-navigation li.selected a{
	background:#222;
	font-weight:bold;
	color:#ffffcc;
}


/* ========== CONTENT ========== */
#compare-box { 
	background:transparent url("../images/compareBackground.gif") no-repeat scroll left top;
	width:490px;
	height:146px;
	padding:5px;
}
#text-holder {
	margin:30px 0;
	width:540px;
	color:#333;
	line-height:1.7em;
	
}

/* ========== RIGHT HOLDER ========== */

#right-holder {
	border-left:1px dotted #ccc;
	padding:0 0 0 20px;
	float:right;
	width:220px;
	min-height:156px;
	
}
#right-holder h2 {
	margin:0;
	padding:4px 10px;
	background:#555;
	color:#fff;
	font-size:1.1em;
	-moz-border-radius-topLeft:3px;
	-moz-border-radius-topRight:3px;
}
#right-holder p {
	margin:0;
	padding:10px;
}

/* ========== FOOTER ========== */
#footer-holder ul {
    float:right;
    list-style-type:none;
    margin:0;
    padding:0;
    display:inline;
    width:50%;
}
#footer-holder ul li {
	float:right;
	margin:0;
	padding:0px 5px;
}
#footer-holder ul li a {
	color:#999; 
	text-decoration:none;
}
#footer-holder ul li a:hover {
	background:#000;
}

/* ========== GENERAL ========== */
a 					{ color:#333; }
a:visited 	{ color:#666; }
a:active 		{ color:#333; text-decoration:none;}
a:hover 		{ color:#fff; 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:#333;}
h1 { font-size:1.8em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; margin:0;}
h6 { font-size:1.1em; }

img 				{ border:0; }
table 			{ border-collapse:collapse }
input 			{ font-family:Arial, Verdana, sans-serif; } 
input:focus { background-color:#e4ebee; }

.boxCinhoud {background: #E0E0E0;
  margin: 0 3px;
  padding-top: 0px;
}
.infoBoxContents {
  color: #0E4C8B;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

a.information { 
  color: #666666; 
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

a.information:hover { 
  color: #353535;
}




.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #333333;
}



#fixedtipdiv{
position:absolute;
padding: 2px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}



table             { border-collapse:collapse; width:100%;}
#compare-box {
   background:transparent url("../images/compareBackground.gif") no-repeat scroll left top;
   width:510px;
   height:190px;
   padding:5px;
}
#compare-box img.dakkapel {
   padding:2px;
   background:#ccc;
   border:1px solid #fff;
}
  .main input, .main select {
   float:left;
   margin:0;
}
.main img {
   float:right;
   margin:-2px 20px 0 20px ;
   padding:0;
   border:none;
}

.button {
   background:#333;
   color:#fff;
   font-size:1.3em;
   border:1px solid #111;
   padding:3px 10px;
   -moz-border-radius:3px;
   font-weight:bold;
  }