@import('/_include/reset.css');

body {background-color:#000; line-height:160%; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#FFF;}
h1 {font:3.6em 'Arial', sans-serif; background:url(/_images/verloopkop.gif) no-repeat bottom left; padding-bottom:5px;}
h2 {font-weight:bold; font-size:1.4em; color:#DDD;}
h1,h2 {margin-bottom:20px;}
h3 {margin-top:15px;}
p,ul {margin-bottom:15px;}
h3,p,ul {font-size:1.2em;}
ul {list-style:square url(/_images/bullet1.gif); margin-left:-5px;}
li {line-height: 160%;}
small {font-size:1.0em;}
fieldset {border:none;}
label {float:left; width:80px; clear:both;}
input,textarea,select {background-color:#111; border:1px solid #999; margin-bottom:2px; color:#FFF;}

img {border:none;}
hr {border:none;}
sub	{vertical-align:sub;}
th	{text-align:left;}
td {padding:2px;}
pre {font-size: 11px;}

a {text-decoration:none; color:#FFF;}
a:hover, .selected {text-decoration:underline;}

#container {width:902px; margin:20px auto;}
#head {position:relative; height:120px;}
#logo {background-color:#000; width:159px; height:118px; position:absolute; z-index:10;}
#menu {position:absolute; bottom:5px; right:0px; width:100%; float:left;}
#banner {float:right; padding-left: 170px;}

#content {border:1px solid #999; margin-top:-5px; padding: 15px 25px 60px 25px; background: #000;}

.right {float:right; margin-top: 20px;}

#main {width:590px;/* min-height:500px;*/ margin-top: 0px;}
#main a {color:#B5B6CA; font-weight:bold;}

#main table {Width:100%; line-height:200%;}
#main table th {font-size:1.3em;}
#main table td {font-size:1.2em;}
hr.light {border-width: 1px; border-color:#333;}
a.readmore {font-size:11px;}
ul.submenuheadlines {padding-left:0px; line-height:160%;}

#menu {width:900px;}
#menu ul {float:right; margin:0px; list-style:none;}
#menu li {float:left;}
#menu a {display:block; font-weight:normal; padding:2px 5px; border:1px solid #000; border-bottom:none;}
#menu a:hover, #menu a.selected {border:1px solid #999; border-bottom:none; text-decoration:none;}

#menu .submenu {border:1px solid #999; width:180px; position:absolute; left:25px; top:140px; background-color:#232323; padding:20px 0px 10px 25px; list-style:square url(/_images/bullet1.gif); display:none;}
#menu .submenu#active {display:block;}

#menu #active.submenu {
	font-size:1.1em;
}

h3.productgroup {margin-bottom:5px;}
ul.productgroup {margin-top:0px;}

#googlemap {height:400px; width:550px; color:#000;}
#googlemap h2 {color:#000;}

#menu .submenu li {float:none; margin-left:8px;}
#menu .submenu li.noborder {}
#menu .submenu a {border:none;}
#menu .submenu a:hover, #menu .submenu a.selected {border:none; text-decoration:underline;}

#menu ul ul ul {float:none; list-style:square url(/_images/bullet1.gif);}

#productsubnav {margin:0px; padding:0px;}
#productsubnav a {line-height: 200%;}
#productsubnav li {margin-left:23px;}
#productsubnav ul li {margin:0px;}

#footer ul {margin:0px; padding:0px; font-size:1em;}
#footer ul li {display:inline; margin:0px 5px;}

#bread {float:right; margin-right:10px;}
#bread a {font-size:1em; position:relative;}
#bread img {position:relative; top:2px;}

#theForm  label {width:150px;}
#homeflash {float:left;}

.productimage {margin:5px;}

.sidecontent {width:205px; border:1px solid #999; position:relative; margin-bottom:15px; padding-left: 1px; margin-top: 15px;}
.sidecontent small {font-size:0.9em;}
.absolute {position:absolute; z-index:10; padding: 10px; left: -2px;}
.transbg {background-color:#333; width:100%; position:absolute; top:0px; left:0px;}

.sidecontent h2 {margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #999; width:100%;}
.sub {padding:5px; margin-left:10px; font-size:1em;}

.top5px {margin-top:5px;}
.icon {position:relative; top:4px;}

.sla {font-family:monospace;}

.left {float:left; }
.left img {margin-bottom:0px;}
.clear {clear:both;}

fieldset {border: 1px solid #999; float: left; clear: both; padding: 5px 5px; margin: 10px 0px;}
fieldset input {margin: 5px 0px;}
fieldset label {margin: 5px 0px;}

large {font-size: 12px; font-weight: bold;}

input.missingField {border: 1px solid #C00;}

h3.productgroup {border-bottom: 1px solid #FFF; padding: 5px 0px;}

h3.product {margin-top: 10px; margin-bottom: 0px;}

div.downloadleft {float: left; width: 280px;}
div.downloadright {float: right; width: 280px;}

a.nodisplay {display: none;}

a.fright {float: right;}

ul {margin-left: 25px; padding: 0px;}

small.size {font-size: 0.9em; color: #AAA;}

div.newsphoto {float: right;}
a.rightheadline {float: right;}

small.dtype {font-size: 10px;}

select.downselect {font-size: 11px; margin: 0px; padding: 0px; width: 190px; margin-bottom: 10px;}
div.downloadfilters {height: 100px;}

span.search {font-weight: bold; background: #FFF; color: #000; padding: 1px;}

input.search {font-size: 11px;}
select.language {font-size: 11px; background: #333; color: #FFF; border: 1px solid #555; width: 155px !important; margin-bottom: 10px; width: 165px;}

a.print {float: right; margin-top: 40px;}

/*h1 {float: left; width: 600px;}*/

hr.line {border-top: 1px solid #999;}

#quicklinks {float: left; margin-top: 25px; border: 1px solid #999; background: #333; text-align: left; #width: 300px;}
#quicklinks h2 {margin: 0px; font-weight: bold; padding: 10px; border-bottom: 1px solid #FFF; margin: 0px 10px; text-align: left;}
#quicklinks li {margin-left: 10px; margin-right: 10px; line-height: 200%;}
#quicklinks img {float: right; margin-top: 6px; margin-left: 10px;}

#hp500 {margin-top: 20px;}
#hp500 h2 {cursor: pointer;}
#hp500 h2 img {float: left; padding: 0px 3px; margin-right: 3px; margin-top: 3px;}
#hp500 p {margin-left: 14px;}
#hp500 form {margin-left: 14px;}
#hp500 label {font-size: 11px; width: 125px; margin-top: 3px;}
#hp500 input, #hp500 select {margin-bottom: 10px;}

#hp500_hotspots {position: relative;}
#hp500_hotspots .hotspot {position: absolute; cursor: pointer; z-index: 50;}
#hp500_hotspot_1 {left: 378px; top: 174px;}
#hp500_hotspot_2 {left: 440px; top: 210px;}
#hp500_hotspot_3 {left: 459px; top: 165px;}
#hp500_hotspot_4 {left: 339px; top: 200px;}
#hp500_hotspot_5 {left: 394px; top: 221px;}
#hp500_hotspot_text {display: none; position: absolute; top: 10px; left: 20px; color: #000; line-height: 150%; z-index: 10;}
#hp500_hotspot_text h4 {font-size: 14px; font-weight: bold; width: 450px; margin: 0px; margin-bottom: 5px;}
#hp500_hotspot_text p {font-size: 11px; padding: 0px; margin: 0px; width: 290px; margin-top: 6px; text-align: justify;}
#hp500_hotspot_text ul li {font-size: 11px;}
#hp500_hotspot_text h3 {font-size: 24px; line-height: 150%; width: 290px;}