/* ------------------------------------ *
 CSS Parkeren schiphol
 * ------------------------------------ */


/* general styles */

* {
   padding:0;
   margin:0;
   border:0;
}


html, body {
   width:100%;
   height:100%;
   font-family:Arial, Microsoft Sans Serif, sans serif;
   font-size:10pt;
   font-weight:normal;
   color:#000000;
   background:#ffffff;
}

table {
  border:none;
}



/* page indeling */
#topbanner {
   margin:10px 0 10px ;
   width:100%;
}

#wrapper {
   text-align:left;
   vertical-align:top; 
   width: 800px;
   margin: 0 auto -30px;
   border:none;
   background:url(../images/bg_wrapper.png) repeat-x left top;
   background:#09f;
}

#header  {
   height:70px;
   background:none;
}

#menu {
   height:25px;
   margin: 0 3px 0px 3px;
   padding: 0 0 0 5px;
   border:0;
}

#content {
   margin: 0 8px 0 8px;
   background:#fff;
   padding:5px;
   border:solid 1px #fff;
   height:100%;
}

#footer, #push {
   width:100%;
   height: 30px;

}




/* ~~~~~~~~~~~~~~~~~~~~~~~
page parts~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~*/


/* header */
#header .logo {
   display: inline;
   float:left;
}

#header .right {
   display:inline;
   float:right;
   color:#fff;
   padding:10px 5px 5px 0;
   text-align:center;
   width:190px;
   font-size:9pt;
   font-weight:bold;
}

#header a {
   color:#fff;
}

#header a.visited {
   color:#fff;
}





/*menu */
#menu div {
   display:inline;
   float:left;
   width:100px;
   height:20px;
   text-align:center;
   font-family:arial;
   font-size:9pt;
   font-weight:bold;
   padding:5px 0 0  0;
   margin:0 3px 0 0px;

}

#menu_item {
   background:url(../images/bg_menu.png) repeat-x left bottom;
   cursor:pointer;
   color:#666;
}

#menu_item_active {
   /* background:url(../images/bg_menu_active.png) repeat-x left bottom; */
   background:#fff;
   color:#000;
}

#menu_item:hover {
   background:url(../images/bg_menu_hover.png) repeat-x left bottom;
}

#menu A {
   text-decoration:none;
}

/*content*/

#left {
   float:left;
   width:70%;
   padding:5px 0 0 10px;
   text-align:left;

}

#right {
   float:left;
   width:27%;
   padding:5px;
   margin: 5px 0 0 0 ;
   text-align:right;
   height:300px;
}

#bottom {
   clear:both;
   width:98%;
   padding:0 0 0 10px;
   text-align:left;
}


/* right */

p.banner  {
   margin: 10px 0 20px 0;
   padding:1px;
}

p.bannerlist  {
   float:left;
   margin: 3px;
   padding:1px;
}

#right img {
   padding: 3px;
   border:solid 1px #09f;
}



/* text styles */
H1.large {
   font-family:  Arial, Microsoft sans serif;
   font-size:14pt;
   text-transform: capitalize; 
   color:#07e;
   margin:20px 0 8px 0;
   font-weight:normal;
}

H1 {
   font-family:  Arial, Microsoft sans serif;
   font-size:11pt;
   margin:20px 0 2px 0;
   color:#07e;
   font-weight:normal;
}

H2 {
   font-family:  Arial, Microsoft sans serif;
   font-size:11pt;
   margin:20px 0 2px 0;
   color:#07e;
   font-weight:normal;
}

H3 {
   font-family:  Arial, Microsoft sans serif;
   font-size:11pt;
   margin:20px 0 2px 0;
   color:#07e;
   font-weight:normal;
}

H4 {
   font-family:  Arial, Microsoft sans serif;
   font-size:11pt;
   margin:20px 0 2px 0;
   color:#07e;
   font-weight:normal;
}

H5 {
   font-family:  Arial, Microsoft sans serif;
   font-size:11pt;
   margin:20px 0 2px 0;
   color:#07e;
   font-weight:normal;
}

p {
   line-height:1.5;
}

.teaser {
  font-weight:bold
}

.small {
  font-size: 8pt;
}


#content A {
   color:#338;
   text-decoration:underline;
}




/* footer */

#footer A {
   color:#fff;
   font-size:8pt;
   font-weight:bold;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~
company list~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~*/

A.companylist {
   text-decoration:none;
   color:#000;
}

div#companylist {
   width:95%;
   min-height:170px;
   border: solid 1px #48b;
   padding:5px 5px 0 5px;
   margin: 5px 0 8px 0;
}


#companylist h1 {
   margin: 0 0 3px 0;
   font-weight:bold;
}

#companylist table{
   height:100px;
}



#companylist table tr td.label {
   width:120px;
   font-weight:bold;
}

#companylist table.infobutton {
   height:25px;
   width:580px;
}

#title {
    float:left;
    width:50%;
}

div.reviewlist {
   width:95%;
   min-height:170px;
   border-bottom: solid 1px #ccc;
   padding:5px 5px 5px 5px;
   margin: 5px 0 8px 0;
}

.reviewlist h2 {
  margin: 0 0 3px 0;
  clear:left;
}



div.reviewsummary {
   width:95%;
   min-height:170px;
   border: solid 2px #48b;
   padding:5px 5px 5px 5px;
   margin: 5px 0 8px 0;
}

.reviewsummary H1 {
  margin: 0 0 3px 0;
   font-weight:bold;
}

.reviewlist .comment {
   float:left;
   width:400px ;
}

.reviewlist .ratings {
   float:left;
   height:120px;
   width:300px;
}







/* ~~~~~~~~~~~~~~~~~~~~~~~
company list compare~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~*/

A.companylistcompare {
   text-decoration:none;
   color:#000;
}

div#companylistcompare {
   clear:left;
   width:95%;
   text-align:left;
   min-height:180px;
   border: solid 1px #48b;
   padding:5px 5px 0 5px;
   margin: 5px 0 8px 0;
}

div#companylistcompare:hover {
   background:#f7f7f7;
}

#companylistcompare H1 {
   margin: 0 0 3px 0;
   font-weight:bold;
}

#companylistcompare table{
   position:relative;
   left:0px;
   width:100%;
   height:80px;
   border:0;
}

#companytable {
    clear:both;
}


td.label {
   width:140px;
   font-weight:bold;
}

td.price {
   font-size:16pt;

   font-weight:bold;
}

td.priceadd {
   color:#f00;
}

#companylistcompare table.infobutton {
   height:25px;
   width:550px;
}

.infobutton {
   margin:3px 0 0  0;
   width:97%;
   text-align:right;
}

#cheapclose {
  float:right;
}

#cheapclose img{
  vertical-align:middle;
  margin:2px 0px 0 10px ;
}


.reviewincompare {
   border: 0;
   border-collapse: collapse;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~
tarifs table~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~*/

table.prijsvergelijk {
   border-collapse: collapse;
   border: none;
   border: solid 1px #48b;

}

table.prijsvergelijk tr td {
    border-right: dotted 1px #48b;
}

.prijsvergelijk .name {
   font-weight:bold;
}

table.prijsvergelijk tr td table {
   border-collapse: collapse;
   border: 0;
   margin: 0;
   padding: 0;
   font-size:9pt;
   width:100%;
}

table.prijsvergelijk tr td table.label {
  font-weight:bold;
  font-size:9pt;
}

table.prijsvergelijk tr td table tr td {
    border: 0px;
    height:20px;
    padding: 0px 0 0 5px;
    width:100px;
}

table.prijsvergelijk tr td table tr td.vink {
   height: 25px;
   font-size:9pt;
}

table.prijsvergelijk tr td table tr td.vink img {
   vertical-align:text-top;
}

table.prijsvergelijk tr td table tr td.border {
  border-bottom: dotted 1px #48b;
}

table.prijsvergelijk tr td table tr td.image {
   height: 85px;
   text-align: center;
   font-weight: bold;
}

#content A.red {
   color: #a00;
}

.red {
   color: #d00;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~
compare tarifs form~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~*/
form {
   width:95%;
}


form fieldset {
  width:100%;
  background:#f0f0f0;
  border: solid 1px #48b;
  padding:5px;
}

form fieldset legend {
  font-size:10pt;
  font-weight:bold;
  color:#000;
  border: none;
  background:#fff;
  margin:0 0 0 10px;
}

form ul {
  list-style-type:none;
  padding-left:10px;
}

form ul li {
   display:block;
   margin-top:10px;
   line-height: 1.8;
   vertical-align:top;
   margin-left:0px;
}

form ul li.button {
  text-align:right;
  padding-right:20px;
  padding-bottom:5px;
}

form label {
  display:block;
  float:left;
  vertical-align: top;
  width:130px;
  text-align:left;
}

form input[type="radio"], input[type="checkbox"], input[type="text"], input[type="file"] {
   font-family: tahoma;
   font-size:10pt;
   border: 0;
   margin-left:5px;
}

form input:focus {
   font-family: tahoma;
   font-size:10pt;
   border: solid 1px #000;
   margin-left:5px;
}

form select {
   font-family: tahoma;
   font-size:10pt;
   border: solid 1px #999;
   margin-left:5px;
}

form textarea {
   font-family: tahoma;
   font-size:10pt;
   border: solid 1px #999;
   margin-left:5px;
}


form span.checkbox {
  display:block;
  margin-left:130px;
}

form input[type="submit"] {
}

/* google map */

#map {
  border:solid 1px #09f;
}

#map_canvas {
   margin:7px;
}

/* simple list */

ul#simplelist {
   margin: 0 0 0 10px;
   list-style-type:none;
   line-height:1.8;
   font-weight:bold;
}

ul#simplelist li {
  width:185px;
}


/* image list */

ul#imagelist {
   list-style-type:none;
   height:180px;
}

ul#imagelist li {
   height:80px;
   width:80px;
   margin: 10px 0px 0 0px;
   padding:5px;
   border: solid 2px #fff;
}

ul#imagelist li:hover {
   border:solid 2px #09f;
}

ul#imagelist li.active {
   border:solid 2px #ccc;
}

/* review form */

.rateLabel {
   float:left;
   clear:left;
   width:220px;
}

.rateImage {
   float:left;
}

.rateImage span{
  font-size:10px;
  margin:0 0 0 20px;
}

.sorteren { text-align:right; color:#666; padding: 0px 25px 0px 0px;}