html * {
margin:0;
padding:0;
border:none;
}

body, html {
	height: 100%;
	background: url(../gfx/gradient.jpg) repeat-x white;
}

body, p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#00529b;
}

p {
margin: 10px 0;
}

a {
text-decoration:none;
color:#00529b;
}

h3 {
color:#CC0000;
}

h4 {font-size:13px; }

.brochure,
.contactmsg,
.gebruiksaanwijzing {
color:#00529b;
}

.brochure,
.gebruiksaanwijzing {
text-decoration:underline;
}

.gebruiksaanwijzing {
display:block;
margin-left:90px;
margin-top:-45px;
}

.download2,
.download3 {
margin-left:100px;
}

.folder {
float:left;
margin:0 40px;
height:225px;
}

#first {
margin-left:0;
}

.content_folders a:hover {
color:red;
}

.um_list {
margin-left:0;
}

.um_list,
.us_list,
.lc_list {
margin-left:-25px;
}

.us_list li,
.lc_list li {
margin:10px 0;
list-style:none;
background:url(../gfx/icon.jpg) no-repeat 0 2px white;
padding-left:25px;
}

.um_list_top li {
margin:0;
margin-bottom:10px;
padding-left:25px;
list-style:none;
background:url(../gfx/umotion-icon.jpg) no-repeat 0 2px white;
}

.um_list li {
background:none;
}

.navigation, .navigation_de {
list-style:none;
}

.canvas {
height: 100%;
position:relative;
top:0;
left:0;
}

.proclaimer {
position:absolute;
top:600px;
width:650px;
left:300px;
font-size:9px;
color:#333333;
}


.content_home,
.content_folders {
top:150px;
left:300px;
width:350px;
position:absolute;
}

.content_us,
.content_lc,
.content_contact {
top:150px;
left:330px;
width:340px;
position:absolute;
}

.content_um_left,
.content_um_middle,
.content_um_right {
width:300px;
position:absolute;
}

.content_um_left {
top:140px;
left:30px;
}

.content_um_middle {
left:350px;
top:155px;
}

.content_um_right {
left:690px;
top:205px;
}

.content_folders {
width:600px;
}

.content_um_middle h1 {
width:191px;
height:10px;
margin-left:25px;
display:block;
background-image:url(../gfx/title_um.png);
}

.content_us h1 {
width:164px;
height:10px;
display:block;
background-image:url(../gfx/title_us.gif);
}

.content_lc h1 {
width:191px;
height:10px;
display:block;
background-image:url(../gfx/title_lc.gif)
}

.content_contact h1 {
width:127px;
height:10px;
display:block;
background-image:url(../gfx/title_contact.gif);
background-repeat:no-repeat;
margin-bottom:15px;
}

h1 span {
visibility:hidden;
}

.content_contact ul {
margin-top:10px;
list-style:none;
width:160px;
float:left;
}

.content_contact .kvk {
clear:both;
width:340px;
margin:15px 0 15px 0;
}

form input,
textarea {
border:solid 1px #00529b;
width:300px;
}

#verstuur {
width:100px;
}

#bericht {
height:100px;
}

#logo {
left:215px;
top:10px;
position:absolute;
}

/* gfx/media */

.um_large { 
left:670px;
top:220px;
position:absolute;
}

.us_large {
left:670px;
top:220px;
position:absolute;
}

.us_large_apanet {
left:670px;
top:420px;
position:absolute;
}

.um_img {
width:300px;
margin:15px 0;
position:fixed;
}

.um_folders {
padding-left:20px;
}

#us .us_large {
left:0;
top:140px;
position:absolute;
}
 
.lc_large {
left:670px;
top:190px;
position:absolute;
}

.lc_large_apanet {
left:670px;
top:820px;
position:absolute;
}

#lc .lc_large {
left:-10px;
top:150px;
position:absolute;
}

.um_small {
left:10px;
top:120px;
position:absolute;
}

.us_small {
left:715px;
top:210px;
position:absolute;
}

.lc_small {
left:715px;
top:460px;
position:absolute;
}

.apanet {
left:720px;
top:220px;
position:absolute;
}

.video {
left:690px;
top:200px;
position:absolute;
}

.video_element {
margin:15px 0;
}

/*----------------*/
#language_nl,
#language_de,
#language_en,
#language_es {
top:10px;
position:absolute;
}

#language_nl {
left:585px;
}

#language_de {
left:630px;
}

#language_en {
left:675px;
}

#language_es {
left:720px;
}

.active {
border:solid 2px #000033;
}

.navigation span {
visibility:hidden;
}

.navigation {
background:url(../gfx/navigatie.gif) no-repeat 0 0 transparent;
width:129px;
height:163px;
left:760px;
top:0;
position:absolute;
}

.navigation_de span {
visibility:hidden;
}

.navigation_de {
background:url(../gfx/navigatie_de.gif) no-repeat 0 0 transparent;
width:129px;
height:163px;
left:760px;
top:0;
position:absolute;
}

li a {
display:block;
width:129px;
height:30px;
}

.home {
background:url(../gfx/home.gif) no-repeat 3px 10px transparent;
padding-top:10px;
}

.umotion {
background:url(../gfx/umotion.gif) no-repeat 3px 0 transparent;
}

.ustep {
background:url(../gfx/ustep.gif) no-repeat 3px 0 transparent;
}

.lasercane {
background:url(../gfx/lasercane.gif) no-repeat 3px 0 transparent;
}

.folders {
background:url(../gfx/folders.gif) no-repeat 3px 0 transparent;
}

.folders_de {
background:url(../gfx/folders.gif) no-repeat 3px 0 transparent;
}

.contact {
background:url(../gfx/contact.gif) no-repeat 3px 0 transparent;
}

.kontakt {
background:url(../gfx/kontakt.gif) no-repeat 3px 0 transparent;
}

#home_active,
.home:hover {
background:url(../gfx/home_actief.gif) no-repeat 3px 10px transparent;
padding-top:10px;
}

#um_active,
.umotion:hover {
background:url(../gfx/umotion_actief.gif) no-repeat 3px 0 transparent;
}

#us_active,
.ustep:hover {
background:url(../gfx/ustep_actief.gif) no-repeat 3px 0 transparent;
}

#lc_active,
.lasercane:hover {
background:url(../gfx/lasercane_actief.gif) no-repeat 3px 0 transparent;
}

#folders_active,
.folders:hover {
background:url(../gfx/folders_actief.gif) no-repeat 3px 0 transparent;
}

#contact_active,
.contact:hover {
background:url(../gfx/contact_actief.gif) no-repeat 3px 0 transparent;
}

#kontakt_active,
.kontakt:hover {
background:url(../gfx/kontakt_actief.gif) no-repeat 3px 0 transparent;
}

.clear {clear:both;}