/* General Styles */

body{	font:12px/2.4 Verdana, Arial, Helvetica, sans-serif;margin:0; background:url(images/body_bg.jpg) repeat-x;}
a{outline:none; border:none;}
#container{width:880px;margin:0 auto;}
h1.title{ display:none;}
.left{	float:left;width:260px;}
.right{	float:right;width:260px;}
a:focus{	outline:none;}
/* header */ 
#header{	background:url(images/header.png) no-repeat;width:880px;height:165px;float:left;margin:0;}
/* header - nav */
#header ul#nav{	list-style:none;float:left;height:25px;margin:135px 0px 0 30px;display:inline;width:820px;padding:0;}
#header ul#nav li{	width:80px;text-align:center; float:right;margin:0 5px 0 5px;}
#header ul#nav li a{width:80px;height:25px;float:right;display:block;background:url(images/nav_a.jpg) no-repeat;text-decoration:none;font-size:12px; color:#fff; line-height:23px;}
#header ul#nav li a:hover{	background:url(images/nav-a-hover.jpg) no-repeat;}
/* page */
#page{	width:880px;background:url(images/page-bg.png) repeat-y;float:left;}
/* page - main */
#main{	width:540px;margin:20px 0 0 50px;min-height:400px;float:left;display:inline; padding:0 0 20px 0;}
#main h2{color:#6a5b7f;font-size:24px;font-weight:normal;padding:0px;margin:10px 0 0 0;float:left;border-bottom:1px solid #ccc;line-height:normal;width:540px;}
#main h3{color:#6a5b7f;font-size:18px;font-weight:normal;padding:0px;margin:50px 0 0 0;float:left;line-height:normal;width:540px;}
#main p.txt {float:left;margin:10px 0 0 0;width:540px;}
#main span.accent {color:RGB(47, 47, 145);}

/* page - sidebar */

#sidebar{float:right;width:220px;border-top:30px solid #fff;margin:0 50px 0 0;display:inline;}
#sidebar ul{list-style:none; padding:0; margin:0px 0 20px 0; border-top:1px solid #dad382;}
#sidebar ul li a{	height:32px; width:218px; display:block; text-decoration:none; text-align:center; line-height:32px; color:#333;background:url(images/sidebar-a.jpg) repeat-x left top; font-size:12px; border:1px solid #dad382; border-top:none; overflow:hidden;}
#sidebar ul li a:active{ background:url(images/sidebar-a.jpg) repeat-x left bottom;}
#sidebar ul li a:hover{ background:url(images/sidebar-a.jpg) repeat-x left bottom;}


/*footer */

#footer{position:relative; width:820px; height:100px; float:left;background:#544a61;margin:0px 0px 0 0px;display:inline;background:url(images/footer_img.jpg) no-repeat;padding:0 30px 0 30px;text-align:center;}
#footer ul{ list-style:none;padding:0;margin:0 0 0 0;width:100%; float:left;text-align:left;}
#footer ul li{ display:inline;padding:0 10px 0 10px;border-right:1px solid #333;}
#footer ul li a{ text-decoration:none;color:#333;line-height:3.2;}
#footer ul li a:hover{ text-decoration:underline;}

#footer span.rights{color:#fff;line-height:2.8; width:820px; text-align:center; float:left;}
#footer span.rights a{color:#fff;}
#footer span.rights a:hover{ color:#FBF6BF;}

#footer span.refer{color:#bbb;font-size:10px; width:780px; float:left; text-align:left; margin:3px 0 5px 30px;}
#footer span.refer a{color:#bbb;text-decoration:underline;}
#footer span.refer a:hover{color:#333;}
/* End Footer */
#main table td{padding:2px 5px 2px 5px;background:#ecdefe;}
#main table{	width:540px;float:left;margin:10px 0 0 0 ;}
#main .table-head td{	background:#8c77a9 url(../images/table_head.jpg) repeat-x;color:#fff;font-weight:bold;}
#main table img{ width:25px;border:none;}
p.note{	background:#f7f1ff;padding:10px; width:518px;float:left; margin:10px 0}


/* Contact pagina */

#main iframe{ margin:10px 10px 0 0; float:left;}
td.photopreview a{background:url(../images/photo.jpg) no-repeat center center; text-indent:-9999px; overflow:hidden; display:block; width:38px;height:27px; }
td.photopreview{position:relative;}

#screenshot{
	position:absolute;
	border:1px solid #C1C1C1;
	background:#F3F3F3;
	padding:10px;
	display:none;
	color:#333;
	}
p.note2{width:158px; background:#f7f1ff; border:1px solid #b59bd8;padding:10px; float:left; margin:10px 0; height:260px; font-size:10px;}

#storingen {width:518px; background:#f7f1ff; border:1px solid #b59bd8;padding:10px; float:left; margin:10px 0; height:70px; font-size:10px;}
#storingen h3{border-bottom:1px solid #b59bd8; color:#6a5b7f;font-size:18px;font-weight:normal;padding:0px;margin:0px 0 5px 0;float:left;line-height:normal;width:518px;}
#storingen p{width:518px;float:left; margin:0px 0;}

.prijs{color:#FF3333; font-weight:bold; text-indent:10px; font-size:14px;}

.productnaam{font-weight:lighter; font-size:12px;  color:#666666;}
.productnaam strong{font-weight:bold; font-size:14px; color:#000000;  }

p#success{background:#AFFFB2; border:1px solid #2BAF31;padding:5px 10px; width:518px;float:left; margin:10px 0}
p#bademail, p#badserver{background:#FFAFC1; border:1px solid #AF2B49; padding:5px 10px; width:518px;float:left; margin:5px 0}

form#myForm{background:#EFEFEF; border:1px solid #999999; padding:5px 10px; width:518px;float:left; margin:5px 0 }
form#myForm ul{padding:0px; margin:10px 0px; list-style:none; float:left;}
form#myForm ul li{padding:5px 0px; margin:0px; width:100%; float:left;}
form#myForm label{float:left; vertical-align:top; width:70px; padding:0px; margin:0 20px; position:relative;}
form#myForm input, form#myForm textarea{width:350px; margin:0px; padding:2px 5px;}
form#myForm textarea{height:100px;}

form#myForm select, form#myForm input, form#myForm textarea{border:1px solid #aaa; float:left;}
form#myForm input:focus, form#myForm select:focus, form#myForm textarea:focus{ border:1px solid #000;}

form#myForm input#submitinput{float:right; width:120px; margin:0 45px 10px 0; cursor:pointer; background:#8A76A9; border:1px solid #5A4C6F; color:#FFFFFF; }
form#myForm input#submitinput:hover{background:#5D4C78;}
/* Links */

ul#links{width:540px; margin:0; float:left; padding:0; list-style:none;}
ul#links li{	width:240px; float:left; margin:20px 10px 0 10px; padding:0; overflow:hidden;}
ul#links li h4{	color:#6a5b7f;font-size:18px;font-weight:normal;padding:0 0 2px 0;margin:10px 0 0 0px;float:left;line-height:normal;border-bottom:1px solid #ccc;width:240px;}
ul#links li img{ width:220px;float:left;margin:10px 10px 0 0px;padding:10px;border:1px solid #6a5b7f;background:#FBFBFB;}
ul#links li a.link{	width:220px;float:left;margin:10px 0px 0 0px;display:block;background:#A58FBD;padding:5px 10px; color:#fff;text-decoration:none;border:1px solid #8773A6; font-size:11px; line-height:12px;}
ul#links li a.link:hover{background:#554961;}
ul#links li p{line-height:1.4; width:240px; height:46px;overflow:hidden;float:left;margin:10px 0px 0 0px;font-weight: lighter;font-size: 11px;color: #666666; display:inline;}

a#discovery_link{background:url(images/discovery_sound.jpg) no-repeat center center; width:238px; height:120px; float:left; display:block; text-indent:-9999px; overflow:hidden; border:1px solid #554961; margin-top:10px;}
a#booming_link{background:url(images/booming.jpg) no-repeat center center; width:238px; height:120px; float:left; display:block; text-indent:-9999px; overflow:hidden; border:1px solid #554961; margin-top:10px; }
a#imp_link{background:url(images/podium_en_dancefloor.jpg) no-repeat center center; width:238px; height:120px; float:left; display:block; text-indent:-9999px; overflow:hidden; border:1px solid #554961; margin-top:10px;}
a#sdmo_link{background:url(images/sdmo_nederland.jpg) no-repeat center center; width:238px; height:120px; float:left; display:block; text-indent:-9999px; overflow:hidden; border:1px solid #554961; margin-top:10px;}



/* homepage */

#main p.txt2 {float:left;margin:10px 0 0 0;width:270px;}
#main p.txt3 {float:left;margin:0px 0 0 0;width:540px;}
div#quicklinks{width:540px; float:left; border-top:1px solid #ccc; margin:40px 0 0 0; }
#slideshow{ width:250px; height:200px;float:right;margin:20px 0 0 10px;padding:0;}
#slideshow img{ width:250px; height:200px;top:0;left:0;}

ul#quicklinklist{padding:0px; margin:0px; list-style:none; margin:40px 0px 0px 0px; float:right; width:540px; position:relative;}
ul#quicklinklist li{padding:0px; margin:0 10px 0 0px; float:left; width:125px; border-top:1px solid #55476C;}
ul#quicklinklist li a, ul#quicklinklist li a:active, ul#quicklinklist li a:visited{display:block; float:left; 
 width:125px; height:140px; position:relative; text-decoration:none; color:#FFF; font-size:10px; text-align:center;}
ul#quicklinklist li a span{ width:105px; padding:0 10px; background:#8871A7; height:27px; line-height:28px; cursor:pointer; border-top:1px solid #55476C; margin:0; float:left; display:block; margin-top:112px;}
ul#quicklinklist li a:hover span{background:#554961;}

ul#quicklinklist li a#aggregaten{background:#CCC url(images/aggregaten_img.jpg) no-repeat;}
ul#quicklinklist li a#foldtables2{background:#CCC url(images/foldtables_img.jpg) no-repeat;}
ul#quicklinklist li a#hekwerk{background:#CCC url(images/hekwerk_img.jpg) no-repeat;}
ul#quicklinklist li a#heftrucks{background:#CCC url(images/heftrucks_img.jpg) no-repeat;}