/* CSS Document */

body {
	font-size: 12px;
	font-family: Arial;
	color: #000000;
}
h1 {
	background-image:  url(../images/layout/dot.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 50%;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	text-indent: 20px;
	width: 100%;
	font-weight: bold;
}
h1.whitespace {
	height: 40px;
	background-position: 0% 20%;
}
h2 {
	font-size: 12px;
	color: #000000;
	width: 100%;
	font-weight: bold;
}
h3 {
	font-size: 15px;
	color: #006699;
	font-weight: normal;
}
p	{
	font-size: 12px;
	color: #000000;
}
p.product {
	font-size:12px;
	color:#333333;
	line-height:20px;
	font-weight:normal;
	margin:0px 0px 15px 125px;
}			 
a	{
}
a:link {
	color: #000000;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #009900;
	text-decoration: none;
}
ul  {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
}

/* page met header, top, left en right */	
#page {
	position: absolute;
	left: 50%;
	width: 853px;
	height: 638px;
	margin-left: -427px;
	border: 1px solid #333333;
}
/* lange page */	
#page2 {
	position: absolute;
	left: 50%;
	width: 853px;
	margin-left: -427px;
	border: 1px solid #333333;
}
	
/* header met sloganklein */
#header {
	background-image:  url(../images/layout/header.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
	height: 111px;
	z-index: 2;
}

/* navbar in een ul */	
ul#navbar {
	width: 325px;
	height: 55px;
	list-style-type: none;
	margin: 0;
}
ul#navbar li {
	float: left;
	border-right: 1px solid #000000;
	height: 55px;
}
ul#navbar li a {
	display: block;
	width: 80px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 12px;
	font-stretch: condensed;
	text-decoration: none;
	letter-spacing: 0.1em;
}
ul#navbar li a#current {
	background:  url(../images/layout/dot.gif) no-repeat center bottom;
	color: #009900;
}
/* languageselection in een ul */
ul#languageselection {
	display: block;
	margin: 31px 0px 0px 20px;
	list-style-type: none;
}
ul#languageselection li {
	float: left;
	height: 15px;
	width: 20px;
	margin-right: 8px;
}
ul#languageselection span {
	display: none;
}
ul#languageselection li a {
	display: block;
	height: 15px;
	width: 20px;
}
#deutsch { 
	background: url(../images/vlaggen/de.gif) top left no-repeat;
}
#english {
	background: url(../images/vlaggen/gb.gif) top left no-repeat;
}
#french {
	background: url(../images/vlaggen/fr.gif) top left no-repeat;
}
#nederlands { 
	background: url(../images/vlaggen/nl.gif) top left no-repeat;
}

/* sloganklein */
#sloganklein {
	position: absolute;
	top: 42px;
	left: 440px;
	font-size: 15px;
	color: #006699;
	font-weight: normal;
	}

/* top met menu in een ul */
#top {
/*	width: 808 px; foutmelding */
	margin-left: 23px;
	padding: 0px;
	z-index: 5;
}
/* menu ul */
ul#menu {
	margin: 0px;
	padding: 0px;
	background: url(../images/productmenu2/productmenu2.jpg) top left no-repeat;
	height: 115px;
	width: 708px;
	position: relative;
	left: 59px;
	top: 10px;
	z-index: 5;
}
ul#menu li {
 display: inline;
}
ul#menu li a {
 display: block;
 text-indent: -9999px;
 position: absolute;
}
ul#menu li a#menu_item_1 {
 height: 81px;
 left: 0px;
 right: 9px;
 width: 118px;
}
ul#menu li a#menu_item_2 {
 height: 81px;
 left: 118px;
 right: 9px;
 width: 118px;
}
ul#menu li a#menu_item_3 {
 height: 81px;
 left: 236px;
 right: 9px;
 width: 118px;
}
ul#menu li a#menu_item_4 {
 height: 81px;
 left: 354px;
 right: 9px;
 width: 118px;
}
ul#menu li a#menu_item_5 {
 height: 81px;
 left: 472px;
 right: 9px;
 width: 118px;
}
ul#menu li a#menu_item_6 {
 height: 81px;
 left: 590px;
 right: 9px;
 width: 118px;
}
ul#menu li a#menu_item_1:hover {
 background: url(../images/productmenu2/420serie.jpg) top left no-repeat;
}
ul#menu li a#menu_item_2:hover {
 background: url(../images/productmenu2/495serie1.jpg) top left no-repeat;
}
ul#menu li a#menu_item_3:hover {
 background: url(../images/productmenu2/495serie2.jpg) top left no-repeat;
}
ul#menu li a#menu_item_4:hover {
 background: url(../images/productmenu2/700serie.jpg) top left no-repeat;
}
ul#menu li a#menu_item_5:hover {
 background: url(../images/productmenu2/segmenten.jpg) top left no-repeat;
}
ul#menu li a#menu_item_6:hover {
 background: url(../images/productmenu2/plukken.jpg) top left no-repeat;
}

/* slogangroot */
#slogangroot {
	position: absolute;
	top: 70px;
	left: 70px;
	font-size: 22px;	
	font-stretch: condensed;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
	letter-spacing: 0.1em;
}

/*
HOME			left	right	content
PRODUKTEN	top	left	produktlijsten
PATENTEN		left1	right1	content
CONTACT			left1	right1	content
BEDANKT			left	right	content
*/

/* left voor HOME, PRODUKTEN, BEDANKT */
#left0 {
	background-image:  url(../images/layout/background-left.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 380px; /* anders komt de div boven het menu in top */
	width: 334px;
	border: none;
	z-index: 1;
}
/* left voor HOME, PRODUKTEN, BEDANKT */
#left {
	background-image:  url(../images/layout/background-left.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 526px;
	width: 334px;
	border: none;
	z-index: 1;
}
/* left1 voor PATENTEN, CONTACT */
#left1 {
	background-image:  url(../images/layout/background-left1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 526px;
	width: 334px;
	border: none;
	z-index: 1;
}
	
/* HOME, BEDANKT */
#right {
	background-image:  url(../images/layout/background-right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 526px;
	width: 519px;
	border: none;
	z-index: 2;
}
/* PATENTEN, CONTACT */
#right1 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 526px;
	width: 519px;
	border: none;
	z-index: 2;
}

/* productseries1 */
#productserie1 {
	position: absolute;
	bottom: 0px;
	left: 50px;
	height: 367px;
	border: none;
	z-index: 2;
}
/* productseries2 */	
#productserie2 {
	position: absolute;
	bottom: 0px;
	left: 430px;
	height: 367px;
	border: none;
	z-index: 2;
}
/* produkten
#right3 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 367px;
	width: 519px;
	border: none;
	z-index: 2;
} */

/* content op bijvoorbeeld HOME , child van right */
#content {
	font-size: 12px;
	color: #000000;
	position: absolute;
	top: 65px;
	left: 0px;
	height: 350px;
	width: 500px;
	border: none;
	z-index: 3;
}
/* content op bijvoorbeeld PRODUKTEN */
#content2 {
	position: absolute;
	top: 353px;
	left: 335px;
}

/* productlijsten */	
#productlijsten {
	position: absolute;
	top: 211px;
	left: 0px;
	z-index: 2;
}
ul#productlijst1  {
	list-style-type: none;
	position: absolute;
	left: 23px;
	width: 118px;
}
ul#productlijst2  {
	list-style-type: none;
	position: absolute;
	left: 161px;
	width: 118px;
}
ul#productlijst3  {
	list-style-type: none;
	position: absolute;
	left: 299px;
	width: 118px;
}
ul#productlijst4  {
	list-style-type: none;
	position: absolute;
	left: 437px;
	width: 118px;
}
ul#productlijst5  {
	list-style-type: none;
	position: absolute;
	left: 575px;
	width: 118px;
}
ul#productlijst6  {
	list-style-type: none;
	position: absolute;
	left: 713px;
	width: 118px;
}

/* productvoorstellingen */
#product {
	background-image:  url(../images/layout/bgproduct.gif);
	background-repeat: no-repeat;
}
#productimg {
	position: relative;
	top: 10px;
	left: 1px;
	float: left;
}

/* form styles */
form {
	width: 500px;
	text-align: left;
}
fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}
legend {
	display: none;
}
form label {
	display: block;
	float: left;
	width: 100px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}
form select {
	float: left;
	display: block;
}
textarea {
	display: block;
}
form textarea {
	margin-bottom: 4px;
}
.info-label	{
		display: block;
		float: left;
		width: 100px;
}
.info-data	{
		display: block;
		float: left;
}