/*
-----------------------------------------------
Styles for Vip Cars
Written by: www.tulipdesign.nl, Saskia Verlinden
Date: September 2007
-----------------------------------------------


* {padding: 0; margin: 0;}

/* --------font-sizing--------*/

body {font-size: 100%; /*for IE*/}
html>body {font-size: 16px; /* for alle other browsers, IE cannot read this*/}


/* --------fonts and fontsize-------- */


input.rounded {
    border: 2px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 10px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
  
}
input.rounded:focus {
    border-color:#e3b70c;
}



html, body { 
   height: 100%;    /*important for 100% height*/
   font-family: Arial, Verdana, Helvetica, sans-serif;
   background: #131312;
   color: #bbb3a9;
   }

p, ul, li, form, table, th, td {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 0.85em;
   line-height: 1.3;
   }




p, h1, h2, h3, ol, ul, table, td, th {
   text-align: justify;
   }

p, ol, ul {padding: 5px 0 15px 0;}

h1 {
   font-family:  Arial, Verdana, Helvetica, sans-serif;
   color: white;
   font-weight: lighter;
   font-size: 1.1em;
   margin-bottom: 5px;
   padding: 10px 0 0 0;
   }

h2 {
   font-family:  Arial, Verdana, Helvetica, sans-serif;
   color: white;
   font-size: 1.1em;
   font-weight: bold;
   font-variant: normal;
   padding: 10px 0 5px 0;
   }


img {border:none}
#text ul {list-style: none; font-size: 1em;}



/*--------links--------*/
a:link {
   color:#e3b70c;
   text-decoration: none;
   }	

a:visited {
   color: #e3b70c;
   text-decoration: none;  
   }

a:hover {
   color:white;
   text-decoration: underline;
   }

/*--------structure--------*/

#main {
   
   position: relative; top:0; 
   min-height: 100%;
   height:auto !important; /* for modern browsers */
   height:100%; /* for IE */
   width: 800px;
  
   margin: 0px auto 0 auto;
   text-align: center;
   background:#000; }

*html #main {overflow: visible;} /*so IE6  behaves*/


/*--------header--------*/

#hide a, #hide a:hover, #hide a:visited {
   position:absolute; 
   left: 0px; 
   top:-500px; 
   width: 1px; 
   height: 1px; 
   overflow:hidden;
   text-align: left;
   } 

#hide a:active { 
   position:static; 
   width:auto; 
   height:auto; 
   }

div#header{
   padding-top: 85px; /* height of the replacement image */
   width: 800px;
   height: 0;
   overflow: hidden;
   background: transparent;
   margin: 0 auto;
   }


html:first-child #logo {position:absolute; top:0; margin-left:20px; padding-top: 15px;} /* for Opera versions 9 and below */
 #logo {position: absolute; top:0;  padding-top: 15px;}
#logo img {position: absolute; top:0; padding-top: 15px;}
*html #logo {padding-top: 10px;} /* for IE6 */



/*-------navigation-------*/
ul#nav {
  margin: 20px auto 0 auto;
  padding: 0;
  list-style: none;
  font-size: 1em;
  background: black url(../images/bg-nav.gif) repeat;
  width: 800px;
  height: 26px;
  }

#nav li {
  float: left;
  position: relative;
  width: 7em;
  margin: 4px 0 0 10px;
  }

ul#nav li a:link, ul#nav li a:visited {
   text-decoration: none;
   color: silver;
   border: none;
   }

ul#nav  li a:hover, ul#nav #youAreHere a {
   text-decoration: none;
   color:#e3b70c;
   }

/*-------slideshow-------*/
#slideshow {clear: both; margin: 20px auto 0 auto; text-align: center;}
 



/*-------text column-------*/
#text {clear: both; background: transparent; width:800px; margin: 0 auto; text-align: center; padding-bottom:36px; overflow: auto;}
#text-block { text-align: justify; width: 290px; float:left; padding: 20px 10px 0 0;}
#text-brands {width: 340px; float:left; padding: 10px 10px 0 30px;}
#text-contact {width: 370px; float:left; padding: 0px 10px 0 0px; font-size:1em;}
#form {float:left; width:370px; padding:0px 10px 0 30px; text-align: left;}
/*--------footer--------*/
#footer p{background: black url(../images/bg-footer.gif) repeat-x; 
             height: 36px; width:800px;clear: both;
             position: absolute;
            bottom: 0; /* heel belangrijk voor 100% height*/

           left: 0;/* belangrijk om footer gecentreerd te houden*/
           text-align:center; margin: -36px auto 0 auto;} 

*:first-child+html #footer p { margin-top: -46px;}