/*
  $Id: style.css,v 1.4 2008-08-12 07:23:51 gertjan Exp $
  website style
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	background: #8F8882;
	font-size: 62.5%;/* = 10px */
	height: 100%;
}

/* header */
.header  {
  position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #FFF;
 	text-align: left;
}

/* link in logo */
.header .hdr1 a {
  position: absolute; 
  margin: 10px 0 0 180px;/*trbl*/ 
	padding: 0px 120px 70px 0;/*trbl */
	background: url(../images/arvoo_logo_header.png) no-repeat;
}

/* link in division name */
body .header .hdr2 a {
  position: absolute;
		color: #8F8882;
		margin: 29px 0 0 320px;/* trbl */
		padding: 0 0 0 0;
		font-size: 2.5em;/* 25px */
 	  text-decoration: none;
  	font-family:  Georgia, "Times Roman", Times;
}

.hdr_lang {
  position: absolute; 
	top: 10px;
	left: 0px;
  font-size: 1.0em;
  margin: 00px 0px 0px 0px;
  padding: 0;
  width: 120px;
}

.header div.hdr_lang ul {
	  list-style: none;
	  margin: 20px 0 0 15px;
	  padding: 0;
}
.header div.hdr_lang li {
	  margin: 0;
	  padding: 0;
}
.header div.hdr_lang a {
	  text-decoration: none;
    color: #8F8882;
}
.header div.hdr_lang img {
  margin: 0;
  padding: 0 0 0 0; 
} 
.header div.hdr_lang a#curr_lang  {
    color: #3f3f3f;
}

/* menubar */
div.menubar {
  position: absolute;
	top: 100px;
	left: 0px;
	width: 100%;
	height: 60px;
	margin: 0 auto; 
	font-family:  Georgia, "Times Roman", Times;
/*	float: left;*/
	background: url(../images/menubar.jpg) repeat-x;
}

div.menubar ul {
  	font-size: 1.8em;
	  list-style: none;
		margin: 20px 0 0 180px; /* trbl */
}

div.menubar li {
		display: inline;
		margin: 0 10px 0 0;
		padding: 0px 40px 0 10px;
}

div.menubar a {
	  text-decoration: none;
		color: #F8DFC9;
}

div.menubar a:link {
		color: #F8DFC9;
}

div.menubar a:visited {
		color: #F8DFC9;
}

div.menubar a:hover, a:active {
		color: #FFFFFF;
}

/* navigation bar */
div.navbar {
  position: absolute;
	top: 160px;
	left: 0px;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	background: url(../images/navbar.jpg) repeat-x;
}
div.navbar ul {
	  list-style-type: none;
		margin: 8px 0 0 180px; /* trbl */
}

div.navbar li {
		display: inline;
		margin: 0;
}

div.navbar a {
	background: url(../images/arrow.png) no-repeat left center;
	text-decoration: none;
  padding: 0px 10px 0 15px;/*trbl*/
  color: #000;
 	font-size: 0.9em;
}

div.navbar a:visited {
  color: #000;
}
div.navbar a:link {
  color: #000;
}
div.navbar a:hover {
  color: #000;
}
div.navbar a:active {
  color: #000;
}

/* col sid */
.colside {
/*	width: 15%;*/
  position: absolute;
	top: 200px;
	left: 0px;
	right: 0px;
	width: 180px;
	height: 600px;
	color: #000000;
	font-size: 1.1em;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.colside a {
	  text-decoration: none;
}

.colright_img {
  position: absolute;
	top: 200px;
	left: 700px;
	width: 250px;
	height: 600px;
	background:  url(../images/custbar.jpg) no-repeat scroll;
	background-position: 0px 0px;
	
}

div#prod_order {
	color: #efe8e2;
/*	background: #7F7872;*/
	margin: 0 0 10px 0;/*trbl*/
}

#prod_order ul {
	margin: 0;
  list-style-type: disc;
  margin: 0;
  padding-left: 20px;
}

#prod_order a, #prod_order li, #prod_order ul {
	color: #000;
	font-size: 1.0em;
}

#prod_order .current a   {
		color: #efe8e2;
}

.colside_link {
  margin-top: 60px;
  margin-left: 5px;
}

.colside_link a {
  padding: 0px 10px 0 15px;/*trbl*/
  padding: 0;
  margin: 0;
/*	background: url(../images/arrow.png) no-repeat left center;*/
}

.colside_link a:link, a:visited  {
   color: #ffcc99;
}

.colside_link a:hover, a:active {
		color: #000;
}


/* content */
h1,h2, h3 {
	font-weight: normal;
	color: #FFF;
	font-family:  Georgia, "Times Roman", Times;
}
h1 {
	 font-size: 2.5em;
}
h2 {
	 font-size: 2.0em;
	 margin: 30px 0 5px 10px;/* trbl */
}
h3 {
	 font-size: 1.5em;/* 15px */
 	 margin: 10px 0 5px 20px; /* trbl */
}

.content, .content_cust {
  position: absolute;
	top: 200px;
	left: 200px;
	width: 500px;
	color: #FFF;
	padding: 0 0 50px 0;
}

.content_cust {
  width: 600px;
}

.contentcustimg {
  position: absolute;
	top: 200px;
	left: 20px;
}

.content p.proddescr {
	 color: #330066;
}

/*
.content p.notrecommended {
	 color: #c00;
	 font-weight: bold;
	 font-size: 2.0em;
}
*/
.content a {
	  text-decoration: none;
}

.content a:link, a:visited  {
   color: #ffcc99;
}

.content a:hover, a:active {
		color: #000;
}

.content p, #contact_address, form, ul {
/*	font-size: 1.3em;*/
	font-size:   13px;
	margin-left: 25px;
}

.content p {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  line-height: 1.4em;
}

.content_cust p {
	font-size:   14px;
	margin-left: 25px;
  margin-top: 30px;
  margin-right: 0;
  margin-bottom: 0;
  line-height: 1.4em;
}

/*prodprop: in product overviews */
.content ul.prodprop {
	  list-style: none;
		margin: 0px 0 0 30px; /* trbl */
		padding: 0;
		line-height: 0.9em;
}

.content li.prodprop {
	  list-style: none;
		margin: 0 0 0 0px; /* trbl */
		padding: 0;
}

.content ul {
	  /*font-size: 1.2em;*/
	  list-style: disc;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 0 0 10px;/* trbl */
}

.content li {
	  margin: 5px 0 0 0;/* trbl */
/*	  color: #FFF;*/
}

.content img {
		float: right;
		margin: 0;
}

.content_cust img.imageright {
		float: right;
		margin: 0 15px 0 0; /* trbl */
}
.content_cust img.imageleft {
		float: left;
		margin: 0 15px 0 0; /* trbl */
}
.content_cust img.imagecenter {
		text-align: center;
		margin: 0 15px 0 0; /* trbl */
}

.content td {
  margin: 0;
  padding: 3px 0 3px 0;/*trbl*/
  width: 300px;
}

.content td.tdname {
  width: 120px;
}


div#prod_types, div#prod_types_inline { 
    background-color: #7F7872;
    padding: 1px 0 10px 0;
}

#prod_types p, #prod_types_inline p {
/* 	font-size: 1.3em;*/
}

#prod_types ul, #prod_types_inline ul  {
    list-style-type: none;
    margin: 0 0 0 20px;/*trbl*/
}

#prod_types li {
	  background: url(../images/arrow.png) no-repeat 0 3px;
	  padding: 0 0 0 10px;/* trbl */
}

#prod_types_inline li {
	  background: url(../images/arrow.png) no-repeat 0 3px;
	  padding: 0 20px 0 10px;/* trbl */
	  display: inline;
}

/* contact  */

#contact_address {

}

#contact_address table {

}

#contact_address td {
  width: 170px;
  padding: 0;
  margin: 0;
}

.content .cform td {
  width: 100px;
  margin: 0;
  padding: 0;
}

.content .cform label {
/* 	font-size: 1.3em;*/
  margin: 5px 5px 9px 0;/* trbl */
}
.content .cform label.required {
  color: #009;
}

.content .cform input,textarea,select {
  margin: 1px 15px 9px 0;
  padding: 1px 0 2px 3px;
  border: 1px solid #808080;
  background-color: #d0d0d0; 
}

.content .cform input {
  width: 200px;
}

.content .cform textarea {
  width: 300px;
}

.content .cform .button{
  background-color: #ddd;
  color: #000;
  font-weight: bold;
  width: auto;
  margin: 0 5px 0 0;/* trbl */
  padding: 1px 5px 2px 5px;
  cursor: pointer;
}

/* ARVOO custom */

div#arvoo_sub {
	color: #efe8e2;
/*	background: #7F7872;*/
	margin: 80px 0 10px 0;/*trbl*/
}

#arvoo_sub ul {
	margin: 0;
  list-style-type: disc;
  margin: 0;
  padding-left: 20px;
}

#arvoo_sub a, #arvoo_sub li, #arvoo_sub ul {
	color: #000;
	font-size: 13px;
}

#arvoo_sub .current a   {
		color: #efe8e2;
}


