/*  TAXATIETARIEVEN.NL

Author: Geert Hoekzema
Date: 03-12-2008
Email: geert@fiendo.nl
*/

html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}
body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;

	font-size:78.5%;
	font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
	color:#333;
	}


#text-holder table tbody { font-weight:bold;  -moz-border-radius:4px;  width:310px; padding:10px; border:1px solid #b3c8db;}
#text-holder table{border:1px solid #b3c8db;}
#header-holder { background:#16222c; height:130px; width:100%; position:relative; }
#header-holder img { position:relative; top:20px; z-index:10; }
#header-holder #tagline {font-weight:normal; position:relative; z-index:20; color:#ccc; font-size:1.25em; left:60px;}
#header-holder #menu-background { z-index:90; position:absolute; left:0; bottom:0; background:#c2d9ee url("../images/backgroundMenu.gif") repeat-x scroll left bottom; border-top:1px solid #505961; width:100%; height:30px;}
#header-holder .content-positioning { height:100%; }
#header-holder #image { background:url("../images/afbeelding.png") no-repeat scroll left top; width:437px; height:255px; position:absolute; right:0; top:70px; }

#main-navigation { z-index:200; margin:0; padding:0; list-style-type:none; position:absolute; bottom:0;}
#main-navigation li { float:left; margin:0 10px; font-size:1.2em;}
#main-navigation li a { text-decoration:none; display:block; padding:6px 10px;}
#main-navigation li a:hover {background:transparent; color:#bf4221; }
#main-navigation li.selected { background:url("../images/menuRight.gif") no-repeat scroll right bottom; }
#main-navigation li.selected a { background:url("../images/menuLeft.gif") no-repeat scroll left bottom; font-weight:bold; color:#bf4221;}

#content-top { margin:20px auto; position:relative; z-index:100; }
#compare { font-weight:bold;  -moz-border-radius:4px; background:#dae5ef url("../images/backgroundBox.gif") repeat-x scroll left top; width:310px; padding:10px; border:1px solid #b3c8db;}
#compare table {border-collapse:collapse; width:100%; }
#compare table tr td { vertical-align:bottom; }
#compare h3 { font-size:1.25em; margin:0 0 10px;}
#compare input { font-size:1.4em; width:150px; margin:3px 0 0 5px; }
#compare #submitForm { -moz-border-radius:3px; text-align:center; display:block; padding:4px 5px; background:#444444 url("../images/backgroundButton.gif") repeat-x scroll left bottom; color:#fff; text-decoration:none; border-bottom:1px solid #111;}
#compare #submitForm:hover {color:#bf4221; background:#222 none; }

#content-middle { width:100%; height:auto; margin:20px 0 0; background:#dbdbdb; position:relative; border-top:1px solid #fff; border-bottom:1px solid #fff; position:relative; z-index:100;}
#content-middle #ad-holder { position:relative; height:100%; width:200px; margin:0 0 0 20px; float:right;  padding:0 5px 1px; text-align:center; line-height:3em;}
#content-middle #ad-holder #ad-image { padding:4px; border:1px solid #ccc; background:#f4f4f4; margin:5px; }
#content-middle #text-holder { padding:10px 0;width:570px; line-height:1.5em; color:#333;}
#content-middle .content-positioning { background:url("../images/backgroundAds.gif") repeat-y scroll right top; }
#content-middle .google { background:url("../images/backgroundGoogleMap.gif") repeat-y scroll right top;  position:relative; }
#content-middle #compare { border:1px solid #fff; top:20px; position:relative;}

#content-left {float: left; width: 510px; margin: 10px 0 0 0;}
#content-right {float: left; width: 310px; margin: 20px 0 0 0;}

#tabs ul {width: 489px; padding: 0; margin: 10px 0 0 0; list-style-type: none;}
#tabs ul li {background:url("images/tab.png"); float: left;  padding: 10px 0 0 0;  margin: 0 1px 0 0 ;width: 162px; height: 28px;  text-align: center;  }
#tabs ul li a{color: #fff; text-decoration: none; font-weight: bold; display: block;}
#tabs ul li:hover {background:url("images/tab_active.png");color: #375b7c; text-decoration: none; cursor: pointer;}
#tabs ul li.active {background:url("images/tab_active.png");}

#search-results {background: #c2d9ee; padding:7px; width:474px;}
#search-results ul#search-results-overview { list-style-type:none; margin:0; padding:0;}
#search-results ul#search-results-overview li { background:#edf2f7;  border-bottom:1px solid #ccc; border-top: 1px solid #fff; line-height:1.5em;}
#search-results ul#search-results-overview li.odd { background:#e9f3fb; }
#search-results ul#search-results-overview li { display:list-item; text-decoration:none; height:69px; padding:5px; color:#333; }
#search-results ul#search-results-overview li img { float:left; background:#fff; padding:3px; border:1px solid #ccc; margin:0 5px 0 0; }
#search-results ul#search-results-overview li a:hover { background:#fff; color:#bf4221; }

#search-results ul#search-results-overview li .name { font-size:1.3em; font-weight:bold; display:block;}
#search-results ul#search-results-overview li .maplink { color:#666; font-size:.9em; display:block;}
#search-results ul#search-results-overview li .calculation { color:#666; text-align:right; font-size:.9em; width:145px; float:right; line-height:1.5em;}
#search-results ul#search-results-overview li .tariff {color:#333;font-size:1.3em; font-weight:bold; border-top:1px solid #aaa;  }

#search-results #page-navigation { text-align:center;  margin:5px 0; border-top:1px solid #ccc; height:25px; padding:5px; }
#search-results #page-navigation a { color:#333; text-decoration:none; padding:0 5px; }
#search-results #page-navigation a.selected { font-weight:bold; background:#ddd !important; color:#bf4221; border:1px solid #ccc; }
#search-results #page-navigation a:hover { color:#bf4221; background:transparent; }

#search-results #page-navigation a#previous { border-right:1px solid #ccc; }
#search-results #page-navigation a#next{ border-left:1px solid #ccc; }

.grades { border-collapse:collapse; background:#eee; width:200px;}
.grades tr td { padding:2px 10px; border-bottom:1px dotted #ccc;}

#comments { margin:0; padding:20px 1px; list-style-type:none; width:500px; }
#comments li { -moz-border-radius:4px; background-color:#edf2f7; padding:0; margin:10px 0; border:1px solid #fff;}
#comments li h6 { -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; color:#333; background:#ccc; padding:2px;}
#comments li h6 em { font-size:.9em; font-weight:normal; }
#comments li table { border-top:1px solid #fff;  width:100%; margin:4px 0 0; color:#666 ;font-size:.9em;}

#comments li table .average { font-size:.9em; }
#comments li p { padding:2px; margin:0;}


#footer { padding:5px 0; color:#777; font-style:normal; text-align:left; vertical-align:middle; font-size:74.5%;}

/* general styling*/
a { color:#0f3652; }
a:visited { color:#666; }
a:active { color:#b14b19; text-decoration:none;}
a:hover { color:#cccccc; }


#footer a{ color:#0f3652;}
#footer a:visited { color:#0f3652; }
#footer a:active { color:#b14b19; text-decoration:none;}
#footer a:hover { color:#cccccc; }

#maplinks a:hover { color:#16222C; }

.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;}
.clear {clear: both;}
.clearBoth { clear:both; height:1px; font-size:1px; }
.clear { clear: both; }
.hidden { display:none; }
.small { font-size:.9em; }

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

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

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

.page-title { border-bottom:1px solid #ccc; padding:3px 0;}

.content-positioning { width:824px; margin:0 auto; position:relative;  z-index:100; }

form.hidden {
	display: none;
}


table#contact-form {
     border:none;
}
table#contact-form tbody {
    border:none;
}
table#contact-form tr td {
    padding:3px 0;
    font-weight:normal;
    border-bottom:1px dotted #fff;
    color:#333;

}
table#contact-form tr td input,
table#contact-form tr td textarea {
    padding:3px 5px;
    font-size:1em;
    font-family:Arial, verdana, sans-serif;
}
.button {
    padding:4px 10px;
    font-size:1.2em;

}