* { font-family: "Trebuchet MS", Arial, sans-serif;}

img {border: 0;}
p {margin: 0; padding: 0;}
html {height:100%;}
hr {color: #CE0000; height: 1px; width: 100%;}


/* LAYOUT */
body {
  background-color: #F6F5F0;
  padding-top: 40px;
  padding-bottom: 40px;
  height:100%;
  margin: 0;
}

#container {
  position: relative;
  width: 790px;
  margin: 0 auto;
  padding: 0;
}

#container2 {
  position: relative;
  clear: both;
  width: 790px;
  margin: 0;
  padding: 0;
  background-image: url(../images/bgstrook.jpg);
  background-repeat: repeat-y;
}

#logo {
  clear: both;
  position: relative;
  left: 10px;
  width: 770px;
  height: 95px;
  margin: 0;  
  background-image: url(../images/logo.jpg);
  xborder: solid 1px black;
}


#menu {
  clear: both;
  position: relative;
  left: 10px;
  width: 770px;
  height: 33px;
  margin: 0;
  background-image: url(../images/bgmenu.jpg);
  background-repeat: no-repeat;
  xborder: solid 1px black;
}
#menu ul {
  width: 770px;
}
#menu ul li {
  margin: 0 0 0 20px;
}
#banner {
  clear: both;
  position: relative;
  left: 10px;
  width:770px;
  height:154px;
  margin:0;
  background-color: #CCCCCC;
  xborder: solid 1px black;
}

#content {
  clear: both;
  position: relative;
  left: 10px;
  width:770px;
  xborder: solid 1px black;
}


#contentvlak {
  width:708px;
  margin: 0;
  padding: 15px 30px 15px 30px;
  xborder: solid 1px red;
}

#contentvlakleft {
  width:180px;
  float:left;
  margin: 0;
  padding: 0px 30px 15px 30px;
  xborder: solid 1px red;
}

#contentvlakright {
  width:469px;
  padding: 0px 30px 15px 30px;
  float:left;
  margin:0;
  xborder: solid 1px blue;
  border-left: 1px solid #D2D2D2;
}

#actiebanner {
  clear: both;
  position:relative;
  width:770px;
  height:61px;
  margin:0;
  background-image: url(../images/bgactiebanner.jpg);
  background-repeat: no-repeat;  
}
#actiebanner a 
{
  color: #fff;
  font-weight: bold;
}

#footer {
  clear: both;
  position:relative;
  width:790px;
  height:60px;
  margin: 0;
  background-image: url(../images/bgfooter.jpg);
  background-repeat: no-repeat;
  xborder: solid 1px blue;
}
#footer p {
  padding: 0 40px 0 40px;
}

#menu {
  z-index: 50;
}

#xmenu ul {
  clear: both;
  position: relative;
  width: 100%;
  margin:0;
  padding: 10px 30px 0 30px;
  xborder: solid 1px blue;
}

#xmenu li {
 display: inline;
  list-style-type: none;
  padding: 0;
}

#xmenu li a {
  display: block;
  float: left;
  margin: 0 15px 0 0;
  font-size: 8pt;
  font-weight: bold;
  color:#96958C;
  text-decoration:none; 
}

#xmenu li a:visited {
  color:#96958C;  
}

#xmenu li a:hover {
  color: #CE0000;
}

#xmenu li a:active{
  color: #CE0000;
}
#xmenu li a.oclSelectedPage 
{
  color: #CE0000;
}

p, input, textarea, select, legend, label, td, th, a {
  font-size: 9pt;
  color: #656565;
}


h1 {
  font-size: 11pt;
  font-weight:bold;
  font-style:italic;
  color: #CE0000;
  padding: 0px;
  margin-bottom: 8px;
  margin-top: 5px;
}

h2 {
  font-size: 11pt;
  font-weight:bold;
  font-style:italic;
  color: #ffffff;
}

h3 {
  font-size: 10pt;
  color: #CE0000;
  font-weight:bold;
}


a {
  color: #CE0000;
  text-decoration: none;
}

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

a:hover {
  color: #CE0000;
  text-decoration: underline;
}
a:active {
  color: #CE0000;
  text-decoration: underline;
}

.image
{
  border: solid 3px white;
}


/* Lijsten */
#vestigingen 
{
  width: 100%;
}
.vestiging
{
  width: 100%;
  background: #F1F1F1;
  xborder: 1px solid #656565;  
  margin: 0 0 15px 0;
  padding: 5px;
}
.vestiging h1
{
  margin: 0;
}
.vestiging .foto
{
  float: right;
  margin: 0 0 0 15px;
  text-align: right;
}
.vestiging img
{
  margin: 0;
  border: 3px solid #fff;
}
.occasions_home
{
  width: 460px;
  background: #F1F1F1;
}
.occasions_home td h1
{
  font-size: 8pt;
  color: #000;
  text-transform:uppercase;
  font-weight:bold;
  font-style: normal;
  margin: 0;
}
.occasions_home td p
{
  font-size: 7pt;
  color: #656565;
  line-height:13px;
  margin: 0;
}



/* FORMULIER */
.form br {clear: both;}
fieldset
{
  width: 90%;
  margin: 0;
  padding: 15px;
}

legend
{
  margin: 0;
  padding: 15px;
  color: #ff0000;
  font-size: larger;
}

form.span,
input,
label,
label.error,
textarea
{
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}

label,
label.error
{
  text-align: left;
  width: 150px;
  margin-right: 5px;
}

label.error
{
  color: #ff6600;
  font-weight: bold;
}
.smallbox{width: 50px;}
.mediumbox{width: 175px;}
.largebox{width: 250px;}


/* Horizontale Radio/Check List */
.hor_list
{
  float: left;
}
.hor_list input
{
  width: 18px;
}
.hor_list label
{
  width: 50px;
  text-align: left;
}

/* Foutafhandeling */
textarea.formError,
select.formError
{
  float: left;
  margin-bottom: 5px;
  border: 1px solid #ff6600;
  color: #ffffff;
}
/* Horizontale Radio/Check List */
.hor_list .formError input
{
  border: 1px solid #ff6600;
}
.hor_list .formError label
{
}

/* DIV voor foutmeldingen m.b.t. Form te tonen */
div.foutmelding {
    margin: 10px 0 20px 0;
    padding: 0;
}
div.foutmelding p
{
    margin: 0;
    padding: 3px;
    background: #ffffff;
    color: #ff6600;
    font-size: 14px;
    font-weight: bold;
}


.mededelingen_home
{
  position: relative;
  float: left;
  clear: both;
  border: 2px solid #CE0000;
  margin: 10px 0;
  padding: 5px;
  background: #ffffff;
}