/*----------------------------------------------
Main stylesheet for mutsaerts
date:			july 2009
author:   Rian Rietveld, RRWD
website: 	http/www.rrwd.nl
------------------------------------------------*/

body{
  margin: 0;
  padding: 0;
  color: #222; 
  background-color: #fff;
  line-height: 150%;
}

img {
  border: 0;
}

/* -------------------------------------------------------- main layout */

#wrapper {
  position: relative;
  margin: 0 auto; 
  text-align: left; 
  width: 1024px;
}

#header {
  height: 150px;
  width: 1024px;  
}

#mainNav { 
  width: 280px; 
  float: left; 
}

#content { 
  width: 715px; 
  float: right; 
}

#mainContent { 
  width: 455px; 
  margin: 0; 
  float: left;
}

#innerContent {
  min-height: 400px;
}

#secondaryContent { 
  width: 200px;
  display: inline;
  float: right; 
  padding-right: 20px;
} 

#footer { 
  position: relative;
  clear: both; 
  margin: 0;
  width: 1024px;
  height: 10px;
} 


/* -------------------------------------------------------- extra layout */
#home_link {
  position: absolute;
  top: 15px;
  left:10px;
  width: 91px;
  height: 91px;
}

#foto_with_quote {
  position: absolute;
  top: 15px;
  left: 787px;
  width: 200px;
  height: 90px;
}

#foto_with_content {
  position: absolute;
  top: 15px;
  left: 310px;
  width: 445px;
  height: 91px;
}

img.button_vp {
  width: 450px;
  height: 89px;
}

#first_menu, #second_menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

#first_menu li, #second_menu li {
  list-style: none;
}

#second_menu li {
  float: left;
  margin-right: 10px;
  color: #00476e;
}

#second_menu li a {
  margin-right: 10px;
}

#h1_home_vp {
  position: absolute;
  top: 15px;
  left: 305px;
}



/* -------------------------------------------------------- main menu */
#navigation {
  padding: 0;
  margin: 0;
  list-style: none;
}

#navigation li {
  list-style: none;
  padding: 0 0 15px 0;
  margin: 0
}

#navigation li ul li {
  padding: 0;
}

#navigation a {
  color: #222;
  background-color: #fff;
  text-transform:uppercase;
  text-decoration: none;
}

#navigation a.active, #navigation a:hover {
  font-weight: bold;
  color: #00447b;
  background-color: #fff;
  
}
.head {
  width: 270px;
  display: block;
}

.menubutton {
  width: 270px;
  display: block;
}

.large {
  height: 64px;
}
.small {
  height: 20px;
}

#aov { background: url(../layout/buttons/aov.jpg) 0 -64px no-repeat;}
#aov:hover { background-position:0 0; }
#aov.active { background-position:0 0; }

#bav { background: url(../layout/buttons/bav.jpg) 0 -64px no-repeat;}
#bav:hover { background-position:0 0; }
#bav.active { background-position:0 0; }

#orv { background: url(../layout/buttons/orv.jpg) 0 -64px no-repeat;}
#orv:hover { background-position:0 0; }
#orv.active { background-position:0 0; }

#hyp { background: url(../layout/buttons/hypotheek.jpg) 0 -64px no-repeat;}
#hyp:hover { background-position:0 0; }
#hyp.active { background-position:0 0; }

#ref { background: url(../layout/buttons/referenties.jpg) 0 -64px no-repeat;}
#ref:hover { background-position:0 0; }
#ref.active { background-position:0 0; }

#team { background: url(../layout/buttons/team.jpg) 0 -64px no-repeat;}
#team:hover { background-position:0 0; }
#team.active { background-position:0 0; }


#h1_home {
  position: absolute;
  top: 75px;
  left: 305px;
  width: 266px;
  height: 36px;
}


/* -------------------------------------------------------- forms */

fieldset {
  width: 425px;
}

legend {
 text-transform:uppercase;
}

label {
  width: 125px;
  float: left;
}

input.text {
  width: 285px;
}

input.textsmall {
  width: 100px;
}

input, select {
  margin-bottom: 5px;
}

input.submit {
  margin-left: 300px;
}

.error {
  color: #c00;
  background-color: white;
}

/* -------------------------------------------------------- text presentation */

* {
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12px;
}

h1 {
  font-size: 130%;
  color: #00447b;
  background-color: #fff;
  text-transform:uppercase;
  margin-top: 0;
  padding-top: 0;
}


h2 {
  font-size: 110%;
  color: #00476e;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

a {
  color: #00476e; 
  background-color: #fff;
}

.hidden {
  text-indent: -99999px;
  width: 0;
  height: 0;
}

#contentFooter p {
  font-size: 9px;
}

#contentFooter p a{
  text-decoration: none;
  color: #00476e;
  background-color: #fff;
  font-size: 9px;
}

#quote * {
  font-weight: bold;
  font-style: italic;
}

#quote p {
  margin-top: 0;
  padding-top: 0; 
}