/* Voor info kijk op http://www.businesslogs.com/blog_design/my_5_css_tips.php */
/* Header */
#header1 {width:92%; top: 1px; left: 3px; float: left; position: absolute; margin: 0; display: inline;}

#logo {display: inline; color: #ff3300; float: left; font-size: 20px; font-weight: bold; font-style: italic; background: #ffffff; border: 3px groove #ff0000;}
.zoeken {line-height: 2em; font-size: 16px; font-weight: bold; background-color: #ff0033; color: #ffffff; width: 50px; text-align: center; margin-left: 20%; margin-bottom: 10px; padding: 0;} 				 

.info1 {position: absolute; left:630px; top: 420px; padding: 1px 1px 1px 1px;}
.topppm {position: absolute; color: #000000; background-color: #FFFFDF; left: 580px; top: 20px; padding: 1px 15px 1px 25px;}
.info2 {position: absolute; left: 630px; top: 205px; padding: 1px;}

#afbeelding {top: 10px; right: 50px; position: absolute;}

.uitprinten {color: #ffffff;}
/* Middle */

img.right {float: right; padding: 2px; margin: 2px; border: 0;}
img.left {float: left; padding: 2px; margin: 2px; border: 0;}

/* Footer */
#footer {bottom: 0px; position: relative; text-align: center; color: #000000; font-style: italic; font-weight: bold; font-size: 11px;  padding: 60px 20px 0px 20px; display: inline;}

/* Pagina layout */




body, td, p {color : black; font-size: 13px; font-family: 'Helvetica', 'Arial', 'Times New Roman', sans-serif; letter-spacing: 0.018em; line-height : 19px; margin: 0; padding: 0; width: auto; height: auto;}

#content {position: relative; top: 80px; margin-left: 16%; margin-right: 1%; padding: 20px 20px 0px 20px; width: auto;}
#container {background-image: url(../images/ppm.gif); background-attachment: scroll;}

#bestelcontainer {position: relative; top: 100px; width: auto; margin-left: 20%; margin-right: 20%;}
h1 {padding: 0; margin: 1px; color: #000099; font-size: 15px; font-weight: bold;}
h2 {padding: 0; margin: 1px; color: #000099; font-size: 13px; font-weight: bold;}
h3 {padding: 0; margin: 1px; color: #000099; font-size: 12px; font-weight: bold;}

h4 {font-size:13px; color: #000099; margin: 10px 0 0 0;}
a:link { color: #0000ff; text-decoration: underline;}
a:active { color: #00ff00;}
a:visited { color: #ff3300; text-decoration: underline;}
a:hover { color: #ff3300;} 	
hr {color: #ff3300;}
hr.groen {color: #009900;}
hr.oranje {color: #FF6600;}
hr.grijs {color: #CCCCCC;} 					
ul {margin: 3;}
.sub { padding: 1px; margin: 0 4px 0 10px; font-size: 13px; font-weight: bold;}
.klein {color: #ffffff; background-color: #0033ff; font-size: 12px; font-weight: bold;}
.kleiner {padding: 1px; margin: 4px; color: #000000; font-size: 10px;}
.kleinrechts {text-align: right; padding: 1px; margin: 4px; font-size: 12px; font-weight: bold;}

/* Navigation */
#linkermenu {position: absolute; top: 76px; margin: 0; padding-top: 0; font-weight: bolder; height:auto; width: 15%;}
#menulinks {background-color: #0099FF; position: fixed;}
#submenu ul li a{font-size: 12px; color: #ffffff; background: #0066FF; font-weight: bold;}
#submenu ul, #submenu ul li	{list-style-type: none; display: inline; text-decoration: none;}
#submenu {width: 150px; text-align: center;}
#submenu a {display: block; line-height: 1,9em; text-decoration: none; border: none;}
#submenu a:hover {color: #ff3300; background: #ffffff;}
#submenus ul li a {padding: 6px;}
#submenus ul, #submenus ul li {list-style-type: none; display: inline; background: #0066FF; padding: 2px;}
#submenus {line-height: 2em; font-size: 15px; font-weight: bold; color: #ffffff; background: #0000FF; width: 94%;}
#submenus a {white-space: nowrap; font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; border: none;}
#submenus a:hover {color: #ff3300; background: #ffffff;}

/* Datasheets */
.copy {font-size : 12px; font-weight : bold;}
.linkerintelicoat {position: relative; margin-left: 5%; margin-right: 80%; width: auto; }
.rechterintelicoat {position: relative; margin-left: 11%; margin-right: 10%;} 
.linkerhelft {position: relative; margin-left: 2%; margin-right: 45%; width: auto;}
.rechterhelft {position: absolute; margin-left: 40%; margin-right: 10%; width: 35%;}

.linkerjteck {position: relative; margin-left: 2px; margin-right: 45%; width: auto; border-top: solid 3px; border-bottom: solid 3px; border-right: solid 3px; border-left: solid 3px; border-color: #ff0000;}
.rechterjteck {position: absolute; margin-left: 40%; margin-right: 10%; width: 35%; border-top: solid 3px; border-bottom: solid 3px; border-right: solid 3px; border-left: solid 3px; border-color: #ff0000;}

.halfzoeklinks {position: relative; margin-left: 2%; margin-right: 45%; width: auto;}
.halfzoekrechts {position: absolute; margin-left: 40%; margin-right: 10%; width: 35%;}

.linkerpano {position: relative; margin-left: 2%; width: 40%;}
.rechterpano {position: absolute; margin-left: 40%; margin-right: 10%; width: 40%;}

.ibenaklein {padding: 0; width: 300px; margin: 0; color: #ffffff; background-color: #0099ff; font-size: 14px; font-weight: bold;}
.ibenazwart {font-size : 15px; font-weight : bold; margin: 15px 0 5px 0;}

.intelcontent {position: relative; top: 100px; margin-left: 1%; margin-right: 1%; padding: 0 40px 40px 40px; width: auto;}

.intel1 {line-height: 2em; font-size: 19px; font-weight: bold; background-color: #0000cc; color: #ffffff; text-align: center; margin-left: 20%; margin-bottom: 10px; padding: 0; width: 350px;} 
.intel2 {font-size: 17px; font-weight: bold; color: #000099; position: relative; margin-left: 20%; margin-bottom: 10px; padding: 0;} 			 

.intel3vet {font-size: 15px; color: #0000ff; background-color: #ffffff; border-color: #0000cc; padding: 20px 20px 0 100px;} 
.intel3blauw {line-height: 2em; font-size: 15px; font-weight: bold; background-color: #0000ff; color: #ffffff; text-align: center; width: 350px;  margin-left: 20%; margin-bottom: 10px; padding: 0;} 
.intel3groen {line-height: 2em; font-size: 15px; font-weight: bold; background-color: #009900; color: #ffffff; text-align: center; width: 350px; margin-left: 20%; margin-bottom: 10px; padding: 0;} 
.intel3rood {line-height: 2em; font-size: 15px; font-weight: bold; background-color: #ff0033; color: #ffffff; width: 350px; text-align: center; margin-left: 20%;  margin-bottom: 10px; padding: 0;} 
.intel3zwart {line-height: 2em; font-size: 15px; font-weight: bold; background-color: #000000; color: #ffffff; text-align: center; width: 350px; margin-left: 20%; margin-bottom: 10px; padding: 0;} 

.intel5blauw {font-size: 12px; font-weight: bold; color: #0000ff; text-align: left; margin-bottom: 0; margin-top: 1px;} 
.intel5groen {font-size: 12px; font-weight: bold; color: #009900; text-align: left; margin-bottom: 0; margin-top: 1px;} 
.intel5rood {font-size: 12px; font-weight: bold; color: #ff0033; text-align: left; margin-bottom: 0; margin-top: 1px;} 
.intel5zwart {font-size: 12px; font-weight: bold; color: #000000; text-align: left; margin-bottom: 0; margin-top: 1px;}

.kwart1 {position: relative; margin-left: 2px; padding: 0; white-space: nowrap;}
.kwart2 {position: absolute; margin-left: 28%; margin-right: 10%; padding: 0; white-space: nowrap;}
.kwart2a {position: absolute; margin-left: 24%; padding: 0; white-space: nowrap;}
.kwart2b {position: absolute; margin-left: 13%; padding: 0; white-space: nowrap;}
.kwart2c {position: absolute; margin-left: 24%; padding: 0; white-space: nowrap;}
.kwart2d {position: absolute; margin-left: 32%; padding: 0; white-space: nowrap;}
.kwart3 {position: absolute; margin-left: 50%; padding: 0; white-space: nowrap;}
.kwart3a {position: absolute; margin-left: 44%; padding: 0; white-space: nowrap;}
.kwart3b {position: absolute; margin-left: 45%; padding: 0; white-space: nowrap;}
.kwart3c {position: absolute; margin-left: 40%; padding: 0; white-space: nowrap;}
.kwart4 {position: absolute; margin-left: 75%; padding: 0; white-space: nowrap;}
.kwart4a {position: absolute; margin-left: 60%; padding: 0; white-space: nowrap;}
.kwart4b {position: absolute; margin-left: 53%; padding: 0; white-space: nowrap;}

.kwart1dmftp {position: relative; margin-left: 2px; padding: 0; white-space: nowrap;}
.kwart2admftp {position: absolute; margin-left: 19%; padding: 0; white-space: nowrap;}
.kwart3dmftp {position: absolute; margin-left: 50%; padding: 0; white-space: nowrap;}
.kwart3admftp {position: absolute; margin-left: 37%; padding: 0; white-space: nowrap;}
.kwart4cdmftp {position: absolute; margin-left: 60%; padding: 0; white-space: nowrap;}

.kwartklein {padding: 0; width: 22%; margin: 0; color: #ffffff; background-color: #0033ff; font-size: 12px; font-weight: bold;}
.kwarttitel {padding: 0; width: 30%; margin: 0; text-align: center; color: #ffffff; background-color: #0033ff; font-size: 13px; font-weight: bold;}
.kwartkleiner {padding: 0; width: 80px;	margin: 0; color: #ffffff; background-color: #0033ff; font-size: 12px; font-weight: bold;}

.kwart1mactac {position: absolute; margin-left: 0px; padding: 0; width: 100px; white-space: nowrap; border-top: solid 1px; border-bottom: solid 1px; border-left: solid 1px; border-color: #000000;}
.kwart2mactac {position: absolute; margin-left: 100px; text-align: center; padding: 0; width: 100px; white-space: nowrap; border-top: solid 1px; border-bottom: solid 1px; border-color: #000000;}
.kwart3mactac {position: absolute; margin-left: 200px; text-align: center; padding: 0; width: 100px; white-space: nowrap; border-top: solid 1px; border-bottom: solid 1px; border-color: #000000;}
.kwart4mactac {position: absolute; margin-left: 300px; text-align: center; padding: 0; width: 100px; white-space: nowrap; border-top: solid 1px; border-bottom: solid 1px; border-color: #000000;}
.kwart5mactac {position: absolute; margin-left: 400px; text-align: center; padding: 0; width: 100px; white-space: nowrap; border-top: solid 1px; border-bottom: solid 1px; border-right: solid 1px; border-color: #000000;}

.kwartkleingroen {padding: 0; width: 100px;	margin: 0; color: #000000; background-color: #00FF00; font-size: 12px; font-weight: bold;}
.kwartkleingeel {padding: 0; width: 100px; margin: 0; color: #000000; background-color: #FFFF00; font-size: 12px; font-weight: bold;}
.kwartkleinwit {padding: 0; width: 100px; margin: 0; color: #000000; background-color: #ffffff; font-size: 12px; font-weight: bold;}

.kwarttip {position: absolute; margin-left: 38%; width: 50%; padding: 0;}



.kwartsolvent {position: absolute; margin-left: 22%; margin-right: 5%; padding: 0; width: 57%;}
.mactac {text-align: center; padding: 0; margin: 1px; color: #000099; font-size: 14px; font-weight: bold;}
.ster {color: red; font-weight: bold;}

.box {background: #0099FF;}
.boxtop {background: url(http://www.ppmsupplies.nl/nieuwe%20site/testphp/images/ne.gif) no-repeat top right;}
.boxtop div {font-size: 0; height: 10px; background: url(nw.gif) no-repeat top left;}
.boxbottom {background: url(http://www.ppmsupplies.nl/nieuwe%20site/testphp/images/se.gif) no-repeat bottom right;}
.boxbottom div {font-size: 0; height: 10px; background: url(sw.gif) no-repeat bottom left;}
.boxcontent {padding: 0px 10px 0px 10px;}

.boxtop1 {background: url(http://www.ppmsupplies.nl/nieuwe%20site/testphp/images/ne.gif) no-repeat top right;}
.boxtop1 div {font-size: 0; height: 11px; background: url(nw.gif) no-repeat top left;}
.boxbottom1 {background: url(http://www.ppmsupplies.nl/nieuwe%20site/testphp/images/se.gif) no-repeat bottom right;}
.boxbottom1 div {font-size: 0; height: 11px; background: url(sw.gif) no-repeat bottom left;}

.box2 {background: #0099FF;}
.boxtop2 {background: url(http://www.ppmsupplies.nl/nieuwe%20site/testphp/images/ne.gif) no-repeat top right;}
.boxtop2 div {font-size: 0; height: 13px; background: url(nw.gif) no-repeat top left;}
.boxbottom2 {background: url(http://www.ppmsupplies.nl/nieuwe%20site/testphp/images/se.gif) no-repeat bottom right;}
.boxbottom2 div {font-size: 0; height: 13px; background: url(sw.gif) no-repeat bottom left;}
.boxcontent2 {padding: 0px 13px 0px 13px;}