/*----------------------------------------------
Main stylesheet for Thermatop
date:			august 2008
author: 	Rian Rietveld, RRWD
website: 	http/www.rrwd.nl

font: Arial, Helvetica, "Sans Serif";
text-colour: #ccc;

21 jan 09 -> menubuttons aangepast
------------------------------------------------*/

body {
  background-color: white;
  margin: 0;
  width: 100%;
}

/* lay-out */
#wrapper{
  background-repeat: no-repeat;
  width: 870px;
  margin: 0 auto;
  position: relative;
  min-height: 650px;
  padding: 0;
}

#content {
	width: 510px;
	float: left;
	padding-bottom: 20px;
	padding-right: 0;
  padding-top: 0;
  margin:0;
  padding-left:340px;
  margin-top: 280px;
    
}

#menu1 {
  position: absolute;
  top: 129px;
  width: 870px;
  left: 0px;
  margin: 0;
  padding: 0;
}

#menu2 {
  position: absolute;
  top: 165px;
  right: 0;
  margin: 0;
  padding: 0;
}


/* menu */

#menu1 li {
  float: left;
  list-style: none;
}

#menu1 li a img {
  height: 18px;
}

#menu2 li {
  list-style: none;
}

#menu2 li a{
  display: block;
  width: 174px;
  height: 22px;
  font-size: 14px;
  color: #fff;
  padding-left: 8px;
  padding-top: 3px;
  text-transform: uppercase;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: top left;
}

#menu2 li a:hover  {
  color: #690;
  border-left: 4px solid #690;
  padding-left: 4px;
  /* background-image: url('../layout/pijl.gif'); */
}

#menu2 li a.active  { 
  color: #690;
  border-left: 4px solid #690;
  padding-left: 4px;
} 


#link_home {
  display: block;
  position: absolute;
  top: 0px;
  left: 250px;
  width: 350px;
  height: 110px;
  text-decoration: none;
}
#menu1 li a {
  display: block;
  height: 24px;  
}
#menu1_thermische_plafonds  {
  width: 191px;
  height: 24px;
  background-image: url('../layout/knop_A_01.jpg');
}
#menu1_thermische_plafonds.active  {
  background-image: url('../layout/knop_B_01.gif');
} 
#menu1_thermische_plafonds:hover  {
  background-image: url('../layout/knop_B_01.gif');
} 

#menu1_cleanroom {
  width: 128px;
  height: 24px;
  background-image: url('../layout/knop_A_02.jpg');
}
#menu1_cleanroom.active  {
  background-image: url('../layout/knop_B_02.gif');
} 
#menu1_cleanroom:hover  {
  background-image: url('../layout/knop_B_02.gif');
} 

#menu1_custom_design {
  width: 159px;
  height: 24px;
  background-image: url('../layout/knop_A_03.jpg');
}
#menu1_custom_design.active  {
  background-image: url('../layout/knop_B_03.gif');
} 
#menu1_custom_design:hover  {
  background-image: url('../layout/knop_B_03.gif');
} 

#menu1_informatie {
  width: 114px;
  height: 24px;
  background-image: url('../layout/knop_A_04.jpg');
}
#menu1_informatie.active  {
  background-image: url('../layout/knop_B_04.gif');
} 
#menu1_informatie:hover  {
  background-image: url('../layout/knop_B_04.gif');
} 

#menu1_downloads {
  width: 115px;
  height: 24px;
  background-image: url('../layout/knop_A_05.jpg');
}
#menu1_downloads.active  {
  background-image: url('../layout/knop_B_05.gif');
} 
#menu1_downloads:hover  {
  background-image: url('../layout/knop_B_05.gif');
} 

#menu1_contact {
  width: 90px;
  height: 24px;
  background-image: url('../layout/knop_A_06.jpg');
}
#menu1_contact.active  {
  background-image: url('../layout/knop_B_06.gif');
} 
#menu1_contact:hover  {
  background-image: url('../layout/knop_B_06.gif');
} 

#menu1_home {
  width: 70px;
  height: 24px;
  background-image: url('../layout/knop_A_07.gif');
}
#menu1_home.active  {
  background-image: url('../layout/knop_B_07.gif');
} 
#menu1_home:hover  {
  background-image: url('../layout/knop_B_07.gif');
} 

/* portfolio */

#image_portfolio {
  position: absolute;
  top: 280px;
  left: 20px;
  width: 300px;
  height: 300px;
  border: solid 1px white;
}

#image_title {
  position: absolute;
  top: 590px;
  left: 20px;
  width: 300px;
  min-height: 20px;
  display: block;
}

#thumbnail1 {
  position: absolute;
  top: 167px;
  left: 20px;
}

#thumbnail2 {
  position: absolute;
  top: 167px;
  left: 127px;
}
#thumbnail3 {
  position: absolute;
  top: 167px;
  left: 234px;
}
#thumbnail4{
  position: absolute;
  top: 167px;
  left: 341px;
}
#thumbnail5 {
  position: absolute;
  top: 167px;
  left: 448px;
}
#thumbnail6 {
  position: absolute;
  top: 167px;
  left: 555px;
}

img.thumb_portfolio {
  width: 85px;
  height: 85px;
  border: solid 1px white;
}

img.thumb_portfolio:hover {
  border: solid 1px #ccc;
}

/* font-presentation and stuff */
* {
  font-family: Arial, Helvetica, "Sans Serif";
  font-size: 11px;
  color: #ccc;
}

img {
  border: 0;
}

#content h1 {
  color: #FFF;
  text-transform: uppercase;
}

#content  span.attention {
  color: #FFF;
}

#content p {
	font-size: 11px;
	color: #ccc;
	line-height: 1.5;
	text-align: justify;
}

#wrapper p {
	font-size: 11px;
	color: #ccc;
	line-height: 1.4;
	text-align: justify;
}


#content a:link    {color: #fff; text-decoration: underline;}
#content a:visited {color: #fff; text-decoration: underline;}
#content a:active  {color: #fff; text-decoration: underline;}
#content a:hover   {color: #ccc; text-decoration: none;}
#extra_pdf a:hover {color:#FFA500; text-decoration: none;}

input, textarea {
  color: black;
}

#extra_pdf {
 position: absolute;
 top: 167px;
 right: 20px;

}

p.midden {
  text-align: center;
  font-weight: bold;
}